@charset "utf-8";
/* premium_common.css */

/*
　目次

	1. デフォルトスタイルリセット
	2. クリアフィックス
	3. 全体レイアウト
		3-1.共通ヘッダー
	4. 左カラムナビゲーション
		4-1. あなたはYahoo!プレミアム会員？
		4-2. Yahoo!プレミアム会員なら割引で買える！
		4-3. Yahoo!プレミアム会員なら割引で買える！
		4-4. Yahoo!プレミアム会員ならポイントがもらえる！

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

	1. デフォルトスタイルリセット
	
==============================================================*/
html {
	overflow-y: scroll;
}

body {
	font: 13px/1.3 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	*font-size: small;
	*font: x-small;
}

body, div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p, blockquote,
th, td {
	margin: 0;
	padding: 0;
}

address, cite, dfn, em, strong, var, th, ins, del, samp {
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

table {
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

li {
	list-style-type: none;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

caption, th {
	text-align: left;
}

fieldset,
a img {
	border: none;
}

hr, legend {
	display: none;
}

object,
embed {
	vertical-align: top;
}

#emg table td,
#emg2 table td,
#emg3 table td {
	padding: 2px;
}

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

	2. クリアフィックス
	
==============================================================*/
#contents-body:after,
#main-wrapper:after,
.clearfix:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

#contents-body,
#main-wrapper,
.clearfix
{
	zoom: 1;
}

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

	3. 共通レイアウト
	
==============================================================*/
#wrapper {
	width: 950px;
	margin: 0 auto;
	font-size: 124%;
}

#masthead div.yjmthloginarea {
	font-size: 75%;
}

#masthead div.yjmthcmnlnkarea {
	font-size: 75%;
}

#contents {
	font-size: 75%;
}

#contents-body {
	position: relative;	/* DWデザインビュー表示崩れ対策 */
	padding-bottom: 26px;
	margin-bottom: 18px;
}

#sub {
	float: left;
	width: 220px;
	background: #FFFFFF;
	/zoom: 1;
}

#main {
	float: right;
	width: 720px;
}

#entry {
	margin-bottom: 18px;
	text-align: center;
}

#main-main {
	float: left;
	width: 451px;
}

#main-sub {
	float: right;
	width: 260px;
}

#footer {
	text-align: center;
}

#footer address {
	padding: 10px 0 20px;
	border-top: 1px solid #ccc;
	font-size: small;
	line-height: 1.4em;
}

/*----------------------------
	3-1. 共通ヘッダー
----------------------------*/
#headbar {
	position: relative;
	margin-bottom: 13px;
	width: 950px;
}

#headbar h2 {
	height: 35px;
	background:url(https://s.yimg.jp/images/premium/new_top/20081201/common/headbar_h2.gif) top left no-repeat;
	text-indent: -9999px;
}

/*----------------------------
	3-2. プラグインモジュール
----------------------------*/
div.yjplg {
	margin-top: 18px;
	padding: 0.8em !important;
	background: #FFFFFF !important;
	border: 2px solid #DDDDDD !important;
}

div.yjplg .icn-h {
	float: right;
}

div.yjplg .icn-h img {
	margin-left: 5px;
}


/*----------------------------
	3-3. インフォメーション
----------------------------*/
div.notice {
	margin: 14px 60px 14px 60px;
	padding: 14px;
	background: #F5F5F5;
	border: 1px solid #FF9999;
	color: #FF3333;
	font-weight: bold;
}

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

	4. 左カラムナビゲーション
	
==============================================================*/
/*----------------------------
	4-1. あなたはYahoo!プレミアム会員？
----------------------------*/
#user-info {
	margin-bottom: 18px;
	padding-bottom: 6px;
	background:url(http://i.yimg.jp/images/premium/new_top/20081201/common/user_info_bottom.gif) bottom left no-repeat;
}

#user-info p {
	word-wrap: break-word;
}

#user-info h2 {
	height: 28px;
	background:url(http://i.yimg.jp/images/premium/new_top/20081201/common/user_info_h2.gif) top left no-repeat;
	text-indent: -9999px;
}

#user-info .module-body {
	padding: 6px 6px 1px 6px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	text-align: center;
}

#user-info .member p.status {
	margin: 5px 0 8px;
	font-size: 134%;
	font-weight: bold;
}

#user-info span.yid {
	font-weight: bold;
}

#user-info .notmember p.status {
	margin: 5px 0 8px;
	font-weight: bold;
}

#user-info .module-body p.login {
	font-size: 134%;
	margin: 4px 0 6px 0;
	font-weight: bold;
}

#user-info .module-body p.login a {
	padding-left: 16px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/icon03.gif) left 50% no-repeat;
}

#user-info .notmember p.entry {
	margin-top: 5px;
	_margin: 5px -5px 0 -5px;
}

#user-info p.starclub {
	margin-top: 8px;
	padding: 6px 3px 0;;
	border-top: 1px dashed #b5b5b5;
	word-wrap: break-word;
}
	
	#user-info p.starclub img {
		vertical-align: middle;
		margin-right: 4px;
	}

	#user-info p.starclub .platinum {
		color: #36b8ab;
	}

	#user-info p.starclub .gold {
		color: #bb9506;
	}

	#user-info p.starclub .silver {
		color: #959595;
	}

	#user-info p.starclub .bronze {
		color: #902e05;
	}

	#user-info p.starclub .regular {
		color: #87ae27;
	}

/*----------------------------
	4-2. Yahoo!プレミアム会員なら無料ですぐ使える！
----------------------------*/
#tokuten-muryou {
	padding-bottom: 7px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/navi_bottom.gif) bottom left no-repeat;
}

#tokuten-muryou h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/navi_muryou_h2.gif) bottom left no-repeat;
	text-indent: -9999px;
	_margin-left: 2px;
}

#tokuten-muryou .module-body {
	border-left: 3px solid #ecebeb;
	border-right: 3px solid #ecebeb;
}

#tokuten-muryou .module-body ul {
	width: 200px;
	margin: 0 auto;
}

#tokuten-muryou .module-body li {
	padding: 8px 0;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/hr01.gif) bottom left repeat-x;
	*zoom: 1;
}

#tokuten-muryou .module-body li ul {
	margin-top: 6px;
}

#tokuten-muryou .module-body li li {
	padding: 0 0 0 16px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/icon01.gif) left 3px no-repeat;
}

#tokuten-muryou .module-body dt {
	position: relative;
	padding-left: 24px;
	font-weight: bold;
	*zoom: 1;
}

#tokuten-muryou .module-body dt img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 2px;
}

#tokuten-muryou .module-body dd {
	padding-left: 24px;
}

#tokuten-muryou .module-body p.more {
	margin: 6px 6px 0 0;
	text-align: right;
	font-weight: bold;
}

#tokuten-muryou .module-body p.more a {
	padding-left: 16px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/icon01.gif) left 50% no-repeat;
}

/*----------------------------
	4-3. Yahoo!プレミアム会員なら割引で買える！
----------------------------*/
#tokuten-waribiki {
	padding-bottom: 7px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/navi_bottom.gif) bottom left no-repeat;
}

#tokuten-waribiki h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/navi_waribiki_h2.gif) center top no-repeat;
	text-indent: -9999px;
}

#tokuten-waribiki .module-body {
	border-left: 3px solid #ecebeb;
	border-right: 3px solid #ecebeb;
}

#tokuten-waribiki .module-body ul {
	width: 200px;
	margin: 0 auto;
}

#tokuten-waribiki .module-body li {
	padding: 6px 0;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/hr01.gif) bottom left repeat-x;
	font-weight: bold;
}

#tokuten-waribiki .module-body li img {
	margin-right: 6px;
	vertical-align: middle;
	font-weight: bold;
}

#tokuten-waribiki .module-body li span.service {
	margin-top: -3px;
	*zoom: 1;
}

#tokuten-waribiki .module-body p.more {
	margin: 6px 6px 0 0;
	text-align: right;
	font-weight: bold;
}

#tokuten-waribiki .module-body p.more a {
	padding-left: 16px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/icon01.gif) left 50% no-repeat;
}

/*----------------------------
	4-4. Yahoo!プレミアム会員ならポイントがもらえる！
----------------------------*/
#tokuten-point {
	padding-bottom: 7px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/navi_bottom.gif) bottom left no-repeat;
}

#tokuten-point h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/navi_point_h2.gif) center top no-repeat;
	text-indent: -9999px;
}

#tokuten-point .module-body {
	border-left: 3px solid #ecebeb;
	border-right: 3px solid #ecebeb;
}

#tokuten-point .module-body {
	border-left: 3px solid #ecebeb;
	border-right: 3px solid #ecebeb;
}

#tokuten-point .module-body ul {
	width: 200px;
	margin: 0 auto;
}

#tokuten-point .module-body li {
	padding: 6px 0;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/hr01.gif) bottom left repeat-x;
	font-weight: bold;
}

#tokuten-point .module-body li li {
	padding: 0 0 0 16px;;
	margin-top: 4px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/icon01.gif) left 3px no-repeat;
	font-weight: normal;
}

#tokuten-point .module-body li img {
	margin-right: 6px;
	vertical-align: middle;
}

#tokuten-point .module-body p.more {
	margin: 6px 6px 0 0;
	text-align: right;
	font-weight: bold;
}

#tokuten-point .module-body p.more a {
	padding-left: 16px;
	background: url(http://i.yimg.jp/images/premium/new_top/20081201/common/icon01.gif) left 50% no-repeat;
}