@charset "UTF-8";

/* ==================================================
	= WAVEヘッダー
================================================== */

.wave  #header_2013 {
background: url('../img/head_navi_bg_wave.png') 0 100% repeat-x; 
}

#header_2013 {
	display: none; 
}

#header_txt {
	display: block; 
}

#header_txt * {
	box-sizing: border-box; 
}

#header_txt .search * {
	box-sizing: content-box !important; 
}

#header_2013,
.bnr ul {
	display: none;
}

#h_menu_text {
	margin-bottom:0px;
	height: auto;
	border-bottom:solid 1px #D1D2D0;
}

#h_menu_text p {
	width: 100%;
	float:none;
	margin: 0;
}

#h_menu_text p a {
	width: 100%;
	/* display: inline-table; */
	display: block; 
	vertical-align: middle;
	/* background:#e60012; */
	text-align: center;
	padding: 5px 0;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.1em;
	/* border-left: 1px solid #D1D2D0; */
	/* border-top: 1px solid #D1D2D0; */
	border-left: none; 
	color: #fff;
	background: #ddd; 
	border-left: 1px solid #ddd;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}

#h_menu_text p:nth-child(2) a {
}

#h_menu_text p:nth-child(3) a {
}

#h_menu_text p:nth-child(4) a {
}

#h_menu_text p a:hover,
#h_menu_text p a.current {
}

#header_txt .headlineJP,
#header_txt .headlineEN{margin:10px;}

	

#header_txt .headlineJP h1 {
	  float:left;
	  margin-right:10px;
}

#header_txt .headlineJP h2 {
	   float:left;
}

#header_txt .headlineEN h1 {
	   float:left;
	   margin-right:10px;
}

#header_txt .headlineEN h2 {
	float:left;
	margin-top:5px;
}

	

/* h_menu_utility */
#h_menu_utility {
	margin-bottom:5px;
	height: auto;
	border-bottom: 1px solid #D1D2D0; 
}

#h_menu_utility p {
	width: 50%;
	float:left;
	margin: 0;
}

#h_menu_utility p a {
	width: 100%;
	/* display: inline-table; */
	display: block; 
	vertical-align: middle;
	background:#FFF;
	text-align: center;
	padding: 5px 0;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.1em;
	border-left: none; 
	color: #fff !important;
	background: #ddd; 
	border-left: 1px solid #ddd;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}

#h_menu_utility p a:hover,
#h_menu_utility p a.current {
	color: #555 !important;
}

#h_menu_utility p.first{
	width:100%;
	float:none;
}

#h_menu_utility p.first a{
	color:#555 !important;
	border-left: none;
	border-top: none;
	border-left: 1px solid #ddd; 
	/* 	border-right: 1px solid #888;  */
	background: #f3f3f3; 
}

#h_menu_utility p.first a:hover{
	color:#555 !important;
	background:none;
}

#h_menu_utility p.last a{
	background:#e60012;
	color:#FFF;
	/* border-left: 1px solid #D1D2D0; */
	/* border-top: 1px solid #D1D2D0; */
	/* border: none;  */
	background: #ddd; 
}

#h_menu_utility p.last a:hover{
}

/* search */
#header_txt .search{
	margin-bottom:10px;
}

#header_txt .search .item00 input {
	background-color: #E2E2E2;
	border: 1px solid #D2D2D2;
	border-radius: 2px 0 0 2px;
	color: #999999;
	float: left;
	font-size: 12px;
	height: 16px;
	line-height: 1.231;
	padding: 4px 3px 2px;
	vertical-align: bottom;
	width: 215px;
}

/* ==================================================
	= Media Queries
================================================== */

/* 480px未満（デフォルト） */
@media only screen and (max-width: 479px) {
	/* チェック */
	.default {display: block; }
	.sp {display: none; }
	.tablet {display: none; }
	.pc {display: none; }


}

/* 480px以上 */
/* スマホ */
@media only screen and (min-width: 480px) {
	/* チェック */
	.default {display: none; }
	.sp {display: block; }
	.tablet {display: none; }
	.pc {display: none; }	


	#h_menu_text {
		display: block; 
	}

	#h_menu_text p {
		display: block; 
		width: 50%; 
		float: left; 
	}

	#h_menu_utility p {
		display: block; 
		float: left; 
		width: 25%; 
	}

}

/* 768px以上 */
/* タブレット */
@media only screen and (min-width: 768px) {
	/* チェック */
	.default {display: none; }
	.sp {display: none; }
	.tablet {display: block; }
	.pc {display: none; }	

	#h_menu_text p {
		width: 25%; 
	}

	#h_menu_utility p.first, 
	#h_menu_utility p {
		display: block; 
		float: left; 
		width: 20% !important; 
		
	}
	
	#h_menu_utility p a {
		background: #ddd; 
		color: #fff; 
	}
	
	#h_menu_utility p.first a {
	}

}

/* 960px以上*/
/* デスクトップ */
@media only screen and (min-width: 960px) {
	/* チェック */
	.default {display: none; }
	.sp {display: none; }
	.tablet {display: none; }
	.pc {display: block; }	

	#header_2013,
	.bnr ul {
		display: block;
	}

	#header_txt{
		display: none;
	}


}


/* ↓↓↓ プリント ↓↓↓ */
@media only print {
	.default {display: none; }
	.sp {display: none; }
	.tablet {display: none; }
	.pc {display: block; }	

	#header_2013,
	.bnr ul {
		display: block;
	}

	#header_txt{
		display: none;
	}
}
/* ↑↑↑ プリント ↑↑↑ */


/* 1023px以下 */
/* フッター */
@media only screen and (max-width: 1023px) {

	#footer_2013 {

	}

	#footer_2013 .sitemap{  
		width: auto; 
		max-width: 100%; 
		margin: 0px; 
		padding:0; 
		background: none; 
	}				

	#op_sitemap{  
		width:100%; 
	}

	.sitemap div{  
		float:none !important; 
		color: 	#FFF; 
	}

	.sitemap div a{ 
		color:	#FFF !important;
	}		/* footer_txt */		

	#footer_2013,		
	#footer_2013 .link,		
	#footer_2013 .bnr,		
	#footer_2013 .other,		
	#footer_2013 .other .otherInner{  
		min-width:inherit; 
		max-width:100% !important; 
		width:100% !important; 
		text-align:center; 
	}				

	#footer_2013 .other{ 
		box-sizing: border-box; 
		height:auto; 
		padding: 0 10px; 
	}				

	#footer_2013 .bnr .logo {  
		text-align:center; 
		float:none; 
		padding-top: 18px; 
		
	}				

	#footer_2013 .item00,
	#footer_2013 .item01{  
		position:inherit !important; 
		float:none !important; 
		padding: 5px 0 3px; 
	}				

	#footer_2013 .item00{  
		display:inline-block; 
		display: block; 
		width:auto; 
		text-align:center; 
	}				

	#footer_2013 .item01{  
		display:inline-block; 
		display: block; 
		width:100% !important; 
		text-align:center; 
	}				

	#footer_2013 .item01:after {
		content: "."; 
		display: block; 
		width: 1px;
		height: 1px;
		margin: 0 -1px -1px 0;
		border: 0;
		padding: 0;
		clear: both; 
		visibility: hidden;
	}

	#footer_2013 .item01 {
		display: inline-block;
	}

	#footer_2013 .item00 ul{ 
		width:350px;
		margin:0 auto; 
		float: left; 
	}				

	#footer_2013 .item00 ul li.lastChild{  
		border:none; 
		margin:0; 
		padding:0; 
	}				

	#footer_2013 dl{ 
		width:auto; 
	}
		
	#footer_2013 dl,		
	#footer_2013 dl dt,		
	#footer_2013 dl dd{  
		margin:0; 
		padding:0; 
	}
	
	#footer_2013 dl dt {
		margin: 0 10px; 
	}

}