@charset "utf-8";

/*====================================================================================
■01.基本情報
  01_1.基本設定
  01_2.リンク設定
  01_3.タグリセット

■02.主要コンテンツ基本設定
■03.SEO関連
■04.ヘッダー
■05.グローバルナビ
■06.フッター
■07.リンク効果
■08.印刷CSS
■09.clearfix
■10.ページアップ
■11.その他
====================================================================================*/

/*====================================================================================
■00.基本情報
====================================================================================*/

/*
  01_1.基本設定
--------------------------------------------------------------*/

* {
	-webkit-text-size-adjust: none;
}

html{overflow-y:scroll;}

body {
	font-size: 14px;
	margin: 0; padding: 0;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif;
	text-align: center;
	background: #333F3F;
	color: #333333;
	line-height: 1.7;
	}

/*
  01_2.リンク設定
-------------------------------------------------------------*/

a {
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	outline: none;
}
a,
a:link,
a:visited {
	color: #1C9492;
	text-decoration: underline;
}
a:hover,
a:active,
a:focus {
	color: #FFCCCC;
	text-decoration: underline;
}

/*
  01_3.タグリセット
-------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form,address {
	margin: 0; padding: 0;
}
h2,h3,h4,h5,h6 {
	font-size: 12px;
}
ul,li {
	margin: 0; padding: 0;
	list-style: none;
}
img {
	vertical-align: top;
	margin: 0; padding: 0;
	border: none;
}
table,tr,td {
	border-collapse: collapse;
}
table th,
table td {
	text-align: left;
	vertical-align: top;
}

/*====================================================================================
■02.主要コンテンツ基本設定
====================================================================================*/

/* 全体ラッパー */
#wrapper {
	min-width: 1100px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}

/* ヘッダー */
#header {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/* グローバル */
#gnavi {
	position: absolute;
	top: 30px;
	right: 0px;
}

/* コンテンツ */
#main {
	margin: 0 auto;
	padding: 0 0 80px 0;
}

/* セカンドページコンテンツ */
#contents {
	margin: 0 auto;
	padding: 0;
	background: url(../common_img/bg_contents.jpg) left top repeat-x;
}

/* フッター */
#footer {
	margin: 0 auto;
	padding: 51px 0 0 0;
	background: #222a2a;
}

/*====================================================================================
■03.SEO関連
====================================================================================*/

/*====================================================================================
■04.ヘッダー
====================================================================================*/

#header h2 {
	margin: 0; padding: 0;
}
#header ul {
}
#header ul li {
	float: left;
}

/*====================================================================================
■05.グローバルナビ
====================================================================================*/

/* グローバル */
#gnavi ul {
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
}
#gnavi ul li {
	float: left;
	position: relative;
	z-index: 10;
}
#gnavi ul li ul li a {
	margin: 0 0 0 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	z-index: 9999;
}
#gnavi ul li ul li a:hover {
	color: #CCDDDB;
}
#gnavi ul li ul li:before {
	padding: 0 10px 0 0;
	content: ' ';
	background: url(../common_img/arrow02.png) left center no-repeat;
}
#gnavi ul li.g04 ul#gnavSub2 li:nth-child(10):before {
	background: none;
}

#gnavi ul li.g02 ul#gnavSub1 {
	position: absolute;
	width: 200px;
	padding: 20px 30px;
	top: 60px;
	left: -45px;
	box-sizing: border-box;
	z-index: 9999;
	background: #1b9491;
	xbackground: #1b9491 url(../common_img/arrow.png) -440px 0px no-repeat;
}
#gnavi ul li.g02 ul#gnavSub1:before {
	content: "";
	position: absolute;
	top:-9px;
	left: 90px;
	xmargin-top: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #2e8e76 transparent;
}
#gnavi ul li.g02 ul#gnavSub1 li {
	padding: 5px 0;
	float: none;
}

#gnavi ul li.g04 ul#gnavSub2 {
	position: absolute;
	/*c1.44:5 width: 600px; */
	width: 140px;
	padding: 20px 30px;
	top: 60px;
	/*c1.44:5 left: -350px; */
	left: -10px; /*c1.44:5 45-30=#gnavSub1-gnavi04_on.jpg左空白-調整5 */
	box-sizing: border-box;
	z-index: 9999;
	background: #1b9491;
	xbackground: #1b9491 url(../common_img/arrow.png) -128px 0px no-repeat;
}
#gnavi ul li.g04 ul#gnavSub2:before {
	content: "";
	position: absolute;
	top:-9px;
	left: 402px;
	xmargin-top: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #2e8e76 transparent;
}
#gnavi ul li.g04 ul#gnavSub2 li {
	width: 180px;
	padding: 5px 0;
}

/*====================================================================================
■06.フッター
====================================================================================*/

#footer #sec00 {
	width: 1000px;
	margin: 0 auto;
}
#footer #sec00 .sec01 {
	float: left;
	width: 343px;
	margin-left: 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
#footer #sec00 h4 {
	margin: 0 0 10px -10px;
}
#footer #sec00 #fnavi {
	width: 647px;
	float: left;
}

#footer #sec00 #fnavi ul {
	padding-top: 10px;
	font-size: 13px;
	font-weight: bold;
	float: left;
}
#footer #sec00 #fnavi ul.n01 {
	width: 233px;
}
#footer #sec00 #fnavi ul.n02 {
	width: 237px;
}
#footer #sec00 #fnavi ul.n03 {
	width: 177px;
}
#footer #sec00 #fnavi ul li {
	margin: 0 0 20px 0;
	color: #FFFFFF;
}
#footer #sec00 #fnavi ul li span {
	margin: 10px 0 0 30px;
	font-weight: normal;
	display: block; 
}
#footer #sec00 #fnavi ul li:before {
	padding: 0 15px 0 0;
	content: ' ';
	background: url(../common_img/arrow02.png) left 6px no-repeat;
}
#footer #sec00 #fnavi ul li span:before {
	padding: 0 5px 0 0;
	content: '-';
}
#footer small {
	margin: 30px auto 0;
	padding: 20px 0;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	background: #333F3F;
	display: block;
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul li a:hover,
#footer ul li a:active,
#footer ul li a:focus {
	color: #FFCCCC;
	text-decoration: underline;
}


/*====================================================================================
■07.リンク効果
====================================================================================*/

a.btn_hover {
	display: block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
a.btn_hover2 {
	display: block;
	border: 1px solid #AFCDCD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

a.btn_co01 {
	background: #1b9491;
}
a.btn_co01:hover {
	background: #CCDDDB;
}
a.btn_co02 {
	background: #a2a2a2;
}
a.btn_co02:hover {
	background: #CCCCCC;
}
a.btn_co03 {
	background: #ffffff;
}
a.btn_co03:hover {
	background: #AFCDCD;
}


/*====================================================================================
■08.印刷CSS
====================================================================================*/

@media print{
/*印刷用のスタイルを指定*/
}


/*====================================================================================
■09.clearfix
====================================================================================*/

.clearfix {zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both; }

/*====================================================================================
■10.ページアップ
====================================================================================*/

.page-up {
	position: fixed;
	right: 50px; bottom: 50px;
	z-index: 200;
	cursor: pointer;
}

/*====================================================================================
■11.その他
====================================================================================*/