/* play.cssは【play.html】のみで使用するユニークなCSSです。
　 共通のレイアウトや汎用classなどはcommon.cssに記述しています。
--------------------------------------------------------------------------------
*/



/* ■ トピックス ■ */
#topics {
	width:760px;
	margin: 0px 0px 0px 0px;
}

#topics .bg{
	height:37px;
	padding:  6px 6px 3px 48px;
	background: #DEDEDE url(../images/topics_backimg.gif) no-repeat;
}

#topics h2{
	font-size:14px;
	line-height:1.4;
}

#topics .lead{
	font-size:10px;
	line-height:1.2;
	color: #666666;
}

#topics .area{
	padding:  10px 18px 6px 46px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#topics ul{
	font-size:75%;
	line-height:1;
	background: url(../images/arrow01.gif) no-repeat 0px 0px;
	padding: 0px 0px 6px 12px;
}
#topics li.tps{
	padding: 0px 0px 6px 0px;
}

#topics img{ width:66px; padding: 0px 8px 0px 0px; }

#topics .place{
	color: #0F7ED7;
	padding: 0px 8px 0px 6px;
}
#topics .schedule{
	color: #CC6600;
	padding: 0px 12px 0px 0px;
	font-weight: bold;
}
#topics .comment{
	font-size:10px;
}

/* ■ 1DAY,宿泊型アイコン ■ */
#icon {
	font-size:63%;
}
#icon .read{
	padding: 8px 0px 0px 16px;
}

/* ■ フットサル大会　大会案内 ■ */
#raday {
margin: 0px 0px 0px 16px;
}
#raday h3{
	font-size:88%;
	margin: 10px 0px 10px 0px;
}
#raday .rvn{
	width:100%;
	font-size:63%;
	text-align: right;
	margin: 10px 0px 10px 0px;
}
#raday .brown{
	color: #CC6600;	
}
/* 表組設定 */
#raday li{margin: 0px 0px 5px 0px;}
#raday .ple{font-size:63%;line-height:1;}
#raday .ttl{font-size:75%;line-height:1.6;}
#raday .cmt{font-size:63%;line-height:1;background: url(../images/icon_comment.gif) no-repeat;padding: 4px 0px 3px 20px;font-weight: bold;color: #00519C;}
#raday .place{color: #0F7ED7;padding: 0px 12px 0px 0px;}
#raday .schedule{color: #CC6600;padding: 0px 12px 0px 0px;font-weight: bold;}
#raday .comment{font-size:10px;}
#raday .icon{padding: 0px 0px 0px 8px;}
#raday .area{ border: 1px solid #B3B3B3;}
#raday .blue{background: #F2F7FA;}
#raday .left{padding: 10px 10px 10px 10px;}
#raday .center{width:400px;padding: 10px 10px 10px 10px;border-right: 1px solid #B3B3B3;}
#raday .right{text-align: left;width:200px;padding: 10px 10px 10px 10px;}
#raday .leftb{padding: 10px 10px 10px 10px;background: #F2F7FA;}
#raday .centerb{width:400px;padding: 10px 10px 10px 10px;border-right: 1px solid #B3B3B3;background: #F2F7FA;}
#raday .rightb{text-align: left;width:200px;padding: 10px 10px 10px 10px;background: #F2F7FA;}
#raday .spacer{margin: 30px 0px 0px 0px;}

#raday .rsr{
	width:200px;
	padding: 6px 0px 0px 0px;
	overflow: hidden;
}

#raday .scn{
	width:40px;
	font-size:120%;
	line-height:1;
	color: #CC6600;
	font-weight: bold;
	float:left;
}
#raday .scntxt{
	font-size:88%;line-height:1.3;
}

/* ■ イベント情報 ■ */
#banner {
	width:744px;
	margin: 0px 0px 10px 16px;
}
#banner ul{
	width:300px;
	margin: 0px 0px 16px 0px;
	float:left;
}
#banner li{
	font-size:75%;
	line-height:1.4;
}
#banner img{ margin: 0px 0px 2px 0px;
}
#banner a{ font-weight: bold; 
}