@charset "utf-8";

*{
margin:0;
padding:0;
}

html{
overflow-y:scroll;
background-image:url(../images/common/bg_top.gif);
background-repeat:repeat-x;
background-position:top;
}

body{
text-align:center;
font-size:62.5%;
letter-spacing:0.1em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#444444;
background-image:url(../images/common/bg_btm.gif);
background-repeat:repeat-x;
background-position:bottom;
}

a:link    {color:#0066ff;}
a:visited {color:#993399;}
a:hover   {color:#ff0000;}
a:active  {color:#ff0000;}
a:focus   {outline:none;}

img{
border:0;
vertical-align:bottom;
}

p{margin-bottom:1em;}

.clear{clear:both;}

/*------------------------------------------------------------------------------base*/
div#wrapper
{
text-align:left;
width:860px;
height:auto;
margin:0 auto;
font-size:1.3em;
line-height:1.6em;
background-color:#ffffff;
}

div#header{
width:860px;
height:65px;
}

div#target{
width:860px;
height:138px;
background-image:url(../images/home/target_bg.jpg);
background-repeat:no-repeat;
}

ul#gNav{
width:860px;
height:34px;
list-style:none;
margin-bottom:20px;
}

div#contents{
clear:both;
width:860px;
height:auto;
}

ul#footerTxtNav{
clear:both;
text-align:center;
}

div#footer{
clear:both;
width:860px;
height:159px;
background-image:url(../images/common/footer_bg_btm.gif);
background-repeat:repeat-x;
color:#e2f0ff;
padding:20px 0 0 0;
font-size:12px;
line-height:18px;
}

/*-------------------------------------------------------------------------------gNav*/
ul#gNav li span{
display:none;
}

ul#gNav li{
float:left;
}

ul#gNav li#menu1{
background-image:url(../images/common/gmenu1.jpg);
background-repeat:no-repeat;
width:60px;
height:34px;
}

ul#gNav li#menu1 a{
display:block;
width:60px;
height:34px;
}

ul#gNav li#menu1 a:hover{
background-image:url(../images/common/gmenu1_on.jpg);
background-repeat:no-repeat;
width:60px;
height:34px;
}

ul#gNav li#menu2{
background-image:url(../images/common/gmenu2.jpg);
background-repeat:no-repeat;
width:290px;
height:34px;
}

ul#gNav li#menu2 a{
display:block;
width:290px;
height:34px;
}

ul#gNav li#menu2 a:hover{
background-image:url(../images/common/gmenu2_on.jpg);
background-repeat:no-repeat;
width:290px;
height:34px;
}

ul#gNav li#menu3{
background-image:url(../images/common/gmenu3.jpg);
background-repeat:no-repeat;
width:110px;
height:34px;
}

ul#gNav li#menu3 a{
display:block;
width:110px;
height:34px;
}

ul#gNav li#menu3 a:hover{
background-image:url(../images/common/gmenu3_on.jpg);
background-repeat:no-repeat;
width:110px;
height:34px;
}

ul#gNav li#menu4{
background-image:url(../images/common/gmenu4.jpg);
background-repeat:no-repeat;
width:110px;
height:34px;
}

ul#gNav li#menu4 a{
display:block;
width:110px;
height:34px;
}

ul#gNav li#menu4 a:hover{
background-image:url(../images/common/gmenu4_on.jpg);
background-repeat:no-repeat;
width:110px;
height:34px;
}

ul#gNav li#menu5{
background-image:url(../images/common/gmenu5.jpg);
background-repeat:no-repeat;
width:90px;
height:34px;
}

ul#gNav li#menu5 a{
display:block;
width:90px;
height:34px;
}

ul#gNav li#menu5 a:hover{
background-image:url(../images/common/gmenu5_on.jpg);
background-repeat:no-repeat;
width:90px;
height:34px;
}

ul#gNav li#menu6{
background-image:url(../images/common/gmenu6.jpg);
background-repeat:no-repeat;
width:90px;
height:34px;
}

ul#gNav li#menu6 a{
display:block;
width:90px;
height:34px;
}

ul#gNav li#menu6 a:hover{
background-image:url(../images/common/gmenu6_on.jpg);
background-repeat:no-repeat;
width:90px;
height:34px;
}

ul#gNav li#menu7{
background-image:url(../images/common/gmenu7.jpg);
background-repeat:no-repeat;
width:110px;
height:34px;
}

ul#gNav li#menu7 a{
display:block;
width:110px;
height:34px;
}

ul#gNav li#menu7 a:hover{
background-image:url(../images/common/gmenu7_on.jpg);
background-repeat:no-repeat;
width:110px;
height:34px;
}

/*------------------------------------------------------------------------footerTxtNav*/
ul#footerTxtNav li{
display:inline;
list-style-type:none;
padding:0 1px 0 8px;
background-image:url(../images/common/verticalDot.gif);
background-repeat:repeat-y;
background-position:left;
font-size:12px;
line-height:100%;
letter-spacing:0;
}

ul#footerTxtNav li.firstChild{
background-image:none;
}

ul#footerTxtNav li a{
text-decoration:underline;
color:#444444;
}

ul#footerTxtNav li a:hover{
text-decoration:underline;
color:#ff0000;
}

/*-----------------------------------------------------------------------------other*/
address{
clear:both;
height:30px;
line-height:30px;
text-align:center;
font-style:normal;
font-size:12px;
}

p#contactBanner{
margin:0 0 10px 0;
}

p#pagetop{
text-align:right;
margin:0;
}

p#shop{
margin:0 20px 0 0;
float:left;
}

p#shop img{
padding:5px;
background-color:#ffffff;
}

p#footerTxt{
margin-bottom:5px;
}

p#footerTxt strong{
font-weight:normal;
}

table#footerTxt{
width:520px;
height:auto;
}

table#footerTxt th{
padding:0 15px 1px 0;
font-weight:normal;
text-align:left;
vertical-align:top;
}

table#footerTxt td{
padding:0 0 1px 0;
}

div#target h2{
padding:15px 0 10px 200px;
}

div#target p{
text-align:justify;
text-justify:inter-ideograph;
font-size:12px;
line-height:17px;
padding:0 0 0 200px;
}

.mb0{
margin-bottom:0;
}

.mb5{
margin-bottom:5px;
font-size:0;
}

.mb10{
margin-bottom:10px;
font-size:0;
}

.mb15{
margin-bottom:15px;
font-size:0;
}

.mb20{
margin-bottom:20px;
font-size:0;
}

/*-----------------------------------------------------------------------------home*/
ul#reason{
width:860px;
height:auto;
list-style:none;
margin-bottom:20px;
overflow:hidden;
}

ul#reason li{
width:280px;
height:auto;
margin:0 10px 10px 0;
float:left;
}

ul#reason li.end{
margin-right:0;
}

ul#reason li.mb0{
margin-bottom:0;
}

ul#reason li span{
display:none;
}

ul#reason li#rsn1{
width:280px;
height:69px;
background-image:url(../images/home/reason1.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn1 a{
display:block;
width:280px;
height:69px;
}

ul#reason li#rsn1 a:hover{
width:280px;
height:69px;
background-image:url(../images/home/reason1_on.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn2{
width:280px;
height:69px;
background-image:url(../images/home/reason2.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn2 a{
display:block;
width:280px;
height:69px;
}

ul#reason li#rsn2 a:hover{
width:280px;
height:69px;
background-image:url(../images/home/reason2_on.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn3{
width:280px;
height:69px;
background-image:url(../images/home/reason3.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn3 a{
display:block;
width:280px;
height:69px;
}

ul#reason li#rsn3 a:hover{
width:280px;
height:69px;
background-image:url(../images/home/reason3_on.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn4{
width:280px;
height:69px;
background-image:url(../images/home/reason4.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn4 a{
display:block;
width:280px;
height:69px;
}

ul#reason li#rsn4 a:hover{
width:280px;
height:69px;
background-image:url(../images/home/reason4_on.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn5{
width:280px;
height:69px;
background-image:url(../images/home/reason5.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn5 a{
display:block;
width:280px;
height:69px;
}

ul#reason li#rsn5 a:hover{
width:280px;
height:69px;
background-image:url(../images/home/reason5_on.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn6{
width:280px;
height:69px;
background-image:url(../images/home/reason6.jpg);
background-repeat:no-repeat;
}

ul#reason li#rsn6 a{
display:block;
width:280px;
height:69px;
}

ul#reason li#rsn6 a:hover{
width:280px;
height:69px;
background-image:url(../images/home/reason6_on.jpg);
background-repeat:no-repeat;
}

h3.title{
font-size:16px;
font-weight:normal;
line-height:18px;
letter-spacing:1px;
border-left:4px solid #7ac414;
padding:1px 0 1px 5px;
margin-bottom:7px;
}

div.example{
overflow:hidden;
margin:0 0 10px 0;
}

div.example2{
overflow:hidden;
margin:0 0 20px 0;
}

div.example dl,div.example2 dl{
width:168px;
height:93px;
background-image:url(../images/home/table_bg.gif);
background-repeat:no-repeat;
margin:0 5px 0 0;
float:left;
font-size:12px;
line-height:100%;
letter-spacing:0;
}

div.example dl.end,div.example2 dl.end{
margin-right:0;
}

div.example dl dt,div.example2 dl dt{
margin:8px 0 11px 10px;
color:#ffffff;
}

div.example dl dd,div.example2 dl dd{
margin:0 0 0 10px;
color:#326ecd;
}

div.example dl li,div.example2 dl li{
list-style:none;
margin-bottom:9px;
}

ul#topic{
width:860px;
height:69px;
list-style:none;
margin-bottom:20px;
overflow:hidden;
}

ul#topic li{
margin:0 10px 0 0;
float:left;
}

ul#topic li.end{
margin-right:0;
}

ul#topic li span{
display:none;
}

ul#topic li#tpc1{
width:207px;
height:69px;
background-image:url(../images/home/topic1.jpg);
background-repeat:no-repeat;
}

ul#topic li#tpc1 a{
display:block;
width:207px;
height:69px;
}

ul#topic li#tpc1 a:hover{
width:207px;
height:69px;
background-image:url(../images/home/topic1_on.jpg);
background-repeat:no-repeat;
}

ul#topic li#tpc2{
width:207px;
height:69px;
background-image:url(../images/home/topic2.jpg);
background-repeat:no-repeat;
}

ul#topic li#tpc2 a{
display:block;
width:207px;
height:69px;
}

ul#topic li#tpc2 a:hover{
width:207px;
height:69px;
background-image:url(../images/home/topic2_on.jpg);
background-repeat:no-repeat;
}

ul#topic li#tpc3{
width:207px;
height:69px;
background-image:url(../images/home/topic3.jpg);
background-repeat:no-repeat;
}

ul#topic li#tpc3 a{
display:block;
width:207px;
height:69px;
}

ul#topic li#tpc3 a:hover{
width:207px;
height:69px;
background-image:url(../images/home/topic3_on.jpg);
background-repeat:no-repeat;
}

ul#topic li#tpc4{
width:209px;
height:69px;
background-image:url(../images/home/topic4.jpg);
background-repeat:no-repeat;
}

ul#topic li#tpc4 a{
display:block;
width:209px;
height:69px;
}

ul#topic li#tpc4 a:hover{
width:209px;
height:69px;
background-image:url(../images/home/topic4_on.jpg);
background-repeat:no-repeat;
}

/*-----------------------------------------------------------------------------reason*/
div.reasonBox{
clear:both;
width:818px;
height:auto;
border-radius:5px;
background-image:url(../images/common/pattern.jpg);
border:1px solid #eaeef6;
padding:20px;
margin-bottom:10px;
overflow:hidden;
}

div.end{
margin-bottom:20px;
}

div.reasonBoxL{
width:538px;
height:auto;
margin-right:20px;
float:left;
}

div.reasonBoxR{
width:260px;
height:auto;
float:right;
}

div.reasonBoxL p{
text-align:justify;
text-justify:inter-ideograph;
}

div.reasonBoxR p img{
padding:4px;
border:1px solid #ebebeb;
background-color:#ffffff;
}

/*-----------------------------------------------------------------------------thought*/
div.thoughtBox{
clear:both;
width:818px;
height:auto;
border-radius:5px;
background-image:url(../images/common/pattern.jpg);
border:1px solid #eaeef6;
padding:0 20px 20px 20px;
margin-bottom:10px;
overflow:hidden;
}

div.end{
margin-bottom:20px;
}

div.thoughtBoxL{
width:270px;
height:auto;
margin-right:20px;
float:left;
}

div.thoughtBoxR{
width:528px;
height:auto;
float:right;
}

div.thoughtBoxR h3.thoughtTxt{
margin:20px 0 15px 0;
}

div.thoughtBoxR p{
text-align:justify;
text-justify:inter-ideograph;
}

div.thoughtBoxL p.tape{
width:113px;
height:35px;
margin:0;
position:relative;
z-index:1;
left:75px;
top:17px;
}

div.thoughtBoxL dl{
width:250px;
height:auto;
background-color:#ffffff;
border:1px solid #ebebeb;
padding:9px;
}

div.thoughtBoxL dl dt{
margin-bottom:9px;
}

div.thoughtBoxL dl dd{
text-align:center;
font-size:12px;
line-height:100%;
}

/*-----------------------------------------------------------------------------recommend*/
div.rcmdStep{
clear:both;
width:858px;
height:auto;
margin-bottom:10px;
overflow:hidden;
}

div.rcmdBox{
width:187px;
height:350px;
float:left;
border-radius:5px;
background-image:url(../images/common/pattern.jpg);
border:1px solid #eaeef6;
padding:0 9px 9px 9px;
margin-right:10px;
}

div.rcmdStep div.end{
margin:0;
}

div.rcmdBox p.tape{
width:113px;
height:35px;
margin:0;
position:relative;
z-index:1;
left:35px;
top:10px;
}

div.rcmdBox p.photo{
width:167px;
padding:9px;
border:1px solid #ebebeb;
background-color:#ffffff;
margin:-10px 0 10px 0;
}

div.rcmdBox p.photo span{
display:block;
height:5px;
margin-top:9px;
font-size:0;
}

div.rcmdBox h3{
color:#3c5078;
font-size:16px;
letter-spacing:1px;
margin-bottom:7px;
padding:0 5px;
}

div.rcmdBox p{
text-align:justify;
text-justify:inter-ideograph;
font-size:12px;
line-height:17px;
letter-spacing:1px;
padding:0 5px;
margin-bottom:5px;
}

div.rcmdBox p.price{
text-align:right;
margin-bottom:0;
}

/*-----------------------------------------------------------------------------results*/
div.resultStep{
clear:both;
width:858px;
height:auto;
margin-bottom:10px;
overflow:hidden;
}

div.resultBox{
width:207px;
height:auto;
float:left;
margin-right:10px;
}

div.resultStep div.end{
margin:0;
}

div.resultBox p.tape{
width:113px;
height:35px;
margin:0;
position:relative;
z-index:1;
left:48px;
top:0;
}

div.resultBox p.photo{
width:187px;
padding:9px;
border:1px solid #e6e6e6;
background-color:#ffffff;
margin:-20px 0 5px 0;
}

div.resultBox p.photo span{
display:block;
height:5px;
margin-top:9px;
font-size:0;
text-align:left;
}

div.resultBox p{
text-align:center;
font-size:12px;
line-height:17px;
letter-spacing:1px;
margin-bottom:0;
}

/*-----------------------------------------------------------------------------company*/
div#company{
width:860px;
height:auto;
margin-bottom:10px;
overflow:hidden;
}

div#companyL{
width:420px;
height:auto;
margin-right:20px;
float:left;
}

div#companyR{
width:420px;
height:auto;
float:right;
}

h2.title{
clear:both;
color:#3c5078;
font-size:16px;
line-height:18px;
letter-spacing:1px;
border-left:4px solid #7ac414;
padding:2px 0 1px 5px;
margin-bottom:10px;
}

div#company table.w420Table{
width:419px;
height:auto;
border-top:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
font-size:12px;
line-height:18px;
letter-spacing:1px;
}

div#company table.w420Table th{
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
background-color:#f8f8f8;
padding:4px 8px;
text-align:left;
vertical-align:top;
font-weight:normal;
}

div#company table.w420Table th.w70{
width:70px;
}

div#company table.w420Table th.w120{
width:120px;
}

div#company table.w420Table td{
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
padding:4px 8px;
text-align:left;
vertical-align:top;
}

div#company table.w420Table td p{
text-align:justify;
text-justify:inter-ideograph;
margin-bottom:0;
}

div#map{
width:858px;
height:auto;
margin-bottom:20px;
border:1px solid #d7d7d7;
}

/*-----------------------------------------------------------------------------partner*/
div#frame{
padding:20px;
background-color:#f8f8f8;
border:1px solid #d7d7d7;
margin-bottom:20px;
}

div#frame ul{
margin:0 0 1.3em 3em;
list-style:square;
}

div#frame li{
margin:0.5em;
}

div#priceList{
width:860px;
height:auto;
margin-bottom:20px;
padding-bottom:20px;
background-image:url(../images/common/dot.gif);
background-repeat:repeat-x;
background-position:bottom;
overflow:hidden;
}

div#priceList2{
width:860px;
height:auto;
margin-bottom:20px;
overflow:hidden;
}

div#priceListL,div#priceList2L{
width:500px;
height:auto;
margin-right:20px;
float:left;
}

div#priceListR,div#priceList2R{
width:340px;
height:auto;
float:right;
}

div#priceList table.w500Table,div#priceList2 table.w500Table{
width:499px;
height:auto;
border-top:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
font-size:12px;
line-height:18px;
letter-spacing:1px;
}

div#priceList table.w500Table th,div#priceList2 table.w500Table th{
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
background-color:#f8f8f8;
padding:4px 8px;
text-align:center;
font-weight:normal;
}

div#priceList table.w500Table td,div#priceList2 table.w500Table td{
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
padding:4px 12px;
text-align:right;
}

div#priceList ul,div#priceList2 ul{
margin:0 0 0 1em;
list-style:square;
}

div#priceList li,div#priceList2 li{
margin:0 0 1em 0;
}

/*-----------------------------------------------------------------------------contact*/
div#form h3{
color:#3c5078;
font-size:16px;
line-height:18px;
letter-spacing:1px;
border-left:4px solid #7ac414;
padding:2px 0 1px 5px;
margin-bottom:10px;
}

div#form table{
width:859px;
height:auto;
border-top:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
font-size:12px;
line-height:18px;
letter-spacing:1px;
margin-bottom:10px;
}

div#form th{
width:180px;
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
background-color:#f8f8f8;
padding:10px;
text-align:left;
font-weight:normal;
}

div#form td{
border-bottom:1px solid #d7d7d7;
border-left:1px solid #d7d7d7;
padding:10px;
}

div#form .button{
text-align:center;
margin:0 0 20px 0;
padding:0;
}

div#form input#submitBtn{
width:79px;
height:28px;
border:0;
background-image:url(../images/contact/button.gif);
background-repeat:no-repeat;
cursor:pointer;
}

div#form .txtAreaSize{
width:630px;
font-size:12px;
}

div#form textarea{
width:630px;
height:125px;
font-size:12px;
}

p#tel{
margin:0 10px 20px 0;
float:left;
}

p#fax{
font-size:0;
float:right;
}

p#frame2{
clear:both;
font-size:12px;
line-height:17px;
letter-spacing:1px;
background-color:#f8f8f8;
border:1px solid #d7d7d7;
margin-bottom:20px;
padding:7px 10px;
overflow:hidden;
}