@charset "UTF-8";
/* CSS Document */
/* Basic Style */
body {
	font-family:"メイリオ", Meiryo,sans-serif;
	font-size:62.5%;
	line-height: 1.6;
	color:#000;}
	
#Container{font-size:1.4em;}	

.clear{float:none; clear:both;}

a{color:#000; text-decoration:none; display:inline;}

a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
transition: 0.4s;}


.center{text-align:center; float:none; clear:both;}
.right{text-align:right;}

.font_m{font-size:16px; line-height:1.6;}
.font_s{font-size:12px;}
.font_ss{font-size:79%;}



.bold{font-weight:bold;}

.middle{font-size:1.143em; line-height:1.8;}

.F_left{float:left; padding-right:20px;}
.F_right{float:right; padding-left:20px;}

/*padding*/
.p_b_10{padding-bottom:10px !important;}
.p_b_15{padding-bottom:15px !important;}
.p_b_20{padding-bottom:20px !important;}
.p_b_30{padding-bottom:30px !important;}
.p_b_40{padding-bottom:40px !important;}
.p_b_50{padding-bottom:50px !important;}


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

/*共通設定////////////////////////////////////////////////////////////////////////////////////*/
.inner{
	max-width:980px;
	margin:0px auto;
	padding:0px 10px;}
	

/*header//////////////////////////////////////////*/
header{background:#FFF;}
header h1{
	padding:10px;
	float:left;}
	
#header_inner{
	max-width:980px;
	margin:0px auto;}
	
#Head_right{
	padding-right:10px;
	float:right;}	
		

ul#Head_btn{
	padding:13px 0px;
	float:right;}

ul#Head_btn li{
	padding-left:15px;
	display:block;
	float:left;
	width:160px;}
	
ul#Head_btn li a{
	display:block;
	width:160px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;}
	
ul#Head_btn li a:hover{background-position:0 -36px;}	
	
ul#Head_btn li#Head_btn1 a{background-image:url(../images/btn_contact.jpg);}
ul#Head_btn li#Head_btn2 a{background-image:url(../images/btn_member.jpg);}

nav#nav-wrap{max-width:980px; margin:0px auto;}	

ul#nav{float:none; clear:both;}	
ul#nav li{
	display:inline;
	font-size:16px;}
	
ul#nav li + li{
	background:url(../images/nabi_slash_tate.png) no-repeat top left; /* Change */
	/* padding-left:66px; */ padding-left: 12px;}	
	
ul#nav li a:hover{color:#999;}	
	
#menu-icon{display:none;}		



	@media screen and (max-width:900px){
		header h1{float:none; text-align:center;}
		header h1 img{
			width:100%; max-width:330px;
			width: inherit\9;
			max-width: 100%\9;
			height: auto\9;}
		#Head_right{float:none; padding:0px; position:relative; background:url(../images/menu_bg.jpg) repeat-x;}
		
		ul#Head_btn li{
			padding:0px;
			width:120px;
			height:40px;}
			
		ul#Head_btn{position:absolute; top:0px; right:0px; padding:0px; z-index:10;}
			
		ul#Head_btn li a{
			display:block;
			width:120px;
			height:40px;
			background-size:120px 80px;}	
		ul#Head_btn li a:hover{background-position:0 -40px;}
		ul#Head_btn li#Head_btn1 a{background-image:url(../images/btn_contact_sp.jpg);}
		ul#Head_btn li#Head_btn2 a{background-image:url(../images/btn_member_sp.jpg);}	
		
		ul#Head_btn li#Head_btn1 a{background-image:url(../images/btn_contact_ie8.jpg)\9;}
		ul#Head_btn li#Head_btn2 a{background-image:url(../images/btn_member_ie8.jpg)\9;}
		
		
		#nav-wrap {position: relative; height:40px;}
		#menu-icon {
			cursor: pointer;
			display: block;
			width:71px;
			height:40px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../images/icon_menu.png) no-repeat 0 0;}
			
		ul#nav{
			clear:both;
			position: absolute;
			top: 40px;
			left:0px;
			width: 100%;
			z-index: 9;
			background: #FFF;
			display:none;}
			
		ul#nav li{
			float:none;
			clear:both;
			display:block;
			border-bottom:1px solid #CCC;}
			
		ul#nav li + li{background:none; padding:0px;}
			
		ul#nav li a,
		ul#nav li.uc{padding:10px; display:block; background:url(../images/arrow.gif) no-repeat 98% 50%;}
			}
	@media screen and (min-width: 900px) {ul#nav {display: block !important;}}

	


/*footer//////////////////////////////////////////*/
footer{font-size:1.4em;}
#foot1{
	border-top:5px solid #D9D900;
	padding:20px 0px 30px 0px;}
	
#Pagetop{
	position:fixed;
	bottom:125px;
	right:10px;}
	
	@media screen and (max-width: 600px) {
		#Pagetop{bottom:150px;}}
	
ul#link_bnr{
	width:686px;
	margin:0px auto;}

ul#link_bnr li{
	float:left;
	padding:0px 30px;}	
	
	@media screen and (max-width: 686px) {	
		ul#link_bnr{width:auto; text-align:center;}

		ul#link_bnr li{
			float:none;
			padding:0px;
			padding-bottom:20px;}}
		
#foot2{
	background:#333;
	padding:20px 0px;
	font-size:0.857em;
	color:#FFF;}
	
#foot_copy{
	padding-bottom:20px;
	float:left;}
	
#foot_menu{
	float:right;
	text-align:right;}	
	
#foot_menu ul{padding-bottom:10px;}
#foot_menu ul li{
	display:inline;}
	
#foot_menu ul li a{color:#FFF;}					

	@media screen and (max-width: 600px) {
		#foot_copy,#foot_menu{float:none; text-align:center;}}




/*トップページ////////////////////////////////////////////////////////////////////////////////////*/
#Wrapper{background-color:#090E11;}
#TopWrapper{
	background:url(../images/topbg_1.jpg) no-repeat top center;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
	width:100%;
	background-size:auto\9;}
		
#TopContenst1{
	padding-top:95px;
	padding-bottom:50px;}

#TopContenst1 h2{
	padding-bottom:85px;}


#TopContenst1 h2 img{max-width:618px;}	
#TopContenst1 p img{max-width:472px;}

#TopContenst1 h2 img,
#TopContenst1 p img{
	width:100%;
	width: inherit\9;
    max-width: 100%\9;
    height: auto\9;	}
	

#TopContenst1 p{float: left;}
	
.TopContenst1_inner{
	max-width:980px;
	margin:0px auto;}
	
ul.Topbnr{
	float: right;
	padding-right: 5px;
	max-width: 300px;
	/* padding-top: 50px; */ /* Change */
}
ul.Topbnr li img{
	width: 100%;
	height: auto;
}
ul.Topbnr li{margin-bottom: 5px;}

	@media screen and (max-width: 1200px) {
		ul.Topbnr{padding-top: 0;}
		#TopContenst1{padding-top:30px; padding-bottom:0px; padding-left:10px;}
		#TopContenst1 h2{padding-bottom:20px;}
		#TopContenst1 h2 img,#TopContenst1 p img{width:80%;}
	}
	
	
	@media screen and (max-width: 980px) {
		#TopWrapper{background-size:auto;}
		#TopContenst1{padding-top:10px;}
	}
	@media screen and (max-width: 900px) {
		#TopContenst1 p,ul.Topbnr{float: none;}
		ul.Topbnr{padding:30px 5px 5px 5px;}
		
		}
	@media screen and (max-width: 600px) {
		#TopWrapper{-webkit-background-size:100%; -moz-background-size:100%; background-size:100%;}
		#TopContenst1{padding:10px;}
		#TopContenst1 h2 img,#TopContenst1 p img{width:100%;}
		ul.Topbnr{float: none; margin: 0 auto; max-width: 100%;}
		ul.Topbnr li{background: #FFF; display: block;}
	}
	
	
#TopContenst2{
	position:relative;
	width:100%;}	
	
#TopContenst2_inner{
	height:0px;
	overflow:hidden;
	width:100%;
	background:url(../images/topbg_2.png) no-repeat top center;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
	background-size:auto\9;
	padding-top:45.7%;
	padding-top:600px\9;}
	
	
	@media screen and (max-width: 980px) {	
		#TopContenst2_inner{background:url(../images/topbg_2.png) no-repeat top right\9;}
		#TopContenst2_inner p{display:none;}
	}		
			
	@media screen and (max-width: 600px) {
		#TopContenst2_inner{
			height:auto;
			background:none #FF9326;
			padding-top:0px;
			padding-bottom:20px;}
			
		#TopContenst2_inner p{display:block;}	
		#TopContenst2_inner p img{width:100%;}	
		p#sano1,p#sano2{padding:5px 10px;}	
	}


#News{
	background:url(../images/news_bg.jpg) no-repeat top center #4294C9;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
	padding:40px 0px;}

#News h3{
	padding-bottom:30px;
	text-align:center;}
	
#News dl{border-top:1px dotted #FFF; margin-bottom:30px; color:#FFF;}
#News2 dl{border-top:1px dotted #CCC; margin-bottom:30px;}

#News dl dt{
	padding:12px 0px;
	float:left;
	clear:left;
	width:14em;}

#News2 dl dt{
	padding:12px 0px;
	float:left;
	clear:left;
	width:8em;}
	
#News dl dd{
	padding:12px 0px;
	padding-left:14em;
	border-bottom:1px dotted #FFF;}
	
#News2 dl dd{
	padding:12px 0px;
	padding-left:8em;
	border-bottom:1px dotted #CCC;}	
	
#News dl dd a{color:#FFF; text-decoration:underline;}
#News2 dl dd a{color:#000; text-decoration:underline;}	
	
p.btn_more{
	text-align:center;}		
	
	@media screen and (max-width: 600px) {
		#News,#News2{background-size:auto;}	
		#News dl dt,
		#News2 dl dt{float:none; padding-bottom:0px;}
		#News dl dd,
		#News2 dl dd{padding-left:0px;}}
		
.ttl_news{background-image:url(../images/news/ttlbg_news.jpg);}

.red-col{color: red;}
.blue-col{color: blue;}

/* TOP NEWS */
table.top-info{box-sizing: border-box;}
table.top-info{border-bottom:1px solid #fff; border-top: 1px solid #fff; padding: 30px 0}
table.top-info tr td {padding: 20px 5px 10px 5px; color: #fff;vertical-align: top; font-size: 16px; line-height: 1.5;}
table.top-info tr td a{color: #fff; text-decoration: underline;}
@media only screen and (max-width: 640px) {
table.top-info tr td {display: block;border: none; font-size: 14px;line-height: 2.0;}
    /* table.top-info tr td .top-w20{width: 20px;float: left;} */
    table.top-info tr td:nth-of-type(1){display: inline;}
    table.top-info tr td:nth-of-type(2){display: inline;}
}
table.top-info tr td .top-w20{width: 20px;}
table.top-info tr td img{width: 100%;}