@charset 'UTF-8';

/*見出し*/
h2 {
	background: url(../images/begins/ttl_sim.gif) no-repeat;
	height: 85px;
}

/*一括見積ヘッダ*/
#intro{
	width:850px;
	background:url(../images/begins/ttl_sim_bg.gif) right center no-repeat;
	margin:0 auto;
}
#intro p{
	width:570px;
	font-size:90%;
	margin:0 0 0 15px;
	}
#intro h3{
	line-height:1.6;
	background: url(../images/common/list.gif) no-repeat 5px 10px;
	}
#intro p strong{
	display:block;
	text-align:right;
}

/*一括見積　入力用CSS*/
#simu{
	margin: 0 auto 20px auto;
	text-align: center;
}

table.est01{
	width:850px;
	border-collapse: collapse;
	border:5px solid #ccc;
	margin:5px auto 0 auto;
}

table.est01 th{
	color:#003366;
	text-align:left;
	vertical-align:top;
	padding:10px;
	font-weight:normal;
	line-height:1.5;
	border-right:1px dotted #ccc;
}
/*必須*/
table.est01 th span{
	color:#f00;
}
/*設問マーカ*/
table.est01 th strong{
	font-size:12px;
	color:#fff;
	background-color:#333399;
	padding:3px 3px;
	margin-right:5px;
}
table.est01 td{
	width:310px;
	font-size:75%;
	text-align:left;
	padding:10px;
	line-height:1.5;
}

/*エラー処理*/
span.yen{
	background:url(../images/begins/bg_yen.gif) right center no-repeat;
	padding-right:42px;
}
span.paket{
	background:url(../images/begins/bg_paket.gif) right center no-repeat;
	padding-right:45px;
}
span.dai{
	background:url(../images/begins/bg_dai.gif) right center no-repeat;
	padding-right:15px;
}

/*エラー処理*/
div.error-message{
	color: #f00;
	font-weight: bold;
}

/*送信ボタン*/
#sub{
	width: 850px;
	margin: 0 auto;
	background: #039;
}

#sub p{
	font-size: 90%;
	color: #fff;
}

#sub p span{ color: #ff0 }

#sub input{
	font-size: 120%;
	height: 50px;
	margin: 20px 0;
}

/*送信ボタン*/
#submit{
	width:500px;
	text-align:center;
	background-color:#ccc;
}
#submit input{
	height:40px;
	margin:20px 0;
}

/*一括見積　再検索用CSS*/
#again{
	text-align:left;
	position:relative;
	margin-bottom:20px;
}
#again img.mail_btn{
	position: absolute;
	top: 106px;
	left: 566px;
}
#again img.tel{
	position: absolute;
	top: 6px;
	left:420px;
}
#again img.time{
	position: absolute;
	top: 108px;
	left:422px;
}
#again p.list{
	width:430px;
	font-size:75%;
	line-height:1.7;
	position: absolute;
	top: 163px;
	left:423px;
	border-top:1px solid #ccc;
}
#again p.list img{
	margin:15px 0 5px 0;
}
div.situation {
	background: url(../images/begins/situation_bg.gif) left bottom no-repeat;
	padding-top: 90px;
	width: 410px;
	height: 56px;
}
div.situation table { margin: 0 auto; }

div.situation table td {
	font-size:12px;
	padding:5px 10px;
}

table.est02{
	width:400px;
	border-collapse: collapse;
	border:5px solid #ccc;
	margin-top:5px;
}

table.est02 th{
	color:#003366;
	text-align:left;
	font-size:75%;
	vertical-align:top;
	padding:10px;
	font-weight:normal;
	line-height:1.5;
	border-right:1px dotted #ccc;
}

table.est02 td{
	font-size:75%;
	vertical-align:top;
	text-align:left;
	padding:10px;
	line-height:1.5;

}
/*必須*/
table.est02 td.check{
	color:#f00;
	font-size:75%;
	vertical-align:top;
	text-align:center;
	padding:10px;
	width:20px;
	border-right:1px dotted #ccc;
}


/*行ごとに背景を切り替え*/
table.est01 .on{
	background-color:#eee;
}
table.est01 .off{
	background-color:#fff;
}

/*詳細条件*/
#show_hyde{
	width:800px;
	text-align:right;
	font-size:75%;
}

/*詳細条件のテーブル枠を調整*/

table.detail_tbl{ border: 1px solid #ccc; }

table.detail_tbl td{ width: 310px; }

/*結果表示*/

#intro_inp{
	width:100%;
	background:url(../images/result/caption.gif) right center no-repeat;
	margin:15px auto;
}

/*ビジモバNo*/
p.no{
	font-size:12px;
	text-align:center;
	margin-bottom:5px;
}
p.no strong{
	font-size:16px;
}
/*目標金額をクリアした*/
p.target{
	width:100%;
	font-size:12px;
	text-align:left;
	margin-bottom:5px;
	text-indent:10px;
	background-color:#003399;
	color: #ffffff;
}
p.target strong{
	font-size:16px;
	color:#FFFF99;
}

/*結果テーブルを２つに分ける*/

table.branches{
	width:100%;
	border-collapse:collapse;
}

table.branches td{
	vertical-align:top;
}
table.branches td.bran_left table{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

/*プラン用テーブル*/
table.plan {
	width:120px;
	font-size: 12px;
	line-height: 1.5;
	background: #fff;
	border-right: 1px solid #ccc;
	border-collapse:collapse;
	text-align: left;
	float:left;
}

table.plan th {
	color: #FFFFFF;
	padding:5px 10px;
	border-bottom: 1px solid #ccc;
	border-right:3px double #ccc;
	font-weight: normal;
	background-color: #000066;
	white-space:nowrap;
}
table.plan td {
	padding:5px 10px;
	text-align:center;
	border-bottom: 1px solid #ccc;
	vertical-align:top;
}
table.plan td.blue {
	background-color:#CEEFFF;
}
table.plan td.gray {
	background-color:#eee;
}
table.plan td.yellow {
	background-color:#FFFFCC;
}
table.plan td.hi_yellow {
	background-color:#FFFF99;
}

table.plan td span.difference{
	font-size:18px;
	color:#FF0000;
	font-weight:bold;
}
/*基本・割引・パケットの高さを固定*/
span.plan_name{
	display:block;
	height:38px;
	font-size:12px;
	color:#000;
}

table.plan td.rank {
	height:92px;
	vertical-align:bottom;
}
table.plan th.white{
	background-color:#fff;
}
table.plan td em{
font-style:normal;
font-size:10px;
display:block;
text-align:left;
height:60px
}

/*横が入りきらない場合はoverflow*/
#over{
	width:600px;
	overflow:scroll;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.rank_tbl{
	width:100%;
	border-collapse: collapse;
}
.rank_tbl td{
}

/*必須項目*/
p#hissu {
	font-size: 80%;
	margin: 0;
}

p#hissu span { color: #f00; }

/*注意書き*/
p#ex_p {
	font-size: 90%;
	color: #fff;
	text-align: left;
	width: 700px;
	padding: 10px ;
	margin:0 auto;
}

p#ex_p span {
	font-size: 80%;
	color: #fff;
	display: block;
	margin-top: 1em;
}

/*ポップアップブロック*/
#popupblock {
	background: url(../images/begins/popupblock.gif) no-repeat;
	height: 360px;
	width: 640px;
	position: relative;
}

/*説明文*/
#popupblock p { text-indent: -9999px; }

/*クリック*/
a#popupblock_open {
	text-indent: -9999px;
	display: block;
	background: url(../images/begins/popupblock_open.gif) no-repeat;
	height: 64px;
	width: 360px;
	position: absolute;
	top: 196px;
	left: 189px;
	overflow: hidden;
}

/*閉じる*/
a#popupblock_close {
	text-indent: -9999px;
	display: block;
	background: url(../images/begins/popupblock_close.gif) no-repeat;
	height: 31px;
	width: 89px;
	position: absolute;
	top: 299px;
	left: 325px;
	overflow: hidden;
}