@import url("base.css");


/*======================================================================
　ロケーション
======================================================================*/
#main .location {
	width:740px;
	color:#666666;
}

#main .location .page {
	float:left;
	width:440px;
}

#main .location .page span {
	color:#FF9900;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana;
}

#main .location .step {
	float:right;
	width:300px;
	text-align:right;
}

#main .location .step span {
	color:#B3B3B3;
}

#main .location .step span a {
	color:#00A0C6;
}
#main .location .step span a:hover {
	color:#FFCC00;
}


/*======================================================================
　リストボックス
======================================================================*/
#list_box {
	width:740px;
}


/* ボックス
-----------------------------------*/
#list_box .box {
	float:left;
	width:230px;
}


/* 通常イベント
-----------------------------------*/
#list_box .head {
	width:230px;
	height:39px;
	background:url(../img/event/box_head.gif) no-repeat left bottom;
}

#list_box .body {
	width:200px;
	border:1px solid #80BCDD;
	background:url(../img/event/box_bg.gif) no-repeat left top;
	padding:0px 14px 11px;
	
	border-top-width:0px;
}

/* 写真 */
#list_box .body .photo {
	width:200px;
	height:135px;
	text-align:center;
}

/* タイトル */
#list_box .body .title {
	width:190px;
	height:34px;
	color:#666666;
	line-height:17px;
	padding:0px 5px;
}

/* 情報 */
#list_box .body .info {
	width:190px;
	height:45px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-family/*\**/:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"\9;
	line-height:15px;
	padding:3px 5px 10px;
}


/* 終了イベント
-----------------------------------*/
#list_box .box_end {
	float:left;
	width:230px;
}

#list_box .box_end .head {
	background:url(../img/event/box_end_head.gif) no-repeat left bottom;
}

#list_box .box_end .body {
	background:url(../img/event/box_end_bg.gif) no-repeat left top;
}


/* ボタン
-----------------------------------*/
a.bt_details {
	width:160px;
	height:41px;
	display:block;
	background:url(../img/event/bt_details.gif) no-repeat left top;
	margin:auto;
}
a.bt_details:hover {
	background-position:right top;
}


/* スペース
-----------------------------------*/
#list_box .space_v {
	float:left;
	width:24px;
	height:320px;
}

#list_box .space_h {
	clear:both;
	width:740px;
	height:15px;
}



/*======================================================================
　日付情報
======================================================================*/
#main .date_info {
	width:740px;
	color:#666666;
	font-family:Verdana;
}

#main .date_info .title {
	float:left;
	width:440px;
}

#main .date_info .date {
	float:right;
	width:300px;
	text-align:right;
}



/*======================================================================
　詳細
======================================================================*/
#main .details {
	width:710px;
	color:#666666;
	line-height:20px;
	margin:auto;
	padding:10px 0px 40px;
}

#main .details .photo {
	float:left;
	width:200px;
}

#main .details .recent {
	float:right;
	width:68px;
	height:130px;
	padding-top:5px;
}

#main .details .data {
	float:right;
	width:430px;
	font-family:Verdana;
}

#main .details .data .back {
	width:430px;
	padding-top:3px;
}


/* ボタン
-----------------------------------*/
a.bt_list {
	width:160px;
	height:40px;
	display:block;
	background:url(../img/event/bt_list.gif) no-repeat left top;
	margin:0px auto 20px;
}
a.bt_list:hover {
	background-position:right top;
}