@charset "utf-8";

/* Default style
---------------------------------------------------- */
html{
	height:100%;
}

body {
	font-size:80%;
	line-height:1.4;
	color:#555;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	height:100%;
}

a{text-decoration:none;}
a:link {color:#0e76de;}
a:visited {color:#0e76de;}
a:hover { color:#559ade;}
a:active {color:#0e76de;}


button {
	display: inline-block;
	/display: block;
	
}

*html #wrapper {
	height:100%;
}
#wrapper {
	position:relative;
    min-height: 100%;
	text-align:left;
}
body > #wrapper {
	height: auto;
}
#container {
	text-align:center;
}


/* Header
---------------------------------------------------- */
#header {
	height:50px;
	background:#3d332b;
	text-align:center;
}
#headerInner{
	width:960px;
	padding:0 20px;
	margin:0 auto;
	color:#fff;
	background:url(/img/bk_head.png) 0 0 no-repeat;
	position:relative;
	text-align:left;
}
.shoulder{
	position:absolute;
	top:22px;
	left:181px;
	font-size:90%;
}


/* Snav
---------------------------------------------------- */
#snavi{
	position:absolute;
	top:17px;
	right:20px;
}
#snavi ul{
	overflow:hidden;
}
#snavi li{
	float:right;
}
#snavi li.estimateCount{
	background:url(/img/prt_head_01.gif) 0 0 no-repeat;
	width:47px;
	padding:0 0 0 67px;
}
#snavi li.estimateCount a{
    background: url(/img/bg_estimateCount_off.gif) 0 0 repeat-x;
    color: #FFF;
	border:1px solid #000;
    display: block;
    height: 20px;
    width: 22px;
	padding:2px 0 0 0;
	font-weight: bold;
	text-align:center;
}
#snavi li.estimateCount a:hover{
    background: url(/img/bg_estimateCount_on.gif) 0 0 repeat-x;
}
#snavi li.mailAdd{
	color:#fff;
	padding:2px 10px 0 0;
}
#snavi li.mailAdd a:link {color:#fff;}
#snavi li.mailAdd a:visited {color:#fff;}
#snavi li.mailAdd a:hover { color:#a09a95;}
#snavi li.mailAdd a:active {color:#a09a95;}
/* Gnav
---------------------------------------------------- */
#gnav {
	height:35px;
}
#gnavInner{
	width:960px;
	margin:0 auto;
}
#gnavInner ul{
	overflow:hidden;
	padding:0 0 0 77px;
}
#gnavInner li{
	float:left;
	text-indent:-9999px;
}
#gnavInner li a{
	display:block;
	width:161px;
	height:35px;
	overflow:hidden;
}
/*
#gnavInner li.gnav05 a{
	width:162px;
}
*/

.g_def{background:url(/img/bg_gnav_def.gif) 0 0 repeat-x;}

.g_def li.gnav01 a{background:url(/img/gnavi.png) -77px 0 no-repeat;}
.g_def li.gnav02 a{background:url(/img/gnavi.png) -238px 0 no-repeat;}
.g_def li.gnav03 a{background:url(/img/gnavi.png) -399px 0 no-repeat;}
.g_def li.gnav04 a{background:url(/img/gnavi.png) -560px 0 no-repeat;}
.g_def li.gnav05 a{background:url(/img/gnavi.png) -721px 0 no-repeat;}

.g_def li.gnav01 a:hover{background:url(/img/gnavi.png) -77px -35px no-repeat;}
.g_def li.gnav02 a:hover{background:url(/img/gnavi.png) -238px -35px no-repeat;}
.g_def li.gnav03 a:hover{background:url(/img/gnavi.png) -399px -35px no-repeat;}
.g_def li.gnav04 a:hover{background:url(/img/gnavi.png) -560px -35px no-repeat;}
.g_def li.gnav05 a:hover{background:url(/img/gnavi.png) -721px -35px no-repeat;}

.g_def li.gnav01 a.act{background:url(/img/gnavi.png) -77px -70px no-repeat;}
.g_def li.gnav02 a.act{background:url(/img/gnavi.png) -238px -70px no-repeat;}
.g_def li.gnav03 a.act{background:url(/img/gnavi.png) -399px -70px no-repeat;}
.g_def li.gnav04 a.act{background:url(/img/gnavi.png) -560px -70px no-repeat;}
.g_def li.gnav05 a.act{background:url(/img/gnavi.png) -721px -70px no-repeat;}


/* Content
---------------------------------------------------- */
#content {
	width:960px;
	margin:0 auto;
	padding:0 0 40px;
	text-align:left;
}

#pageTit{
	padding:21px 0 26px 0;
}
#pageTit h1{
	font-size:240%;
	color:#333;
	line-height:1.2;
	margin-bottom:2px;
}
ul.bread{
	font-size:100%;
	overflow:hidden;
}
ul.bread2{
    margin:0 680px 0 0;
	font-size:100%;
	overflow:hidden;
}
.bread a:link {color:#666;}
.bread a:visited {color:#666;}
.bread a:hover { color:#0E76DE;}
.bread a:active {color:#666;}
.bread ul{
	overflow:hidden;
}
.bread li{
	float:left;
}

.bread2 a:link {color:#666;}
.bread2 a:visited {color:#666;}
.bread2 a:hover { color:#0E76DE;}
.bread2 a:active {color:#666;}
.totop{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	font-weight:bold;
	text-align:left;
}
.totop a{
	background:url(/img/bg_pagetop.gif) 0 0 no-repeat;
	display:block;
	width:115px;
	height:18px;
	padding:7px 0 0 27px;
	float:right;
	overflow:hidden;
}
.totop a:hover{
	background:url(/img/bg_pagetop.gif) 0 -25px no-repeat;
}
.totop a:link {color:#d5d2c6;}
.totop a:visited {color:#d5d2c6;}
.totop a:hover { color:#a4a4a4;}
.totop a:active {color:#a4a4a4;}

.submit.auto_cancel {
    margin-left: 10px;
    margin-top: 10px;
}
/* MainContents
---------------------------------------------------- */
#mainContent{
	width:703px;
}mainContent1{
	width:703px;
}

#mainContent2{
	width:703px;
}
#mainContentW{
	width:960px;
}

/* SideContents
---------------------------------------------------- */
#sideContent{
	width:238px;
}








/* 共通パーツ
---------------------------------------------------- */
.mainBox h2.tit{
background:url(/img/bg_def_h2_tit.gif) 0 0 no-repeat;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #4f443b;
	padding:11px 15px 10px 15px;
	font-size:117%;
	margin-bottom:15px;
	overflow:hidden;
}
.mainBox h2.tit span.txt{
	font-size:85%;
	font-weight:normal;
}
.mainBox h2.tit span.right{
	font-size:85%;
	font-weight:normal;
	padding-top:2px;
}


.mainBoxW{
	background:url(/img/bg_def_box_l.gif) 0 0 repeat-y;
	overflow:hidden;
	margin-bottom:20px;
}
.mainBoxWBtm{
	clear:both;
	background:url(/img/bg_def_boxBtm_l.gif) 0 100% no-repeat;
	height:11px;
}
.mainBoxWBtmEx{
	clear:both;
	background:url(/img/bg_def_boxBtm_EX.png) 0 100% no-repeat;
	height:11px;
	position:relative;
	margin-top:-11px;
}

.mainBoxW h2.tit{
background:url(/img/bg_def_h2_tit_l.gif) 0 0 no-repeat;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #4f443b;
	padding:11px 15px 10px 15px;
	font-size:117%;
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
}

.contactformstyle{
    margin:0px 6px 0 2px;
    width:700px;
    height:851px;
}

.callstyle{
    float:right;
    margin:5px;
}
.bgwhite{
    background:white;
}
.moji{
    margin:20px 80px 20px 80px;
}
a.arw{
	background:url(/img/ico_arw.gif) 0 2px no-repeat;
	padding:0 0 0 18px;
	display:block;
}
a.arw:hover{
	background:url(/img/ico_arw_on.gif) 0 2px no-repeat;
}
a.backArw{
	background:url(/img/ico_arw_02.gif) 0 2px no-repeat;
	font-weight:bold;
	padding:0 0 0 18px;
	display:block;
}
a.backArw:hover{
	background:url(/img/ico_arw_02_on.gif) 0 2px no-repeat;
}
a.pop{
	background:url(/img/ico_pop.gif) 0 2px no-repeat;
	padding:0 0 0 18px;
	display:block;
}
a.pop:hover{
	background:url(/img/ico_pop_on.gif) 0 2px no-repeat;
}
a.close{
	background:url(/img/ico_close.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	display:block;
}
a.close:hover{
	background:url(/img/ico_close_on.gif) 0 0 no-repeat;
}
/*lightbox用k.fujimori*/
a.close_lightbox{
	background:url(/img/ico_close_lightbox.png) 0 0 no-repeat;
	padding:0 0 0 20px;
	display:block;
}
a.close_lightbox:hover{
	background:url(/img/ico_close_lightbox_on.png) 0 0 no-repeat;
}

.estimateBox{
	width:238px;
	height:266px;
	margin-bottom:10px;
	position:relative;
}
.estimateBox form{
	background:url(/img/bg_estimateBox.jpg) 0 0 no-repeat;
	width:238px;
	height:266px;
	position:relative;
}
.estimateBox .select01{
	position:absolute;
	top:145px;
	left:25px;
}
.estimateBox .select01 select{
	width:188px;
}
.estimateBox .select02{
	position:absolute;
	top:176px;
	left:25px;
}
.estimateBox .select02 select{
	width:188px;
}
.estimateBox .submitBtn{
	position:absolute;
	top:214px;
	left:24px;
}
.estimateBox .submitBtn button {
	background:url(/img/btn_estimateBox.png) 0 0 no-repeat;
    border: 0 none;
    height: 37px;
    text-indent: -9999px;
    width: 190px;
}
.estimateBox .submitBtn button:hover {
	background:url(/img/btn_estimateBox.png) 0 -37px no-repeat;
	cursor:pointer;
}

.estimateBox div{
	margin-bottom:10px;
}

.estimateBox.Horizon{
	width:703px;
	height:63px;
	margin-bottom:10px;
	position:relative;
}
.estimateBox.Horizon div.estimateBox03{
	width:703px;
	height:63px;
	background:url(/img/bg_estimateBox_shop03.png) 0 0 no-repeat;
}
.estimateBox.Horizon div.estimateBox03:hover{
	background:url(/img/bg_estimateBox_shop03_on.png) 0 0 no-repeat;
	cursor:pointer;
}

.estimateBox .estimateBox02{
	background:url(/img/bg_estimateBox_shop02.png) 0 0 no-repeat;
}
.estimateBox .estimateBox02:hover{
	background:url(/img/bg_estimateBox_shop02_on.png) 0 0 no-repeat;
	cursor:pointer;
}

.bnr_mgz_to_beta a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bnr_cs_to_beta {
	border: solid 1px #9C9790;
	margin-bottom: 10px;
}
.bnr_cs_to_beta img {
	width: 700px;
}
/*
.bnr_cs_to_beta a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/
.bnr{
}
.bnr ul{
}
.bnr li{
	margin-bottom:10px;
}
.bcn {
    display: none;
}
input.text{
	border-top:1px solid #acadb2;
	border-right:1px solid #dbdee5;
	border-bottom:1px solid #e2e9ef;
	border-left:1px solid #e2e3e8;
	padding:2px 3px;
	border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */  
}
textarea{
	border-top:1px solid #acadb2;
	border-right:1px solid #dbdee5;
	border-bottom:1px solid #e2e9ef;
	border-left:1px solid #e2e3e8;
	padding:2px 3px;
	border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */  
}

#bnrRaksul {
	margin-bottom: 17px;
	overflow: hidden;
	/zoom:1;
	}
	
#bnrRaksul div {
	width: 345px;
	height:107px;
	position: relative;
	overflow: hidden;
	/zoom:1;
	cursor: pointer;
	}
	
#bnrRaksul div dl {
	width: 194px;
	color: #ffffff;
	position: absolute;
	top: 40px;
	left: 15px;
	}
	
#bnrRaksul div dl dt a {
	font-weight: bold;
	font-size: 128%;
	color: #ffffff;
	}
	
#bnrRaksul div dl dd {
	line-height: 1.1;
	}
	
#bnrRaksul #comparison {
	background: url(/img/bnr_comparison.jpg) no-repeat left top;
	float: right;
	}
	
#bnrRaksul #quote {
	background: url(/img/bnr_quote.jpg) no-repeat left top;
	float: left;
	}
	
#likeBox {
	margin-bottom: 15px;
	}
	
.bnrImg {
	}	

.adTxtLink{
	font-weight:bold;
}

.pager {
width:673px;
height:36px;
background: url(/img/bg_pager.gif) 0 0 repeat #3d332b;
padding:0 15px;
}

.pagerBottom {
background:url(/img/bg_paging_bottom.gif) 0 0 no-repeat;
}

.pager div {
width:104px;
height:26px;
padding:10px 0 0 0;
display:inline-block;
vertical-align:top;
/display:inline;
/zoom:1;
}

.pager .back li a {
width:58px;
height:16px;
padding:0 0 0 0;
display:block;
background:url(/img/img_paging_back.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.pager .back li a:hover {
background:url(/img/img_paging_back.gif) 0 -16px no-repeat;
}
.pager .next li a {
width:58px;
height:16px;
padding:0 0 0 0;
display:block;
background:url(/img/img_paging_next.gif) 0 0 no-repeat;
text-indent:-9999px;
float:right;
}
.pager .next li a:hover {
background:url(/img/img_paging_next.gif) 0 -16px no-repeat;
}

.pager div.num {
width:455px;
height:29px;
padding:7px 0 0 0;
text-align:center;
}

.pager div.num li {
width:23px;
height:23px;
line-height:23px;
display:inline-block;
/display:inline;
/zoom:1;
/margin-right:4px;
}

.pager div.num li a {
width:23px;
height:23px;
color:#FFF;
display:block;
background:url(/img/bg_paging_num_off.gif) 0 0 no-repeat;
}
.pager div.num li a:hover {background:url(/img/bg_paging_num_on.gif) 0 0 no-repeat;}
.pager div.num li a.active {font-weight:bold;background:url(/img/bg_paging_num_on.gif) 0 0 no-repeat;}

table.def{
	border-left:1px solid #9c9790;
}
table.def th,table.def td{
	background:url(/img/bg_td_w.gif) 0 0 no-repeat;
	border-right:1px solid #c6c3b9;
	padding:9px 15px;
}
table.def td.noline_l{
	background:url(/img/bg_td_w_noline.gif) 0 0 no-repeat;
	border-right:1px solid #9c9790;
}
table.def td.noline_r{
	border-right:none;
}
table.def th.last,table.def td.last{
	border-right:1px solid #9c9790;
}
table.def th.bg01,table.def td.bg01{
	background:url(/img/bg_td_g.gif) 0 0 no-repeat;
}
table.def th.bg01_b,table.def td.bg01_b{
	background:url(/img/bg_td_g.gif) 0 0 no-repeat;
	font-weight:bold;
}
table.def strong{
	font-weight:bold;
}
.asterisk {
    color: #FF6600;
}
.prtDefTableBorder{
	height:10px;
}
.prtDefTableBorder img{
	display:block;
}

.recoCompany dl{
	margin-left:60px;
}
.recoCompany dt{
	padding:12px 0 6px 0;
}
.recoCompany dt em{
	font-weight:bold;
	color:#333;
}
.recoCompany dd{
}
.recoCompany dd ul{
}
.recoCompany dd li{
	float:left;
	width:310px;
	padding-right:10px;
}
.inputArea {
	margin-top:-5px;
}
.inputArea .error {
    background:#F9F6DB;
    border-left: 1px solid #9C9790;
    border-right: 1px solid #9C9790;
    padding:15px 10px 10px 10px;
	text-align:center;
}
.inputArea .error table{
	display:inline;
}
.inputArea .error table th{
	padding-right:10px;
}
.inputArea .error table td{
	color: #E80303;
	}
#mainContent .titleWrap {
    background: url(/img/bg_slip_of_paper.png) no-repeat scroll left bottom transparent;
    padding-bottom: 8px;
    position: relative;
    z-index: 5;
}
#checklist {
    border-left: 1px solid #9C9790;
    border-right: 1px solid #9C9790;
	border-top:1px solid #D8D8D2;
    padding: 20px;
    text-align: center;
	background:#fff;
}
#checklist p {
    margin-bottom: 10px;
    text-align: left;
}

#sideContent #priceComparison {width:238px;height:auto;margin-bottom:10px;}


#sideContent #priceComparison  h2.tit{
	background:url(/img/bg_news_right_price_tit.gif) 0 0 no-repeat;;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #4f443b;
	padding:11px 10px 10px 15px;
	font-size:117%;
}


#sideContent #priceComparison .body {width:236px;height:auto;padding:0 1px;background:url(/img/bg_news_right_price_body.gif) 0 bottom no-repeat;}

#sideContent #priceComparison .body li {width:226px;height:auto;padding:5px;background:url(/img/line_news_right_price_body.gif) 0 0 no-repeat;}
#sideContent #priceComparison .body li.top {background:none;}


#sideContent #priceComparison .body li dt {font-weight:bold;}

#sideContent #priceComparison .body li dd {font-size:87%;word-wrap:break-word;text-align:justify;text-justify:distribute;}
#sideContent #priceComparison .body li dd strong {font-weight:bold;}


.w65{width:65px;}
.mb2{margin-bottom:2px;}
.mb8 { margin-bottom:8px; }
.taLeft{
	text-align:left;
}


/* ClearFix
---------------------------------------------------- */
.clearfix:after {
	display:block;
	height:0;
	visibility:hidden;
	content:".";
	clear:both;
	font-size:0;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }

.bnrCenter div{
	margin: 0 auto;
}

/* Other class
---------------------------------------------------- */
.block { display:block; }
.left { float:left; }
.right { float:right; }
.hidden { visibility:hidden; }

.w55{width:55px;}
.w100{width:100px;}
.w160{width:160px;}
.w164{width:164px;}
.w166{width:166px;}
.w170{width:170px;}
.w200{width:200px;}
.w250{width:250px;}
.w280{width:280px;}
.w340{width:340px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w520{width:520px;}
.w620{width:620px;}

.h30{height:30px;}
.h50{height:50px;}
.h70{height:70px;}

.mb3{margin-bottom:3px;}
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb15 { margin-bottom:15px; }
.mb18 { margin-bottom:18px; }
.mb20 { margin-bottom:20px; }
.mb25{margin-bottom:25px;}
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}

.mr4{margin-right:4px;}
.mr10 { margin-right:10px; }
.mr15{margin-right:15px;}
.mr20 { margin-right:20px; }
.mr25{margin-right:25px;}
.mr30 { margin-right:30px; }

.ml10 { margin-left:10px; }
.ml12 { margin-left:12px; }
.ml14 { margin-left:14px; }
.ml17{margin-left:17px;}
.ml20 { margin-left:20px; }
.ml26 { margin-left:26px; }
.ml30 { margin-left:30px; }
.ml43{margin-left:43px;}
.ml74{margin-left:74px;}
.ml105{margin-left:105px;}
.ml125{margin-left:125px;}
.ml160{margin-left:160px;}
.ml230 { margin-left:230px; }

.mt3 { margin-top:3px; }
.mt5 { margin-top:5px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt21 { margin-top:21px; }
.mt30{margin-top:30px;}
.mt42{margin-top:42px;}
.mt40{margin-top:40px;}
.mt48{margin-top:48px;}
.mt52{margin-top:52px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt81{margin-top:81px;}
.mt98{margin-top:98px;}
.mt120{margin-top:120px;}
.mt160{margin-top:160px;}

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb12 { padding-bottom:12px; }
.pb15 { padding-bottom:15px; }
.pb18 { padding-bottom:18px; }
.pb20 { padding-bottom:20px; }

.pt20 { padding-top:20px; }


.bold { font-weight:bold; }
.normal { font-weight:normal; }

.txt_s{
font-size:87%;
}
.txt_l{
font-size:117%;
}
.txt_ll{
font-size:134%;
}
.txt_lll{
font-size:150%;
}
.taCenter{
text-align:center;
}
.taRight{
	text-align:right;
}
.imgover{
}

.red {
    color: #f00;
}

.style4{
	float:left;
	width:300px;
}
.style3{
	width:250px;
	float:left;
}
.style4{
	margin:20px 5px 0 10px;
}
.style4 th, .style4 td, .stylea th, .stylea td{
	border:2px solid #B3B3CB;
	padding: 4px;
	word-wrap: break-word;;
}
.styleb th, .styleb td{
	border:1px solid #999999;
	padding:4px;
}
.style3 th {
	background: none repeat scroll 0 0 #FBFAF0;
	font-weight: bold;
	padding: 6px 5px 0;
}
.style3 th.even,
.style3 td.even {
	background: none repeat scroll 0 0 #FFFFFF;
}
.style3 td {
	background: none repeat scroll 0 0 #FBFAF0;
	color: #666666;
	padding: 0 16px 6px;
}
.taCenter{
	font-color:#666666;
}





.accordion_head {cursor:pointer;}


/*
	'11.12.12 追加
*/

.radioBox label{
	position:relative;
	display:block;
	padding: 0;
	margin: 0 10px 0 0;
	width:138px;
	height:33px;
	float:left;
}
.radioBox label span{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:left;
	text-decoration:none;
	padding:0;
	background-repeat: no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
	
.displayNone{
	display:none;
}


/*-------------------------------------------------------*/


*html #search_by_pref{
	padding-left: 25px;
	padding-top: 30px;
	font-size: 25px;
	line-height:105%;
	color: #FFFFEF;
	/*text-shadow:0.5px 0.5px 5px #BC7A24;*/
}

#search_by_pref{
	padding-left: 25px;
	padding-top: 30px;
	font-size: 25px;
	line-height:105%;
	color: white;
	text-shadow:0.5px 0.5px 5px #BC7A24;

}

/*
 * UserHeat tag
 */
#Vesicomyid-BEACON121140 {
	position: absolute;
}