/* ------------------------------------------------------
reset
------------------------------------------------------ */
body,h1,h2,h3,h4,h5,h6,p,div,table,td,dl,dt,dd,ul,li,ol,form,input,textarea{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
li,ol{list-style:none outside;}
address,th,caption{
font-weight:normal;
font-style:normal;
}
img{border:none; outline:none;}
table{
border-collapse:collapse;
border-spacing:0;
line-height:inherit;
}
table th,
table td{
line-height:inherit;
}

/* ------------------------------------------------------
body/wrapper
------------------------------------------------------ */
body{
font-family:'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',osaka, sans-serif;
}
#wrapper{
width:914px;
margin:0 auto;
font-size:83%;
line-height:1.5;
}

/* ------------------------------------------------------
header
------------------------------------------------------ */
#header{
background:url(../images/bg_header.jpg) no-repeat;
height:97px;
position:relative;
}
#header h1,#header p,#header li{
position:absolute;
}
#header h1{
left:20px; top:8px;
}
#header p{
left:203px; top:28px;
}

/* ------------------------------------------------------
gNav
------------------------------------------------------ */
#gNav{
background:url(../images/bg_gNavi.jpg) no-repeat;
padding-top:10px;
height:70px;
}
#gNav ul{
margin:0 0 0 15px;
}
#gNav li{
float:left;
padding-left:5px;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
#contents{
width:914px;
margin:19px auto 20px;
}
#contents .radiusBox{
background:url(../images/bg_contents_01.jpg) no-repeat left top;
padding-top:41px;
}
#contents .radiusBoxInr{
background:url(../images/bg_contents_03.gif) repeat-y left top;
width:914px;
position:relative;
}
#contents .radiusBoxInr2{
background:url(../images/bg_contents_02.gif) no-repeat left bottom;
padding:0 19px 35px 19px;
}
#contents .radiusBoxInr2 p,
#contents .radiusBoxInr2 dl,
#contents .radiusBoxInr2 h5{
margin-left:20px;
}
#contents .radiusBox dl{
margin-top:20px;
}
#contents .radiusBox h5{
font-weight:bold;
}
#contents .radiusBox dt{
font-weight:bold;
}
#contents .radiusBox .flowArea dl.flow{
margin:0;
}
#contents .radiusBox .txtBox01{
width:285px;
float:left;
margin-right:20px;
}
#contents p.quo{
position:absolute;
left:706px; top:41px;
clear:both;
}
#contents p.inquiry{
font-size:80%;
color:#666666;
line-height:1.3;
margin-top:20px;
}
p.pageTop{
text-align:right;
margin:0 20px 5px 0;
}
a:link,a:visited{
color:#0362d5;
}
a:hover,a:active{
color:#77BBFF;
text-decoration:none;
}
#contents ul li{
text-indent:-1em;
margin-left:0.8em;
}
#contents ol li{
text-indent:-1.2em;
margin-left:1.2em;
}
#contents dd ol.clearfix li{
margin:0;
text-indent:0;
}
#contents img{
vertical-align:top;
}

/* ------------------------------------------------------
footer
------------------------------------------------------ */
#footer{
background:url(../images/footer_line.gif) repeat-x;
font-size:73%;
padding:21px 0 45px;
}
#footer p{
float:left;
padding-left:20px;
}
#footer ul{
float:right;
padding-right:20px;
font-size:0;
}
#footer li{
display:inline;
padding-left:22px;
}

/* ------------------------------------------------------
clearfix
------------------------------------------------------ */
.clearfix:after{
content:" ";
display:block;
height:0;
visibility:hidden;
clear:both;
}

/* IE-6,7 */
.clearfix{
*zoom:1;
}

/* ------------------------------------------------------
other
------------------------------------------------------ */
.mt10{
margin-top:10px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.ml20{
margin-left:20px;
}
.mb20{
margin-bottom:20px;
}
.txt_c{
text-align:center;
}
.fl_l{
float:left;
}
.fl_r{
float:right;
}
span.line{
text-decoration:underline;
}