@charset "UTF-8";

/* basic setting  */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/scripts/boxsizing.htc); 
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #727171;
	}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #b5b5b5;
	}

a {
	text-decoration: none;
	color: #0e9abc;
	}

a img {
	border: none;
	vertical-align: top;
	}

h2 {
	margin:0 0 40px;
	}
	
h3 {
	margin: 0;
	}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em;
	}

h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 1em;
	}

p {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 1em;
	}

ul {
	list-style-type: none;
	padding: 0;
	}

li {
	font-size: 12px;
	line-height: 1.6;
	}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	border: 0 none;
	}

input[type="text"],
input[type="email"],
input[type="password"] {
	border: 1px solid #3bc6db;
	font-size: 12px;
	line-height: 1.6;
	height: 30px;
	margin: 0.5em;
	}

input[type="submit"] {
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	width: 120px;
	background: #0e9abc;
	color: #fff;
	margin: 20px 0;
	}

input[type="submit"]:hover {
	background: #02afdc;
	} 

	
/* classes */
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

.row { 
padding-bottom: 0em;
}

/* IE7向け */
*:first-child+html .row:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
*:first-child+html .row {display: inline-block;} 
/*  */

.col { 
	display: block;
	float: left;
	width: 100%;
}

.main {
	width: 630px;
	}

.aside  {
	width: 300px;
	margin-left: 10px;
	}

ul.nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

ul.nav li {
	padding: 0;
	margin: 0;
	}

ul.nav li a {
	display: block;
	}

.aside ul.nav {
	border-top: 6px solid #e0e0e0;
	border-bottom: 6px solid #e0e0e0;
	}

.section {
	margin-bottom: 30px;
	}

.info_block {
	background: #efefef;
	}

.section_inner {
	padding: 20px 20px;
	}

.section h4 {
	color: #0e9abc;
	font-size: 14px;
	line-height: 1.6;
	margin:0 0 1em;
	}

p.attention,
ul.attention li {
	padding-left: 1em;
	text-indent: -1em;
	}

/* unique item */
#wrapper {
	background-image: url(../images/common_bg.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	}

#header {
	width: 100%;
	height: 60px;
	background: #0e9abc;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 1px #666;
	-o-box-shadow: 0 1px 1px #555;
	-ms-box-shadow: 0 1px 1px #555;
	}	

/* navigation */
#global_nav  {
	}

#global_nav ul {
	width: 960px;
	margin: 0 auto 40px;
	overflow: hidden;
}

#global_nav ul li {
	height: 60px;
	float: left;
	}

#global_nav ul li a {
	display: block;
	}

#global_nav span {
	display: block;
	}

#global_nav span.comingsoon img {
	opacity: 0.5;
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .5; /* Safari 1.x */
	}

#footer {
	position: relative;
	width: 100%;
	padding-top: 10px;
	text-align: center;
	}

#footer .credit {
	font-size: 12px;
	padding: 1em 0 0;
	}

#link_home {
	position: absolute;
	top: 10px;
	left: 0;
	width: 60px;
	}
	
#link_radiko {
	position: absolute;
	top: 10px;
	right: 0;
	width: 121px;
	}

#scroll_nav {
	position: fixed;
	bottom: 140px;
	right: 0;
	
	width: 70px;
	height: 210px;
	}

#container {
	width: 960px;
	margin: 40px auto 40px;
	}

#contents {
	padding: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0px 3px #666;
	-o-box-shadow: 0 0px 3px #666;
	-ms-box-shadow: 0 0px 3px #666;
	}

#primary {
	position: relative;
	margin: 0 0 20px;
	padding-top: 40px;
	background: url(../images/primary_bg.png) repeat-x top;
	}

#gigyaShare {
	position: relative;
	top: 20px;
	/*top: 55px;*/
	left: 0;
	}

#sponsor {
	position: absolute;
	bottom: 0;
	right: 0;
	}

/* top */
#top #wrapper {
	background-image: url(../images/top_bg.jpg);
	}
	
#top #primary {
	margin: 20px 0;
	padding: 0;
	background: none;
	}

#top #top_banner2 {
	margin-bottom: 20px;
	}	

#top #news {
	height: 730px;
	overflow: scroll;
	overflow-x: none;
	}

#twitter_timeline {
	background: #efefef;
	padding: 8px;
	height: 6	0px;
	}

.archive-bnr {
	margin-bottom: 10px;
}

/* topics */
.topics_item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	/*background: url(../images/border_dot_bg.png) repeat-x bottom;*/
	border-bottom:4px dotted #727171;
	}

.topics_item.last {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0 none;
	}

.topics_item .topics_title {
	padding-left: 100px;
	min-height: 80px;
	margin: 0 0 20px;
	}

.topics_item .topics_title.live_info {
	background:url(../images/icn_logo.png) no-repeat 0 0;
	}

.topics_item .topics_title.radio_info {
	background:url(../images/icn_radio.png) no-repeat 0 0;
	}

.topics_item .topics_title.ticket_info {
	background:url(../images/icn_ticket.png) no-repeat 0 0;
	}

.topics_item .topics_title.act0529_info {
	background:url(../images/icn_0529.png) no-repeat 0 0;
	}

.topics_item .topics_title.act0610_info {
	background:url(../images/icn_0610.png) no-repeat 0 0;
	}

.topics_item .topics_title.act0623_info {
	background:url(../images/icn_0623.png) no-repeat 0 0;
	}
.topics_item .topics_title.act0630_info {
	background:url(../images/icn_0630.png) no-repeat 0 0;
	}

.topics_item .topics_title dt,
.topics_item .topics_title dd {
	color: #0e9abc;
	font-weight: bold;
	}

.topics_item .topics_title dt {
	font-size: 12px;
	line-height: 1.6;
	padding: 0;
	margin: 0;
	}

.topics_item .topics_title dd {
	font-size: 14px;
	line-height: 1.6;
	padding: 0;
	margin: 0;
	}

.aside .latest_entries ul {
	list-style-type: none;
	background: #fff;
	margin: 0;
	padding:  0 20px;
	border: 8px solid #efefef;
	}

.aside .latest_entries li {
	padding: 20px 0;
	background: url(../images/border_dot_bg.png) repeat-x bottom;
	}

.aside .latest_entries li.last {
	background: none !important;
	}

.aside .latest_entries li a {
	font-size: 14px;
	line-height: 1.6;
	display: block;
	padding-left: 20px;
	background: url(../images/icn_topics_list.png) no-repeat 0 0;
	}

.aside .latest_entries li a span.date {
	font-size: 12px;
	}

/* line up */
#date1,
#date2 {
	margin-bottom: 60px;
	padding-left: 220px;
	position: relative;
	}

#date1 h3.lineup_date,
#date2 h3.lineup_date {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 220px;
	}

.and_more {
	position: absolute;
	right: 0;
	bottom: 0;
	
	width: 220px;
	height: 60px;
	}

.artist_wrap {
	}

.artist_thumb {
	width: 220px;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* guideline & map */
#guideline .section dl {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

#guideline .section dl dt {
	width: 12em;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	}

#guideline .section dl dd {
	margin-left: 13em;
	margin-bottom: 1em;
	font-size: 12px;
	line-height: 1.6;
	}

#googlemap {
	width: 100%;
	height: 360px;
	}

/* ticket */
#login_form {
	text-align: center;
	}

#ticket4 {
	padding-top: 100px;
	background: url(../images/img_arrow_bottom.png) no-repeat top center;
	}

#account_menu a.col {
	display: block;
	width: 200px;
	margin-right: 15px;
	}

#account_menu a.col.last {
	margin-right: 0 !important;
	}

#account_menu2 {
	margin-top: 20px;
	text-align: right;
	}

.attention span {
	color: #ff0000;
}

.attention li {
	margin: 14px 0;
}

/* set list */
.set_list {
	width: 48%;
	float: left;
	}

.set_list ol {
	list-style-type: none;
	list-style-position: outside;
	padding: 0.5em 0 0.5em 1.5em;
	margin: 0;
	}

.set_list ol li {
	border-bottom: 1px dotted #727171;
	font-size: 12px;
	}

.photo_report {
	width: 48%;
	float: right;
	}

.photo_report ul  {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	}

.photo_report ul li {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	}

.photo_report ul li img {
	width: 100%;
	}

.artistlist {
	width: 100%;
	padding: 0 20px;
	border: 1px dotted #727171;
}