@charset "utf-8";
/* Common.css */

html, body{
width: 100%;
height:100%;
font-size:62.5%;
}

body {
width:100%;
height:100%;
color: #333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Century Gothic", Calibri, Arial, sans-serif;
background:#FFF;
font-size:13px;
font-size:1.3rem;
line-height:1.6;
}
header{
	position:relative;
}
#wrapper{
max-width:1100px;
height:100%;
margin:0 auto;
text-align:center;
position:relative;
}

/************ header ************/
#head_content h1{/*logo*/
margin:60px auto 40px auto;
padding:0;
border:none;
}
#contact{
max-width:1100px;
overflow:hidden;
position:absolute;
top:20px;
right:0;
z-index:10;
margin:0;
padding:0;
text-align:right;
font-family: 'Raleway', sans-serif;
letter-spacing:-0.01em;
}
#contact a.chn{
	font-size:10px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/***PC/TABLET向けmenu***/
#head_content{
margin:0 auto;
padding:0;
max-width:1100px;
overflow:hidden;
text-align:center;
line-height:normal;
position:relative;
}
#top_nav, #bottom_nav{/*top_navi bottom_nav*/
max-width:1100px;
margin:0 auto;
text-align:center;
position:relative;
}
#top_nav a, #bottom_nav a{
color:#000;
text-decoration:none;
}
#top_nav a:hover, #bottom_nav a:hover{
color:#999;
text-decoration:none;
}

#top_nav ul, #bottom_nav ul{
margin-left:-60px;
}
#top_nav li, #bottom_nav li{
margin-right:60px;
font-family: 'Raleway', sans-serif;
font-size:14px;
font-size:1.4rem;
text-align:center;
list-style:none;
cursor: pointer;
line-height:1;
float:left;
}
#top_nav li:last-child, #bottom_nav li:last-child{
margin-right:0;
}
ul.acordion{/*acordion MENU*/
position:relative;
height:40px;
}
ul.submenu{
	margin:0;
	padding:0;
	width:50%;
	overflow:visible;
	position:absolute;
	top:15px;
	z-index:300;
	display: none;
	}
ul.submenu li{
text-align:center;
display:block;
margin:10px 0;
overflow:visible;
}
li .sub1 ul.submenu{
display:block;
color:#000;
position:absolute;
top:10px;
left:0;
z-index:400;
}
li .sub2 ul .submenu{
display:block;
color:#000;
position:absolute;
top:15px;
right:0;
z-index:400;
}
ul.submenu li a:hover{
color:#999;
}

li .none-submenu {
}
ul.acordion li .active-submenu{
position:relative;
z-index:100;
}

#news_banner{/*topお知らせ表示*/
width:222px;
position:absolute;
top:50px;
right:0;
text-align:center;
font-size:1.1rem;
font-size:11px;
}
#news_banner a{/*topお知らせ表示*/
color:#777;
font-size:1.1rem;
font-size:12px;
padding:7px 0;
border:1px solid #777;
display:block;
}
#news_banner a:hover{/*topお知らせ表示*/
color:#444;
border:1px solid #444;
}
/************ footer ************/ 
#footer_content{
	margin:0 auto 0 -550px;/*中央配置*/
padding:20px 0 0;
	width:1100px;
	background:#fff;
	opacity:0.8;
	overflow:hidden;
	text-align:center;
	line-height:normal;
	position:fixed;
	bottom:0;
	left:50%;
	z-index:300;
	display: none;
	}

#copyright{
width:100%;
font-family: 'Raleway', sans-serif;
letter-spacing:-0.01em;
font-size:12px;
margin:30px auto 140px auto;
}

/************************/
ul, li{
margin:0;
padding:0;	
}
li{
list-style-type:none;
}
a{
color:#000;
text-decoration:none;	
}
a:hover, a:active, a:focus{
color:#999;
text-decoration:none;	
}
.flo_l{
float:left;
}
.flo_r{
float:right;
}
.ma_t10{
margin-top:10px;
}
.ma_r10{
margin-right:10px;
}
.ma_r20{
margin-right:20px;
}
.pa_t80{
padding-top:80px;
}
/* Clearfix */
.clearfix:after {
content: " "; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
min-height: 1%;
}
.sp_none{
display:inline;	
}
.pc_none{
display:none;	
}
@media screen and (min-device-width: 769px){/* for PC*/
#menu_container_h{/*SP用メニュー非表示*/
	display:none;
}
}

@media screen and (max-device-width: 768px){/* for Tablet*/
#wrapper{
width:96%;
max-width:983px;/*737.28px;*/
margin:0 2%;
text-align:center;
position:relative;
}
#head_content{
margin:0 auto;
padding:0;
max-width:100%;
overflow:hidden;
text-align:center;
line-height:normal;
position:relative;
}
#top_nav{/*top_navi bottom_nav*/
max-width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
#top_nav ul{
margin-left:-34px;
}
#top_nav li{
margin-right:34px;
font-family: 'Raleway', sans-serif;
font-size:1.4rem;
text-align:center;
list-style:none;
cursor: pointer;
line-height:1;
float:left;
}
#news_banner{/*topお知らせ表示*/
width:222px;
position:absolute;
top:50px;
right:0;
text-align:center;
}
#news_banner a{/*topお知らせ表示*/
color:#777;
padding:7px 0;
border:1px solid #777;
display:block;
}
#news_banner a:hover{/*topお知らせ表示*/
color:#444;
border:1px solid #444;
}

.sp_none{
display:inline;	
}
.pc_none{
display:none;	
}
#menu_container_h{/*SP用メニュー非表示*/
display:none;
}
}

@media screen and (max-width: 480px) {/* for SP*/
#wrapper{
width:98%;
margin:0 auto;
margin:0 auto;
text-align:center;
position:relative;
}

#menu_container_h{/*SP menu*/
	width: 100%;
	height: 60px;
	display: block;
	background: #FFF;
	opacity: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
}
#menu_container_h a{
color:#000;
}
#menu_container_h a:hover{
color:#999;
}
#menu_container_h h1{
width:80px;
height:auto;
margin:10px auto 0 auto;
}
.menu_container_h  h1 img{
width:100%;
}
.menu_allbox{
background:#FFF;
opacity:0.85;
}
.menu_box{
display: none;
line-height:1;
box-shadow: 0px 3px 3px rgba(0,0,0,0.4); 
margin:0;
padding:10px 0;
background:#FFF;
color:#000;
opacity:0.8;
}
.spmenu_bt{/*メニューボタン*/
width:45px;height:45px;
display:block;
background:url(../img/btn_menu.png) no-repeat;
background-size:45px 45px;
cursor: pointer;
transition: all 0.18s ease-out 0s;
position:absolute;
left:10px;
top:10px;
z-index: 300;
}
#menu_container_h ul{
margin:0;
padding:15px 0 0 0;
background:#FFF;
}
#menu_container_h ul li{
width:100%;
line-height:1;
padding:5px 20px;
display:block;
font-family: 'Raleway', sans-serif;
font-size:1.6rem;
text-align:left;
list-style:none;
cursor: pointer;
float:none;
z-index:300;
}
#menu_container_h ul li a{
color:#000;
}
.menu_box{	
	float:none;
}
.menu_box a.chn{
	font-size:1.1rem;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#head_content{/*PCMenuSPでは非表示*/
display:none;
}
#contact{
display:none;
}
#copyright{
width:100%;
font-family: 'Raleway', sans-serif;
letter-spacing:-0.1rem;
font-size:1.1rem;
margin:30px auto 120px auto;
}

#news_banner{/*topお知らせ表示*/
position:relative;
top:0;
width:60%;
margin:0 auto;
text-align:center;
}
#news_banner a{/*topお知らせ表示*/
color:#777;
padding:7px 0;
border:1px solid #777;
display:block;
}
#news_banner a:hover{/*topお知らせ表示*/
color:#444;
border:1px solid #444;
}
.sp_none{
display:none;
}
.pc_none{
display:inline;
}
}

hr{
margin:10px 0;
padding:0;
border: 0;
border-bottom:1px solid #F4DFCD;
}