/*=================================================

	promoctop.css

					since: 2006-08-09
					modified: 2006-11-16
					editor: yuuinaka

更新履歴

	2007-4-25 : font追加

==================================================*/

/* 共通要素スタイル */ 

/* 共通クラススタイル */ 

/* 共通見出しスタイル */
#hikari_top .midashi {
	margin:12px 0px;
	padding:5px 0px;
	background-color:#EBF0F4;
	border-right:1px solid #A6BFC5;
	border-bottom:1px solid #A6BFC5;
}
#hikari_top h2 {
	font-size:80%;
	font-size/**/:small;
	margin:0;
	text-align:left;
	color:#333333;
	background:url(http://img.yahoo.co.jp/images/bbpromo/hikari/arw1.gif) no-repeat left center;
	padding-left:20px;
}

#adsl_top .midashi {
	margin-bottom:10px;
	padding:5px 0px;
	background-color:#feedf0;
	border-right:1px solid #e0bac3;
	border-bottom:1px solid #e0bac3;
}
#adsl_top h2 {
	font-size:80%;
	font-size/**/:small;
	margin:0;
	text-align:left;
	color:#333333;
	background:url(http://img.yahoo.co.jp/images/bbpromo/adsl/arw1.gif) no-repeat left center;
	padding-left:20px;
}

#prm_usable .midashi {
	margin-bottom:2px;
	padding:5px 0px;
	background-color:#e6f0d8;
	border-right:1px solid #c2d4b9;
	border-bottom:1px solid #c2d4b9;
}
#prm_usable h2 {
	font-size:80%;
	font-size/**/:small;
	margin:0;
	text-align:left;
	color:#333333;
	background:url(http://img.yahoo.co.jp/images/bbpromo/usable/arw1.gif) no-repeat left center;
	padding-left:20px;
}

#prm_campaign .midashi, #prm_recommend .midashi, #prm_useful .midashi {
	margin-bottom:5px;
	padding:5px 0px;
	background-color:#fcf5da;
	border-right:1px solid #d9c199;
	border-bottom:1px solid #d9c199;
}
#prm_campaign h2, #prm_recommend h2, #prm_useful h2 {
	font-size:80%;
	font-size/**/:small;
	margin:0;
	text-align:left;
	color:#333333;
	background:url(http://img.yahoo.co.jp/images/bbpromo/campaign/arw1.gif) no-repeat left center;
	padding-left:20px;
}

/* ワイヤーフレーム部位別スタイル */ 

/* ページ別スタイル */ 

/* promotion/index.html */
#area1 {
	width:505px;
	margin-bottom:5px;
}
#adsl_link {
	float:left;
	margin-bottom:5px;
}
#hikari_link {
	float:right;
	margin-bottom:5px;
}
#area2_1 {
	float:left;
	margin-bottom:5px;
}
#area2_2 {
	float:right;
	margin-bottom:5px;
}
#official {
	width:503px;
	border:1px solid #EC7979;
	margin-bottom:5px;
}
#official .tds {
	padding:5px;
}
#official .ps {
	padding:3px;
	font-size:80%;
	font-size/**/:small;
}

#osusume {
	width:503px;
	border:1px solid #aaaaaa;
	margin-bottom:5px;
}
#osusume_tit {
	width:503px;
	text-align:left;
	background-color:#aaaaaa;
}
#osusume_tit h2 {
	padding:3px;
	font-size:80%;
	font-size/**/:small;
	color:#ffffff;
	font-weight:bold;
}

.topleft_wrapper {
	width:503px;
	background:url("http://img.yahoo.co.jp/images/bbpromo/tp_dotline2.gif") no-repeat bottom;
	padding-bottom:5px;	
}
.topleft_wrapper_none {
	width:503px;
	padding-bottom:5px;	
}

.osusume_left {
	float:left;
	width:255px;
	background:url("http://img.yahoo.co.jp/images/bbpromo/tp_dotline1.gif") no-repeat right;
}
.osusume_leftl {
	float:left;
	width:60px;
}
.osusume_leftl p {
	padding:4px;
}
.osusume_leftr {
	float:right;
	width:188px;
}
.osusume_leftr h3 {
	padding:3px;
	padding-bottom:1px;
	font-size:80%;
	font-size/**/:small;
	font-weight:bold;
}
.osusume_leftr p {
	padding:1px;
	padding-right:5px;
	font-size:80%;
	font-size/**/:small;
}
.osusume_right {
	float:right;
	width:248px;
}
.osusume_rightl {
	float:left;
	width:64px;
}
.osusume_rightl p {
	padding:4px;
}
.osusume_rightr {
	float:right;
	width:184px;
}
.osusume_rightr h3 {
	padding:3px;
	padding-bottom:1px;
	font-size:80%;
	font-size/**/:small;
	font-weight:bold;
}
.osusume_rightr p {
	padding:1px;
	font-size:80%;
	font-size/**/:small;
}

.under_text h3 {
	padding:2px;
	font-size:80%;
	font-size/**/:small;
	font-weight:bold;
}
.under_text p {
	padding:2px;
	padding-left:20px;
	font-size:80%;
	font-size/**/:small;
}

#now_status {
	text-align:right;
	margin-bottom:20px;
}
#now_status p {
	font-size:80%;
	font-size/**/:small;
}

/* promotion/hikari/index.html */

#hikari_top_t1 {
	width:505px;
	margin-bottom:5px;
}
#hikari_top_t1 p {
	text-align:right;
	font-size:60%;
	font-size/**/:x-small;
	color:#333333;
}

#hikari_home {

}
#hikari_mansion {
	padding-bottom:10px;
	border-bottom:1px solid #868686;
}

.hikari_service {
	width:505px;
	margin:2px 0px;
	padding-left:5px;
}
.hikari_service h3 {
	padding:2px 0px;
	font-size:medium;
	font-weight:bold;
}
.hikari_service p {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}

.kyojyukeitai {
	width:503px;
	border:1px solid #A6BFC5;
	margin:5px 0px;
}
.kyojyukeitai dl {
	padding:10px;
}
.kyojyukeitai dt,dd {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}

.hikari_line {
	margin:2px 0px;
}

.kyojyukeitai_alert {
	width:503px;
	border:1px solid #B8666A;
	margin-top:10px;
	margin-bottom:20px;
}
.kyojyukeitai_alert p {
	padding:10px;
	font-size:80%;
	font-size/**/:small;
	color:#505050;
}

/* promotion/adsl/index.html */

#adsl_t {
	width:505px;
	margin-bottom:10px;
}
#adsl_t img {
	vertical-align:bottom;
}

#ybb_number {
	width:505px;
	text-align:center;
	margin:10px 0px;
}
#ybb_number p {
	font-size:medium;
	font-weight:bold;
}

#adsl_t2 {
	width:505px;
	margin-bottom:15px;
}
#adsl_t2 img {
	vertical-align:bottom;
}

#adsl_t2c {
	width:505px;
	margin-bottom:15px;
}
#adsl_t2 p,#adsl_t2c p {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
	margin:4px 0px;
}
#adsl_t2c h3 {
	font-size:medium;
	color:#333333;
	margin:3px 0px;
	margin-top:5px;
}
#adsl_t2c .adsl_r,#adsl_t2 .adsl_r {
	text-align:right;
}

#adsl_service {
	width:501px;
	margin:5px 0px;
}
#adsl_service table {
	border-collapse:collapse;
}
#adsl_service p {
	padding:2px;
}
#adsl_service td.adsl_service_a {
	width:167px;
	text-align:center;
	background-color:#fef2f4;
	border:1px solid #fab5c4;
 vertical-align:top;
}
#adsl_service td.adsl_service_b {
	width:167px;
	text-align:center;
	background-color:#f8f8f8;
	border:1px solid #fab5c4;
 vertical-align:top;
}

.adsl_service_other {
	width:505px;
	margin-bottom:10px;
}
.adsl_service_other h3 {
	padding:3px;
	font-size:medium;
}
.adsl_service_other p {
	padding:3px;
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}
.adsl_service_otherl {
	width:100px;
	float:left;
}
.adsl_service_otherr {
	width:405px;
	float:right;
}

/* promotion/usable/index.html */

.pink {
	color:#FF3399;
}

.usable_midashi_p {
	padding-left:20px;
	margin-bottom:10px;
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}

.gborder {
	padding-left:5px;
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:2px solid #89bf80;
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}
.gblock {
	color:#89bf80;
}

.usable_service_ct {
	margin-bottom:10px;
}
.usable_service_ctl {
	width:100px;
	float:left;
	vertical-align:top;

}

.usable_service_ctr {
	width:405px;
	float:right;
}
.usable_service_ctr h3 {
	display:inline;
	float:left;
	padding:2px;
	font-size:medium;
}
.usable_service_ctr .h3s {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
	font-weight:normal;
}
.usable_service_ctr p {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}
.usable_service_ctr p.r {
	display:inline;
	float:right;
	padding:2px;
}
.usable_service_ctr p.alert {
	color:#cc0000;
}

.usable_compare {
	width:501px;
	margin-bottom:10px;
	border:2px solid #b0c9dd;
}
.usable_compare_ct {
	padding:5px;
}
.usable_compare_ct p {
	padding:2px;
	font-size:80%;
	font-size/**/:small;
}
.usable_compare_ct p.st {
	padding-top:10px;
	font-weight:bold;
}
.usable_compare_ctl {
	width:85px;
	float:left;
	vertical-align:middle;
}
.usable_compare_ctr {
	width:406px;
	float:right;
}

/* promotion/price */
#price_adsl_sel {
	width:505px;
}
#price_adsl_sel h2 {
	font-size:medium;
	font-weight:bold;
}
.price_adsl_sely {
	 width:251px;
	 background:#e6f0d8;
	 border-right:1px solid #c2d4b9;
	 border-bottom:1px solid #c2d4b9;
	 text-align:center;
	 padding:2px 0px;
}
.price_adsl_seln {
	width:251px;
	background:#ffffff;
	border-top:1px solid #e6f0d8;
	border-left:1px solid #e6f0d8;
	border-right:1px solid #c2d4b9;
	border-bottom:1px solid #c2d4b9;
	text-align:center;
	padding:2px 0px;
}
.price_adsl_list {
	width:502px;
	background:#e6f0d8;
	border-right:1px solid #c2d4b9;
	border-bottom:1px solid #c2d4b9;
	text-align:center;
	padding:7px 0px;
}
.price_adsl_list p {
	font-size:80%;
	font-size/**/:small;
}
#price_adsl_ex {
	margin:10px 0px;
}
#price_adsl_ex h3 {
	margin:10px 0px;
	font-size:medium;
}
#price_adsl_ex p {
	font-size:80%;
	font-size/**/:small;
}
#price_adsl_tbl {
	margin:10px 0px;
}
#price_adsl_tbl table {
	width:501px;
	border:2px solid #cdcdcd;
	border-collapse:collapse;
}
#price_adsl_tbl td.pat_a {
	background:#eeeeee;
	text-align:center;
	border:1px solid #cdcdcd;
	padding:5px 0px;
}
#price_adsl_tbl td.pat_a p {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}
#price_adsl_tbl td.pat_b {
	background:#ffffff;
	text-align:center;
	border:1px solid #cdcdcd;
	padding:3px 0px;
}
#price_adsl_tbl td.pat_b p {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}
#price_adsl_tbl td.pat_c {
	background:#FEF5CB;
	text-align:center;
	border:1px solid #cdcdcd;
	padding:5px 0px;
}
#price_adsl_tbl td.pat_c p {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}
#price_adsl_tbl_ex {
	margin-top:10px;
	margin-bottom:20px;
}
#price_adsl_tbl_ex p {
	font-size:80%;
	font-size/**/:small;
	padding:5px 0px;
}

/* promotion/campaign/index.html, promotion/recommend/index.html, promotion/useful/index.html */
.campaign_module {
	margin-bottom:15px;
}
.campaign_modulel {
	width:80px;
	float:left;
	padding:4px;
}
.campaign_moduler {
	width:407px;
	float:right;
	padding:5px;
}
.campaign_moduler h3 {
	padding-bottom:2px;
	font-size:medium;
	font-weight:bold;
}
.campaign_moduler h3.useful {
	display:inline;
	float:left;
	padding-bottom:2px;
	font-size:medium;
	font-weight:bold;
}
.campaign_moduler p {
	font-size:80%;
	font-size/**/:small;
}
.campaign_moduler p.usefulp {
	display:inline;
	float:right;
	font-size:80%;
	font-size/**/:small;
}
.campaign_moduler img {
	vertical-align:bottom;
}

/* promotion/useful/index.html */

.useful_list {
	margin-bottom:5px;
	padding-bottom:5px;
	background:url("http://img.yahoo.co.jp/images/ybb/promotion/index/service_l1.gif") no-repeat center bottom;
}
.useful_list h3 {
	display:inline;
	float:left;
	padding:2px;
	font-size:medium;
}
.useful_list p {
	font-size:80%;
	font-size/**/:small;
	color:#333333;
}
.useful_list p.r {
	display:inline;
	float:right;
	padding:2px;
}