@charset "UTF-8";

/* ------------------------------------------------------------------
intial set
------------------------------------------------------------------ */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body{
	color:#333333;
	font-size:12px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	background-color:#ffffff;
	background-image:url(../img/bg_body.jpg);
	background-repeat:repeat-x;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

img{
	vertical-align:bottom;
	border:0;
}

ol, ul {
	list-style:none;
}

.clear{
	clear: both;
}

strong{
	font-weight:bold;
}

/* ------------------------------------------------------------------
link
------------------------------------------------------------------ */
a{color:#333333; text-decoration:underline;}
a:link{color:#333333; text-decoration:underline;}
a:active{color:#333333; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}

/* ------------------------------------------------------------------
clearfix
------------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ------------------------------------------------------------------
base
------------------------------------------------------------------ */
div#wrapper{
	margin:0 auto;
}

div#header{
	width:947px;
	height:103px;
	position:relative;
	background-image:url(../img/bg_header.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
}

h1{
	position:absolute;
	top:30px;
	left:16px;
background-image:url(../img/img_logo.gif);
background-repeat:no-repeat;
width:575px;
height:50px;
	text-indent:-10000em;
	overflow:hidden;
}

#header #tel{
	position:absolute;
background-image:url(../img/img_tel.gif);
width:187px;
height:40px;
top:16px;
left:737px;
	text-indent:-10000em;
	overflow:hidden;
}

#header #fontSizeChange{
	position:absolute;
	left:805px;
	top:62px;
	position:absolute;

}

#g_navi{
	width:947px;
	height:50px;
	background-image:url(../img/bg_navi.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	text-align:center;
}

#g_navi ul{
width:928px;
margin:0px auto;
}

#g_navi ul li{
float:left;
}

#g_navi ul li a{
display:block;
width:232px;
height:50px;
margin:0px;
	text-indent:-10000em;
	overflow:hidden;
	background-image:url(../img/bg_navi_li.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	
}

#g_navi #b01 a{
background-position:0px 0px;
}
#g_navi #b02 a{
background-position:-232px 0px;
}
#g_navi #b03 a{
background-position:-464px 0px;
}
#g_navi #b04 a{
background-position:-696px 0px;
}

#g_navi #b01 a:hover{
background-position:0px -50px;
}
#g_navi #b02 a:hover{
background-position:-232px -50px;
}
#g_navi #b03 a:hover{
background-position:-464px -50px;
}
#g_navi #b04 a:hover{
background-position:-696px -50px;
}

#topBranding{
margin:0px auto;
}


#main{
width:928px;
margin:0px auto;
}


#contents{
float:left;
width:674px;
text-align:center;
}

.faq{
width:665px;
border-bottom:#c4b191 1px solid;
text-align:left;
margin:20px auto;
}

.faq .q{
margin:0px;
background-image:url(../img/icon_Q.gif);
background-position:left top;
background-repeat:no-repeat;
padding: 1px 0px 5px 40px;
color:#5c3b06;
font-size:115%;
font-weight:bold;
line-height:200%;

}

.faq .a{
margin:3px 0px 0px 15px;
background-image:url(../img/icon_A.gif);
background-position:left top;
background-repeat:no-repeat;
padding: 1px 0px 25px 40px;
font-weight:bold;
line-height:160%;

}

#side{
float:right;
margin:0px;
width:240px;
}

#side p{
margin:0px 0px 10px;
}

div#s_map{
background-image:url(../img/s_map.jpg);
width:240px;
height:243px;
background-repeat:no-repeat;
position:relative;
margin:0px 0px 10px;

}

div#s_map a{
display:block;
position:absolute;
top:215px;
left:5px;
	text-indent:-10000em;
	overflow:hidden;
	background-image:url(../img/btn_map.gif);
	background-repeat:no-repeat;
	width:230px;
	height:23px;
}

div#s_map a:hover{
	background-image:url(../img/btn_map_over.gif);
}

#footer{
background-image:url(../img/bg_footer.jpg);
height:144px;
width:100%;
background-repeat:repeat-x;
text-align:center;

}

#footer_inner{
	width:928px;
height:144px;
	margin:0px auto;
	position:relative;
}

#f_logo{
position:absolute;
top:55px;
left:0px;
font-weight:normal;
text-align:left;
font-size:88%;

}
p#gotop{

position:absolute;
top:0px;
left:810px;
}

ul#f_navi{
position:absolute;
text-align:left;
font-size:83%;
top:65px;
left:500px;
}
ul#f_navi li{
display:inline;
font-weight:bold;
}

#f_copy{
position:absolute;
top:119px;
left:491px;

}