﻿@charset "utf-8";

/*初期設定*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,pre,blockquote,img {
margin:0px;
padding:0px;
}
ul {list-style:none;}
img {}
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*///全体リンク設定///*/
a:visited ,
a:link ,
a {color:#003399;}
a:active ,
a:hover {color:#ff0000;text-decoration:underline;}
/*全体詳細設定*/
body {background: url(../img/bg_body.gif); font-size: 90%;}
#wrapper{background: url(../img/bg_wrapper.jpg) repeat-x left top;}
#container{background: url(../img/bg_contents.jpg) repeat-y center top;}
#top{background: url(../img/bg_top.jpg) no-repeat center top;margin: 0px auto;}
#sub{background: url(../img/bg_top.jpg) no-repeat center top;margin: 0px auto;}
#main {width: 760px;margin-right: auto;margin-left: auto;}
#mainS {background: url(../img/bg_sh_wrapper.gif) no-repeat left top;padding-right: 10px;padding-left: 10px;}
#header{background: url(../img/bg_header.jpg) no-repeat left top;padding-top: 61px;}
#headerMain{background: url(../img/mainimg_blog.jpg) no-repeat left top;height: 216px;}
#headerSubMain{background: url(../img/smainimg.jpg) no-repeat left top;height: 85px;}
#footer{background: url(../img/bg_footer.jpg) no-repeat center top;padding-top: 30px;padding-bottom: 20px;}
#top h2{background: url(../img/bun_site.jpg) no-repeat left top;width: 760px;height: 109px;text-indent: -1000em;}
#top #logo a{width: 424px;height: 128px;display: block;text-indent: -9999px;}
#sub #logo a{width: 424px;height: 85px;display: block;text-indent: -9999px;}
#top #openBun a{width: 261px;height: 69px;display: block;margin-left:44px;text-indent: -9999px;}
#glovalnavi{padding-top: 0px;}
#contents:after{display:block;clear:both;height:0;visibility:hidden;content:".";zoom:1;}
#scontents{background-color: #FFFFFF;clear: both;}
#topcontents{background-color: #FFFFFF;clear: both;}
.clear {clear: both;}
#glovalnaviA,
#glovalnaviB,
#glovalnaviC {padding: 0;width: 760px;background: no-repeat left bottom;}
#glovalnaviA{background-image: url(../img/navi_a.jpg);height: 35px;}
#glovalnaviB{background-image: url(../img/navi_b.jpg);height: 35px;}
#glovalnaviC{background-image: url(../img/navi_c.jpg);height: 30px;}
#glovalnaviA li,
#glovalnaviB li,
#glovalnaviC li {list-style-type: none;float: left;}
#glovalnaviA li a,
#glovalnaviB li a,
#glovalnaviC li a {text-indent: -9999px;display: block;float: left;}
#glovalnavi li.mn a{display: block;height: 29px;width: 139px;}
#glovalnaviA a#topl{width: 146px;height: 35px;}
#glovalnaviA a#topl:hover{width: 146px;height: 35px;background: url(../img/navi_a_o.jpg) no-repeat 0px 0px;}
#glovalnaviA #price{width: 158px;height: 35px;}
#glovalnaviA a#price:hover{width: 158px;height: 35px;background: url(../img/navi_a_o.jpg) no-repeat -146px 0px;}
#glovalnaviA #profile{width: 179px;height: 35px;}
#glovalnaviA a#profile:hover{width: 179px;height: 35px;background: url(../img/navi_a_o.jpg) no-repeat -304px 0px;}
#glovalnaviA #type{width: 137px;height: 35px;}
#glovalnaviA a#type:hover{width: 137px;height: 35px;background: url(../img/navi_a_o.jpg) no-repeat -483px 0px;}
#glovalnaviA #voice{width: 140px;height: 35px;}
#glovalnaviA a#voice:hover{width: 140px;height: 35px;background: url(../img/navi_a_o.jpg) no-repeat -620px 0px;}
#glovalnaviB #order{width: 180px;height: 35px;}
#glovalnaviB a#order:hover{width: 180px;height: 35px;background: url(../img/navi_b_o.jpg) no-repeat 0px 0px;}
#glovalnaviB #inquiry{width: 142px;height: 35px;}
#glovalnaviB a#inquiry:hover{width: 142px;height: 35px;background: url(../img/navi_b_o.jpg) no-repeat -180px 0px;}
#glovalnaviB #howto{width: 140px;height: 35px;}
#glovalnaviB a#howto:hover{width: 140px;height: 35px;background: url(../img/navi_b_o.jpg) no-repeat -322px 0px;}
#glovalnaviB #qa{width: 143px;height: 35px;}
#glovalnaviB a#qa:hover{width: 143px;height: 35px;background: url(../img/navi_b_o.jpg) no-repeat -462px 0px;}
#glovalnaviB #sitemap{width: 155px;height: 35px;}
#glovalnaviB a#sitemap:hover{width: 155px;height: 35px;background: url(../img/navi_b_o.jpg) no-repeat -605px 0px;}
#glovalnaviC #tos{width: 154px;height: 30px;}
#glovalnaviC a#tos:hover{width: 154px;height: 30px;background: url(../img/navi_c_o.jpg) no-repeat 0px 0px;}
#glovalnaviC #company{width: 133px;height: 30px;}
#glovalnaviC a#company:hover{width: 133px;height: 30px;background: url(../img/navi_c_o.jpg) no-repeat -154px 0px;}
#glovalnaviC #policy{width: 228px;height: 30px;}
#glovalnaviC a#policy:hover{width: 228px;height: 30px;background: url(../img/navi_c_o.jpg) no-repeat -287px 0px;}
#glovalnaviC #law{width: 245px;height: 30px;}
#glovalnaviC a#law:hover{width: 245px;height: 30px;background: url(../img/navi_c_o.jpg) no-repeat -515px 0px;}
#glovalnavi li.mn a:visited ,
#glovalnavi li.mn a:link{background:url(../img/bg_gnavi.jpg) repeat-y left top;}
#glovalnavi li.mn a:active ,
#glovalnavi li.mn a:hover{background:url(../img/bg_gnavi_hover.jpg) repeat-y left top;}
#glovalnavi li.sn a{display: block;height: 26px;}
#glovalnavi li.sn a:active ,
#glovalnavi li.sn a:hover{background:url(../img/bg_gsnavi_hover.jpg) repeat-y left top;}
#glovalnavi ul.un{background:url(../img/bg_gulnavi.jpg) repeat-y left top;}
#footer p {text-align: center;}
.totop {text-align: right;clear: both;padding: 20px 10px 10px 0px;}
.conpU20 {font-size: 100%;line-height: 1.5em;padding-bottom: 20px;}
.conpU10 {font-size: 100%;line-height: 1.5em;padding-bottom: 10px;}
.conp {font-size: 100%;line-height: 1.5em;}
.conpS {font-size: 94%;line-height: 1.3em;}
.conul{	margin: 0 0 20px 0;}
.conul li{font-size: 90%;line-height: 1.5em;margin: 0 0 5px 1.5em;padding: 0 0 0 5px;}
.congul li{list-style-image: url(../img/icon_g_arrow.gif);}
.conul li ul,
.conol li ul{	margin: 0 0 20px 0;}
.conul li li,
.conol li li{font-size: 100%;line-height: 1.5em;margin: 0 0 5px 1.5em;padding: 0 0 0 5px;}
.conol{margin: 0 0 20px 0;}
.conol li{font-size: 90%;line-height: 1.5em;margin: 0 0 10px 2em;padding: 0 0 0 0.5em;}
.contable{width:675px;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
.contable th{width:120px;line-height: 1.3em;font-size:90%;padding: 8px;vertical-align: top;text-align:left;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.contable td{line-height: 1.3em;font-size:90%;padding: 8px;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.txtRight{text-align: right; padding-right: 30px;}
.prtable{width:475px;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
.prtable th{width:120px;line-height: 1.3em;font-size:90%;padding: 8px;vertical-align: top;text-align:left;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.prtable td{line-height: 1.3em;font-size:90%;padding: 8px;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}


/*contents*/
#aboutus h4{font-size: 100%;}
#access div#ad{color: #123878;border-top-width: 3px;border-top-style: solid;border-top-color: #123878;padding-top: 10px;}
#copy{padding-bottom:30px;}
#copyB{padding: 25px 20px 0px 25px;}
/*box*/
.ttlconBox {padding: 0px 40px 40px 40px;}
.sttlconBox {padding: 10px 10px 20px 10px;clear: both;}
.u20Box {padding-bottom: 20px;}
.Rbox187 {float: right;width: 187px;}
.Lbox187 {float: left;width: 187px;}
.Rbox240 {float: right;width: 245px;}
.Lbox240 {float: left;width: 245px;}
.Rimg{margin: 0px 0px 10px 15px;}
.Limg{margin: 0px 15px 10px 0px;}
.bo10Box {border: 10px solid #FFF0F0;padding: 10px;}
/*list*/
#privacy ol li {font-size: 100%;line-height: 1.5em;margin-left: 2em;list-style-position: outside;font-size: 100%;padding-top: 0px;margin-bottom: 7px;margin-top: 7px;}
#privacy ul li {font-size: 100%;line-height: 1.5em;margin-left: 2em;list-style-position: outside;font-size: 100%;padding-top: 0px;margin-bottom: 7px;margin-top: 7px;list-style-type: disc;}

/*inquiry*/
#formTable{background-color:#ffffff;margin: 15px 0 0px; width:675px;border-top: 1px dotted #666666;}
#formTable th{text-align:left;font-size:100%;padding:5px 10px;border-bottom: 1px dotted #666666;}
#formTable td{padding-top: 5px;padding-bottom: 5px;font-size: 100%;border-bottom: 1px dotted #666666;}
#sub .submit{text-align:center;font-size:100%;width:450px;margin:10px auto 5px;}
#sub .inptext{width:320px;margin:2px;}
#sub .small{font-size:90%;color:red;}
/* #sub .error{width:320px;margin:2px;background-color:#cccccc;} */
#sub .error { background-color: #ffc; }
#errorTxt{border: 1px dotted #FF9900;padding: 10px;background-color: #FFFFCC;}

/*company*/
.company_table{width:675px;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
.company_table th{width:120px;line-height: 1.3em;font-size:90%;padding: 8px;vertical-align: top;text-align:left;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.company_table td{line-height: 1.3em;font-size:90%;padding: 8px;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}

.photoBoxL{float:left;background-color: #FFFFFF;}
.photoBoxL img{margin: 0 20px 10px 10px;}
.photoBoxR{float:right;background-color: #FFFFFF;}
.photoBoxR img{margin: 0 10px 10px 20px;}


/* Except IE
  -----------------------------------*/
html>body {font-size: 10pt;}
#topAboutBox {background: url(../img/bg_about.jpg) no-repeat left top;height: 125px;width: 760px;}
#topAboutBox p{padding: 5px 5px 0px 270px;line-height: 130%;}
.toptext{font-size: 90%;}
#topTellerBox {background: url(../img/bg_teller.jpg) no-repeat 4px 27px;height: 219px;width: 387px;float: left;}
#topTellerBox h3{background: url(../img/ttl_teller.jpg) no-repeat 4px 0px;text-indent: -9999px;height: 27px;width: 387px;}
#topTellerPro{height: 170px;}
#topTellerPhoto{float: left;width: 144px;}
#topTellerPhoto img{margin: 20px 0 0 24px;}
#topTellerProTxt{float: right;width: 230px;padding-top: 20px;}
#topTellerProTxt h4{font-size: 110%;padding:5px 20px 10px 0px;}
#topTellerProTxt p{font-size: 100%;line-height: 130%;padding-right: 20px;padding-bottom: 10px;}
#topTellerProLink{text-align:right;clear: both;}
#topTypeBox {background: url(../img/bg_type.jpg) no-repeat 0px 27px;height: 219px;width: 369px;float: right;}
#topTypeBox p.detail{background: url(../img/top_type_detail.gif) no-repeat left center;height: 93px;width: 70px;text-indent: -9999px;float: right;}
#topTypeBox p.detail a{width: 40px;height: 40px;display:block; margin:25px 0 0 0;}
#topTypeBox h4{background-repeat: no-repeat;background-position: right center;height: 93px;width: 130px;float: left;text-indent: -9999px;clear: both;}
#sichu h4{background-image: url(../img/sttl_sichu.gif);}
#seimei h4{background-image: url(../img/sttl_seimei.gif);}
#seimei{clear: both;}
#topTypeBox .txt{height: 93px;width: 160px;float: left;}
#topTypeBox .txt p{padding: 25px 10px 10px 10px;line-height: 130%;}
#topTypeBox h3{	background: url(../img/ttl_type.jpg) no-repeat left top;text-indent: -9999px;height: 27px;width: 365px;}
#topButBoxA {clear: both;padding: 6px 0px 5px 4px;}
#topButBoxB {clear: both;padding-bottom: 20px;padding: 0px 0px 5px 4px;}
.butimg{height: 87px;background-repeat: no-repeat;background-position: left top;float: left;}
.butimg p{	display: none;}
.butimg h5 a{text-indent: -9999px;width: 247px;height: 87px;	display: block;}
#butPrice{background-image: url(../img/but_price.jpg);width: 252px;}
#butOrder{background-image: url(../img/but_order.jpg);width: 252px;}
#butVoice{background-image: url(../img/but_voice.jpg);width: 247px;}
#butHowto{background-image: url(../img/but_howto.jpg);width: 252px;}
#butQa{background-image: url(../img/but_qa.jpg);width: 252px;}
#butInq{background-image: url(../img/but_inq.jpg);width: 247px;}
#openBunB {background: url(../img/bun_blog.jpg) no-repeat 4px 4px;clear: both;margin-left: 0px;padding: 4px;}
#openBunB h5 a{text-indent: -9999px;height: 90px;display: block;width: 750px;}
#openBunB p{display:none;}
#infocamp{font-size: 105%;text-align: center;line-height: 150%;padding: 10px;}
#infoadd{text-align: center;}
#syuukyakulink{text-align: center; font-size: 90%; color: #7798bb; margin: 6px 0 0;}
#syuukyakulink a{color: #608cc9;}
#priceBox{background: url(../img/bg_price.jpg) no-repeat left top;}
#priceBox{background: url(../img/bg_price.jpg) no-repeat left top;}
#howtoBox{background: url(../img/bg_howto.jpg) no-repeat left top;}
#companyBox{background: url(../img/bg_company.jpg) no-repeat left top;}
#inquiryBox{background: url(../img/bg_inquiry.jpg) no-repeat left top;}
#lawBox{background: url(../img/bg_law.jpg) no-repeat left top;}
#orderBox{background: url(../img/bg_order.jpg) no-repeat left top;}
#policyBox{background: url(../img/bg_policy.jpg) no-repeat left top;}
#profileBox{background: url(../img/bg_profile.jpg) no-repeat left top;}
#qaBox{background: url(../img/bg_qa.jpg) no-repeat left top;}
#sitemapBox{background: url(../img/bg_sitemap.jpg) no-repeat left top;}
#tosBox{background: url(../img/bg_tos.jpg) no-repeat left top;}
#typeBox{background: url(../img/bg_ctype.jpg) no-repeat left top;}
#voiceBox{background: url(../img/bg_voice.jpg) no-repeat left top;}
#sub h2{background-repeat: no-repeat;background-position: 40px 52px;padding: 0px 0px 0px 40px;text-indent: -9999px;height: 140px;}
#priceBox h2{background-image: url(../img/ttl_price.gif);}
#howtoBox h2{background-image: url(../img/ttl_howto.gif);}
#companyBox h2{background-image: url(../img/ttl_company.gif);}
#inquiryBox h2{background-image: url(../img/ttl_inquiry.gif);}
#lawBox h2{background-image: url(../img/ttl_law.gif);}
#orderBox h2{background-image: url(../img/ttl_order.gif);}
#policyBox h2{background-image: url(../img/ttl_policy.gif);}
#profileBox h2{background-image: url(../img/ttl_profile.gif);}
#qaBox h2{background-image: url(../img/ttl_qa.gif);}
#sitemapBox h2{background-image: url(../img/ttl_sitemap.gif);}
#tosBox h2{background-image: url(../img/ttl_tos.gif);}
#typeBox h2{background-image: url(../img/ttl_ctype.gif);}
#voiceBox h2{background-image: url(../img/ttl_voice.gif);}
#sub h3.sttl{color: #FFFFFF;padding: 10px 13px 20px 20px;font-size: 100%;background-repeat: no-repeat;background-position: left top;}
#priceBox h3.sttl{background-image: url(../img/bg_sttl_price.gif);}
#howtoBox h3.sttl{background-image: url(../img/bg_sttl_howto.gif);}
#companyBox h3.sttl{background-image: url(../img/bg_sttl_company.gif);}
#policyBox h3.sttl{background-image: url(../img/bg_sttl_policy.gif);}
#profileBox h3.sttl{background-image: url(../img/bg_sttl_profile.gif);}
#qaBox h3.sttl{background-image: url(../img/bg_sttl_qa.gif);}
#sitemapBox h3.sttl{background-image: url(../img/bg_sttl_sitemap.gif);}
#tosBox h3.sttl{background-image: url(../img/bg_sttl_tos.gif);}
#typeBox h3.sttl{background-image: url(../img/bg_sttl_type.gif);}
#voiceBox h3.sttl{background-image: url(../img/bg_sttl_voice.gif);}
#qaBox h3.q{color: #663399;padding: 10px 13px 20px 40px;font-size: 100%;background: url(../img/bg_sttl_qa_q.gif) no-repeat left top;}
/*qa*/
#qaBox p.answer{font-size: 100%;line-height: 1.5em;padding: 0px 20px 20px 20px;}
/*price*/
.pricetable{width:520px;}
.pricetable th{width:120px;line-height: 1.3em;font-size:90%;padding: 8px;vertical-align: top;text-align:left;}
.pricetable td{line-height: 1.3em;font-size:90%;padding: 8px;}
/*profile*/
#profileBox .proPhoto{float:left;width:170px;}
#profileBox .tellerBox{padding: 30px 0 0 0;margin-bottom: 20px;background: url(../img/bg_profile_tellerbox.gif) no-repeat left top;}
#profileBox .tellerPhoto{float:left;width:280px;}
#profileBox .tellerPhoto img{border: 5px solid #CCCCCC;margin: 0px 30px 30px 30px;}
#profileBox .Photo{padding: 10px 30px 0px 20px; background: url(../img/bg_profile_tellerbox_e.gif) no-repeat left top;}
#profileBox .Photo img{border: 2px solid #CCCCCC;margin: 0px 10px 10px 10px; background: url(../img/bg_profile_tellerbox_e.gif) no-repeat left top;}
#profileBox .tellerTxt{float:right; width:400px;}
#profileBox .tellerTxt h4{font-size: 95%;line-height: 120%;background: url(../img/icon_star.gif) no-repeat left center;padding-left: 20px;}
#profileBox .tellerTxt_main{width:600px; margin: 20px 10px 10px 40px;}
#profileBox .tellerBox .clear{background: url(../img/bg_profile_tellerbox_bottom.gif) no-repeat left top;height:30px;}
#profileBox .tellerTxt h3{font-size: 135%;line-height: 120%;color: #663399;padding: 10px 30px 10px 0px;}
#profileBox .tellerTxt_main h4{font-size: 107%;line-height: 120%; padding: 0px 30px 10px 25px;/*background: url(../img/icon_star2.gif) no-repeat 0px 2px;*/}
#profileBox .tellerTxt p{padding: 0 30px 10px 20px;font-size: 95%;line-height: 110%;}
#profileBox .tellerTxt_main p{font-size: 95%; padding: 0 30px 20px 25px; line-height: 110%}
#profileBox .txtRight{text-align: right; padding: 20px 30px 0px 0px; background: url(../img/bg_profile_tellerbox_e.gif) no-repeat left top;}

/*sitemap*/
#sitemapleft{float:left;width:340px;}
#sitemapright{float:right;width:340px;}
#sitemapBox li{list-style-image: url(../img/icon_sitemap.gif);line-height: 150%;font-size: 100%;padding-top: 5px;}
#coLogobox {text-align: center;padding-bottom: 20px;}
.COVBox {background-color: #FFFFFF;padding: 20px;border: 1px solid #FF700B;margin: 0 0 20px 0;}
#typeBox .WTSphotobox{float:left;width:265px;}
#typeBox .WTSphotobox img{margin:0 10px 10px 0;}
/*opening*/
#openBox h2{display: none;}
#openBox h3{width: 760px;height: 205px;background: url(../img/bg_opening_title.jpg) no-repeat left top;text-indent: -9999px;}
#openBox .chatch{background: url(../img/bg_opening_chatch.jpg) no-repeat left top;width: 760px;}
#openBox .chatch ul{height: 205px;}
#openBox .chatch li{text-indent: -9999px;}
#openBox .chance{font-size: 110%;line-height: 130%;padding: 20px 100px 20px 80px;}
#openBox .chance strong{font-size: 120%;color: #FF0000;}
#openBox .Wchance{font-size: 110%;line-height: 130%;background: url(../img/bg_opening_chance.gif) no-repeat left top;margin: 20px 25px 20px 25px;padding: 20px 0px 0 0px;}
#openBox .Wchance pre{float:left;width:240px;}
#openBox .Wchance pre img{margin: 0px 20px 0px 20px;}
#openBox .Wchance p{padding: 20px 20px 20px 0px;}
#openBox .Wchance .clear{height: 20px;background: url(../img/bg_opening_chance_bottom.gif) no-repeat left top;}
#openBox .txtCenter{padding: 20px;text-align: center;}
