@charset "utf-8";
/******************* CSS Reset ************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{
	width: auto;
	height:auto;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	font-family:"メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka－等幅", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	vertical-align: text-bottom;
	-webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display: block;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
input, textarea{
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse: collapse; 
	border-spacing:0;
}
@media screen and (max-device-width: 1024px){
	img{vertical-align: bottom;}
	h1,h2,h3,h4,h5,h6,div,p,section{background: url(/images/common/bg_non.png) no-repeat;}
}

/********* Android テキストバグ用 *********/
body *{
        max-height: 999999px;
}

/********* aタグ設定 *********/
a, a:link,
a:visited,
a:active{
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration:none;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter:alpha( opacity=85 );
}
a img:hover{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
a:focus{
	outline:none;
}
/********* img関係 *********/
.inline_block{
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
fieldset, img{
	border:0;
}
/********* フロート *********/
.flt_l{
	float: left;
}
.flt_r{
	float: right;
}

/********* ClearFix *********/
.clearfix:after{
	content: " ";
	clear: both;
	display: block;
}
.both{
	clear:both;
}


/*************** 共通レイアウト ***************/
html{
	height: 100%;
}
body{
	height: 100%;
	background-color: #fff;
}


/*****　header　*****/
header{
	width: 100%;
}
#header_top{
	width: 960px;
	height: auto;
	margin: 6px auto;
}
#header_top h1{
	float: left;
}
#header_top h1 a{
	text-decoration:none;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:alpha( opacity=100 );
}
#header_top h1 a img:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#header_top section{
	width: 720px;
	float: right;
 position: relative;
}
#header_top #tp_cntnt{
	width: 100%;
	margin: 2px 0 10px 0;
	font-size:14px;
}
#header_top #tp_cntnt a{
	color: #9e1f24;
	text-decoration:underline;
}
#header_top section h2{
	float:left;
}
#header_top section .toeng{
 position: absolute;
 top: 0;
 right: 0;
 width: 80px;
 padding: 0;
 line-height: 24px;
 background-color: #9e1f24;
 text-align: center;
 cursor: pointer;
}
#header_top section .toeng a{
	display: inline-block;
	width: 80px;
	height: 24px;
 font-size: 12px;
 color: #fff;
}
#header_top section div{
	float: right;
	margin-top: 4px;
}
#header_top section div input{
	float: left;
}
#header_top #input_txt{
	height: 15px;
	margin-right: 6px;
}
header nav{
	width: 100%;
	height: 46px;
	background: url(../images/common/glnav_bg.png) repeat-x;
}
header nav ul{
	width: 960px;
	margin: 0 auto;
}
.glnv_1,
.glnv_2,
.glnv_3,
.glnv_4,
.glnv_5,
.glnv_6{
	height: 46px;
	float: left;
	position: relative;
	z-index: 150;
}
.glnv_1,
.glnv_2{
	width: 172px;
}
.glnv_3,
.glnv_4{
	width: 136px;
}
.glnv_5{
	width: 183px;
}
.glnv_6{
	width: 160px;
}
header nav ul li ul li{
	overflow: hidden;
	visibility:visible;
	height: 0;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	text-align: center;
}
header nav ul li:hover ul li{
	overflow: visible;
	height: 40px;
	text-align: center;
	color: #fff;
	background-color: #9e1f24;
	border-bottom: 1px solid #fff;
}
header nav ul li:hover ul li:last-child{
	border: none;
}
header nav ul li ul li a,
header nav ul li:hover ul li a{
	padding-top: 8px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	color: #fff;
}
.glnv_1 ul,
.glnv_3 ul,
.glnv_4 ul,
.glnv_1 ul li,
.glnv_3 ul li,
.glnv_4 ul li,
.glnv_1:hover ul li,
.glnv_3:hover ul li,
.glnv_4:hover ul li{
	width: 172px;
}
.glnv_2 ul,
.glnv_2 ul li,
.glnv_2:hover ul li{
	width: 220px;
}
.glnv_5 ul,
.glnv_5 ul li,
.glnv_5:hover ul li{
	width: 183px;
}
.glnv_6 ul,
.glnv_6 ul li,
.glnv_6:hover ul li{
	width: 158px;
}
header nav ul li:hover ul li:hover{
	background-color: #cc5459;
}


/*****　パンクズ　*****/
#bdcrumb,
#bdcrumb a{
	margin-top: 16px;
	margin-bottom: 20px;
	font-size: 12px;
}
#bdcrumb li{
	display: inline;
}
#bdcrumb span{
	margin: 0 10px;
}

/*****　side　*****/
#side{
	width: 240px;
	height: auto;
	float: left;
	margin-right: 40px;
}
#side h1{
	padding: 10px 0 8px 10px;
	border-top: 2px solid #bd2321;
	border-bottom: 2px solid #bd2321;
}
#side ul li.likea_h1{
	margin-top: 10px;
	padding: 10px 0 8px 10px;
	border-top: 2px solid #bd2321;
	border-bottom: 2px solid #bd2321;
}
#side ul + h1{
	margin-top: 30px;
}
#side ul li{
 border-bottom: 1px dotted #bd2321;
}
#side ul li:last-child{
	border-bottom: 2px solid #bd2321;
}
#side ul a{
	display: block;
	overflow: hidden;
	padding: 14px 0 12px 10px;
 font-size: 14px;
}
#side ul a:hover{
	background-color: #ffeef0;
}
#side ul a.sp{background-color: #ffc1c1;}
#side ul a.sp:hover{background-color: #ff8787;}
#side ul.sp_btn{
	width: 240px;
	height: 60px;
	margin: 20px 0;
	padding: 0;
}
#side ul.sp_btn a{ padding: 0;}
#side ul.sp_btn a:hover{ background-color: #fff;}
#side ul.sp_btn a:last-child { border: none;}


/*****　article　*****/
article{
	width: 960px;
	margin: 0 auto;
}
#main_cntnt{
	width: 680px;
	height: auto;
	/* float: right; */
	position: relative;
}


/*****　footer　*****/
footer{
	width: 100%;
	height: auto;
	margin-top: 80px;
	background-color: #535353;
	font-size: 12px;
	color: #fff;
}
footer nav{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}
footer nav .ftnv_1{width: 116px;}
footer nav .ftnv_2{width: 136px;}
footer nav .ftnv_3{width: 134px;}
footer nav .ftnv_4{width: 108px;}
footer nav .ftnv_5{width: 112px;}
footer nav .ftnv_6{width: 106px;}
footer nav .ftnv_7{width: 126px;}

footer nav .ftnv_1,
footer nav .ftnv_2,
footer nav .ftnv_3,
footer nav .ftnv_4,
footer nav .ftnv_5,
footer nav .ftnv_6{
	float: left;
	margin-right: 20px;
}
footer nav .ftnv_7{
	float: left;
}
footer nav h4{
	margin: 0 0 4px 0;
	border-bottom: 1px solid #fafafa;
}
footer nav ul li {
	margin-top: 3px;
}
footer nav ul li a{
	color:#fafafa!important;
}
footer nav .ft_tel{
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #fafafa;
}
footer nav .ft_tel li{
	width: 275px;
	float: left;
	margin: 0;
}
footer nav .ft_tel li:first-child{
	width: 115px;
	height: 30px;
	margin: 0 20px 0 0;
	padding-top: 6px;
}
footer nav .ft_tel li h5{
	font-size: 14px;
}
footer div{
	width: 100%;
	background-color: #9e1f24;
}
footer address{
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 2px 0;
	text-align: right;
	color: #333;
}

/*****　前に戻る　*****/
.back_p {
	margin: 40px 0 0 0;
}
/*****　ページ上部へ　*****/
#scrolltop {
	position:fixed;
	bottom:15px;
	right:49px;
}
#scrolltop a {
	width:40px;
	height:40px;
	margin:30px 0;
	display:block;
}