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

	bbpromo_common.css

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

更新履歴

	2006-11-16 : #emg 定義
	2006-12-20 : #header #login2 
	             #header #left_wrapper 追加
		     #emg余白調節

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

/* ブラウザ初期化スタイル */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,tr{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0px;}
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
ol {list-style:none;} 
img{border:0;}

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

body {
	text-align:center;
}
h1 {
	display:inline;
	font-size:80%;
	font-size/**/:small;
	font-weight:bold;
}

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

.bold {
	font-weight:bold;
}
.clear {
	clear:both;
}
.r {
	text-align:right;
}
.alert {
	color:#cc0000;
}
.medium {
	font-size:medium;
}
.xsmall {
	font-size:80%;
	font-size/**/:small;
}

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

#container {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#emg {
	text-align:center;
}
/* emg外枠 (emg1,2,3同士の余白) */
#emg table {
  margin:5px auto;
  text-align:left;
}
/* emg内枠 */
#emg table table {
  margin:0px;
}
#emg td {
	padding:3px;
}
#header {
	margin-top:3px;
	_margin-top:10px;
}
#header #ybb_logo {
	width:207px;
	float:left;
	vertical-align:bottom;
	padding-top:5px;
	_padding-left:3px;
}
#header #login2 {
  width:307px;
  _width:304px;
  float:right;
  padding-top:10px;
  padding-left:3px;
  _padding-left:6px;
  font-size:80%;
  font-size/**/:small;
}
#header #left_wrapper {
  width:520px;
  float:left;
}
#header #ybb_type {
	width:220px;
	float:right;
	text-align:right;
}
#header #ybb_type p.header_linkt {
	font-size:80%;
	font-size/**/:small;
	vertical-align:middle;
	padding-top:18px;
	_padding-top:19px;
}
#head_tit_link {
	float:right;
	margin-top:-4px;
	margin-bottom:0px;
  font-size:80%;
  font-size/**/:small;
}

/* 廃止予定 */
#header #ybb_type p.header_linkb {
	padding-top:8px;
	font-size:80%;
	font-size    :small;
}
#head_user {
	width:750px;
	margin-top:10px;
}
#head_user #user_name {
	float:left;
	width:375px;
	background-color:#e4e4e4;
}
#head_user #user_name p {
	padding:3px;
	padding-left:8px;
	font-size:80%;
	font-size/**/:small;
	font-weight:bold;
}
#head_user #login_box {
	float:right;
	width:375px;
	background-color:#e4e4e4;
	text-align:right;
}
#head_user #login_box p {
	padding:3px;
	font-size:80%;
	font-size/**/:small;
	font-weight:bold;
}
/* ここまで廃止予定 */

#head_tit {
	width:750px;
	background-color:#ff9c5d;
	margin-bottom:13px;
}
#head_tit p {
	padding:4px;
	padding-left:8px;
	color:#ffffff;
	font-weight:bold;
}
#gnavi {
	width:750px;
	margin-top:13px;
}
#gnavi ul {
	margin:0px;
	padding:0px;
}
#gnavi li {
	display:inline;
	margin:0px;
	padding:0px;
}
/* 画像メニュー下余白詰め */
#gnavi img {
	vertical-align:bottom;
}

/* タブ下の色帯 */
#gnavi_promo_top {
	border-bottom:8px solid #2F6CAA;
}
#gnavi_hikari_top {
	border-bottom:8px solid #58A8E9;
}
#gnavi_adsl_top {
	border-bottom:8px solid #f35173;
}
#gnavi_prm_usable, #gnavi_prm_price {
	border-bottom:8px solid #55b15a;
}
#gnavi_prm_campaign, #gnavi_prm_recommend, #gnavi_prm_useful {
	border-bottom:8px solid #e5ac4b;
}

#wrapper {
	width:750px;
	border-bottom:1px solid #999999;
	margin-top:2px;
	margin-bottom:10px;
}

#category_pass {
	width:750px;
	padding-left:5px;
}
#category_pass p {
	display:inline;
	font-size:80%;
	font-size/**/:small;
}

#contents {
	float:left;
	width:505px;
	margin-top:10px;
}
#rnavi {
	float:right;
	width:235px;
	margin-top:10px;
}

#footer {
	width:750px;
	text-align:center;
}
#footer {
	font-size:80%;
	font-size/**/:small;
}
#footer p {
	padding:2px 0px;
}