@charset "UTF-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
div,
p,
pre,
address,
blockquote,
ul,
ol,
dl,
dt,
dd,
form,
fieldset {
	display:block;
	margin:0;
	padding:0;
}

*.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:normal;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}

* html .clearfix {height:1%;}
.clearfix {display:block;}

p{
	padding:0;
	margin:0;
	outline:0;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
li, dl, dt, dd{
	padding:0;
	margin:0;
}
ul li img{
	vertical-align:bottom;
}
img{
	border:0;
}
table {
	border-collapse:collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	padding:0;
	margin:0;
	font-weight:normal;
}


/* common */
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#6f4539;
	text-decoration:underline;
}
a.al:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	background:#fff;
}
.fleft{
	float:left;
	display:inline;
}
.fright{
	float:right;
	display:inline;
}

.alignce { text-align:center !important; }
.alignri { text-align:right !important; }
.ls1 { letter-spacing:-0.1em; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt50 { margin-top:50px !important; }
.mt100 { margin-top:100px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb60 { margin-bottom:60px !important; }
.mb90 { margin-bottom:90px !important; }
.mr0 { margin-right:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml30 { margin-left:30px !important; }
.ml130 { margin-left:130px !important; }
.pt30 { padding-top:30px !important; }
.pb0 { padding-bottom:0 !important; }
.font11 { font-size:11px; }

.text_c { text-align:center; }

.red { color:#ff0000;}

/* body */
body{
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#000;
	background:url(../images/common/bg_body.jpg) left 165px repeat-x;
}


/* header */
#header{
	width:960px;
	height:165px;
	margin:0 auto;
	position:relative;
	background:url(../images/common/bg_header.gif) left bottom no-repeat;
}
.site_id{
	position:absolute;
	left:0;
	top:14px;
	font-size:10px;
	color:#595757;
}
.site_logo{
	position:absolute;
	left:0;
	top:45px;
}
.company_logo{
	position:absolute;
	right:0;
	top:30px;
}

/* header .gnav */
.gnav{
	position:absolute;
	left:0;
	top:112px;
}
.gnav li{
	float:left;
	display:inline;
	text-align:center;
}
.gnav li a{
	font-size:14px;
	color:#464646;
	display:block;
	width:192px;
	height:50px;
	line-height:50px;
}
.gnav li a:hover{
	color:#6f4539;
}
.gnav li.sec a{
	line-height:1.2;
	padding-top:10px;
	height:40px;
}

/* header .hnav */
.hnav{
	position:absolute;
	right:0;
	top:72px;
}
.hnav li{
	float:left;
	display:inline;
}
.hnav li a,
#qa .qa_menu dd a.icon{
	background:url(../images/common/icon_brown1.gif) left center no-repeat;
	padding-left:15px;
	margin-left:15px;
}
#qa .qa_menu dd a.icon2{
	display:block;
	background:url(../images/common/icon_brown1.gif) left center no-repeat;
	padding-left:15px;
	margin-top:10px;
}
/* header .searchbox */
.search{
	position:absolute;
	right:115px;
	top:33px;
	width:250px;
}
.search input{
    vertical-align:middle;
}

/* contents */
#contents{
	width:960px;
	margin:20px auto 0;
}

/* contents .main */
#contents .main{
	width:680px;
	float:right;
}
.main .main_inn{
	width:600px;
	padding:0 40px;
	background:url(../images/common/bg_main.png) left top repeat-y;
}
.main .site_path,
.main .site_path a{
	font-size:10px;
	color:#595757;
}
.main .site_path a:hover{
	color:#6f4539;
}
.main .pagetop{
	font-size:10px;
	text-align:right;
}
.main .pagetop a{
	background:url(../images/common/icon_brown3.gif) left center no-repeat;
	padding-left:15px;
}

/* contents .snav */
#contents .snav{
	width:280px;
	float:left;
}
.snav .snav_inn{
	width:250px;
	padding:0 15px;
	background:url(../images/common/bg_snav.png) left top repeat-y;
}
.snav .snav_tit{
	padding:5px 0;
}
.snav .snav_menu li{
	width:250px;
	background:url(../images/common/bg_snav_menu.gif) left bottom no-repeat;
	padding-bottom:15px;
}
.snav .snav_menu li a{
	color:#414141;
	width:195px;
	background:url(../images/common/bg_snav_icon.gif) left top no-repeat;
	padding:10px 10px 0 45px;
	display:block;
}
.snav .snav_menu li a:hover{
	color:#6f4539;
}
.snav .snav_bnr{
	margin-top:15px;
}
.snav .snav_cont li{
	margin-bottom:25px;
}
.snav .snav_cont .last{
	margin-bottom:0;
	position:relative;
}
.snav .snav_cont span{
	display:block;
	margin-top:5px;
}
.snav .snav_cont li .comingsoon{
	position:absolute;
	left:0;
	top:0;
}


/* footer */
#footer{
	width:100%;
	height:25px;
	border-top:3px solid #6f4539;
	margin:40px auto 0;
	padding-top:10px;
	font-size:10px;
	text-align:center;
}
#footer .footer_inn{
	width:940px;
	margin:0 auto;
}
#footer ul .fleft{
	background:url(../images/common/icon_brown2.gif) left center no-repeat;
	padding-left:13px;
}
