@charset "utf-8";

/*-----------------------------
universal selector
-------------------------------*/
div,span,form,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,img,table,th,td{margin:0;padding:0;}

.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:2em;}
.fs20{font-size:20px;}
.fr {float:right;}
.btmm {padding-top:10px;}
p{line-height:1.4em;}

/*-----------------------------
type selector
-------------------------------*/
body{
background:#fff url("../img/bodybg.jpg") top repeat-x;
margin:0 auto;
padding:0;
color:#333;
font-family: meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka", Helvetica, Arial, sans-serif;
text-align:center;
}

img {border:0;}

ul{list-style-type:none;}
li{line-height:1.4;}

/*-----------------------------
class selector
-------------------------------*/
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.bold {font-weight:bold;color:#666;}
.sbm {margin-bottom:10px;}

/*-----------------------------
ID selector
-------------------------------*/
#header{text-align: left;height:61px;width:948px;margin:0 auto;background:url("../img/header.gif") left top no-repeat;}
#wrapper{background:url("../img/bg.jpg") center top no-repeat;margin:0 auto;}
#wrapper02{background:url("../img/bg02.jpg") center top no-repeat;margin:0 auto;}
#main{margin:0 auto;width:942px;text-align:left;}
#footer{width:942px;text-align:center;margin:0 auto;}

/*-----------------------------
header
-------------------------------*/
#header p.logo img{float:left;margin-left:4px;}
#header p.phone img{float:right;margin-right:4px;}
#header h1,#header p.htit img{float:left;}
a:focus{/*\*/overflow: hidden;/**/}

/*-----------------------------
G_navi
-------------------------------*/
ul#G_navi {width:948px;margin:0 auto;padding:0;position:relative;background:url("../img/G_navi.gif") top left no-repeat;height:42px;text-align:center;}
ul#G_navi li {float:left;}
ul#G_navi li a{display:block;text-decoration:none;text-indent:-9999px;height:42px;overflow:hidden;}

ul#G_navi li span{display:block;}
ul#G_navi li#G01 a {width:192px;}
ul#G_navi li#G01 a:hover,ul#G_navi li#G01 span a{background:url("../img/G_navi.gif") 0 -42px;}

ul#G_navi li#G02 a {width:189px;left:192px;}
ul#G_navi li#G02 a:hover,ul#G_navi li#G02 span a{background:url("../img/G_navi.gif") -192px -42px no-repeat;}

ul#G_navi li#G03 a {width:188px;left:381px;}
ul#G_navi li#G03 a:hover,ul#G_navi li#G03 span a{background:url("../img/G_navi.gif") -381px -42px;}

ul#G_navi li#G04 a {width:187px;left:569px;}
ul#G_navi li#G04 a:hover,ul#G_navi li#G04 span a{background:url("../img/G_navi.gif") -569px -42px;}

ul#G_navi li#G05 a {width:192px;left:756px;}
ul#G_navi li#G05 a:hover,ul#G_navi li#G05 span a{background:url("../img/G_navi.gif") -756px -42px;}


/*-----------------------------
main
-------------------------------*/
#main h1{text-align:left;}
#main h2{margin:0 0 2px 10px;}
#main h2.h2tit{background:url("../img/h3_bg.gif") right no-repeat;margin:0;}
#main h3.tit{background:url("../img/h3_bg.gif") right no-repeat;}
#main p.lead {padding-bottom:6px;margin:0 6px;}

/* -- #Fbox -- */
#main #Fbox {background:url("../img/Fbox_bg.gif") bottom right no-repeat;height:232px;}
#main #Fbox h2 {z-index:1;float:right;position:relative;margin-top:4px;}
#main #Fbox h3 img.first {float:left;z-index:2;margin:-64px 0 0 0;}
#main #Fbox h3 img{float:left;z-index:2;margin:-64px 0 0 0;}

/* -- Mbox -- */
#main .Mbox{border-right:1px solid #999;border-left:1px solid #999;background:#fff;}
#main .MboxIN{padding:0 10px 10px;}
#main .MboxIN02{padding:10px 10px 10px;}
#main .MboxIN03{padding:16px 16px 10px;}
#main .MboxB {background:url("../img/MboxB.gif") bottom no-repeat;height:16px;margin-bottom:10px;}
#main .Mboxwrap {padding-bottom:16px;}
#main .MLbox {width:445px;float:left;margin-right:16px;_margin-right:8px;}
#main .MRbox {width:445px;float:left;}
#main .MLbox h3,#main .MRbox h3 {margin-bottom:6px;}
#main .MLbox h4,#main .MRbox h4 {margin:0 4px 4px;line-height:1.3em;}
#main .MLbox p,#main .MRbox p{margin:0 0 0 6px;padding:0;width:290px;}
#main .MLbox p.full,#main .MRbox p.full{margin:0 0 0 6px;padding:0;width:438px;}
#main .Mbox ol{padding:0 0 0 30px;}
#main .Mbox dl{padding:6px 0 0 20px;}
#main .Mbox dt{font-weight:bold;color:#666;padding:0 0 2px 0;}
#main .Mbox dd{padding:0 0 6px 10px;}
#main .Mbox span{color:#c33;}
#main .Nbox {padding:0 0 0 40px;line-height:1.4em;}

/* -- Sbox -- */
#main .Sbox{width:220px;float:left;margin-right:10px;}
#main .Sbox.FSbox {margin-left:4px;_margin-left:2px;}
#main .Sbox.LSbox {margin:0;}
#main .SboxIN{padding:4px 20px 0;background:url("../img/Mph05.gif") no-repeat;height:113px;line-height:1.4em;}

/* -- Dbox -- */
#main .Dbox {width:294px;height:140px;float:left;margin-right:12px;}
#main .Dbox.D01 {background:url("../img/Dbox01.gif") bottom no-repeat;margin-left:6px;}
#main .Dbox.D02 {background:url("../img/Dbox02.gif") bottom no-repeat;}
#main .Dbox.D03 {background:url("../img/Dbox03.gif") bottom no-repeat;margin:0;}
#main .Dbox h4 a{display:block;font-weight:bold;color:#ed406b;margin:20px 20px 10px 40px;text-decoration:none;}
#main .Dbox h4 a:hover {text-decoration:underline;}
#main .Dbox p{margin:0 20px 10px;}

/* -- DboxB -- */
#main .DboxB {width:908px;height:140px;margin-bottom:10px;}
#main .DboxB.DB01 {background:url("../img/DboxB01.gif") top left no-repeat;}
#main .DboxB.DB02 {background:url("../img/DboxB02.gif") top left no-repeat;}
#main .DboxB.DB03 {background:url("../img/DboxB03.gif") top left no-repeat;}
#main .DboxB.DB04 {background:url("../img/DboxB04.gif") top left no-repeat;}
#main .DboxBIN {padding:20px 20px 10px 40px;}
#main .DboxB h3 {font-weight:bold;color:#ed406b;padding-bottom:10px;}
#main .DboxB p{padding-bottom:20px;}
#main .DboxB p.pdf a{font-weight:bold;color:#666;text-align:right;margin:6px 10px 0 0;text-decoration:none;}
#main .DboxB p.pdf a:hover {text-decoration:underline;}

/* -- Button -- */
#main p.Button01 a{width:232px;height:92px;background:url("../img/b_02.gif") no-repeat;display:block;font-size:1px;line-height:1px;outline:none;text-indent:-9999px;margin:-104px 0 0 680px;}
#main p.Button01 a:hover{background-position:left bottom;}

#main .ZboxINR div {float:left;}
#main .Button02 a{width:232px;height:92px;background:url("../img/b_02.gif") no-repeat;display:block;font-size:1px;line-height:1px;outline:none;text-indent:-9999px;margin:0 10px 0 100px;}
#main .Button02 a:hover{background-position:left bottom;}

#main .Button03 a{width:232px;height:92px;background:url("../img/b_03.gif") no-repeat;display:block;font-size:1px;line-height:1px;outline:none;text-indent:-9999px;margin:0;}
#main .Button03 a:hover{background-position:left bottom;}


#main .B01{text-align:right;margin-top:6px;}

/* -- Zbox -- */
#main .ZboxT {background:url("../img/ZboxT.gif") top no-repeat;height:16px;}
#main .ZboxIN{background:url("../img/ZboxIN.gif") top repeat-y;padding:0 10px;}
#main .ZboxINR {padding:0 0 0 183px;background:url("../img/ph_06.gif") left no-repeat;height:190px;}
#main .ZboxINR p {padding:0 0 4px 0;font-weight:bold;color:#666;}
#main .ZboxB {background:url("../img/ZboxB.gif") bottom no-repeat;height:16px;margin-bottom:10px;}

/* -- Price -- */
#main ul {width:800px;margin:6px auto 0;}
#main ul li {list-style:disc;margin:0 0 0 16px;}
#main .Price {width:800px;margin:10px auto;border:1px solid #999;border-collapse: collapse;}
#main .Price th{color:#666;padding:8px 6px 5px 6px;border:1px solid #999;background:#eee;text-align:center;}
#main .Price td{padding:6px;border:1px solid #999;width:24%;background:#fff;}
#main .Price .orange{background:#fff3cf;}

#main .read {background:url("../img/ph_07.gif") top no-repeat;height:228px;width:655px;margin:4px auto 16px;}
#main .read *{left:-9999px;position:absolute;}

/*-----------------------------
footer
-------------------------------*/
#footer p{text-align:center;color:#333;padding-bottom:20px;}
#footer .footerT {background:url("../img/footerT.gif") top no-repeat;height:20px;}
#footer .footerIN {border-right:1px solid #999;border-left:1px solid #999;background:#fff;zoom:1;}

/*-----------------------------
clear
-------------------------------*/
div{zoom:1;/*for IE 5.5-7*/}
.clear:after {content:".";height:0px;clear:both;display: block;visibility:hidden;}
.clear{display:inline-block;}
/*\*/
* html .clear{height: 1%;}
.clear{display: block;}
/**/


/*-----------------------------
colorbox
-------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#fff;}

#cboxTopLeft{width:25px; height:25px; background:url(../lightboximg/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(../lightboximg/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(../lightboximg/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(../lightboximg/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(../lightboximg/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(../lightboximg/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(../lightboximg/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(../lightboximg/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url(../lightboximg/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#666;font-weight:bold;}


/*-----------------------------
DSbox
-------------------------------*/
#DSbox {width:500px;height:500px;text-align:center;padding:10px 0 0;color:#444;background:#f6f6f6;zoom:1;}
#DSbox.DS02 {height:520px;}
#DSbox.DS03 {height:570px;}
#DSbox.DS04 {height:480px;}
#DSbox div{padding-bottom:10px;}
#arrow{padding:10px 0;text-align:center;background:#eee;margin-bottom:10px;}
#DSbox .Button04 a{width:232px;height:92px;background:url("../img/b_02.gif") no-repeat;display:block;font-size:1px;line-height:1px;outline:none;text-indent:-9999px;margin:0 auto;}
#DSbox .Button04 a:hover{background-position:left bottom;}