@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;
	padding-top:20px;
}


/* ボックス
-----------------------------------*/
#list_box .box {
	float:left;
	width:340px;
	border:1px solid #80BCDD;
	background:url(../img/voice/box_bg.gif) no-repeat left top;
	padding:16px 9px 9px;
}


/* 写真 */
#list_box .box .photo {
	float:left;
	width:120px;
}

/* 情報 */
#list_box .box .info {
	float:right;
	width:200px;
	padding-right:10px;
}

#list_box .box .info .name {
	width:200px;
	font-weight:bold;
	padding-bottom:3px;
}

#list_box .box .info .address {
	width:200px;
	color:#5A3D1B;
}

#list_box .box .info .comment {
	width:200px;
	color:#666666;
	font-size:11px;
	line-height:15px;
	padding:2px 0px 4px;
}


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


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

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



/*======================================================================
　詳細
======================================================================*/
#main .details_info {
	width:738px;
	border:1px solid #80BCDD;
	background:url(../img/voice/details_bg.gif) no-repeat left top;
	margin-bottom:25px;
}

#main .details_info .inner {
	width:720px;
	background:url(../img/voice/details_logo.gif) no-repeat right bottom;
	padding:11px 9px 9px;
}

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

#main .details_info .inner .data {
	float:right;
	width:460px;
}

#main .details_info .inner .data .title {
	width:460px;
	font-weight:bold;
	padding-top:3px;
}

#main .details_info .inner .data .comment {
	width:460px;
	line-height:19px;
	padding:5px 0px;
}

#main .details_info .inner .data .back {
	width:460px;
}


#main .details {
	width:710px;
	color:#666666;
	line-height:20px;
	margin:auto;
	padding-bottom:30px;
}

/* メッセージ */
#main .details .message {
	width:710px;
	text-align:center;
	background:url(../img/voice/message_body.gif) repeat-y left top;
}


/* ボタン
-----------------------------------*/
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;
}