/*

home.css - トップページ(index.php)

固有bodyクラス .home


目次
	
=======================================================================

	このページでの共通スタイル
	
	本日のニュース、イベントニュース
	
	ピックアップガール
	
	メールマガジン
	
	携帯サイト

*/



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

	このページでの共通スタイル

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

/*		トップページの各コンテンツの横幅
			領域が700pxなので、中央の間隔は10px */
.news,
#pickupgirl,
#mailmagazine,
#mobilesite {
	width: 315px;
	margin-bottom: 10px;
}
/*		左に寄せるコンテンツ */
#todaysnews,
#pickupgirl {
	float: left;
}
/*		右に寄せるコンテンツ */
#eventnews,
#mailmagazine,
#mobilesite {
	float: right;
}
/*		テキスト背景置き換え */
#todaysnews h2,
#eventnews h2,
#pickupgirl h2,
#mailmagazine h3,
#mobilesite h3 {
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#todaysnews h2,
#eventnews h2,
#pickupgirl h2,
#mailmagazine h3,
#mobilesite h3 {
	height: 37px;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
}

/*		ボックスサイズ別 */

body.home .mainbox {
	padding: 15px 15px 10px 15px;
}
*html body.home .mainbox { width: 645px; }

.homebox {
	background:url(../images/box335_bg_bottom.png) no-repeat left bottom;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
	padding-bottom: 8px;
}

.homebox .inbox {

}

.homebox .boxbody {
	border-left: 1px solid #620000;
	border-right: 1px solid #620000;
	border-top: 1px solid #620000;
	background-color: #2F0000;
	margin: 0 3px;
	padding: 10px 10px 5px 10px;
}
* html .homebox .boxbody {height: 1%}/* IE6 peek-a-boo対策 */
*:first-child+html .homebox .boxbody {height: 1%}/* IE7 peek-a-boo対策 */

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

	Flash

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


#topflash {
	background: url(../images/flash_bg.png) no-repeat 0 0;
	padding: 5px;
	margin-bottom: 10px;

}

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

	本日のニュース、イベントニュース

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


.news .inbox {
}

.news .boxbody {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.news {}/* #todays-news,#event-newsの共通クラス　↑共通スタイル */

#todaysnews {/* ↑共通スタイル */
}
#eventnews {/* ↑共通スタイル */
}

#todaysnews h2 {
	background: url(../images/h2_todaysnews.png) no-repeat 0 0;
}
#eventnews h2 {
	background: url(../images/h2_eventnews.png) no-repeat 0 0;
}

/*		内容の表示領域　インラインフレーム風 */
.news .overflow {
	overflow-y: scroll;
	height: 200px;
	padding: 10px 5px 5px 0;
	/*background: url(../images/overflow_bg.gif) no-repeat bottom right;*/
}

.news .modified-date {/* 更新日時 */
	font-size: 11px;
	font-weight: bold;
	line-height: 1.8em;
	color: #fff;
	padding: 0 10px;
	background: url(../images/modified_date_bg.png) no-repeat center left;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
}

/*
.news .modified-date div {/* 更新日時
	background: url(../images/modified_date_r.gif) no-repeat center right;
	padding: 0 25px;
}
*/

.news .overflow p {
	margin-top: 10px;
}



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

	ピックアップガール

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

#pickupgirl div {
	text-align: center;
}

#pickupgirl h2 {/* ↑共通スタイル - テキスト背景置き換え */
	background: url(../images/h2_pickupgirl.png) no-repeat 0 0;
}

#pickupgirl .boxbody {
	text-align: center;
	background: url(../images/pickup_bg.png) no-repeat 0 0;
	padding: 10px 0;
	height: 360px;
}

#pickupgirl-photo {
	width: 240px;
	height: 320px;
	margin: 0 auto;
	padding: 1px;
	border: 1px solid #6D260E;
}
#pickupgirl-photo img {}

div#pickupgirl-profile {
	text-align: left;
	padding: 5px 0 0 0;
	font-size: 11px;
}

div#pickupgirl-name {
	float: left;
	width: 120px;
	margin-top: 13px;
	text-align: center;
}

#pickupgirl-name strong {
	font-size: 15px;
}



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

	メールマガジン

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


#mailmagazine h3 {
	background: url(../images/h3_mailmag.png) no-repeat 0 0;
}

#mailmagazine .boxbody {
	background-image: url(../images/mailmagazine.png);
	background-repeat: no-repeat;
}

#mailmagazine p {
	margin: 0 0 10px 100px;
	padding: 0;
}

#mailmagazine form {
	margin: 0;
	padding: 0;
}

/*form .text input {
	width: 300px;
	padding: 5px;
}*/

#mailadr {
	width: 275px;
	padding: 3px;
}

.button {
	padding-top: 3px;
}

.button .radio {
	width: 100px;
	float: left;
	line-height: 2em;
}

.button .submit {
	width: 51px;
	float: left;
}



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

	携帯サイト

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

#mobilesite .inbox {
}

#mobilesite h3 {
	background: url(../images/h3_mobilesite.png) no-repeat 0 0;
}

#mobilesite p {
	margin: 0;
	padding: 0;
}

#mobilesite p#qr {
	float: right;
	width: 97px;
	text-align: right;
}