@charset "shift_jis";

/*
============================================================
トップページコンテンツ専用
------------------------------------------------------------

■ 基本レイアウト
■ メインイメージ
■ TOPコンテンツ（左側）
■ TOPコンテンツ（中央）
■ TOPコンテンツ（右側）

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

/* ---------------------------------------------------------
■ 基本レイアウト
--------------------------------------------------------- */
div#content {
	width: 998px;
	margin: 0;
	padding: 0 0 10px 0;
	background: url(../img/bg_top_content_bnr.gif) repeat-y right;
	overflow: hidden;
}

/* Netscape対策 */
div#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* ---------------------------------------------------------
■ メインイメージ
--------------------------------------------------------- */
div#content #mv {
	width: 998px;
	height:250px;
	float: left;
	background:#444444;
}

div#content #mv div#flash {
	width: 698px;
	float: left;
}

div#content #mv div#flash_mamber {
	float: left;
	width: 300px;
	height: 250px;
}

/*div#content #mv div#flash_mamber img {
	margin:12px 0 0 15px;
}
*/
/* ---------------------------------------------------------
■ TOPコンテンツ（左側）
--------------------------------------------------------- */
div#content div.left {
	width: 285px;
	float: left;
	margin: 15px 15px 0 15px;
}

* html body div#content div.left { margin: 15px 15px 0 7px; }

div#content div.left p { padding:0 0 5px 0; margin:0; }


/* テキスト
---------------------------- */
div#content p.top_tx {
	margin: 20px 0 0 15px;
	width: 650px;
}

div#content_left {
	float: left;
	margin: 0;
	padding: 0;
	/*width: 698px;*/
}

/* NEWS
---------------------------- */
div#content div.left div.news {
	width: 263px;
	float: left;
	display: inline;
	padding: 5px 10px 10px 10px;
	margin-bottom:15px;
	border: 1px solid #DDDDDD;
}

div#content div.left div.news nolayer ,div#content div.left div.news nolayer iframe {
	margin:0;
	padding:0;
}

/* タイトル */

div#content div.left div.news div.tit {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	color:#000000;
	background:url(../img/li_01.gif) no-repeat bottom ;
}

/* Netscape対策 */
div#content div.left div.news div.tit:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#content div.left div.news div.tit dl {
	width: 263px;
	font-size:12px;
}

div#content div.left div.news div.tit dl dt {
	font-weight:bold;
	width: 100px;
	float: left;
	line-height: 18px;
}

div#content div.left div.news div.tit dl dt a {
	text-decoration: underline;
}

div#content div.left div.news div.tit dl dd {
	width: 140px;
	float: right;
	text-align:right;
	line-height: 14px;
	color: #CC0000;
}

div#content div.left div.news div.tit dl dd a {
	color: #CC0000;
}


/* ON-LINE SHOPPING
---------------------------- */
div#content div.left div.shopping {
	margin: 0 0 15px;
	float: left;
	width: 285px;
	background: #000;
}
div#content div.left div.shopping table {
	width: auto;
	border-collapse: none;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

/* td 通常 */
div#content div.left div.shopping table td {
	padding: 0;
	border: none;
	vertical-align: top;
	color: none;
	text-align: left;
	line-height: 18px;
	font-size: 10px;
	line-height: 11px;
}

div#content div.left div.shopping table td.bg {
	background: url(../img/bg_shopping.gif) no-repeat;
	width: ;
	height:;
}
div#content div.left div.shopping table td p {
	font-size: 10px;
	line-height:11px;
	margin: 0;
	padding:0;
}

div#content div.left div.shopping table .shopping_date {
	color: #ff0000;
	font-weight:bold;
	padding: 2px 0 2px 10px;
}

div#content div.left div.shopping table .shopping_tit {
	font-weight: bold;
	letter-spacing: -1px;
	padding:0 0 5px 10px;
}

div#content div.left div.shopping table .shopping_tit_big {
	font-size: 14px;
	line-height: 18px;
}

div#content div.left div.shopping table .shopping_tit a {
	color: #fff;
}

div#content div.left div.shopping table .shopping_tit a:hover {
	color: #666;
}

div#content div.left div.shopping table .shopping_lead {
	color: #fff;
	padding: 0 0 0 10px;
}

/* 俣野企画、Entertainment（TOPコンテンツ（中央） SPECIAL CONTENTS,INTERVIEW　の上書き設定）
---------------------------------------------------------------------------------------------------- */

div#content div.left div.special  {
	width: 285px;
}

div#content div.left div.special dl.special_left,
div#content div.left div.special dl.special_left_entertainment {
	border:1px solid #ccc;
	background:none;
	padding: 10px 10px 10px 10px;
	margin-bottom:15px;
	width: 263px;
	overflow: hidden;
}


* html body div#content div.left div.special dl.special_left,
* html body div#content div.left div.special dl.special_left_entertainment {
	width:285px;
}


/* Netscape対策 */
div#content div.left div.special dl.special_left:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#content div.left div.special dl.special_left dt,
div#content div.left div.special dl.special_left_entertainment dt  {
	width: 105px;
}

div#content div.left div.special dl.special_left_entertainment dd.up {
	text-align: left;
	padding-left:10px;
}

div#content div.left div.special dl.special_left dd.up {
	text-align: left;
	padding: 0 10px;
	width: 100px;
	height: 18px;
}

div#content div.left div.special dl.special_left dd.new,
div#content div.left div.special dl.special_left_entertainment dd.new {
	width:100px;
}

div#content div.left div.special dl.special_left dd.tx_tit,
div#content div.left div.special dl.special_left dd.tx {
	width: 148px;
}

div#content div.left div.special dl.special_left dd.bt_click,
div#content div.left div.special dl.special_left_entertainment dd.bt_click {
	width: 148px;
}

div#content div.left div.special dl.special_left_entertainment dd.tx_tit,
div#content div.left div.special dl.special_left_entertainment dd.tx {
	width: 260px;
}

div#content div.left div.special dl.special_left_entertainment dd.tx_tit {
	line-height: 24px;
}



/* ---------------------------------------------------------
■ TOPコンテンツ（中央）
--------------------------------------------------------- */
div#content div.center {
	width: 370px;
	float: left;
	margin: 5px 15px 0 0;
}

div#content div.center div.special  {
	width: 370px;
}

/* SPECIAL CONTENTS,INTERVIEW　タイトル
-------------------------------------- */

div#content div.center div.special div.tit{
	background: url(../img/li_01.gif) no-repeat bottom;
	width: 370px;
	margin: 0 ;
	padding:0 0 10px 0;
}

/* INTERVIEW（背景グラデ付きボックス）
-------------------------------------- */
div#content div.center div.special dl.interview {
	background:url(../img/bg_interview.jpg) bottom repeat-x;
	padding: 10px 10px 10px 10px;
	margin-bottom:15px;
	width: 350px;
	overflow: hidden;
}

div#content div.center div.special dl.interview_02 {
	background:url(../img/bg_interview_02.jpg) bottom repeat-x;
	padding: 10px 10px 10px 10px;
	margin-bottom:15px;
	width: 350px;
	overflow: hidden;
}

* html body div#content div.center div.special dl.interview,
* html body div#content div.center div.special dl {
	width:370px;
}


/* Netscape対策 */
div#content div.center div.special dl:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#content div.center div.special dl.interview dd.up {
	text-align: left;
}

div#content div.center div.special dl.interview dd.new {
	width:230px;
	text-align: right;
	font-size: 12px;
}

div#content div.center div.special dl.interview dd.new a {
	font-size: 12px;
}

div#content div.center div.special dl.interview dd.new img { float: left;}

div#content div.center div.special dl.interview dd.tx_tit a {
	color: #734028;
}

div#content div.center div.special dl.interview dd.tx_tit a:hover { color: #999; }

div#content div.center div.special dl.interview dd.bt_click {
	padding:25px 0 5px 0;
}

div#content div.center div.special dl.interview dd.ph {
	width:105px;
	height:105px;
	display:block;
}

/* SPECIAL CONTENTS（下線付きボックス）
---------------------------- */
div.special dl {
	background: url(../img/li_01.gif) no-repeat bottom;
	padding: 0px 10px 5px 10px;
	width: 350px;
	overflow: hidden;
}

div.special dl.no_line {
	background: none;
	padding: 10px 10px 0px 10px;
}


/* Netscape対策 */
div.special dl:after
div.special dl.no_line:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* SPECIAL CONTENTS,INTERVIEW　共通（TOPコンテンツ（左側） 俣野企画、Entertainment　と共通）
---------------------------------------------------------------------------------------------------- */

div.special dl dt {
	float: left;
	width: 60px;
	height:15px;
}

div.special dl dd.up {
	color: #cc0000;
	font-size: 10px;
	line-height:14px;
	letter-spacing:-1px;
	text-align: right;
	width: 45px;
	height:15px;
	float: left;
}

div.special dl dd.new {
	float:right;
	width:240px;
	height:15px;
	text-align: right;
	/*font-size: 10px;*/
	line-height: 14px;
}

div.special dl dd.new a {
	font-size: 12px;
	line-height: 14px;
	color: #CC0000;
}

div.special dl dd.new img { float: left;}

div.special dl dd.none {
	color: #999999;
}

div.special dl dd.ph {
	float: left;
	margin: 5px 10px 0 0;
	padding-bottom:1px ;
}

div.special dl dd.tx_tit {
	color: #734028;
	font-size: 16px;
	line-height: 18px;
	font-weight:bold;
	width: 230px;
	margin: 5px 0 0 0;
	float: right;
}

div#content div.center div.special dl dd.tx_tit span , div#content div.left div.special dl dd.tx_tit span {
	color: #000;
	padding:0 0 5px 0;
	margin:0;
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
}

div.special dl dd.tx_tit a { color: #734028; }
div.special dl dd.tx_tit a:hover , div.special dl dd.tx_tit p a:hover { color: #999; }


div.special dl dd.tx {
	color: #999999;
	font-size: 12px;
	line-height: 16px;
	width: 230px;
	margin: 5px 0 0 0;
	float: right;
}


div.special dl dd.bt_click {
	text-align: right;
	padding:5px 0 5px 0;
	width: 204px;
	float: right;
}

/* ---------------------------------------------------------
■ TOPコンテンツ（右側）
--------------------------------------------------------- */
div#content div.right {
	width: 270px;
	float: right;
	margin: 10px 0 0 0;
	padding-right: 15px;
}

* html body div#content div.right {
	padding-right: 10px;
} 

/* 右上バナー
---------------------------- */

div#content div#right_bnr{
	margin-bottom: 10px;
}

div#content div#right_bnr img{
	margin-bottom: 5px;
}

/* 会員登録
---------------------------- */

div#content div.right div.member {
	float: left;
	width: 270px;
	height: 135px;
	background:url(../img/bg_member.jpg) no-repeat ;	
}

div#content div.right div.member img {
	margin: 88px 0 0 20px;
}

/* 左下バナー
---------------------------- */

div#content div.left ul.right_bnr {
	width: 270px;
	display: inline;
	margin: 0 0 0 ;
	float: left;
}

div#content div.left ul.right_bnr li {
	float:left;
	margin: 0 0 5px 0;
}

/* 最新
---------------------------- */

div#content div.right ul.category_link {
	width: 270px;
	display: inline;
	margin: 15px 0 0 ;
	padding-top: 2px;
	float: left;
	background: url(../img/li_02.gif) repeat-x top ;
}

div#content div.right ul.category_link li {
	margin: 0 0 5px 0;
	float:left;
}

div#content div.right ul.category_link li dl {
	width: 270px;
	padding: 5px 0;
	background: url(../img/li_02.gif) repeat-x bottom ;
}

/* ie6対策 */
* html body div#content div.right ul.category_link li dl{ width: 270px; }

/* Netscape対策 */
div#content div.right ul.category_link li dl:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#content div.right ul.category_link li dl dd.ph {
	width: 60px;
	float: left;
}

/* ie6対策 
* html body div#content div.right ul.category_link li dl dt{ width: 50px; }*/

div#content div.right ul.category_link li dl dd.tx_tit {
	width: 210px;
	float: left;
	line-height:16px;
	letter-spacing:-1px;
	font-weight:bold;
	padding: 10px 0;
}

div#content div.right ul.category_link li dl dd.tx_tit a {
	color: #000;
}

div#content div.right ul.category_link li dl dd.tx_tit span {
	font-weight: normal;
	font-size: 10px;
	color: #666;
}

/*div#content div.right ul.category_link li dl dd.date {
	width: 50px;
	float: right;
	color: #cc0000;
	text-align: right;
	letter-spacing:-1px;
}


div#content div.right ul.category_link li dl dd.ic {
	width: 25px;
	margin: 0 5px 0 10px;
	float: left;
}*/


/* ---------------------------------------------------------
■ navi.css 上書き
--------------------------------------------------------- */

* html body div#navi ul li a {
	width: 100px;
	height: 25px;
}
* html body div#navi ul li.first a , * html body div#navi ul li.last a {
	width: 90px;
	height: 25px;
}