/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* setting */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/



/* body
---------------------------------------------------- */
body {
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
color: #000;
line-height:1.5em;
font-size:100%;
text-align:left;
background:#E7E7E7;
-webkit-text-size-adjust: 100%;
}


/*link
---------------------------------------------------- */
A {text-decoration: none;} 
A:link { color: #000; } 
A:visited { color:#000; }
A:active { color: #F30; }
A:hover { color:#F30; text-decoration: underline; }







/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* layout */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

.wp { background:#FFF; padding-bottom:50px; }




/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* header */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/





/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* footer */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

footer { padding:30px 0; text-align:center; }
footer address { border-bottom:#999 1px solid; padding-bottom:20px; margin-bottom:20px; }



/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* nav */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/







/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* main */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/



 
 /* menus
---------------------------------------------------- */
.menu01 { margin:5px 0; }
.menu01 li { margin-bottom:3px; font-weight:bold; }
.menu01 li a { display:block; background:#E7E7E7 url(../images/ico01.png) 0.5em 1em no-repeat; padding:10px 10px 10px 30px; }
.menu01 li a:hover { background:#D3D3D3 url(../images/ico01.png) 0.5em 1em no-repeat; text-decoration:none; color:#000; }

.menu02 { margin:5px 0; }
.menu02 li { margin-bottom:3px; }
.menu02 li a { display:block; }
.menu02 li img { width:100%; }


.menu03 li { list-style:disc; margin-left:1.25em; padding-left:0.5em; }
.menu03 li a { display:block; }

.menu04 { margin-bottom:50px; }
.menu04 li { display:inline-block; padding:0 15px 0 15px; border-left:1px solid #999; }
.menu04 li:first-child { display:inline-block; padding:0 15px 0 0; border-left:none; }

/* article
---------------------------------------------------- */
.art01 {  clear:both; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dotted #999; }
.art01:after {
content: "";
clear: both;
display: block;
}
.art01:last-child { border-bottom:none; }


.art02 { margin:0 0 30px 0; }
.art02:after {
content: "";
clear: both;
display: block;
}


.art03 { margin:0 0 30px 0; text-align:center; }

/* section
---------------------------------------------------- */
.sec01 { margin-bottom:50px; }

.bl-news { margin-bottom:30px; padding-bottom:30px; border-bottom:#CCC 1px solid; }
.bl-news:last-child { margin-bottom:100px; padding-bottom:0; border-bottom:none; }


 /* h01-h06
---------------------------------------------------- */
.h2-01 { color:#FF6000; margin-bottom:10px; text-align:left; }
.h2-02 { color:#FF6000; border-bottom:#FF6000 1px solid; padding-bottom:5px; margin-bottom:20px; text-align:left; font-size:140%; }
.h2-03 { border-left:#FF6000 8px solid; line-height:125%; color:#FF6000; margin:0 0 10px 0; padding-left:20px; text-align:left; }
.h2-04 { margin:5px 0 10px 0; text-align:left; font-size:120%; }
.h2-05 { color:#005495; margin:5px 0 20px 0; text-align:left; font-size:140%; padding-top:10px; border-top:#005495 solid 3px; }
.h2-06 { margin:0 0 5px 0; text-align:left; font-size:120%; }

.h1-01 { background:url(../images/bk01.png); color:#005495; padding:20px 20px 18px 20px; line-height:1em; margin:10px 0 30px 0; text-align:left; font-size:160%; }

.date { font-size:90%; color:#005495; font-weight:normal; }


.h3-01 { font-size:140%; margin-bottom:10px; color:#005495; }
.h3-01 span { font-size:80%; font-weight:normal; }





 /* aside
---------------------------------------------------- */


 /* div
---------------------------------------------------- */
.box-ban { padding:10px 0; }




 /* table
---------------------------------------------------- */
.tbl01 th { background: #ECECEC; font-weight:normal; border:1px solid #D0D0D0; padding:5px 10px; vertical-align:middle; }
.tbl01 td { border:1px solid #D0D0D0; padding:5px 10px; vertical-align:middle; }
.tbl01 tr.double { border-top: double #D0D0D0 3px; }



.tbl02 { margin-bottom:30px; }
.tbl02 th { background: #ECECEC; font-weight:normal; border:1px solid #D0D0D0; padding:5px 10px; vertical-align:middle; text-align:center; }
.tbl02 td { border:1px solid #D0D0D0; padding:5px 10px; vertical-align:middle; }
.tbl02 tr.double { border-top: double #D0D0D0 3px; }

.tbl03 { margin:10px 0; }
.tbl03 th { background: #ECECEC; font-weight:normal; border:1px solid #D0D0D0; padding:5px 10px; vertical-align:middle; }
.tbl03 td { border:1px solid #D0D0D0; padding:5px 10px; vertical-align:middle; }
.tbl03 tr.double { border-top: double #D0D0D0 3px; }

/* P
---------------------------------------------------- */
.p-caution { text-indent:-1em; padding-left:1em; }

.p-h3 { }

.p-h4 { margin-bottom:20px; }
.p-h4-2 { margin-bottom:20px; }
.p-h4-3 { margin-bottom:50px; text-align:right; }


 /* span
---------------------------------------------------- */
.color-red { color:#C00; }
.color-bleu { color:#C00; }
.color-bleu-b { color:#005495; font-weight:bold; font-size:120%; }



/* list
---------------------------------------------------- */
.list01 li { border-top:1px dotted #999; padding:15px 0; clear:both; vertical-align:top; }
.list01 li:first-child { border-top:none; padding-top:0; }
.list01 li:last-child { border-bottom:1px dotted #999; }
.list01 h6 { width:20%; float:left; font-weight:normal; font-size:85%; }
.list01 li a { display:block; }



.list03 li { display:inline-block; border-right:1px solid #999; padding:0 10px 0 0; margin-right:10px; }
.list03 li:last-child { border-right:none; padding:0; }


.no-kiyaku li { list-style:decimal; margin-left:1.5em; }



/* form
---------------------------------------------------- */


/* btn
---------------------------------------------------- */



#scrollUp {
    background:url(../images/btn01.png);
    bottom: 10px;
    right: 10px;
    width: 60px;    /* Width of image */
    height: 60px;   /* Height of image */
}



/* others
---------------------------------------------------- */
.wrap {overflow: hidden;}
.pankuz li { display:inline-block; background:url(../images/bk02.png) right 0.35em no-repeat; padding:0 18px 0 0; margin-right:4px; font-size:85%; }
.pankuz li:last-child { background:none; padding:0; }
.pankuz li a { }


.gmap { margin:0 0 30px 0; }

.openfile {background:url(../images/ico01.png) 0 0.75em no-repeat; padding:5px 0 5px 20px; font-weight:bold; }
.openfile a { color:#FF6100; }
.openfile a:hover { text-decoration:underline; }

/* photos
---------------------------------------------------- */





/*===============================================
PC—p
===============================================*/
@media screen and (min-width: 1024px){

 
}



/*===============================================
ƒ^ƒuƒŒƒbƒg—p
===============================================*/
@media screen and (min-width: 768px){

header { width:1020px; margin:auto; }
.head-wp { background:url(../images/bk03.png) bottom repeat-x; padding-bottom:6px; margin-bottom:20px; }
header h1.hh01-pc { display:block; width:321px; height:102px; float:left; margin-top:20px; }
header h2.hh02-pc { display:block; width:281px; height:88px; float:right; margin-top:50px; }
header h1.hh01-sh { display:none; }
header h2.hh02-sh { display:none; }

.toptxt { margin-bottom:20px; text-align:center; }
.topimg-pc { margin-bottom:30px; }
.topimg-sh { display:none; }

.main-wp { width:1020px; margin:auto; } 
.gnav { background:#E7E7E7; padding:20px 10px; margin-bottom:30px; }
.gnav ul { text-align:center; }
.gnav li { display:inline-block; margin:0 3px; }


.faci01 { float:left; width:495px; margin:0 30px 30px 0; }
.faci02 { float:right; width:225px; }

main { width:750px; float:left; }
aside { width:230px; float:right; }

main.main2 { width:100%; float:left; }


.finner { width:1020px; margin:auto; text-align:left; }
.list02 li { display:inline; padding-right:20px; }
.list03 { width:60%; float:left; }
small { width:38%; float:right; text-align:right; }


.bl-news img.newspic { float:right; margin:0 0 20px 20px; width:30%; }




 /* set
---------------------------------------------------- */
.set01 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #999; }
.set01:last-child { border-bottom:none; }
.set01 h3 { font-size:100%; margin-bottom:10px; color:#005495; width:23%; float:left; clear:both; text-align:right; }
.set01 article { width:74%; float: right; }
.set01:after {
content: "";
clear: both;
display: block;
}


.bl-pics { margin:10px 0; }
.bl-pics:after {
content: "";
clear: both;
display: block;
}
.bl-pics div.wp-bl1 { width:360px; float:left; margin-right:20px; }
.bl-pics div.wp-bl1:last-child { margin-right:0; }
.bl-pics div.wp-bl1 img { width:100%; margin-bottom:5px; }
.bl-pics p { text-align:center; }





.bl-pics2 { margin:10px 0; }
.bl-pics2:after {
content: "";
clear: both;
display: block;
}
.bl-pics2 div.wp-bl2 { width:49%; float:left; margin-right:20px; }
.bl-pics2 div.wp-bl2:last-child { margin-right:0; }
.bl-pics2 div.wp-bl2 img { width:100%; margin-bottom:5px; }
.bl-pics2 p { text-align:center; }





 /* div
---------------------------------------------------- */
.box01 { width:49%; float:left; }
.box02 { width:49%; float:right; }
.box02-serv03 { width:49%; float:right; }


 /* table
---------------------------------------------------- */
.tbl02 { margin-bottom:0px; }




 /* images
---------------------------------------------------- */
.imgfloor { float:right; width:20%; }
.flr-sh { display:none; }
.imgmap { float:right; width:35%; margin:0 0 0 20px; }


.img100 { width:45%; float:right; margin:0 0 20px 20px; }
.img100-3 { margin:auto; }
.img100-4 { width:100%; margin:0 0 10px 0; }


}


/*===============================================
ƒXƒ}ƒz—p
===============================================*/
@media screen and (max-width: 767px) {
body { font-size:16px; line-height:1.5em; }
header { width:100%; background:url(../images/bk03.png) bottom repeat-x; padding-bottom:6px; }

.head-wp { display:none; }
header h1.hh01-pc { display:none; }
header h2.hh02-pc { display:none; }
header h1.hh01-sh { width:65%; float:left; margin:10px 0 10px 20px; }
header h1.hh01-sh img { width:100%; }
header h2.hh02-sh { width:15%; float:right; margin-right:10px; }
header h2.hh02-sh img { width:100%; }

.toptxt { display:none; }
.topimg-pc { display:none; }
.topimg-sh { margin:0 auto 30px;}
.topimg-sh img { width:100%; }

.main-wp { width:100%; } 
.gnav { background:#E7E7E7; padding:10px; margin-bottom:30px; }
.gnav ul { text-align:left; }
.gnav li { display:inline-block; width:48%; margin:3px; }
.gnav li img { width:100%; }

.h2-01 { color:#FF6000; padding-left:10px; margin:20px 0 10px 0; }


.faci01 img { width:100%; margin-bottom:10px; }


main { padding:0 10px; text-align:left; margin-bottom:50px; }
aside { padding:0 10px; text-align:left; }

.list01 h6 { width:100%; float:none; font-weight:normal; font-size:85%; }
.list03 { margin-bottom:20px; }

.bl-news img.newspic { margin:0 0 20px 0; width:100%; }




 /* set
---------------------------------------------------- */
.set01 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #999; }
.set01:last-child { border-bottom:none; }
.set01 h3 { font-size:100%; margin-bottom:10px; color:#005495; }


.bl-pics { margin:10px 0; }
.bl-pics div.wp-bl1 { width:100%; }
.bl-pics div.wp-bl1 img { width:100%; margin-bottom:5px; }
.bl-pics p { text-align:center; }


.bl-pics2 { margin:10px 0; }
.bl-pics2:after {
content: "";
clear: both;
display: block;
}
.bl-pics2 div.wp-bl2 { width:49%; float:left; margin-right:20px; }
.bl-pics2 div.wp-bl2 { width:100%; }
.bl-pics2 div.wp-bl2 img { width:100%; margin-bottom:5px; }
.bl-pics2 p { text-align:center; }



 /* div
---------------------------------------------------- */
.box01 { width:100%; }
.box02 { width:100%; }
.box02-serv03 { width:100%;  }
.box-ban img { width:100%; }
#price03 { width:100%; }



 /* images
---------------------------------------------------- */
.imgfloor { width:100%; }
.flr-pc { display:none; }
.imgmap { width:100%; margin:10px 0; }

.img100 { width:100%; margin:0 0 20px 0; }
.img100-2 { width:100%; }
.img100-3 { width:100%; }
.img100-4 { width:100%; margin:10px 0; }


}

