@charset "utf-8";
@import url("../../css/common.css");


/*********************************************************************************************

	■全体のレイアウト
	
	・ピックアップと更新情報を左に配置しています
	
--------------------------------------------------------------------------------------------*/


/*********************************************************************************************

	■画像やflashなどのスペース
	
	・幅は670px、高さは内容により自動的に変わります
	・swfObjectを使用する場合は、padding-bottom: 20pxではなくmargin-bottom: 20pxにしてください。

--------------------------------------------------------------------------------------------*/

#space {
	width: 670px;
	height: 180px;
	margin-bottom: 10px;
}

/*********************************************************************************************

	■ピックアップレディ
	
	・幅380px、見出しを除く高さ370px
	
	見出し画像の高さに制限はありません。
	（幅は320px以下のみ）

--------------------------------------------------------------------------------------------*/
#change {
	height:auto;
	overflow:hidden;
}
#change li {
	float:left;
	margin-right:2px;

}
#btn_event {
	cursor:pointer;
}


/*********************************************************************************************

	■更新情報
	
	・幅320px、見出しを除く高さ110px
	
	見出し画像の高さに制限はありません。
	（幅は320px以下のみ）

--------------------------------------------------------------------------------------------*/
#news {
	width: 520px;
	height: 23px;
	padding-left:149px;
	padding-top:7px;
	overflow: hidden;
	color:#272015;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color:#272015;
	background: url(../images/back_news.jpg) left top no-repeat;
	margin-bottom: 10px;
}

.news dl {

}

#news dt {
	float:left;
	font-size: 14px;

}

#news dd {
	padding-left: 45px;
}


/*********************************************************************************************

	■トピックス
	
	・幅330px、見出しを除く高さ370px
	
	見出し画像の高さに制限はありません。
	（幅は320px以下のみ）

--------------------------------------------------------------------------------------------*/


.topics_event {
	float:left;
}
#topics {
	width:325px;
	height:413px;
	padding-top:5px;
	padding-left:5px;
	overflow:hidden;
	background: url(../images/back_topics.jpg) left bottom no-repeat;
}
#event {
	display:none;
	width:325px;
	height:413px;
	padding-top:5px;
	padding-left:5px;

	overflow:hidden;
	background: url(../images/back_event.jpg) left bottom no-repeat;
}
#topics iframe {
	width:320px;
	height:405px;
}

#shift {
	clear:both;
	width:669px;
	overflow:hidden;
}

#shift ul {
	width:680px;
	padding-top:15px;
}
#shift li {
	width:158px;
	height:242px;
	padding-top:7px;
	border:1px solid #e1bb78;
	text-align:center;
	color:#ae9c73;
	font-size:14px;
	float:left;
	margin-right:9px;
	margin-bottom:10px;
}
#shift li dd.ladykana {
	font-size:10px;
	padding-top:3px;
}

.pickup {
	width: 333px;
	height: 394px;
	padding-top:68px;
	word-spacing: -4px;
	overflow: hidden;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: inherit;
	line-height: inherit;
	background: url(../images/back_pickup.jpg) left top no-repeat;
	float:left;
	margin-right:4px;
}


/*
	以下はピックアップレディの表示に関する設定です。
	基本的に変更は不要です。
*/
ul#pickuplist {
	position:relative;
	width: 330px;
	height: 359px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
}

.pickup li {
	width: 330px;
	text-align: center;
}

.pickup p img {
	width: 198px;
	height: 320px;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 1px solid #e1bb78;
}

.pickup dl {

}

.pickup dt, .pickup dd {
	display: inline;
}

.pickup dt {
	margin-right: 5px;
}

.pickup dl dl {
	display: inline;
	margin-left: 10px;
}

.pickup dl dl dt {
	margin-right: 0;
}

#magazine {
	margin-bottom:10px;
}
#magazine p {
	padding:5px;
}