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


/* base */

#top-conts {
	width:957px;
	margin:0 auto;
	padding-bottom:20px;
	zoom:100%;
}
#top-conts:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#top-conts .main-part{
	float:left;
	width:820px;
	margin-left:-60px;
	position:relative;
}
#top-conts .right-part{
	float:left;
	width:197px;
}
#top-conts .vanish {display:none;}


/* main-part */

#top-conts .main-part p#arrow_lyr {
position: relative;
/*	top:355px;*/
	margin-top:-110px;
	left:25px;
	width:323px;
	height:132px;
}
#top-conts .main-part p#arrow_lyr a{
	display:block;
	width:323px;
	height:132px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	background:url(topimages/arrow-order.gif) no-repeat;
}
#top-conts .main-part p#arrow_lyr a:hover{background:url(topimages/arrow-order_ov.gif) no-repeat;}

#top-conts .main-part #fla-slot {
	width:820px;
	height:226px;
}
div#price-point {
	width:761px;
	height:170px;
	margin-left:59px;
	background:url(topimages/under_col_bg.png) no-repeat;
}
div#price-point div.col01{
	float:left;
	width:374px;
	height:161px;
	padding:2px 0 0 5px;
	background:url(topimages/top_pp_col01_bg.gif) 5px 2px no-repeat;
}
div#price-point div.col01 h2{
	width:157px;
	height:56px;
	position:absolute;
	margin:-18px 0 0 -26px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(topimages/pp_ttl01.png) no-repeat;
}
div#price-point div.col01 p.exm {
	width:300px;
	height:1.0em;
	position:absolute;
	padding:68px 0 0 42px;
	font-size:0.833em;
	line-height:120%;
}
div#price-point div.col01 p.exm span {font-size:1.2em;}

div#price-point div.col01 p.prvdr {
	width:90px;
	height:30px;
	position:absolute;
	padding:90px 0 0 30px;
	font-weight:bold;
	color:#fff;
	line-height:140%;
}
div#price-point div.col01 p.price {
	width:90px;
	height:30px;
	position:absolute;
	padding:85px 0 0 110px;
	font-weight:bold;
	font-size:3em;
	color:#fff;
	text-align:right;
	line-height:120%;
}
div#price-point div.col01 p.lnk {
	width:142px;
	height:110px;
	position:absolute;
	padding:58px 0 0 250px;
}
div#price-point div.col01 p.lnk a {
	display:block;
	width:142px;
	height:110px;
	text-indent:-9999px;
	background:url(topimages/lnk_to_cmpr.png) no-repeat;
}
* html div#price-point div.col01 p.lnk a {background:url(topimages/lnk_to_cmpr_IE6.gif) no-repeat;}

div#price-point div.col01 p.lnk a:hover {background:url(topimages/lnk_to_cmpr_ov.png) no-repeat;}
* html div#price-point div.col01 p.lnk a:hover {background:url(topimages/lnk_to_cmpr_ov_IE6.gif) no-repeat;}

div#price-point div.col02{
	float:left;
	position:relative;
	width:370px;
	height:161px;
	padding:2px 0 0 0;
	background:url(topimages/top_pp_col02_bg.gif) 2px 27px no-repeat;
}
div#price-point div.col02 h2{
	width:212px;
	height:56px;
	position:absolute;
	margin:-18px 0 0 -24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(topimages/pp_ttl02.png) no-repeat;
}
div#price-point div.col02 p.lnk {
	position:absolute;
	bottom:10px;
	right:10px;
	width:177px;
	height:15px;
	background:url(topimages/lnk_to_ttp.gif) no-repeat;
}
div#price-point div.col02 p.lnk a {
	display:block;
	width:177px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
}


#top-conts .main-part div a.arwlnk {
	padding-left:20px;
	background:url(/common/images/bullet03.gif) 0 50% no-repeat;
}
a.pt1_lnk{
position: relative;
margin-top:-281px;
margin-left:35px;
display: block;
height: 280px;
width: 780px;
background:url(topimages/arrow-detail.gif) no-repeat 574px 214px;
z-index: 25;
text-indent: -9999px;
cursor: pointer;
}
a:hover.pt1_lnk{
background:url(topimages/arrow-detail_ov.gif) no-repeat 574px 214px;
}
div#area_p1 {
position: relative;
	width:785px;
	height:147px;
	padding-top:137px;
	margin-left:35px;
	background:url(topimages/top_point1_bg.png) no-repeat;
z-index: 21;
}
div#area_p1 h2{display:none;}

div#area_p1 div.downer {
	position:relative;
	width:743px;
	height:145px;
	margin-left:30px;
	z-index: 24;
}
div#area_p1 div.downer p.giza {
	position: absolute;
	width:333px;
	height:51px;
	top:-13px;
	left:-25px;
	background:url(topimages/top_ttl_giza_check.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	z-index: 30;
}
div#area_p1 div.downer p.dis_adsl{
	position: absolute;
	top:24px;
	left:0px;
	width:367px;
	height:114px;
	text-indent:-9999px;
	background:url(topimages/top_point1_adsl_bg.gif) no-repeat;
	z-index: 29;
}
a.p1_adsl{
	position: relative;
	margin-left: 68px;
	margin-top: -122px;
	width:367px;
	height:114px;
	display:block;
	z-index: 40;
	text-indent: -9999px;
	cursor: pointer;
	background:none;
}
a:hover.p1_adsl{
	background:url(topimages/top_point1_btn_ov.gif) no-repeat 221px top;
}

div#area_p1 div.downer p.dis_ftth{
	position: absolute;
	top:24px;
	right:9px;
	width:359px;
	height:114px;
	text-indent:-9999px;
	background:url(topimages/top_point1_ftth_bg.gif) no-repeat;
	z-index: 28;
}
a.p1_ftth{
	position: relative;
	margin-left: 445px;
	margin-top: -114px;
	width:359px;
	height:114px;
	display:block;
	text-indent:-9999px;
	background:none;
	cursor: pointer;
	z-index: 41;
}
a:hover.p1_ftth{
	background:url(topimages/top_point1_btn_ov.gif) no-repeat 219px top;
}

div#area_p1 div.downer p.tblnotes {
	position:absolute;
	bottom:10px;
	left:380px;
	font-size:0.833em; /* 12px standard -> 10px size */
}
div#area_p1 div.downer ul.cloud {
	position:absolute;
	top:55px;
	left:525px;
}
div#area_p1 div.downer ul.cloud li {
	margin-bottom:7px;
}

div#area_p2 {
	width:785px;
	height:148px;
	margin-top:5px;
	margin-left:35px;
	background:url(topimages/top_point2_bg.png) no-repeat;
	overflow:hidden;
}
div#area_p2 div.p2_cnts {
	position:relative;
	width:745px;
	height:125px;
	margin:15px 0 0 30px;
	background:url(topimages/top_point2_cnts.gif) 100px 0 no-repeat;
}
div#area_p2 div.p2_cnts h2,
div#area_p2 div.p2_cnts ol,
div#area_p2 div.p2_cnts p.phone_num{display:none;}
div#area_p2 div.p2_cnts ul.lnks {
	position:absolute;
	top:18px;
	left:450px;
}
div#area_p2 div.p2_cnts p.phone_notes {
	position:absolute;
	bottom:8px;
	left:615px;
	font-size:0.833em; /* 12px standard -> 10px size */
}

div#area_p3 {
	width:785px;
	height:114px;
	padding-top:16px;
	margin-top:-3px;
	margin-left:35px;
	margin-bottom:5px;
	background:url(topimages/top_point3_bg.png) no-repeat;
}
div#area_p3 div.p3_cnts {
	position:relative;
	width:745px;
	height:106px;
	margin:0 0 0 30px;
	background:url(topimages/top_point3_cnts.gif) 100px 0 no-repeat;
}
div#area_p3 div.p3_cnts h2,
div#area_p3 div.p3_cnts p.blue_msg,
div#area_p3 div.p3_cnts p.fukidasi{display:none;}
div#area_p3 div.p3_cnts p.p3lnk {
	position:absolute;
	bottom:7px;
	left:450px;
}


div#area_otoku {
	width:754px;
	height:124px;
	margin-left:60px;
	margin-bottom:5px;
	background:url(topimages/top_other-otoku.gif) no-repeat;
}
div#area_otoku p.ttl,div#area_otoku dl{display:none;}


#top-conts .main-part p.bnr_to_order {
position: relative;
	width:761px;
	height:66px;
	padding:4px 0 0 0;
	margin-left:60px;
	background:url(topimages/bnr_to_order_bg.png) no-repeat;
}
#top-conts .main-part p.bnr_to_order a{
	display:block;
	width:755px;
	height:63px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
#top-conts .main-part p.bnr_to_order a:hover{background:url(topimages/bnr_to_order_bg_ov.gif) no-repeat;}

#top-conts .main-part p.tel_sec {
	margin-top:-22px;
	margin-left:53px;
	margin-bottom:15px;
	width:767px;
	height:33px;
	background:url(topimages/tel_bg.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#top-conts .main-part div#triple_column {
	width:754px;
	margin-left:60px;
	padding-bottom:10px;
	margin-bottom:30px;
	background:url(topimages/tri_col_footer_day.gif) left bottom no-repeat;
}
div#triple_column ul.dad {
	width:754px;
	height:auto;
	background:url(topimages/tri_col_body_day.gif) repeat-y;
	zoom:100%; /* for IE */
}
div#triple_column ul.dad:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div#triple_column ul.dad li.point,
div#triple_column ul.dad li.price,
div#triple_column ul.dad li.transfer{
	float:left;
	width:248px;
	margin-right:5px;
}
div#triple_column ul.dad li.transfer{margin:0;}


div#triple_column ul.dad li p.ttl{
	width:248px;
	height:37px;
	margin-bottom:5px;
	text-indent:-9999px;
	overflow:hidden;
}

div#triple_column ul.dad li.point p.ttl{background:url(topimages/tri_col_ttl_point_day.gif) no-repeat;}
div#triple_column ul.dad li.price p.ttl{background:url(topimages/tri_col_ttl_price_day.gif) no-repeat;}
div#triple_column ul.dad li.transfer p.ttl{background:url(topimages/tri_col_ttl_transfer_day.gif) no-repeat;}

div#triple_column ul.dad li ul.child li{
	margin-left:20px;
	padding-left:10px;
	padding-bottom:5px;
	background:url(/common/images/global_header_bullet01.gif) 0 0.3em no-repeat;
	line-height:14px;
}

/* right-part */

#top-conts .right-part p#fla-camp{
	width:197px;
	height:214px;
	padding-top:4px;
}
#top-conts .right-part div.top_regist_btn {
padding-top:19px;
padding-left:15px;
	width:180px;
	height:137px;
	background:url(topimages/regist_btn_bg.png) no-repeat;
}
#top-conts .right-part div.top_regist_btn a{
display: block;
height: 53px;
width:165px;
text-indent: -9999px;
}
#top-conts .right-part div.top_regist_btn a:hover{
background: url(topimages/regist_btn_ov.gif) no-repeat 0px 0px;
}

#top-conts .right-part div.connect_sv {
	width:195px;
	height:251px;
	background:url(topimages/connect_sv_bg.png) no-repeat;
	margin-top:1px;
}
#top-conts .right-part div.connect_sv p.ttl{display:none;}
#top-conts .right-part div.connect_sv ul {
	padding-top:43px;
	padding-left:14px;
}
#top-conts .right-part div.connect_sv ul li{
	margin:0 0 3px 0;
}
#top-conts .right-part div.connect_sv ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#top-conts .right-part div.connect_sv ul li,
#top-conts .right-part div.connect_sv ul li a{
	width:164px;
	height:36px;
}
#top-conts .right-part div.connect_sv ul li.eaccess {background:url(topimages/btn_connect04.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.hikari {background:url(topimages/btn_connect01.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.adsl {background:url(topimages/btn_connect02.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.emobile {background:url(topimages/btn_connect05.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.others {background:url(topimages/btn_connect03.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.eaccess a:hover {background:url(topimages/btn_connect04_ov.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.hikari a:hover {background:url(topimages/btn_connect01_ov.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.adsl a:hover {background:url(topimages/btn_connect02_ov.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.emobile a:hover {background:url(topimages/btn_connect05_ov.gif) no-repeat;}
#top-conts .right-part div.connect_sv ul li.others a:hover {background:url(topimages/btn_connect03_ov.gif) no-repeat;}


#top-conts .right-part div.tips {
	width:195px;
	height:186px;
	background:url(topimages/right_bnrs_base_tips.png) no-repeat;
	margin-top:1px;
}
#top-conts .right-part div.tips p.ttl{display:none;}
#top-conts .right-part div.tips ul {
	padding-top:2px;
	padding-left:3px;
}

#top-conts .right-part div.tips ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	
}
#top-conts .right-part div.tips ul li.kaiketsu{
	display:block;
	width:184px;
	height:64px;
	margin:0;
	padding:0;
	background:url(topimages/bnr_right_tips_01.gif) no-repeat;
}
#top-conts .right-part div.tips ul li.kaiketsu a {
	display:block;
	width:184px;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
}

#top-conts .right-part div.tips ul li.adsl,
#top-conts .right-part div.tips ul li.adsl a{
	width:184px;
	height:36px;
}

#top-conts .right-part div.tips ul li.plan,
#top-conts .right-part div.tips ul li.plan a{
	width:184px;
	height:35px;
}

#top-conts .right-part div.tips ul li.mansion,
#top-conts .right-part div.tips ul li.mansion a{
	width:184px;
	height:39px;
}



#top-conts .right-part div.tips ul li.adsl {background:url(topimages/bnr_right_tips_02.gif) no-repeat;}
#top-conts .right-part div.tips ul li.plan {background:url(topimages/bnr_right_tips_03.gif) no-repeat;}
#top-conts .right-part div.tips ul li.mansion {background:url(topimages/bnr_right_tips_04.gif) no-repeat;}
#top-conts .right-part div.tips ul li.adsl a:hover {background:url(topimages/bnr_right_tips_02_on.gif) no-repeat;}
#top-conts .right-part div.tips ul li.plan a:hover {background:url(topimages/bnr_right_tips_03_on.gif) no-repeat;}
#top-conts .right-part div.tips ul li.mansion a:hover {background:url(topimages/bnr_right_tips_04_on.gif) no-repeat;}








#top-conts .right-part ul.bnrs {
	width:195px;
	padding-top:9px;
	margin-bottom:3px;
}
#top-conts .right-part ul.bnrs li{
	width:192px;
	height:49px;
	padding:3px 0 0 3px;
	background:url(topimages/right_bnrs_base.png) no-repeat;
}

#top-conts .right-part ul.bnrs li a{
	display:block;
	width:184px;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
}
#top-conts .right-part ul.bnrs li.sentai a{background:url(topimages/bnr_right_sentai.gif) no-repeat;}
#top-conts .right-part ul.bnrs li.hikari a{background:url(topimages/bnr_right_hikari.gif) no-repeat;}
#top-conts .right-part ul.bnrs li.faq a{background:url(topimages/bnr_right_faq.gif) no-repeat;}
#top-conts .right-part ul.bnrs li.grade a{background:url(topimages/bnr_right_grade.gif) no-repeat;}
#top-conts .right-part ul.bnrs li.sentai a:hover{background:url(topimages/bnr_right_sentai_ov.gif) no-repeat;}
#top-conts .right-part ul.bnrs li.hikari a:hover{background:url(topimages/bnr_right_hikari_ov.gif) no-repeat;}
#top-conts .right-part ul.bnrs li.faq a:hover{background:url(topimages/bnr_right_faq_ov.gif) no-repeat;}
#top-conts .right-part ul.bnrs li.grade a:hover{background:url(topimages/bnr_right_grade_ov.gif) no-repeat;}


#top-conts .right-part div.mobile_sec {
	width:189px;
	height:78px;
	overflow:hidden;
	background:url(topimages/mob_bg_top.gif) 1px 0 no-repeat;
	position: relative;
	margin-bottom:10px;
}
#top-conts .right-part div.mobile_sec p.ttl,
#top-conts .right-part div.mobile_sec p{display:none;}
#top-conts .right-part div.mobile_sec p.lnk {
	display:block;
	position: absolute;
	top:55px;
	left:15px;
	font-size:0.917em;
	line-height:120%;
	padding-left:8px;
	background:url(/common/images/global_header_bullet01.gif) 0 0.3em no-repeat;
}
#top-conts .right-part div.mobile_sec p.lnk a{
	font-size:0.917em;
}

#top-conts .right-part div.isp_sec a {outline:none;}
#top-conts .right-part div.isp_sec img{
	margin-left:119px;
}



/* top_ft_bnrs */

#top_ft_bnrs {
	clear:both;
	margin:0 auto -65px;
	width:957px;
	height:65px;
}
*:first-child+html #top_ft_bnrs {margin-bottom:-5px;} /* iE7 */

#top_ft_bnrs p.ttl{
	width:319px;
	height:24px;
	margin-left:-20px;
	margin-bottom:-4px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(topimages/ft_bnrs_ttl.png) no-repeat;
}
#top_ft_bnrs ul {
	zoom:100%;
}
#top_ft_bnrs ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#top_ft_bnrs ul li {
	float:left;
	width:119px;
	height:41px;
	background:url(topimages/ft_bnrs_base.png) no-repeat;
}
#top_ft_bnrs ul li a{
	display:block;
	margin:1px 2px 2px 1px;
	width:116px;
	height:38px;
	overflow:hidden;
}


div#top_cpy {
	background:#000;
	font-size:0.833em;
	color:#666;
margin-bottom:-15px;
}
div#top_cpy p {padding:10px 0 0; text-align:center;line-height: 20px;
}

#wb_banner_bh{
	height: 45px;
}

/*---------- IE png fix ----------*/
* html #top-conts .main-part div#area_p1,
* html #top-conts .main-part div#area_p1 div.downer p.giza,
* html #top-conts .main-part div#area_p2,
* html #top-conts .main-part div#area_p3,
* html #top-conts .main-part div#price-point,
* html #top-conts .main-part div#price-point div.col01 h2,
* html #top-conts .main-part div#price-point div.col02 h2,
* html #top-conts .main-part p.bnr_to_order,
* html #top-conts .main-part p.tel_sec,
* html #top-conts .right-part div.top_regist_btn,
* html #top-conts .right-part div.connect_sv,
* html #top-conts .right-part div.tips,
* html #top-conts .right-part ul.bnrs li,
* html #top_ft_bnrs p.ttl,
* html #top_ft_bnrs ul li{
behavior: expression(IEPNGFIX.fix(this));
}