@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; /* 幅ギリギリ */
}

/* main_visual */

#contents div#main_visual {
	position:relative;
	width:723px;
	height:244px;
	background:url(images/ea_main_visual.gif) no-repeat;
	margin:0 0 40px 20px;
	}

#contents div#main_visual h1,
#contents div#main_visual dl{display:none;}

/* price_info */

div.price_info{
	width: 688px;
	padding-left:40px;
	}

/* 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 li{
	float: left;
	list-style-type: none;
	width: 342px;
	height: 49px;
	padding-right:4px;
}
ul#tab_menu li.adsl40m{
	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.adsl12m a {background: url(images/tab_12m.gif) bottom no-repeat;}
ul#tab_menu li.adsl12m a.off {background: url(images/tab_12m_off.gif) bottom no-repeat;}
ul#tab_menu li.adsl12m a:hover{background: url(images/tab_12m_ov.gif) bottom no-repeat;}
ul#tab_menu li.adsl40m a {background: url(images/tab_40m.gif) bottom no-repeat;}
ul#tab_menu li.adsl40m a.off {background: url(images/tab_40m_off.gif) bottom no-repeat;}
ul#tab_menu li.adsl40m a:hover{background: url(images/tab_40m_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: 612px;
	_width:611px;
	padding:20px 37px 20px 30px;
}
*:first-child+html div.tablys div#lyr0, 
*:first-child+html div.tablys div#lyr1 {width:618px;}

/* tabの中身 */


div#lyr0 p,
div#lyr1 p {
	width:449px;
	height:34px;
	margin-left:-20px;
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/ttl_tablyr_adsl.gif) no-repeat;
}

div#lyr0 h5.ttl_family,
div#lyr1 h5.ttl_family {
	width:310px;
	height:34px;
	margin-left:-20px;
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/ttl_tablyr_family.gif) no-repeat;
}

div#lyr0 table,
div#lyr1 table{
	float:left;
	width:364px;
	height:222px;
	margin-top:10px;
	border-collapse:collapse;
	}

div#lyr0 table { background:url(images/tab_12m_img01.gif) no-repeat left top; }
div#lyr1 table { background:url(images/tab_40m_img01.gif) no-repeat left top; }

div#lyr0 table th,
div#lyr1 table th{
	padding-top:25px;
	text-align:left;
	font-size:0.8em;
	color:#666;
	vertical-align:top;
	line-height:130%;
	}

div#lyr0 table th.ntt,
div#lyr1 table th.ntt{ width: 215px; }
div#lyr0 table th.ea,
div#lyr1 table th.ea{ width: 131px; }

div#lyr0 table th span,
div#lyr1 table th span{
	display:none;
	}

div#lyr0 table th.ea,
div#lyr1 table th.ea{
	padding:25px 0 0 13px;
	}

div#lyr0 table td,
div#lyr1 table td{
	vertical-align:bottom;
	text-indent:-9999px;
	font-size:0.8em;
	}

div#lyr0 table td span,
div#lyr1 table td span{
	display:block;
	color:#666;
	text-indent:0;
	}

div#lyr0 p.result,
div#lyr1 p.result{
	float:right;
	width:248px;
	height:133px;
	text-indent:-9999px;
	}

div#lyr0 p.result{ background:url(images/tab_12m_img02.gif) no-repeat left top; }
div#lyr1 p.result{ background:url(images/tab_40m_img02.gif) no-repeat left top; }


div#lyr0 p.pr_arw,
div#lyr1 p.pr_arw{
	float:right;
	height:54px;
	width:143px;
	margin-top:28px;
	background:url(images/ea_price_btn01.gif) no-repeat left top;
	}

div#lyr0 p.pr_arw a,
div#lyr1 p.pr_arw a{
	display:block;
	height:54px;
	width:143px;
	text-indent:-9999px;
	}

div#lyr0 p.pr_arw a:hover{ background:url(images/ea_price_btn01_ov.gif) no-repeat left top; }
div#lyr1 p.pr_arw a:hover{ background:url(images/ea_price_btn01_ov.gif) no-repeat left top; }

#contents div.comp_price{
	width:682px;
	margin:25px 0 30px;
}
#contents div.comp_price p.check{
	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.ttl {
	width:377px;
	height:13px;
	margin-bottom:4px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/ea_price_ttl01.gif) no-repeat left top;
}
#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:14%;
}
#contents div.comp_price table th.st {
	width:14%;
}

#contents div.comp_price table th.area {
	font-weight:bold;
	background-color:#ebebeb;
}
#contents div.comp_price table th.crimson {
	width:16%;
	font-weight:bold;
	color:#fff;
	background-color:#f34c6a;
}

#contents div.comp_price table td{
	text-align:center;
	background-color:#fff;
}
#contents div.comp_price table td.crimson{
	font-weight:bold;
	background-color:#ffbbc6;
}
#contents div.comp_price table td.crimson span {
	display:block;
	width:70px;
	min-height:14px;
	_height:14px;
	background:url(images/crown.gif) 0 50% no-repeat;
	padding-left:20px;
	margin:0 auto;
}

#contents div.comp_price p{
	margin-top:3px;
	font-size:0.833em;
	color:#666;
	}

#contents ul.tbl_notice{
	padding-bottom:5px;
}

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

#contents ul.tbl_notice02{
	padding:0 0 0 25px;
	}

#contents ul.tbl_notice02 li{
	font-size:0.833em;
	color:#666;
	line-height:130%;
}

#contents div.comp_price p.lnk_right {
	font-size:1.0em;
	text-align:right;
	}
#contents div.comp_price p.lnk_right a {
	padding-left:23px;
	background:url(images/lnk_mk01.gif) no-repeat;
	}

/* service */

div#service{
	width:723px;
	margin:0 0 0 20px;
	}

div#service h3{
	width:728px;
	height:45px;
	text-indent:-9999px;
	background:url(images/ea_service_ttl01.gif) no-repeat left top;
	}

div#service p{
	margin-left:20px;
	padding-right:145px;
	line-height:150%;
	background:url(images/ea_logo01.gif) no-repeat 580px top;
	}

div#service p.ttl{
	width:327px;
	height:17px;
	margin:20px 20px 10px;
	padding:0;
	text-indent:-9999px;
	background:url(images/ea_service_subttl01.gif) no-repeat left top;
	}

div#service p.lnk_right {
	font-size:1.0em;
	text-align:right;
	padding-right:20px;
	line-hight:150%;
	background:none;
	}

div#service p.lnk_right a {
	padding-left:23px;
	background:url(images/lnk_mk01.gif) no-repeat left top;
}


div#service h4{
	width:686px;
	height:51px;
	margin:40px 0 0 20px;
	text-indent:-9999px;
	background:url(images/ea_service_subttl02.gif) no-repeat left top;
	}

div#service dl{
	width:580px;
	padding:15px 0 30px 65px;
	}

div#service dl h5{
	width:230px;
	height:37px;
	margin-top:25px;
	text-indent:-9999px;
	}

div#service dl h5.point01{ background:url(images/ea_ttl_point01.gif) no-repeat left top; margin-top:0; }
div#service dl h5.point02{ background:url(images/ea_ttl_point02.gif) no-repeat left top; }
div#service dl h5.point03{ background:url(images/ea_ttl_point03.gif) no-repeat left top; }

div#service dl dd{
	margin:10px 0 0 10px;
	line-height:150%;
	}

div#service dl dd em{
	font-style:normal;
	color:#f00;
	}

div#service dl dd.lnk {
	margin-top:5px
	font-size:1.0em;
	padding-right:0;
	line-hight:150%;
	background:none;
	}

div#service dl dd.lnk a {
	padding-left:23px;
	background:url(images/lnk_mk01.gif) no-repeat left top;
}



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

#contents p.arrow_order{
	width:296px;
	height:109px;
	margin:20px auto 20px;
}
#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;
}


/* ftth_links
---------------------------------------------------------------------------------------------*/
#ftth_links p{
margin-left: 20px;
height: 41px;
background:url(/service/ftth/images/ftth_links_ttl.gif) no-repeat;
text-indent: -9999px;
}
#ftth_links div.links{
margin-left: 9px;
margin-bottom: 15px;
background:url(/service/ftth/images/ftth_links_ttl_bg2.gif) repeat-y 11px;
}
#ftth_links div.links div{
float: left;
padding-left: 11px;
padding-bottom: 15px;
width: 234px;
line-height: 48px;
text-indent: -9999px;
}
#ftth_links div.links div.links1{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat 11px 0px;}
#ftth_links div.links div.links2{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -234px 0px;}
#ftth_links div.links div.links3{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -479px 0px;}
#ftth_links div.links div.links1{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat 11px 0px;}
#ftth_links div.links div.links2{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -234 0px;}
#ftth_links div.links div.links3{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -479px 0px;_margin-left: 0px;}

#ftth_links div.links ul{
padding-top: 5px;
padding-left: 10px;
padding-right: 20px;
}

#ftth_links div.links li{
padding-left: 10px;
line-height: 18px;
text-indent: 0px;
background:url(/common/images/bullet07.gif) no-repeat 0px 3px;
}
#ftth_links div.links li a{
text-decoration: underline;
}

#ftth_links div.links li a:hover{
text-decoration: none;
}


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

* html div#xxx {
behavior: expression(IEPNGFIX.fix(this));
}
/*----- clearfix -----*/
ul#tab_menu:after,
div#lyr0:after,
div#lyr1:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}