@charset "utf-8";
/* CSS Document */


/*　共通設定--------------------------------　*/

body{background:#B2E3E0;
	margin:0 ;
	padding: 0 ;
}

/*　背景のボックスが必要な場合のみ設定 */
#back{
	background:#fff;
	width:940px;
	margin: 0 auto;
	padding: 0 ;}

p{font-size:80%;
	line-height:1.5em;
	margin:0}

strong{font-weight:bold}

img{border:0;}

hr{
	margin:-0.6em 0 1em 0;
	border:1px #aaa dashed }

table td {
	line-height:1.6em}

table td hr{
	margin:1em 0;
	border:1px #aaa dashed }


/*　ヘッダーとナビ--------------------------------　*/

#head{
	background:url(../summer_img/common_header.gif) no-repeat 0 0;
	height:91px;
	width:940px;
	margin:0 auto}



/*トップページのみのヘッダー*/

body.index #head{
	background:url(../summer_img/top_header.jpg) no-repeat 0 0;
	height:91px;
	width:940px;
	margin:0 auto}

/*トップページのみのヘッダーここまで*/


#head h1 {
	margin:0 0 0 0;}

#head h1 a{
	float:left;
	display:block;
	height:65px;
	width:180px;
	margin:15px 0 0 0 }

#head h1 a span{
	display:none;}


#head p#head-navi{
	text-align:right;
	float:right}

#head p#head-navi a{
	display:block;
	width:200px;
	height:65px;
	padding-left:10px;
	margin:15px 20px 0 0 ;
	text-decoration:none;}

#head p#head-navi a span{
	display:none;}






/*　ビジュアル--------------------------------　*/

#flash{
	background:url(../summer_img/flash_b.jpg) 0 -0px;
	text-align:center;
	height:180px;
	margin:0}

body.index #flash{
	height:308px;}

/*
#slidedisp {
	background:#fff;
	margin:0 auto;
	width: 940px;
	height:360px;
}
*/




/*　ナビ表示--------------------------------　*/

#navi{
	background:url(../summer_img/common_navi.jpg) no-repeat;
	width:940px;
	margin:0 auto 0 auto;
	height:52px;
	padding:0 ;
	clear:both}

#navi ul{
	padding:0 ;}



#navi li{
	float:left;
	list-style:none;}



#navi li a span{
	display:none}

#navi li a{
	margin:0 0px 0 0px;
	display:block;
	height:52px;
	text-decoration:none}

/*li#navi-index a{width:78px}
li#navi-ko3 a{width:256px}
li#navi-ko2 a{width:148px}
li#navi-ko1 a{width:150px}
li#navi-ch1 a{width:118px}
li#navi-sh1 a{width:113px}*/

li#navi-ko1 a{width:470px}
li#navi-ch1 a{width:470px}




/*　ナビ 各ページの選択状態　*/


/*li#navi-index a:hover , body.index li#navi-index a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -10px 0 ;}
li#navi-ko3 a:hover , body.ko3 li#navi-ko3 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -98px 0 ;}
li#navi-ko2 a:hover , body.ko2 li#navi-ko2 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -364px 0 ;}
li#navi-ko1 a:hover , body.ko1 li#navi-ko1 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -522px 0 ;}
li#navi-ch1 a:hover , body.ch1 li#navi-ch1 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -682px 0 ;}
li#navi-sh1 a:hover , body.sh1 li#navi-sh1 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -810px 0 ;}
*/

li#navi-ko1 a:hover , body.index li#navi-ko1 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -0px 0 ;}
li#navi-ko1 a:hover , body.ko1 li#navi-ko1 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -0px 0 ;}
li#navi-ch1 a:hover , body.ch1 li#navi-ch1 a{background:url(../summer_img/common_navi_hover.jpg) no-repeat -470px 0 ;}






/*　コンテンツ背景--------------------------------　*/

#contents-back{}




/*　パンクズリスト--------------------------------　*/

#bread{
	padding:10px 0 0 0;
	width:940px;
	font-size:12px;
	margin:0 auto 0 auto;
	clear:both}





/*　コンテンツ外枠--------------------------------　*/

#contents{
	width:940px;
	background:#FFF;
	margin:0 auto 0 auto}

#contents:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}





/*　コンテンツ　バナー--------------------------------　*/

#contents-banner{
	float:right;
	height:auto;
	width:230px;
	padding: 0;
	border-left:1px solid #00A397;
	margin:30px 20px 10px 0}


#contents-banner h3{
	width:230px;
	margin:0 0 20px 0;
	padding-bottom:10px;
	border-bottom:1px solid #00A397;
	font-size:13px;
	color:#666}

#contents-banner h3 img{
	margin:0 0 0 20px}

#contents-banner p.banner-year{
	margin:0 0 10px 20px;
	font-size:13px;
	color:#666;
	}


#side_back01,
#side_back02,
#side_back03,
#side_back04,
#side_back05 {
	height:auto;
	padding-bottom:20px;
}

#side_back01{
	background:url(../summer_img/common_side_back_01.gif) no-repeat right 0;
}

#side_back02{
	background:url(../summer_img/common_side_back_02.gif) no-repeat right 0;
}

#side_back03{
	background:url(../summer_img/common_side_back_03.gif) no-repeat right 0;
}

#side_back04{
	background:url(../summer_img/common_side_back_04.gif) no-repeat right 0;
}

#side_back05{
	background:url(../summer_img/common_side_back_05.gif) no-repeat right 0;
}


#contents-banner p{
	width:210px;
	margin:0 0 1em 20px}

#contents-banner img{
	margin:0 0;
	border:0}



/*　トップページのみ　独自設定が多いため

body.index #contents-banner{
	margin:40px 0 10px 0}

*/




/*　コンテンツ　メインカラム--------------------------------　*/

#contents-main{
	float:left;
	height:auto;
	width:630px;
	padding: 0;
	margin:30px 0 10px 30px}


/*　トップページのみ　独自設定が多いため

body.index #contents-main{
	margin:15px 0 10px 0}

*/





/*　見出し　--------------------------------　*/

#contents-main h2{
	border:0;
	background:none;
	padding:0;
	margin:0 0 25px 0 ;
	}


#contents-main h2 img{
	border:0;
	background:none;
	padding:0;
	margin:0px 0 0px 0 ;}


#contents-main h3{
    padding: 10px 0px 10px 10px;
	margin:0 0 1em 0 ;
	line-height:1.4em;
	clear:both;
	border-bottom:#666 dotted 1px;
	border-left: 8px solid #00A397;
}

#contents-main h3 img{
	margin-left:8px;}

#contents-main h3 span {
	display:none;
	}

#contents-main h4{
	border-bottom:#666 dotted 1px;
	padding:10px 0px;
	margin:0 0 1em 0 ;
	line-height:1.4em;
	clear:both}

#contents-main h4 img{
	margin-left:8px;}





/*　本文　--------------------------------　*/

#contents-main p{
	margin:0 0 1.6em 0 ;
	color:#333;
	line-height:1.8em;
	font-size:80%}

#contents-main p span{
	line-height:1.8em;}

#contents-main p.center{
	text-align:center;}

#contents-main p img{
	margin:0 10px 20px 10px;
	background:#FFF;
	padding:2px;
	/* border: #CC9 solid 1px; */
/* 画像の横幅サイズ制限 */
	max-width:610px;
	height:auto;
	}

#contents-main p a:hover img{
	border: #2A5050 solid 1px;}


#contents-main iframe{
	margin:10px 0px;
	padding:2px;
	border: #CC9 solid 1px;}




/*　段落　*/

#contents-main ul , #contents-main ol{
	line-height:1.8em;
	font-size:14px;
	margin:0 0 1.6em 40px}

#contents-main ul li{
	list-style:disc outside;}

#contents-main ol li{
	list-style:decimal outside ;}




/*　テーブル　*/

body.other #contents-main table {
	width:670px;
	border-collapse:collapse;
	font-size:85%;
	margin:30px 0 1.8em 0;}

body.other #contents-main table th {
	background:#2A5050;
	text-align:center;
	padding:5px;
	color:#FFF;
	white-space:nowrap;
	border:1px solid #666;
	border-left:1px solid #666;
	font-weight:400}

body.other #contents-main table td {
	background:#F6F6F3;
	border:1px solid #666;
	border-right:1px solid #666;
	padding:5px;}








/*　タブ切り替えの設定　--------------------------------　*/

#contents-main ul.tab {
	margin:0 auto;
	width:600px;
}


#contents-main ul.tab li{
	float:left;
	list-style:none;
}


#contents-main ul.tab li a{
	display:block;
	background:#FFF;
	height:36px;
	width:110px;
	margin:0 5px 0 0;
	font-size:13px;
	line-height:3em;
	text-align:center;
	color:#333;
	white-space:nowrap;
	text-decoration:none;
	border:1px solid #999;
	border-bottom:0;
}



#contents-main ul.tab li.active a{
	background:#00A397;
	color:#fff;
}








/* フッター--------------------------------　*/

#footer {
	margin:40px auto 0px auto;
	width:940px;
	clear:both}

#footer p.totop {
	margin:0 0 0 0 ;
	padding:0 0 0 0;
	height:20px;
	font-size:80% ;
	color:#666 ;
	width:660px;
	text-align:right ;
	line-height:1.4em ;}

#footer p.totop a{
	margin:0 0 0 0 ;
	padding:0 0 0 13px;
	text-decoration:none;
	color:#666;
	background:url(../summer_img/common_pagetop_li.png) no-repeat 0 4px;}

#footer p.totop a:hover{
	color: #900;}





#footer #copyright{
	width:940px;
	height:75px;
	margin:15px auto 0 auto;
	background:#00A397}


#footer #copyright p {
	margin:0 ;
	padding:10px 0 0 0;
	color:#fff ;
	text-align:center;
	line-height:1.6em ;}

#footer #copyright p a{
	margin:0 0 0 0 ;
	padding:0 0 0 0;
	text-decoration:none;
	color:#fff ;}

#footer #copyright p a:hover{
	text-decoration:underline;}


/*flex*/
#contents-main .ct-flex{
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 2em 0;
}
#contents-main .ct-flex .img-left,
#contents-main .ct-flex .img-right {
	width: 49%;
}
#contents-main .ct-flex .img-left img,
#contents-main .ct-flex .img-right img{
	max-width: 100%;
}


