@charset 'UTF-8';
/*基本設定*/
body,p,img,h1,h2,h3,h4,h5,table,tr,th,td,dl,dt,dd,form,ul,li,ol,br {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-size:75%;
	line-height: 1.4; 
}

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

/*コンテナ*/
#container {
	width: 1001px;
	margin:0 auto;
}

/*ボックス*/
#box {
	background-color: #e5eaf4;
	width: 1001px;
	margin-top:10px;
	position: relative;
}

/*特別プラン見出し*/
#plan_heading {
	background-color: #003;
	height: 189px;
	width: 991px;
	border: 5px solid #003;
	position: relative;
}

p#plan_hd1 {
	text-indent: -9999px;
	background: url(../images/result_img/plan_hd1.gif) no-repeat;
	height: 44px;
	width: 702px;
	position: absolute;
	top: 10px;
	left: 9px;
}

p#plan_hd2 {
	text-indent: -9999px;
	background: url(../images/result_img/plan_hd2.gif) no-repeat;
	height: 40px;
	width: 704px;
	position: absolute;
	top: 61px;
	left: 10px;
}

/*メッセージ*/
#message {
	font-size: 14px;
	width: 709px;
	height: 77px;
	background: url(../images/result_img/message.gif) no-repeat;
	position: absolute;
	bottom: 3px;
	left: 8px;
}

#message p {
	line-height: 1.2;
	color: #333;
	margin: 5px 0 0 100px;
}

#message p strong {
	font-size: 20px;
	color: #039;
}

#message p span { font-size: 12px }

/*通常は非表示*/
#message_p { display: none }

/*メールボタン領域*/
#plan_mail {
	width: 259px;
	height: 126px;
	text-align: center;
	background: url(../images/result_img/plan_mail.gif) no-repeat;
	padding-top: 63px;
	position: absolute;
	top: 0;
	right: 0;
}

/*コンテンツ 2カラム*/
#inner {
	background-color: #e5eaf4;
	width: 726px;
	float: left;
}

/*タイトルとビジモバNo*/
#biz_no h1{
	color:#039;
	display:inline;
	height:34px;
	width:431px;
	background: transparent url(../images/result_img/ttl.gif) no-repeat left bottom;
	float:left;
}
#biz_no h1 span{
	display:none;
}
#biz_no{
	width: 700px;
	margin:10px auto 0 auto;
	vertical-align:bottom;
}
#biz_no p{
	text-align:right;
}
#biz_no p strong{
	font-size:18px;
}


/*																				(1)お客様のプラン*/
#user_plan{
	margin-bottom:5px;
	padding-bottom:14px;
	background: transparent url(../images/result_img/arrow_1.gif) no-repeat center bottom;
	clear:both;
}
#user_plan table{
	width: 700px;
	margin:0 auto;
	border-collapse: collapse;
	border-bottom:3px solid #039;
}
#user_plan th{
	color:#fff;
	background-color:#039;
	padding:3px;
	border:2px solid #E5EAF4;
}
#user_plan td{
	font-weight:bold;
	padding:3px;
	border:2px solid #E5EAF4;
	background-color:#fff;
	text-align:center;
}
#user_plan td span{
	font-size:11px;
	font-weight:normal;
}
/*シチュエーション用*/
#user_plan #sit{
	background-color:#039;
	padding:3px;
	border:3px solid #039;
}
#user_plan #sit th{
	padding:3px;
	
}

/*																						（2）プラン表示*/

/*件数表示*/
#comparison p#search{
	width:95%;
	font-size:11px;
	text-align:center;
	margin:0 auto;
}
#comparison p#search strong{
	font-size:24px;
}

/*比較プラン表示*/
#comparison{
	width: 690px;
	margin:0 auto;
	overflow:auto;
	height:370px;
	border:7px solid #039;
	background-color:#fff;
	position: relative;
}

#comparison table{
	width: 95%;
	margin:0 auto 15px auto;
	border-collapse: collapse;
	background-color:#fff;
	border-width:1px;
	border-style: solid;
}
#comparison th{
	color:#fff;
	padding:2px;
	text-align:center;
	border-width:1px;
	border-style: solid;
}
#comparison td{
	padding:2px;
	text-align:center;
	border-left:1px dotted;
}

/*比較プラン ランキングのNo.*/
#comparison th.no{
	width:20px;
	font-size:20px;
}
#comparison th p{
	text-align:left;
}

/*比較プラン ロゴ*/
#comparison td.logo{
	width:100px;
}
/*比較プラン プラン名*/
#comparison td.plan{
	font-weight:bold;
	background-color:#ffc;
	text-align:left;
	padding-left:10px;
}
#comparison td span{
	font-size:10px;
	font-weight:normal;
}
/*比較プラン 差額*/
#comparison td.cost{
	width:170px;
	font-size:24px;
	font-weight:bold;
	color:#f00;
	background-color:#ffc;
}
#comparison td.cost img{
	vertical-align:top;
}
/*比較プラン 月額料金*/
#comparison td.monthly{
	width:140px;
	font-size:20px;
	text-align:left;
	font-weight:bold;
	padding-left:5px;
	background-color:#ffc;
}
/*比較プラン 内訳*/
#comparison td.breakdown{
	width:20px;
}
#comparison td.breakdown2{
	display:none;
}

/*ここから、独自の設定*/
/*プラン（赤）*/
#comparison table.red{
	border-color:#F00;
}
#comparison table.red th{
	background-color:#F00;
	border-color:#F00;
}

/*プラン（オレンジ）*/
#comparison table.orange{
	border-color:#FF6E00;
}
#comparison table.orange th{
	background-color:#FF6E00;
}

/*プラン（灰）*/
#comparison table.gray{
	border-color:#7F7F7F;
}
#comparison table.gray th{
	background-color:#7F7F7F;
	border-color:#7F7F7F;
}
#comparison table.gray td.plan{
	color:#666;
	background-color:#fff;
}
#comparison table.gray td.cost{
	color:#666;
	background-color:#fff;
}
#comparison table.gray td.monthly{
	color:#666;
	background-color:#fff;
}

/*注意書き*/
#cap{
	width:700px;
	margin:0 auto;
	font-size:10px;
	color:#666;
	text-align:center;
}
#cap span{
	color:#f00;
}
/*閉じる*/
a#close {
	font-size: 12px;
	color: #039;
	position: absolute;
	top: 5px;
	right: 5px;
}

/*閉じる*/
div#close_a { display: none }

/*																					(3)サイド設定*/

#side {
	width: 272px;
	float: right;
	background-color:#eee;
	border-left: 2px solid #fff;
}
#side table{
	width: 100%;
	background-color:#eee;
	border-collapse: collapse;
}
#side table td{
	text-align:center;
}

/*サイドバー画像の背景処理*/
#head1{
	background:#88ABDA url(../images/result_img/ttl_print.gif) no-repeat 3% 50%;
	padding:5px;
	height:32px;
}
#head2{
	background:#88ABDA url(../images/result_img/ttl_change.gif) no-repeat 3% 50%;
	height:32px;
}
#head3{
	background:#E60012 url(../images/result_img/ttl_more.gif) no-repeat 3% 50%;
	height:32px;
}
#head4{
	background:#F9BFC4 url(../images/result_img/tel.gif) no-repeat 50% 10%;
}
#head4 img{
	margin-top:110px;
	margin-bottom:5px;
}

#side th span{
	display:none;
}
#mail_submit{
	width: 240px;
	margin: 0 10px 10px 10px;
	padding: 5px;
	text-align: left;
	border: 1px solid #C1D3FB;
	background-color: #E5EAF4;
}
#mail_submit strong{
	display:block;
	color:#000099;
}
#mail_submit p{
	color:#000099;
	font-size:11px;
}

/*メールアドレス*/
#mail_submit input.mail{
	width:95%;
}

input.sub { width: 243px }

/*条件変更*/
table#change{
	margin:0;
}
table#change td{
	color:#000066;
	text-align:left;
	padding:5px;
	vertical-align:top;
	white-space: nowrap;
}
table#change th{
	background-color:#fff;
}
table#change td p{
	font-size:11px;
	color:#f00;
	line-height:1.2;
}


/*																					(3)印刷用*/
/*画面では表示させない*/

#print_head{
	display:none;
}
#print_buttom{
	display:none;
}
#head{
	display:none;
}
#tel{
	display:none;
}
#credit{
	display:none;

}
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 9999;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
/*    filter: alpha(opacity=50);*/
    -moz-opacity: 0.5;
    opacity: 0.5;
    display: none;
}
/*閉じるボタン*/
#layer_info {
    display: none;
    z-index: 10000;
    position: absolute;
    background: #fff;
}
#layer_info p{
	width:650px;
    text-align:right;
	margin:5px 10px;
}
/*内訳*/
#detail{
	margin:0 auto ;
}
/*内訳のテーブル*/
#detail table{
	width:650px;
	border-collapse: collapse;
	margin:5px 10px;
}
#detail table th{
	font-size:11px;
	background-color:#eee;
	padding:2px 0 2px 10px;
	text-align:left;
	border:1px solid #999;
}
#detail table th.high_gray{
	color:#fff;
	background-color:#333;
}
#detail table td{
	font-size:11px;
	background-color:#fff;
	padding:2px;
	text-align:center;
	border:1px solid #999;
}
#detail table td.bl{
	color:#039;
	background-color:#F2F1FD;
}
#detail table td strong{
	font-size:14px;
}

#detail table td.wh{
	font-size:11px;
	background-color:#fff;
	padding:2px;
	text-align:center;
	border-width:0 0 1px 0;
	vertical-align:bottom;
}

#detail p{
	font-size:10px;
	width:650px;
	color:#f00;
	margin:5px 10px 0px 10px;
	text-align:left;
}

/*オリジナルプラン告知*/
p.op_copy {
	text-indent: -9999px;
	line-height:1.6;
	background: url(../images/result/op_img.gif) no-repeat;
	height: 50px;
	width: 642px;
	margin: -15px auto 15px auto;
}

/*想定予算アナウンス*/
#comparison h5#budget {
	color: #f00;
	width: 95%;
	border-bottom: 1px dotted #f00;
	margin: -15px auto 10px auto;
	padding: 5px 0;
	text-align: center;
}

#comparison h5#budget em {
	font-style: normal;
	border: 1px solid #f00;
	padding: 3px;
	margin: 2px;
	background-color: #fff;
}

/*オリジナルプラン告知*/
p.op_copy1,
p.op_copy2,
p.op_copy3,
p.op_copy4,
p.op_copy5,
p.op_copy6,
p.op_copy7,
p.op_copy8,
p.op_copy9 {
	text-indent: -9999px;
	line-height:1.6;
	height: 50px;
	width: 642px;
	margin: -15px auto 15px auto;
}

p.op_copy1 { background: url(../images/telimg/op_copy1.gif) no-repeat }

p.op_copy2 { background: url(../images/telimg/op_copy2.gif) no-repeat }

p.op_copy3 { background: url(../images/telimg/op_copy3.gif) no-repeat }

p.op_copy4 { background: url(../images/telimg/op_copy4.gif) no-repeat }

p.op_copy5 { background: url(../images/telimg/op_copy5.gif) no-repeat }

p.op_copy6 { background: url(../images/telimg/op_copy6.gif) no-repeat }

p.op_copy7 { background: url(../images/telimg/op_copy7.gif) no-repeat }

p.op_copy8 { background: url(../images/telimg/op_copy8.gif) no-repeat }

p.op_copy9 { background: url(../images/telimg/op_copy9.gif) no-repeat }

td#telimg1 { background: #f9bfc4 url(../images/telimg/tel1.gif) no-repeat 50% 10% }

td#telimg2 { background: #f9bfc4 url(../images/telimg/tel2.gif) no-repeat 50% 10% }

td#telimg3 { background: #f9bfc4 url(../images/telimg/tel3.gif) no-repeat 50% 10% }

td#telimg4 { background: #f9bfc4 url(../images/telimg/tel4.gif) no-repeat 50% 10% }

td#telimg5 { background: #f9bfc4 url(../images/telimg/tel5.gif) no-repeat 50% 10% }

td#telimg6 { background: #f9bfc4 url(../images/telimg/tel6.gif) no-repeat 50% 10% }

td#telimg7 { background: #f9bfc4 url(../images/telimg/tel7.gif) no-repeat 50% 10% }

td#telimg8 { background: #f9bfc4 url(../images/telimg/tel8.gif) no-repeat 50% 10% }

td#telimg9 { background: #f9bfc4 url(../images/telimg/tel9.gif) no-repeat 50% 10% }

td#telimg1 img,
td#telimg2 img,
td#telimg3 img,
td#telimg4 img,
td#telimg5 img,
td#telimg6 img,
td#telimg7 img,
td#telimg8 img,
td#telimg9 img {
	margin-top:110px;
	margin-bottom:5px;
}