@charset "utf-8";
/*
 * this css
 * Date: 2009/07
 * Author: Creative Team
 */

#page-head p{
_position: relative;
_left: -2px;
height: 88px;
width: 954px;
background: url(/service/images/sv-page-head.png) no-repeat center bottom;
text-indent:-9999px;
overflow:hidden;
}
.ultraclear {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	font-size:0;
	line-height:0;
	background:0;
	border:none;
	visibility:hidden;
}
.vanish {display:none;}




#contents {
	width:764px; /* 幅ギリギリ */
}

#contents div#main_visual {
	position:relative;
	width:723px;
	height:244px;
	background:url(images/mansion_main_visual.gif) no-repeat;
	margin:0 0 10px 20px;
}
#contents div#main_visual h1,
#contents div#main_visual ul.price{display:none;}

#contents div#main_visual p.sv_arrow {
	position:absolute;
	width:143px;
	height:54px;
	top:95px;
	right:0;
}
#contents div#main_visual p.sv_arrow a{
	display:block;
	width:143px;
	height:54px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/sv_arrow.png) no-repeat;
	_background:url(/service/images/sv_arrow.gif) no-repeat;/* IE6 over */
}
#contents div#main_visual p.sv_arrow a:hover{
	background:url(/service/images/sv_arrow_ov.png) no-repeat;
	_background:url(/service/images/sv_arrow_ov.gif) no-repeat;/* IE6 over */
}

#contents div.comp_price{
	width:682px;
	margin:0 0 20px;
	padding-left:40px;
}
#contents div.comp_price h4{
	width:259px;
	height:52px;
	margin-left:-13px;
	margin-bottom:5px;
	background:url(/service/images/ttl_chk-price.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#contents div.comp_price p.tbl_ttl_x {
	width:211px;
	height:13px;
	margin-bottom:4px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/ttl_price-tbl.gif) no-repeat;
}
#contents div.comp_price table {
	border-collapse:collapse;
	border:solid 2px #303030;
	width:100%;
}
#contents div.comp_price table tr,
#contents div.comp_price table th,
#contents div.comp_price table td{border:solid 1px #303030;}

#contents div.comp_price table th,
#contents div.comp_price table td{padding:5px 4px;}

#contents div.comp_price table th {
	font-weight:bold;
	background-color:#cfcfcf;
	width:16.6%;
}
#contents div.comp_price table th.st {
	width:17%;
}

#contents div.comp_price table th.area {
	font-weight:bold;
	background-color:#ebebeb;
}
#contents div.comp_price table td{
	text-align:center;
	background-color:#fff;
}

#contents ul.tbl_notice {
	padding-top:5px;
}
#contents ul.tbl_notice li{
	font-size:0.833em;
	color:#666;
	text-indent:-1.0em;
	padding-left:1.0em;
	line-height:130%;
}

#contents .left_sec p.line{
	\letter-spacing:-0.5px; /** IE hack **/
}

#contents div.mansion_notice {
	background-color:#fff6bb;
	margin:35px 0 30px 35px;
	padding:25px 0;
	width:690px;
}
#contents div.mansion_notice div.lead {
	width:640px;
	height:62px;
	margin-left:19px;
	margin-bottom:15px;
	background:url(images/ttl_man_notice.gif) no-repeat;
}
#contents div.mansion_notice div.lead h4,
#contents div.mansion_notice div.lead p {display:none;}

#contents div.mansion_notice div.box01,
#contents div.mansion_notice div.box02 {
	width:585px;
	margin:0 auto;
	padding-bottom:10px;
	background:#fffdf1 url(images/y-wh_box_footer.gif) bottom no-repeat;
}
#contents div.mansion_notice table th {
	vertical-align:top;
}
#contents div.mansion_notice table th,
#contents div.mansion_notice table td {
	padding:5px 3px 0;
}
#contents div.mansion_notice table td span.crimson {
	font-weight:bold;
	color:#f00;
}

#contents div.mansion_notice div.box01 {margin-bottom:5px;}

#contents div.mansion_notice div.box01 p.box_ttl {
	width:585px;
	height:26px;
	margin-bottom:5px;
	background:url(images/y-wh_box_hd01.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#contents div.mansion_notice div.box02 p.box_ttl {
	width:585px;
	height:26px;
	margin-bottom:5px;
	background:url(images/y-wh_box_hd02.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#contents div.mansion_notice table{
	margin-left:20px;
}

#contents div.mansion_notice div.box01 table th span{
	display:block;
	width:70px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
}
#contents div.mansion_notice div.box02 table th span{
	display:block;
	width:111px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
}
#contents div.mansion_notice div.box01 table th span.mini{background:url(images/ttl_man_sv00.gif) no-repeat;}
#contents div.mansion_notice div.box01 table th span.p01{background:url(images/ttl_man_sv01.gif) no-repeat;}
#contents div.mansion_notice div.box01 table th span.p02{background:url(images/ttl_man_sv02.gif) no-repeat;}
#contents div.mansion_notice div.box02 table th span.hikari{background:url(images/ttl_man_hai01.gif) no-repeat;}
#contents div.mansion_notice div.box02 table th span.vdsl{background:url(images/ttl_man_hai02.gif) no-repeat;}
#contents div.mansion_notice div.box02 table th span.lan{background:url(images/ttl_man_hai03.gif) no-repeat;}

#contents div.mansion_notice ul.tbl_notice {
	padding-left:20px;
}

#contents div.price_info{
	width:690px;
	margin:0 0 0 36px;
}


/*----- tab系制御ここから -----*/

ul#tab_menu{
	clear: both;
	width: 688px;
	height:49px;
	padding:0;
	background:url(/service/images/tab_bg.gif) center bottom no-repeat;
	zoom:100%;
}
ul#tab_menu:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

ul#tab_menu li{
	float: left;
	list-style-type: none;
	width: 342px;
	height: 49px;
	padding-right:4px;
}
ul#tab_menu li.west{
	padding-right: 0;
}
ul#tab_menu li a{
	display: block;
	width: 342px;
	height: 49px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
ul#tab_menu li.east a {background: url(/service/images/tab_east.gif) bottom no-repeat;}
ul#tab_menu li.east a.off {background: url(/service/images/tab_east_off.gif) bottom no-repeat;}
ul#tab_menu li.east a:hover{background: url(/service/images/tab_east_ov.gif) bottom no-repeat;}
ul#tab_menu li.west a {background: url(/service/images/tab_west.gif) bottom no-repeat;}
ul#tab_menu li.west a.off {background: url(/service/images/tab_west_off.gif) bottom no-repeat;}
ul#tab_menu li.west a:hover{background: url(/service/images/tab_west_ov.gif) bottom no-repeat;}

div.tablys {
	width:685px;
	padding:0 2px;
}

div.tablys div#lyr0, 
div.tablys div#lyr1 {
	display: none;
	clear: both;
	background-color:#fff0f1;
	border: 3px solid #ffa6ac;
	border-top: none;
	width: 619px;
	_width:618px;
	padding:20px 30px 30px;
}
*:first-child+html div.tablys div#lyr0, 
*:first-child+html div.tablys div#lyr1 {width:618px;}

/*----- tab系制御ここまで -----*/



/* tabの中身 */

div#lyr0 div.east_col01,
div#lyr1 div.west_col01 {
	margin-bottom:30px;
}
div#lyr0 h3.ttl_mansion,
div#lyr1 h3.ttl_mansion {
	width:310px;
	height:34px;
	margin-left:-20px;
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/ttl_tablyr_mansion.gif) no-repeat;
}
div#lyr0 h3.ttl_price,
div#lyr1 h3.ttl_price {
	width:147px;
	height:34px;
	margin-left:-20px;
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/ttl_tablyr_price.gif) no-repeat;
}
div.tablys table {
	border-collapse:collapse;
	border:solid 2px #000;
	width:100%;
	background-color:#fff;
}
div.tablys table tr,
div.tablys table th,
div.tablys table td{border:solid 1px #000;}

div.tablys table th,
div.tablys table td{padding:3px; text-align:center; line-height:120%;}

div.tablys table th{
	font-weight:bold;
	text-align:center;
	padding:3px;
	background-color:#303030;
	color:#fff;
}
div.tablys table th.st120{
	width:120px;
}
div.tablys table th.sub{
	font-weight:normal;
	color:#000;
	font-size:0.833em;
	background-color:#9f9f9f;
}
div.tablys table th.vertic {
	background-color:#ebebeb;
	font-weight:normal;
	color:#000;
}
div.tablys table th.sp {
	background-color:#ef4d65;
}
div.tablys table th.blood {
	background-color:#96030d;
}
div.tablys table span.minitxt {
	font-size:0.833em;
}

div.tablys table td{
	padding:8px 3px;
}
div.tablys table td.sp {
	background-color:#ffbbc6;
	font-weight:bold;
}


div.tablys table span.power{
	font-weight:bold;
	font-size:1.25em;
	color:#ea1d00;
}
div.tablys table span.kesi {
	text-decoration:line-through;
	display:inline;
}
div.tablys table em {font-style:normal; font-weight:bold;}
div.tablys table span.ar {
	display:inline-block;
	margin-right:-50px;
	width:50px;
	height:11px;
	background:url(/service/images/arrow_in_tbl.gif) right no-repeat;
}
* html div.tablys table span.ar {
	margin:0;
	width:40px;
}
*:first-child+html div.tablys table span.ar {
	margin:0;
	width:40px;
}
div.tablys table span.short {
	margin-right:-30px;
	width:25px;
}
* html div.tablys table span.short {
	margin:0;
	width:25px;
}
*:first-child+html div.tablys table span.short {
	margin:0;
	width:25px;
}
div.tablys table span.notes {
	margin-right:-35px;
	width:40px;
}
* html div.tablys table span.notes {
	margin:0;
	width:25px;
}
*:first-child+html div.tablys table span.notes {
	margin:0;
	width:25px;
}


div#lyr0 div.east_col01 {
	background:url(/service/images/flets_logo_east.gif) top right no-repeat;
}

div#lyr0 div.east_col02:after,
div#lyr1 div.west_col02:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#lyr0 div.east_col02 div.left_sec,
div#lyr1 div.west_col02 div.left_sec {
	float:left;
	width:420px;
}
div#lyr0 div.east_col02 div.right_sec,
div#lyr1 div.west_col02 div.right_sec {
	float:right;
	width:195px;
	height:131px;
	margin-right:-10px;
	background:url(/service/images/notice_red.gif) no-repeat;
}

div#lyr0 p.tbl_ttl,
div#lyr1 p.tbl_ttl {
	font-weight:bold;
	margin-bottom:3px;
	color:#000;
}
div#lyr0 div.east_col02 div.left_sec table,
div#lyr1 div.west_col02 div.left_sec table {
	width:420px;
}

div#lyr0 div.east_col02 div.right_sec p.tooltip,
div#lyr1 div.west_col02 div.right_sec p.tooltip {
	cursor:default;
	display:block;
	margin-top:105px;
	width:70px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
}

div#lyr1 div.intro_sec {
	margin-bottom:20px;
}

div#lyr1 div.intro_sec table,
div#lyr1 div.intro_sec table tr,
div#lyr1 div.intro_sec table th,
div#lyr1 div.intro_sec table td{
	border:none;
	background:none;
	font-weight:normal;
	color:#000;
	text-align:left;
	padding:0;
}

div#lyr1 div.intro_sec p.lead {
	line-height:130%;
	padding-bottom:10px;
}

div#lyr1 div.intro_sec div.wh_box {
	width:602px;
	padding-bottom:10px;
	margin-bottom:20px;
	background:#fff url(images/p-wh_box_footer.gif) bottom no-repeat;
}
div#lyr1 div.intro_sec div.wh_box p.box_ttl{
	width:602px;
	height:25px;
	margin-bottom:5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/p-wh_box_header.gif) no-repeat;
}

div#lyr1 div.intro_sec div.wh_box table {
	margin-left:15px;
	width:585px;
}
div#lyr1 div.intro_sec div.wh_box table th {vertical-align:top;}
div#lyr1 div.intro_sec div.wh_box table th,
div#lyr1 div.intro_sec div.wh_box table td {padding:5px 0 0; font-size:0.917em;}

div#lyr1 div.intro_sec div.wh_box table th span {
	display:block;
	width:150px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
}
div#lyr1 div.intro_sec div.wh_box table th span.nxt {background:url(images/p-wh_ttl_nxt.gif) no-repeat;}
div#lyr1 div.intro_sec div.wh_box table th span.bfl {background:url(images/p-wh_ttl_bfl.gif) no-repeat;}
div#lyr1 div.intro_sec div.wh_box table th span.prm {background:url(images/p-wh_ttl_prm.gif) no-repeat;}

div#lyr1 div.intro_sec div.wh_box table td span.crimson {font-weight:bold; font-size:1.091em; color:#f00;}

div#lyr1 div.intro_sec ul.types_navi {
	zoom:100%;
}
div#lyr1 div.intro_sec ul.types_navi:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div#lyr1 div.intro_sec ul.types_navi li{
	float:left;
	width:202px;
	height:47px;
	text-indent:-9999px;
	overflow:hidden;
}
div#lyr1 div.intro_sec ul.types_navi li a {
	display:block;
	width:202px;
	height:47px;
}

div#lyr1 div.intro_sec ul.types_navi li.anch01 {background:url(images/anch_btn_nxt.gif) no-repeat; margin-right:5px;}
div#lyr1 div.intro_sec ul.types_navi li.anch02 {background:url(images/anch_btn_bfl.gif) no-repeat; margin-right:5px;}
div#lyr1 div.intro_sec ul.types_navi li.anch03 {background:url(images/anch_btn_prm.gif) no-repeat;}


div#lyr1 div.west_col01 div.next {
	padding:15px 0 15px;
	position:relative;
	width:619px;
}
div#lyr1 div.west_col01 div.bflets {
	padding:15px 0 15px;
	position:relative;
	width:619px;
}
div#lyr1 div.west_col01 div.premium {
	padding:15px 0 0;
	position:relative;
	width:619px;
}
div#lyr1 div.west_col01 div.next p.mk {
	position:absolute;
	top:0;
	right:0;
	width:46px;
	height:28px;
	background:url(/service/images/flets_logo_west_nx.gif) top right no-repeat;
}
div#lyr1 div.west_col01 div.bflets p.mk {
	position:absolute;
	top:0;
	right:0;
	width:39px;
	height:28px;
	background:url(/service/images/flets_logo_west_bf.gif) top right no-repeat;
}
div#lyr1 div.west_col01 div.premium p.mk {
	position:absolute;
	top:0;
	right:0;
	width:46px;
	height:28px;
	background:url(/service/images/flets_logo_west_pr.gif) top right no-repeat;
}



div#lyr0 div.east_col01 p.tooltip,
div#lyr1 div.west_col01 p.tooltip {
	cursor:default;
	display:block;
	margin-top:10px;
	width:67px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/notice_board.gif) no-repeat;
}


div#lyr1 dl.kouji_notice {
	padding-top:15px;
	zoom:100%;
}
div#lyr1 dl.kouji_notice:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#lyr1 dl.kouji_notice dt {
	float:left;
	width:67px;
	height:55px;
	padding-right:15px;
	background:url(/service/images/notice_red_mini.gif) no-repeat;
}
div#lyr1 dl.kouji_notice dt p.tooltip {
	cursor:default;
	display:block;
	margin-top:29px;
	width:67px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
}

div#lyr1 dl.kouji_notice dd {
	float:left;
	width:530px;
	color:#666;
	font-size:0.833em;
	line-height:130%;
}
div#lyr1 dl.kouji_notice dd.ttl {
	width:423px;
	height:17px;
	margin-bottom:5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/ttl_kouji_notice.gif) no-repeat;
}





/* お申込み矢印とサポtel */

#contents p.arrow_order{
	width:296px;
	height:109px;
	margin:20px auto 40px;
}
#contents p.arrow_order a{
	display:block;
	width:296px;
	height:109px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/arrow_order.gif) no-repeat;
}
#contents p.arrow_order a:hover{
	background:url(/service/images/arrow_order_ov.gif) no-repeat;
}

#contents p.ft_support_info {
	width:761px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/sv_ft_support.gif) no-repeat;
	margin:0 auto -18px;
	_margin-bottom:0;
}

p.bnr_newftth {
	width:658px;
	height:133px;
	margin:0 0 10px 38px;
	background:url(/service/ftth/images/bnr_newftth.gif) no-repeat;
}
p.bnr_newftth a {
	display:block;
	width:658px;
	height:133px;
	text-indent:-9999px;
	overflow:hidden;
}


p.lnk_right {
margin-top: -1em;
	font-size:1.0em;
	text-align:right;
	}
p.lnk_right a {
	padding-left:8px;
	background:url(images/lnk_mk01.gif) no-repeat 0px 5px;
	}




/*----- IE png fix -----*/

* html div#xxx {
behavior: expression(IEPNGFIX.fix(this));
}