@charset "utf-8";

/* ---------------------
 * FONTSIZE MODEL *
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
 display:block;
}

strong{
 font-weight:normal;
}

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0;}
/*span {color:#ff8695;font-weight:bold;} */

h1{margin:0px; padding:0;}
h2{margin:20px 0 15px 0; font-size:180%;text-align:center;font-weight:normal;}
h3{margin:0 auto; margin-top:20px;margin-bottom:20px; text-align:center;}
h3.bgred{margin:0 auto; margin-top:50px;margin-bottom:20px; text-align:center;
background:#ca2531;padding:10px 0 10px 0;}

body {
 background-repeat:repeat;
 font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 font-size:100%;
 line-height: 1.6;
 color:#333;
}

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
 overflow:hidden;
}


a:hover { color: #ff9900;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.f125{ font-size:125%; }
.comment{ font-size:80%;}
.bold { font-weight:bold; }
.brown { color:#663300; }
.red { color:#ff0000; }
.og { margin-bottom:0; padding-bottom:0; color:#ff6600; font-size:150%;}
.og02 { color:#ff6600;}
.komemark { color:#ff0000; }
.jan { color:#000; }
.under{text-decoration:underline;font-size:120%;}

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

.pc-none{ display:none; }

.link{ padding:0 0 0 20px; font-size:90%; background:url(../images/arrow_link.png) 0 4px no-repeat; }
.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

.title01{ 
 height:116px;
 margin-top:30px;
 text-align:center;
 background:url(../images/title01_bg.jpg) repeat-x; 
}

.top-txt{
 display:inline;
 margin-top:20px;
 font-size:150%;
 font-weight:normal;
 line-height:300%;
 border-bottom:1px dashed #ccc;
}

.title02{ 
 height:115px;
 margin-top:0;
 text-align:center;
 background:url(../images/title02_bg.jpg) repeat-x; 
}
.title05{ 
 height:137px;
 margin-top:0;
 text-align:center;
 background:url(../images/title05_bg.jpg) repeat-x; 
}

.blue-list li{
 margin-bottom:35px;
 padding-left:40px;
 padding-bottom:5px;
 font-size:150%;
 text-align:left;
 border-bottom:1px dashed #ccc;
 background:url(../images/check_blue.jpg) 0 4px no-repeat; 
}
.blue-list02 li{
 margin-bottom:35px;
 padding-left:22px;
 padding-bottom:5px;
 text-align:left;
 background:url(../images/check_blue02.png) 0 5px no-repeat; 
}


/* ============================================================== */
/*home*/
/* ============================================================== */

.main-contents {
 max-width:100%;
 margin: 0px auto;
}

.main-contents:after {
 content: '';
 display: block;
 clear: both;
}

.main-image {
 max-width:1200px;
 width:100%;
 height:auto;
 margin:0px auto;
 padding:0;
 text-align:left;
 background:url(../images/main_bg.jpg) repeat-x;
}

.contents-block {
 max-width:100%;
 margin: 0px auto 0px auto;
 padding: 0 0px 20px 0px;
}
.contents-box{
 max-width:980px;
 margin:0 auto;
}

.box{
 width:980px;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
}
.box00{
 width:980px;
 margin:0 auto;
}
.box-grey{
 width:100%;
 margin:0 auto;
 background:#f3f3f3;
}
.box-grey-in{
 width:980px;
 margin:0 auto;
 padding:30px 0 30px 0;
}
.box-blue{
 width:100%;
 margin:0 auto;
 background:#e8faff;
}
.box-blue:after{
 content: '';
 display: block;
 clear: both;
}
.box-blue-in{
 width:920px;
 margin:0 auto;
 padding:30px 0 30px 0;
}
.box-left{
 width:420px;
 margin-top:30px;
 float:left;
}
.box-right{
 width:420px;
 margin-top:30px;
 float:right;
}
.box2{
 width:880px;
 margin:0 auto;
 margin-bottom:60px;
}
.box2:after{
 content: '';
 display: block;
 clear: both;
}
.box2 li{
 width:420px;
 margin-top:30px;
 margin-right:30px;
 float:left;
}
.box2 li.last{
 width:420px;
 margin-top:30px;
 margin-right:0;
 float:left;
}
.voice-box{
 margin-bottom:50px;
 padding-bottom:20px;
 border-bottom:1px solid #eee;
}
.box01{
 width:970px;
 margin:0 auto;
 margin-bottom:50px;
 padding:20px 0 10px 0;
 border:10px solid #ca2531;
}
.box01-in{
 margin:0 auto;
 width:940px;
 padding:20px 0 20px 0;
 background:#fff;
}
.box01-left{
 width:580px;
 float:left;
}
.box01-right{
 width:250px;
 float:right;
}
.box01-left02{
 width:430px;
 margin:10px 0 20px 0;
 float:left;
}
.box01-right02{
 width:490px;
 margin:10px 0 20px 0;
 float:right;
}

.float-box{
 max-width:980px;
 margin:0 auto;
 margin-top:10px;
 padding:0;
}
.float-box:after{
 content: '';
 display: block;
 clear: both;
}
.float-box00{
 max-width:980px;
 margin:0 auto;
 padding:0;
}
.float-box00:after{
 content: '';
 display: block;
 clear: both;
}
.float-left{
 margin-right:20px;
 float:left;
}
.float-right{
 margin-left:20px;
 float:right;
}


/* ============================================================== */
/* about */
/* ============================================================== */

.gmap {
max-width:85.6%;
margin-left:auto;
margin-right:auto;
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}

.gmap iframe {
position: absolute;
top: 0;
left: 0;
max-width: 100% !important;
height: 80% !important;
}


/* ============================================================== */
/*page top */
/* ============================================================== */

.page-top {
 max-width:980px;
 margin:0 auto;
 padding:0 0 20px 0;
 text-align:right;
}


/* ============================================================== */
/*footer */
/* ============================================================== */

footer {
 margin: 0 auto;
 padding:10px 0 0 0;
 border-top:1px solid #ccc;
}
.copyright {
 font-size:70%;
 text-align:center;
}