@charset "UTF-8";

/* =======================================================
	BLOG CSS - modified on 09.04.28
	written by GRAM | グラム
	http://www.brooklyn.jp/
	
	01 CONTENT SETTING
	02 DETAIL SETTING
	02 UTILITIES
======================================================= */



/* =======================================================
	01 CONTENT SETTING
======================================================= */



#top_image {
	width: 700px;
	height: 140px;
	margin-left: 25px;
	text-indent: -5000em;
	display: block;
	background: url(../../../imgs/contents/head_image_info.jpg) left top no-repeat;
	}

#information_menu {
	width: 700px;
	height: auto;
	margin: 50px 0 !important;
	margin: 20px 0 50px;
}

#concert_list,
#media_list,
#other_list {
	width: 700px;
	height: auto;
	margin: 20px 0 40px;
	padding-top: 85px;
}



/* =======================================================
	02 DETAIL SETTING
======================================================= */



#information_menu ul {
	width: 680px;
	height: 55px;
	margin-left: 18px;
}

#information_menu ul li {
	width: 211px;
	height: 55px;
	margin-right: 12px;
	overflow: hidden;
	float: left;
}

a.bt_concert,
a.bt_media,
a.bt_other {
	width: 211px;
	height: 55px;
	display: block;
	overflow: hidden;
}

a.bt_concert {
	background: url(../../../imgs/common/bt_concert_info.jpg) 0 0 no-repeat;
}
a.bt_media {
	background: url(../../../imgs/common/bt_media_info.jpg) 0 0 no-repeat;
}
a.bt_other {
	background: url(../../../imgs/common/bt_other_info.jpg) 0 0 no-repeat;
}

a.bt_concert:hover,
a.bt_media:hover ,
a.bt_other:hover{
	height: 55px;
	background-position: 0 -55px;
}



#concert_list {
	background: url(../../../imgs/contents/title_concert_info.gif) left top no-repeat;
}

#media_list {
	background: url(../../../imgs/contents/title_media_info.gif) left top no-repeat;
}

#other_list {
	background: url(../../../imgs/contents/title_other_info.gif) left top no-repeat;
}



/* media navi */
#media_navi ul {
	width: 655px;
	height: 31px;
	margin-left: 45px;
	margin-bottom: 25px;
}

#media_navi ul li {
	width: 136px;
	height: 31px;
	margin-right: 27px !important;
	margin-right: 23px;
	overflow: hidden;
	float: left;
}

a.bt_media_tv,
a.bt_media_radio,
a.bt_media_magazine,
a.bt_media_etc {
	width: 136px;
	height: 31px;
	display: block;
	overflow: hidden;
}

a.bt_media_tv {
	background: url(../../../imgs/common/bt_media_tv.jpg) 0 0 no-repeat;
}
a.bt_media_radio {
	background: url(../../../imgs/common/bt_media_radio.jpg) 0 0 no-repeat;
}
a.bt_media_magazine {
	background: url(../../../imgs/common/bt_media_magazine.jpg) 0 0 no-repeat;
}
a.bt_media_etc {
	background: url(../../../imgs/common/bt_media_etc.jpg) 0 0 no-repeat;
}

a.bt_media_tv:hover,
a.bt_media_radio:hover,
a.bt_media_magazine:hover,
a.bt_media_etc:hover {
	height: 31px;
	background-position: 0 -31px;
}



/* posted item list */
.list_item {
	width: 655px;
	height: auto;
	margin-left: 45px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	background: url(../../../imgs/common/dot_line.gif) left bottom repeat-x;
}

.list_item .info_item_left {
	width: 100px;
	height: auto;
	float: left;
}

.list_item .info_item_right {
	width: 555px;
	height: auto;
	float: left;
}


.info_item_left .info_date {
	width: 85px;
	margin-bottom: 3px;
	padding-left: 15px;
	background: url(../../../imgs/contents/info_date_box.jpg) left no-repeat;
}

.info_item_left .info_cat {
	width: 80px;
	height: auto;
	text-align: center;
}
#concert_list .info_cat,
#concert_list .detail_cat {
	border: 1px solid #52C966;
}
#media_list .info_cat,
#media_list .detail_cat  {
	border: 1px solid #52A9C9;
}
#other_list .info_cat,
#other_list .detail_cat  {
	border: 1px solid #C95252;
}



/* detail page */
.detail_item {
	width: 670px !important;
	width: 660px;
	height: auto;
	margin-left: 45px;
}

.detail_item .detail_title {
	width: 655px;
	height: auto;
	margin: 10px 0 25px;
	padding-bottom: 5px;
	background: url(/imgs/common/dot_line_double.gif) left bottom no-repeat;
}
.detail_item .detail_title .detail_cat {
	width: 65px;
	height: auto;
	margin: 3px 5px 0 0;
	text-align: center;
	float: left;
}
.detail_title h3 {
	float: left;
}

.detail_item detail_text {
	width: 655px;
	margin-bottom: 40px;
}



/* back to list */
.back_to_list {
	width: 141px;
	height: 35px;
	margin-left: 560px;
	overflow: hidden;
}

a.btn_back_list {
	width: 141px;
	height: 35px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	background: url(/imgs/common/bt_back_list.jpg) 0 0 no-repeat;
}
a.btn_back_list:hover {
	height: 35px;
	background-position: 0 -35px;
}



/* archive list */
.archive_list {
	width: 141px;
	height: 35px;
	margin-left: 560px;
	overflow: hidden;
}

a.btn_concert_archive {
	width: 141px;
	height: 35px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	background: url(/imgs/common/bt_concert_archive.jpg) 0 0 no-repeat;
}
a.btn_concert_archive:hover {
	height: 35px;
	background-position: 0 -35px;
}



/* page navigation */
.page_navigation {
	background: #FFF;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .page_navigation .current {
	padding: 2px .4em;
	border: solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color: #FFF;
	background: #deada6;
}

.page_navigation .current {
	color: #FFF;
	background: #deada6;
	border-color: #deada6;
	font-weight: bold:
}

.page_navigation .next, .page_navigation .prev {
	border: 0 none;
	background: transparent;
	font-size: smaller;
}



/* calendar */
#calendar_navi ul {
	width: 655px;
	height: 31px;
	margin-left: 45px;
	margin-bottom: 25px;
}

#calendar_navi ul li.page_item {
	width: 136px;
	height: 31px;
	margin-right: 27px !important;
	margin-right: 23px;
	overflow: hidden;
	float: left;
	text-indent: -5000em;
}

#calendar_navi ul li.page_item a {
	width: 136px;
	height: 31px;
	display: block;
	overflow: hidden;
}

li.page-item-121 a {
	background: url(../../../imgs/calendar/calendar01.jpg) 0 0 no-repeat;
}
li.page-item-124 a {
	background: url(../../../imgs/calendar/calendar02.jpg) 0 0 no-repeat;
}
li.page-item-129 a {
	background: url(../../../imgs/calendar/calendar03.jpg) 0 0 no-repeat;
}
li.page-item-131 a {
	background: url(../../../imgs/calendar/calendar04.jpg) 0 0 no-repeat;
}
li.page-item-136 a {
	background: url(../../../imgs/calendar/calendar05.jpg) 0 0 no-repeat;
}
li.page-item-140 a {
	background: url(../../../imgs/calendar/calendar06.jpg) 0 0 no-repeat;
}
li.page-item-143 a {
	background: url(../../../imgs/calendar/calendar07.jpg) 0 0 no-repeat;
}
li.page-item-145 a {
	background: url(../../../imgs/calendar/calendar08.jpg) 0 0 no-repeat;
}
li.page-item-147 a {
	background: url(../../../imgs/calendar/calendar09.jpg) 0 0 no-repeat;
}
li.page-item-149 a {
	background: url(../../../imgs/calendar/calendar10.jpg) 0 0 no-repeat;
}
li.page-item-151 a {
	background: url(../../../imgs/calendar/calendar11.jpg) 0 0 no-repeat;
}
li.page-item-153 a {
	background: url(../../../imgs/calendar/calendar12.jpg) 0 0 no-repeat;
}

#calendar_navi ul li.page_item a:hover {
	height: 31px;
	background-position: 0 -31px;
}



/* =======================================================
	03 UTILITIES
======================================================= */



#concert_list p {
	margin-left: 45px;
}
#concert_list .detail_text p {
	margin-left: 0;
}



#information_menu ul:after,
.list_item:after,
.detail_title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#information_menu ul,
.list_item,
.detail_title {
	display: inline-table;
	min-height: 1px;
	}
* html #information_menu ul,
* html .list_item,
* html .detail_title {
	height: 1%;
	}
#information_menu ul,
.list_item,
.detail_title {
	display: block;
	}