/*allreset*/
body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,b,em,strong,i,font,big,small,embed,object,map,frame,frameset,iframe,select,option,address { color: #000; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;line-height: 100%;font-size: 100%;;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;text-decoration: none;font-weight: normal;font-style: normal;font-variant: normal;
behavior: url(../js/PIE.htc)}
option,select {}
html {height: 101%;background: #fff url(../img/bg_html.png) repeat center bottom;}

img {display: block}

html.garan {height: 100%;}
input[type=text]:focus {
outline:none;
}
input[type=submit]:focus {
outline:none;
}
input[type=checkbox]:focus {
outline:none;}
input[type=checkbox] {border-width: 0;width: 1em;height: 1em;vertical-align: middle;}
select:focus {
outline:none;
}
option:focus {
outline:none;
}
textarea:focus {
outline:none;
}
a:focus {
outline:none;
}



/*form*/


 /*image_carousel*/
#carousel {
    height: 120px;
    text-align: left;
    position: relative;width: 615px;background: url(../img/bg_slide.gif) no-repeat 0 0;padding: 45px 50px 55px;}

#carousel_prev,
#carousel_next {
    top: 0;
    width: 25px;
    height: 120px;
    cursor: pointer;
    position: absolute;display: block;}
#carousel_prev {
    background: url(../img/b_left.gif) no-repeat left;left: 10px;top: 45px;}
#carousel_next {
    right: 10px;
    background: url(../img/b_right.gif) no-repeat left;top: 45px;}

#carousel ul li {
    float: left;
    display: inline;border-style: solid;border-color: #ccc;margin-right: 10px;}
#carousel ul li img {z-index: 110;width: 100px;height: 120px;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
#carousel ul li img:hover {opacity: 0.5;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;

}

/* =======================================
    ClearFixElements
======================================= */
#carousel ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

#carousel ul {
    display: inline-block;
    overflow: hidden;
}


/* Clearing
--------------------------------------- */

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

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear:both; }

/*float*/
.imgleft  { float: left; margin-right: 10px; margin-bottom: 10px }
.imgright  { float: right; margin-left: 10px;overflow: hidden;}
hr.nofloat { background-color: white; clear: both; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border: none 0px white; width: 100%; height: 0px;color: white;}

.imgcenter    { text-align: center; margin-right: auto; margin-bottom: 10px; margin-left: auto;overflow: hidden;}

div#test {margin: 20px;width: 300px;height: 300px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: #999 0px 0px 20px;
-moz-box-shadow: #999 0px 0px 20px;
-o-box-shadow: #999 0px 0px 20px;
-ms-box-shadow: #999 0px 0px 20px;
box-shadow: #999 0px 0px 10px;
behavior: url(../js/PIE.htc)
}

.width480 {width: 480px;}
.width760 {width: 760px;}
.width15em {width: 15em;}

-webkit--moz--o--ms-
tag {border-radius:10px;}
tag {box-shadow: /*hl*/10px /*vt*/10px /*bl*/10px /*wd*/10px rgba(0,0,0,0.4) /*inset*/;}
tag {transition: /*pp*/xxx /*tm*/0s /*ease-in-out*/linear /*dl*/0 ;}

body {min-width:960px;}
div#body {background-color: #fff;}

header.header01 {height: 600px;width: 100%;margin-bottom: 20px;background: url(../img/bg_sky.jpg) repeat-x fixed center top;}

header.header01 h1 {width: 960px;margin: 0 auto;background: url(../img/tit_head.png) no-repeat center top;height: 90px;}

header.header01 h1 a {display: block;width: 360px;height: 90px;margin-left: 50px;text-indent: -9999px;}

header.header01 div.head_main {width: 960px;}

header.header02 {height: 200px;width: 100%;margin-bottom: 40px;background: url(../img/bg_sky.jpg) repeat-x center top;}

header.header02 h1 {width: 960px;margin: 0 auto;background: url(../img/tit_head.png) no-repeat center top;height: 90px;}

header.header02 h1 a {display: block;width: 360px;height: 90px;margin-left: 50px;text-indent: -9999px;}

header.header02 div.head_home {position: relative;width: 960px;margin: 0 auto;}

header.header02 div.head_main {position: absolute;width: 960px;top: 0;}

header.header02 div.head_glass {position: absolute;background: url(../img/bg_head.png) repeat-x center top;width: 100%;height: 158px;min-width:960px;top: 60px;}



header.header01 div.head_home {position: relative;width: 960px;margin: 0 auto;}

header.header01 div.head_main {position: absolute;width: 960px;}

header.header01 div.head_glass {position: absolute;background: url(../img/bg_head.png) repeat-x center top;width: 100%;height: 158px;top: 510px;min-width:960px;}

footer {height: 184px;width: 100%;background: url(../img/bg_foot.png) repeat-x center bottom;min-width:960px;}

div.foot {width: 960px;overflow: hidden;background: url(../img/tit_foot.png) no-repeat center bottom;margin-right: auto;margin-left: auto;height: 104px;padding-top: 80px;}
div.foot p.foot_menu {float: left;color: #fff;font-size: 90%;}
div.foot p.foot_menu a {color: #fff;}
div.foot p.foot_menu a:hover {color: #ffef32;text-decoration: underline;}
div.foot p.copyright {float: right;color: #fff;font-size: 75%;}
section.contents {margin: 0 auto;width: 865px;}
section.contents01 {width: 100%;margin: 0 auto;}
ul.mm {margin: 75px auto 0;width: 840px;background: url(../img/mm.png) no-repeat 0 -47px;height: 47px;}
ul.mm li {float: left;}
ul.mm li.mm01 a {background: url(../img/mm.png) 0 -47px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 0;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}
ul.mm li.mm02 a {background: url(../img/mm.png) -168px -47px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 0;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}
ul.mm li.mm03 a {background: url(../img/mm.png) -336px -47px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 0;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}
ul.mm li.mm04 a {background: url(../img/mm.png) -504px -47px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 0;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}
ul.mm li.mm05 a {background: url(../img/mm.png) -672px -47px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 0;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}

ul.mm li.mm01 a:hover {background: url(../img/mm.png) 0 -0px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 1;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;
}
ul.mm li.mm02 a:hover {background: url(../img/mm.png) -168px -0px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 1;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}
ul.mm li.mm03 a:hover {background: url(../img/mm.png) -336px -0px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 1;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}
ul.mm li.mm04 a:hover {background: url(../img/mm.png) -504px -0px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 1;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}
ul.mm li.mm05 a:hover {background: url(../img/mm.png) -672px -0px;display: block;width: 168px;height: 47px;text-indent: -9999px;opacity: 1;
-webkit-transition: opacity 100ms linear 0;
-ms-transition: opacity 100ms linear 0;
-o-transition: opacity 100ms linear 0;
-moz-transition: opacity 100ms linear 0;
transition: opacity 100ms linear 0;}

div.intro {margin-top: 80px;overflow: hidden;}

div.intro {overflow: hidden;width: 900px;margin-right: auto;margin-left: auto;}
div.intro dl {float: left;width: 683px;}
div.intro dl dd.intro01 {margin-bottom: 5px;float: left;}
div.intro dl dt.intro02 {background-color: #fff59d;color: #333;font-size: 125%;font-weight: bold;text-align: center;padding: 10px;float: left;width: 100%;}
div.intro dl dd.intro03
 {color: #333;font-size: 100%;line-height: 1.5em;padding: 10px;float: left;}
div.intro img {float: right;}


h2.tith2 {background: url(../img/bg_h2.gif) repeat-x center bottom;padding-bottom: 5px;margin-bottom: 10px;margin-top: 30px;}
h2.tith2 span {width: 900px;margin-right: auto;margin-left: auto;display: block;overflow: hidden;}
h2.tith2 span b {float: left;background: url(../img/icon_h2.gif) no-repeat left center;color: #007e48;font-size: 125%;font-weight: bold;padding-left: 35px;padding-top: 10px;line-height: 1.5em;}
h2.tith2 span i a {float: right;display: block;background: url(../img/b_gototop.gif) no-repeat center top;width: 67px;height: 24px;text-indent: -9999px;margin-top: 10px;}
h2.tith2 span i a:hover {background-position: 0 bottom;}

p.exp01 {color: #333;font-size: 100%;line-height: 1.25em;margin-bottom: 10px;width: 900px;margin-right: auto;margin-left: auto;}

div.voice {margin-right: auto;margin-left: auto;width: 900px;background-color: #fff59d;}
div.voice ul {overflow: hidden;padding-left: 30px;padding-bottom: 20px;}
div.voice ul li {width: 370px;float: left;margin: 20px 30px 0;color: #333;font-size: 90%;line-height: 1.25em;}
div.voice ul li img {margin-bottom: 10px;}


div.flow {overflow: hidden;width: 860px;margin-right: auto;margin-left: auto;background: url(../img/bg_flow.gif) repeat-y center top;padding-right: 20px;padding-left: 20px;}
dl.flow {float: left;width: 580px;}
dl.flow dt.flow01 {background: url(../img/tit_flow.png) no-repeat 0 0;width: 260px;height: 40px;text-indent: -9999px;margin-top: 20px;}
dl.flow dt.flow02 {background: url(../img/tit_flow.png) no-repeat 0 0;width: 260px;height: 40px;text-indent: -9999px;}
dl.flow dt.flow03 {background: url(../img/tit_flow.png) no-repeat 0 0;width: 260px;height: 40px;text-indent: -9999px;}
dl.flow dt.flow04 {background: url(../img/tit_flow.png) no-repeat 0 0;width: 260px;height: 40px;text-indent: -9999px;}
dl.flow dd {color: #333;font-size: 100%;line-height: 1.25em;}
div.flow img {float: right;}
img.flow2 {margin-right: auto;margin-left: auto;}

table.price {width: 900px;margin: 20px auto;}
table.price caption {background-color: #0a6341;color: #fff;font-size: 100%;font-weight: bold;padding: 10px;border-left: 2px solid #fff;text-align: left;}
table.price th {border-left: 2px solid #fff;background-color: #6aa57c;color: #fff;font-size: 100%;font-weight: bold;padding: 10px;width: 33%;}
table.price td {border-left: 2px solid #fff;padding: 10px;text-align: left;width: 33%;}
table.price th a {color: #fff;text-decoration: underline;}
table.price th b {color: #fff;font: bold 150% Verdana, Lucida, "Lucida Grande", sans-serif;}
table.price td a:hover {color: #ffef32;}
table.price td.tleft {text-align: left;}
table.price td.tright {text-align: right;}
table.price td.tcenter {text-align: center;}
table.price th.tleft {text-align: left;}
table.price th.tright {text-align: right;}
table.price th.tcenter {text-align: center;}
table.price tr.odd {background-color: #fff6ad;}
table.price tr.even {background-color: #fffad3;}

ul.price {margin-right: auto;margin-left: auto;width: 900px;}
ul.price li {color: #333;font-size: 90%;line-height: 1.5em;margin-bottom: 0.5em;margin-left: 1em;}
ul.price li:before {content:"※";margin-left: -1em;}

dl.guide {margin-right: auto;margin-left: auto;width: 960px;}
dl.guide dt {color: #333;font-size: 100%;line-height: 1.5em;margin-top: 2em;font-weight: bold;margin-left: 3em;}
dl.guide dt:before {content:"■";margin-left: -1em;}

dl.guide dd {color: #333;font-size: 90%;line-height: 1.5em;margin-left: 3em;} 

p.gotoorder {}
p.gotoorder a {display: block;margin-right: auto;margin-left: auto;background: url(../img/b_gotosubmit.png) no-repeat center center;width: 454px;height: 42px;color: #fff;font-weight: bold;text-align: center;font-size: 20px;padding-top: 15px;margin-top: 20px;}
p.gotoorder a:hover {color: #fdf931;}