@charset "UTF-8";
/* ----------------------------------------------------------------
 common
--------------------------------------------------------------- */

/* utility
---------------------------------------------- */
#change #utility,
#voice #utility {
	position: relative;
	height: 32px;
	margin-bottom: 10px;
}

#change #pankuzu,
#voice #pankuzu {
	float: left;
	margin-top: 14px !important;
	letter-spacing: 0;
}

#contents {
	clear: both;
    margin: 0 10px 10px;
	padding-top: 10px;
}

.bold { font-weight: bold;}

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

a{
color:#3465cb;
text-decoration:underline;
cursor:pointer;
}
sup.fo11{
	font-size:11px;
}
#layout-contents{
	margin:0 10px;
	width:660px;
	padding-top:10px;
}
#layout-container{
	background-image:none !important;
}
#layout-container.bgon{
background:url(../../../img/container_bg.gif) left top repeat-y #fff !important;

}

#layout-contents_nossi{
width:860px;
margin:0px;
padding:20px 0 0;
line-height:130%;
clear:both;
}
#layout-contents_nossi #pankuzu{
	font-size:12px;
}
li.book{
	background:url(../images/price_book.gif) no-repeat 0 2px;
	padding-left:22px;
	margin:5px 0 5px 15px;
	float:right;
}
li.print{
	background:url(../images/price_print.gif) no-repeat 0 2px;
	padding-left:22px;
	margin:5px 0;
	float:right;
}
h2{
	font-size:20px!important;
	font-weight:bold;
	color:#1a3795;
	margin-left:10px;
	margin-bottom:10px;
}
h3{
	margin-bottom:10px;
}
h3.h3width{
	background-color:#fafafa;
	border-left:4px solid #6194d2;
	border-bottom: 1px solid #e0e0e0;
	padding:4px 0 2px 9px;
	font-size:16px;
	margin-bottom:0;
}
h3 .txtxlarge{
	font-size:20px;
}
h4{
	background:url(../images/h4_bg.gif) left top no-repeat;
	font-size:14px;
	font-weight:bold;
	height:26px;
	_height:36px;
	padding:10px 0 0 15px;
	margin-bottom:10px;
	width:805px;
	_width:820px;
}
h5{
	margin:20px 0 10px;
}
#coverIframe{
	display:none;
}
#overlay_1{
	display:none;
}
#overlay_2{
	display:none;
}
#overlay_3{
	display:none;
}
#overlay_7{
	position:absolute;
	left:-15px;
	top:0px;
}
#syoki_hikari{
	display:none;
}
#syoki_sum{
	display:none;
}
.container{
	margin:0 10px;
	padding:0;
}
.container .cont{
	margin:10px 10px 20px 10px;
	text-align:left;
}
.container .cont dl{
	float:left;
	width:390px;
	margin:0 10px;
	_margin:0 5px 0 5px;
	font-size:12px;
}
.container .cont dl dt{
	font-weight:bold;
	margin-bottom:5px;
}
.container .cont dl dd{
	background:url(../images/price_01_09.gif) left 5px no-repeat;
	margin-left:10px;
	padding:0 0 0 15px;
}
.txtxlarge{
	font-size:16px;
}

.mt04 { margin-top: 4px!important;}

/* 料金シミュレーションマップ-price.html-*/

.contpricemap{
	margin:20px 0;
	height:auto;
	width:840px;
	text-align:center;
}

.price_head {
	background:url(../images/bg_price_head.jpg) center top no-repeat;
	height:36px;
	font-weight:bold;
	text-align:left;
	padding-top:10px;
	_padding-top:11px;
	padding-left:21px;
}

.pricemap {
	width:700px;
	margin:10px auto;
}

.pricemap .intro {
	width:440px;
	height:106px;
	margin:30px 0 0 23px;
	_margin:35px 0 0 23px;
}

.pricemap .intro p{
	font-size:12px!important;
	position:relative;
	top:0px;
	left:20px;
	font-size:14px !important;
}

.pricemap .hokkaido {
	position:relative;
	top:-25px;
	right:-520px;
	font-size:14px;
	display:inline;
}

.pricemap .area_leftspace {
	width:79px;
}

.pricemap .area_kyusyu {
	width:88px;
}

.pricemap .okinawa {
	position:relative;
	top:10px;
	left:30px;
	font-size:14px;
}

.pricemap .kyusyu {
	position:relative;
	top:55px;
	left:23px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

.pricemap .area_chugoku {
	width:88px;
}

.pricemap .chugoku {
	position:relative;
	top:10px;
	left:34px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

.pricemap .sikoku {
	position:relative;
	top:45px;
	left:34px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

.pricemap .area_kinki {
	width:80px;
}

.pricemap .kinki {
	position:relative;
	top:-35px;
	left:22px;
	_left:24px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

.pricemap .area_sinetsu {
	width:93px;
}

.pricemap .sinetsu {
	position:relative;
	bottom:50px;
	_bottom:-25px;
	left:38px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

.pricemap .chubu {
	position:relative;
	top:5px;
	_top:80px;
	left:38px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

.pricemap .area_tohoku {
	width:232px;
}

.pricemap .tohoku {
	width:80px;
	position:relative;
	bottom:67px;
	_bottom:-30px;
	left:51px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

.pricemap .kanto {
	width:90px;
	position:relative;
	top:5px;
	_top:106px;
	left:27px;
	_left:29px;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
}

/* 料金シミュレーション選択画面-price2.html-*/

#contprice_choice {
	padding:0 0 20px;
	_padding:0 0 0;
	width:840px;
	text-align:center;
}
#contprice_choice label{
	cursor:pointer;
}

.house_choice {
	margin:20px auto;
	height:auto;
	width:780px;
}

.price2_cont {
	width:370px;
	float:left;
}

.price2_cont02 {
	width:370px;
	float:right;
}
.price2_cont03 {
	background:url(../images/nini_bg.gif) bottom left no-repeat;
	padding-bottom:30px;
	*padding-bottom:28px;
	text-align:center;
	width:370px;
	float:right;
	*margin-bottom:4px;
}
.price2_cont03 h3{
	font-size:12px;
	margin-bottom:30px;
}
.price2_cont03 h3 img{
	vertical-align:middle;
}

.price2_head {
	background:url(../images/bg_price2_head.jpg) center top no-repeat;
	height:26px;
	_height:36px;
	font-weight:bold;
	text-align:left;
	padding-top:10px;
	padding-left:21px;
}

.price2_body {
	background:url(../images/bg_price2_body.jpg) center top repeat-y;
}
.price2_body h3{
	background:#eff8ff;
	text-align:left;
	padding:10px;
	margin:0px 1px 0px 1px;
}

td.radio {
	text-align:center;
}

td.housetype {
	width:310px;
	/*padding-left:70px;*/
}

.house {
	width:370px;
	height:65px;
}

.apartment1 {
	width:370px;
	height:65px;
}

.apartment2 {
	width:370px;
	height:65px;
}

.apartment3 {
	width:370px;
	height:65px;
}

#radio_label_house {
	width:300px;
	height:55px;
}

#radio_label_apartment1 {
	width:300px;
	height:55px;
}

#radio_label_apartment2 {
	width:300px;
	height:55px;
}

#radio_label_apartment3 {
	width:300px;
	height:55px;
}

.house label{
height:30px;
display:block;
background:url(../images/bg_price2_house_2.gif) no-repeat;
padding:0 0 0 70px;
line-height:30px;
}

.apartment1 label{
height:36px;
display:block;
background:url(../images/bg_price2_apartment1_2.gif) no-repeat;
padding:0 0 0 70px;
line-height:36px;
}

.apartment2 label{
height:47px;
display:block;
background:url(../images/bg_price2_apartment2_2.gif) no-repeat;
padding:0 0 0 70px;
line-height:47px;
}

.apartment3 label{
height:57px;
display:block;
background:url(../images/bg_price2_apartment3_2.gif) no-repeat;
padding:0 0 0 70px;
line-height:57px;
}



label#id_no_txt{
width:260px;
height:41px;
display:block;

}

label#id_yes_txt{
width:260px;
height:41px;
display:block;

}



.house_q {
	width:370px;
	margin-top:10px;
	text-align:center;
	font-size:13px;

}

td.membertype {
	width:310px;
}

.member {
	width:370px;
	height:65px;
}

.rightallow {
	display:inline;
	float:left;
	padding-top:98px;
}

.checkbtn {
	width:225px;
	float:right;
	_margin-top:-4px;
	display:inline;
	margin-right:75px;

}

.checkbtn p{
	_margin-top:-5px;
}

/* テーブル */

.pointread{
	display:block;
	padding:10px;
	border:2px solid #ff9600;
	margin-bottom:15px;
}
.price_table {
	border-collapse:collapse;
	border:#d7d8d8 1px solid;
	border-top:none;
	margin-bottom:15px;
}
.price_table td{
	padding:10px 5px;
	border-collapse:collapse;
	border:#d7d8d8 1px solid;
	border-top:none;
	font-size:16px;
}
.price_table td table{
	border:none;
	margin-bottom:0;
}
.price_table td table td{
	padding:0;
	border:none;
	font-size:14px;
}
#security_ex{
	display:none;
	font-size:80%
}
#hikari_ex{
	display:none;
	font-size:75%
}
.price_table th{
	padding:2px 10px;
	border-collapse:collapse;
	border:#d7d8d8 1px solid;
	font-size:13px;
	text-align:left;
	background:url(../images/price_01_03.gif) left top repeat-x;
	font-weight:bold;
}
.price_table th span{
	margin-left:100px;
	font-weight:normal;
}

.price_table td.tokuten{
	padding:3px 5px 3px 10px;
	border-collapse:collapse;
	border:#d7d8d8 1px solid;
	font-size:14px;
}
.price_table td.bg01{
	background-color:#fffcea;
}
.price_table td.bg02{
	background-color:#fff7ab;
}
.price_table td strong{
	font-size:24px;
}
.price_table td strong.txtnormal{
	font-size:12px;
}
.price_table td strong.red{
	font-size:16px;
}
.price_table td a.txtnormal strong{
	font-size:12px;
}
#show_sum{
	font-weight:bold;
}

/* オーバーレイ */

#comment {
	position:absolute;
	width:370px;
	margin-top:450px;
	_margin-top:470px;
	margin-left:180px;
	
}
.overray{
	background-color:#f6f9fd;
	text-align:center;
	font-size:14px;
}

.lefttext{
	background-color:#f6f9fd;
	text-align:left;
	font-size:13px;
}

.overray .title{
	text-align:left;
	font-weight:bold;
	position:relative;
	color:#1a3795;
}
.overray table{
	margin:15px auto;
	font-size:14px !important;
}
.overray table{
	margin:15px auto;
	font-size:14px !important;
}
.overray_table{
	border-collapse:collapse;
}
.overray_table th{
	border:1px solid #1a3795;
	padding:5px;
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:12px !important;
	background-color:#4764c3;
	text-align:center;
}
.overray_table td{
	border:1px solid #1a3795;
	padding:5px;
	font-size:12px !important;
	text-align:center;
}
.overray_table td.textl{
	text-align:left;
}
.overray_table td.bg01{
	background-color:#c6d2fb;
}
.overray .att{
	background-color:#edf2f9;
	font-size:12px !important;
	padding:10px;
	text-align:left;
}
.overray .att div{
	text-indent:-16px;
	padding-left:16px;
}
* html #overlay_7{
	margin-left:-430px !important;
}

/* 文字色 */
.orange{
	color:#f66200;
}
.pink{
	color:#ff0c00;
}

/* 料金表ページ */
.container .price_left{
	width:601px;
	*width:630px;
	float:left;
	padding:0 20px 0 10px;
}
.container .price_left h2{
	font-size:12px !important;
	font-weight:normal;
	color:#1a3795;
	margin-left:-10px;
	background:url(../images/price_01_01.gif) right top no-repeat;
	margin-bottom:5px;
	_width:611px;
	padding-right:110px;
}
.container .price_left h2 strong{
	font-size:16px;
	font-weight: bold;
}
.container .price_right{
	width:189px;
	float:right;
	padding:0 10px 0 0;
}
.container .price_right .righttop{
	height:55px;
	font-size:12px;
	text-align:right;
	line-height:200%;
	margin-bottom:20px;
}
.container iframe{
	text-align:left;
	background-color:#f4f4f4;
	border:0;
}
.container .price_left .arrowarea{
	width:600px;
	text-align:center;
	margin:5px 0;
}
.container table.addarea{
	clear:both;
	margin-left:10px;
}
.container table.addarea p{
	margin-top:40px;
	margin-bottom:20px;
}
.container table.add{
	margin:10px 0 5px;
	background:url(../images/price_01_08.gif) bottom left no-repeat;
}
.container table.add td{
	height:120px;
}
.container table.add td td{
	background-image:none;
	height:auto;
}
.container table.add table{
	margin:15px;
}
.container table.add .telinput img{
	vertical-align:middle!important;
	margin-left:10px;
}
.container table.add .telinput input{
	vertical-align:middle!important;
	width:80px;
	height:33px;
	border:#c5c5c5 solid 1px;
	margin-left:10px;
	font-size:22px;
	padding:0 3px;
	_padding:3px;
	ime-mode:disabled;
}
.container table.add td td span{
	margin-top:5px;
	display:block;
	font-size:12px;
}
td.txtnormal img{
	margin:10px auto;
}
.container .service_area{
	margin:30px 0 0 0;
}
.container .service_area strong img{
	margin-bottom:20px;
}
.cont .caram3{
	background:url(../images/price_02_09.gif) bottom left no-repeat; 
	widows:800px;
	margin-bottom:5px;
}
.cont .caram3 strong{
	margin:0 0 15px 50px; 
	display:block;
	letter-spacing:-1px;
}
.cont .caram3 .caramno1{
	width:218px; 
	_width:248px; 
	margin-right:28px; 
	background:url(../images/price_02_08_01.gif) left top no-repeat; 
	padding:30px 10px 15px 20px; 
	float:left;
}
.cont .caram3 .caramno2{
	width:218px; 
	_width:248px; 
	margin-right:28px; 
	background:url(../images/price_02_08_02.gif) left top no-repeat; 
	padding:30px 10px 15px 20px; 
	float:left;
}
.cont .caram3 .caramno3{
	width:218px; 
	_width:248px;  
	background:url(../images/price_02_08_03.gif) left top no-repeat; 
	padding:30px 10px 15px 20px; 
	float:left;
}
.cont .cont p.txtlarge{
	margin-bottom:20px;
}
.cont .attcaram{
	background:url(../images/price_04_09.gif) bottom left no-repeat; 
	widows:800px;
	margin:10px 0 20px;
}
.cont .attcaram img{
	margin:0 0 10px 0; 
}
.cont .attcaram .caram_no1{
	width:190px;
	_width:250px;
	margin-right:25px;
	padding:10px 10px 10px 50px;
	background:url(../images/price_04_05_01.gif) left top no-repeat;
	float:left;
}
.hikaritel_box{
	background:url(../images/price_03_05.gif) bottom center no-repeat; 
	width:800px; 
	min-height:122px; 
	_height:122px; 
	margin-bottom:20px;
}
.hikaritel_box table{
	margin:5px 10px 5px 320px;
}
div.price_yuutai{
	float:left;
	margin:0 20px 0 0;
	background-color:#f0f0f0;
	text-align:center;
	width:185px;
	padding:5px 0;
}
div.price_yuutai img{
	margin-bottom:5px;
}
div.karaoke_plan{
	padding:15px 25px; 
	background-color:#efefef; 
	width:400px;
	margin:0;
	float:left;
	display:inline;
}
div.rental_plan{
	padding:15px 25px; 
	background-color:#efefef; 
	width:680px;
	margin:0 0 20px;
	float:left;
	display:inline;
}

/* homeu ----------------------------------------------------*/
.qrcode{
	padding:10px; 
	background-color:#f0f0f0; 
	margin:20px 0;
}
.qrcode img{
	margin-left:15px;
	float:right;
}
.caption_homeu{
	font-size:12px;
	color:#666;
	padding-left:20px;
	clear:both;
	text-indent:-1.5em;
	line-height:140%;
}
.caption_homeu2{
	font-size:12px;
	color:#666;
	padding-left:23px;
	clear:both;
	text-indent:-1.8em;
	line-height:140%;
}
.caption_homeu3{
	font-size:12px;
	color:#000;
	padding-left:23px;
	clear:both;
	text-indent:-1.8em;
	line-height:140%;
}

/* print -------------------------------------------------------*/
.noprint{
	width:100%; padding:20px 0; 
	text-align:center; 
	background-color:#FFFFCC; 
	border-bottom:solid 1px #ccc;
}

/* overray 位置調整 --------------------------------------------*/
#overlay_8{
	position:absolute;
	top:-315px;
	left:50px;
	*top:-325px;
}

/* price_result エラー枠 ---------------------------------------*/
#error_contents{
	border:solid 2px #d5d5d5; 
	padding:10px; 
	width:813px; 
	*width:836px;
	text-align:center; 
	margin-bottom:20px;
}
#error_contents .red{
	font-size:18px;
	margin:10px auto 15px;
	color:#dd0000;
	font-weight:bold;
}
#error_contents #accordion img,#error_contents #accordion input{
	vertical-align:middle;
}
#error_contents #accordion dt img{
	margin:10px auto 15px;
}
#error_contents #accordion dd ul{
	margin-top:15px;
}
#error_contents #accordion dd input#tel1_upper,
#error_contents #accordion dd input#tel2_upper,
#error_contents #accordion dd input#tel3_upper{
	width:120px;
	height:25px;
}
.gousan{
	padding-left:18px;
	background:url(/ftth/flets/campaign/images/price_arrow.gif) 0 1px no-repeat;
	text-align:left;
	width:390px;
}

/* index改修 ----------------------------- 100526 */
#top_index h2{
	height:auto;
}
#top_index h3{
	background-image:none;
	padding:0px !important;
	margin:0px;
	text-indent:0px;
	height:auto;
}
#top_index #container{
	margin:0px;
}
#top_index #container #pankuzu{
	margin:0 0 10px;
}
#top_index #container .cont{
	margin:10px 10px 20px;
	width:auto;
	clear:both;
}
#top_index #container .cont .cont{
	margin:10px;
	width:auto;
	clear:both;
}
#top_index #container .cont h3{
	margin:0px;
	padding:0px !important;
	background-image:none;
	text-indent:0;
}
#top_index .caption01,
#top_index .caption02{
	width:auto !important;
}
#top_index .global th{
	text-align:left;
	background-color:#f2f2f2;
}
#top_index .global .tac{
	text-align:center !important;
}
#top_index .global .red strong{
	font-size:24px;
}
#top_index .tokuten_box{
	background:url(../images/tokuten_box_bg.gif) left top no-repeat;
	clear:both;
	margin:20px auto 40px 50px;
}
#top_index .otoku_right{
	width:309px; background:url(../images/ind_cont_02.gif) left top no-repeat; 
	padding-left:50px;
}
#top_index .tokuten_box .txtlarge{
	padding-left:25px;
	display:block;
}
#top_index .security li{
	float:left;
}
#top_index .support{
	margin:0;
	clear:both;
}
#top_index .support table{
	background:url(../images/ind_support_bottom.gif) left bottom no-repeat;
}
#top_index .support p{
	padding:12px 15px 0 25px;
	display:block;
}
#top_index .support dl{
	margin:0 10px 10px;
	background-color:#f9f6ef;
	border:1px solid #f0e9d8;
	padding:10px;
}
#top_index .support dl dt{
	font-weight:bold;
	margin-bottom:10px;
}
#top_index .support dl dd{
	text-indent:-7px;
	padding-left:7px;
	padding-bottom:2px;
	line-height:140%;
}
#top_index .two_calam{
	margin:0 0px 10px;
}
#top_index .two_calam .leftcont,
#top_index .two_calam .rightcont{
	border:solid 1px #e5e5e5;
	padding:1px;
	width:308px;
}
#top_index .two_calam .leftcont table,
#top_index .two_calam .rightcont table{
	margin:10px;
}
#top_index .join_box{
	margin:15px auto 15px auto;
	clear:both;
}
#top_index .join_box p{
	letter-spacing:-0.5px;
	*letter-spacing:-1px;
}
#top_index .box02{
	clear:both;
}
#top_index .box02 .right{
	width:619px;
	float:right;
}
#top_index .box02 table img{
	float:none;
}

.ftv{
	border:1px solid #E5E5E5;
	padding:1px;
	margin-bottom:10px;
}
.ftv table td{
	padding:10px;
}

/* syousai_option */

table.price{
	border-collapse:collapse;
	border:1px solid #a1a29e;
	font-size:12px;
	clear:both;
	margin:5px 0 10px 0;
}
table.price th{
	background-color:#fed19c;
	border:1px solid #a1a29e;
	text-align:center;
}
table.price th.type{
	text-align:left;
}
table.price td{
	border:1px solid #a1a29e;
	background-color:#ffffff;
	padding:5px;
}
table.price .bg01{
	background-color:#fff8db;
}
table.price .bg02{
	background-color:#f6f6f6;
}
table.price td strong .red{
	font-size:24px;
	line-height:100%;
}
table.price td div{
	margin:5px;
	text-align:left;
}
table.price td li.leftside{
	float:left;
	display:block;
	width:250px;
	clear:both;
}


/*------------------------------
メインイメージ
------------------------------*/
#mainImg {
	height: 149px;
}

#mainImg h3 {
	float: left;
	background: none;
	margin: 0 15px 0 0!important;
	padding: 0!important;
}

#tel {
	float: right;
	background: url(../images/bg_main_top.gif) no-repeat left bottom;
	height: 149px;
 }

#tel #tel_box {
	padding: 0 6px 5px 6px;
}