@charset "utf-8";
/* CSS Document */

*{
margin: 0px;
padding: 0px
}
body{
background: #faf6f0 url(../images/common/body_bg.gif) repeat-x;
font-size: 13px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 1.5em; color:#333
}
img{
border: none
}
.cboth{
clear: both
}
a{
color: #794f25
}
p{
margin: 0 0 10px 0
}
a:hover{
text-decoration: none
}
.red{
color:#FF0000
}
.match-t{
color: #ff1769
}
.match-s{
color: #2e9ba0
}
.match-tb{
color: #ff1769;
font-weight:bold;
font-size:16px
}
.float-left{
float: left;
margin: 0 10px 10px 0
}
.float-right{
float: right;
margin: 0 0px 10px 10px
}
/* --------------------------------------------- 
wrap
--------------------------------------------- */
#wrap{
width: 950px;
margin: 0 auto;
min-height: 600px
} 

/* --------------------------------------------- 
header
--------------------------------------------- */
#header{
width: 930px;
height: 112px;
margin: 0 auto;
padding: 5px 10px 0
} 

#header h1{
margin: 10px 0 0 0px;

} 

#header h1 a{
display: block;
text-indent: -9999px;
background: url(../images/common/logo.jpg) no-repeat;
width: 218px;
height: 74px;

}
#header p{
font-weight: normal;
font-size: 12px;
height: 14px
} 

ul#Hmenu{
width: 950px;
height: 46px;
margin: 0 0 20px 0
}
ul#Hmenu li{
list-style-type: none;
float: left
}
ul#Hmenu li a{
display: block;
text-indent: -9999px;
height: 40px;
background-repeat: no-repeat;
}
.menu01{ background: url(../images/common/menu01.gif); width: 158px}
.menu02{ background: url(../images/common/menu02.gif); width: 158px; }
.menu03{ background: url(../images/common/menu03.gif); width: 158px; }
.menu04{ background: url(../images/common/menu04.gif); width: 158px; }
.menu05{ background: url(../images/common/menu05.gif); width: 159px; }
.menu06{ background: url(../images/common/menu06.gif); width: 159px; }
ul#Hmenu li a:hover, .m-on{
background-position: 0 -40px
}
/* --------------------------------------------- 
contents
--------------------------------------------- */
#contents{
width: 950px;
margin: 0 auto;
padding: 0 0 60px 0
}
#contents h2{
display: block;
text-indent: -9999px;
width: 710px;
height: 32px;
margin: 0 0 10px 0
}
#contents h3{
display: block;
text-indent: -9999px;
width: 690px;
height: 26px;
margin: 0px auto 10px;
clear: both
}
#contents .contents-box{
width: 690px;
margin: 20px auto 0
}
ul#list-style01 li{
background: url(../images/common/list-icon-check.gif) no-repeat;
padding: 0 0 8px 20px;
list-style-type: none
}
#right{
width: 210px;
float: right;
margin: 30px 0 0 0
}
#right img{
margin: 0 0 10px 0
}
#left{
width: 710px;
margin: 30px 30px 0 0;
float: left
}
#contents #left .contact-no{
width: 300px;
height: 72px;
margin: 30px auto 20px
}
.inq-box{
border:1px solid #ccc;
padding:10px;
width:300px;
margin-top:40px}
/* --------------------------------------------- 
footer
--------------------------------------------- */

#footer{
color: #FFFFFF;
padding: 0 10px;
height: 100px;
background-color: #078991
}
#footer-box{
width: 950px;
margin: 0px auto
}
#footer-box #copyright{
float: left;
margin: 10px 0 0 0
}
#footer .pagetop{
float: right;
margin: 0 20px 0 0
}
#footer .pagetop a{
display: block;
text-indent: -9999px;
background: url(../images/common/f_pagetop.gif) no-repeat;
width: 112px;
height: 28px
}
 a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8
}
a:hover img.none{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1
}


.flexcroll{height:550px;width:710px;overflow:auto;border:none}
.scrollgeneric{line-height:1px;font-size:1px;position:absolute;top:0;left:0}
.vscrollerbase{width: 10px;background: #EDECEA;}
.vscrollerbar{width: 10px;background-color:#ccc;height:100px!important}