@charset "UTF-8";
@import 'reset.css';

/* base */

html, body{
	background: url(../img/common/bg.gif);
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrapper{
	width: 100%;
	border-top: solid 10px #000;
	font-size: 12px;
	background: url(../img/common/light.png) repeat-y center;
}

#container{
	width: 964px;
	margin: 0 auto;
	background: url(../img/common/shadow.png) repeat-y 0 0;
	padding-left: 2px;
}

#contents{
	width: 960px;
	background: #fff;
}

.josefin-b{
	font-weight: 700;
}

.sns-button{
	float: left;
}

.twitter{
	margin-right: 30px;
}

	.twitter .twitter-button{
		width: 70px;
		height: 20px;
		float: left;
		display: block;
		overflow: hidden;
		position: relative;
	}
	
		.twitter .twitter-button img{
			position: absolute;
			left: 0;
			top: 0;
		}
	
	.twitter .twitter-count{
		float: left;
		margin-left: 2px;
		background: url(../img/news/tweet-count-left.gif) no-repeat 0 0;
		padding-left: 8px;
		height: 20px;
		line-height: 22px;
		font-weight: bold;
		font-size: 13px;
	}
	
		.twitter .twitter-count div{
			background: url(../img/news/tweet-count-right.gif) no-repeat right 0;
			padding-right: 3px;
		}
		
		.twitter .twitter-count a{
			color: #ea5e00;
		}

.pagination{
	text-align: center;
	padding: 20px 0 10px;
	font-weight: bold;
	color: #eb5e02;
	border-top: solid 1px #f7b330;
}

	.pagination .josefin-b{
		font-size: 17px;
		font-weight: 700;
	}

.pgs{
	margin-top: 10px;
}

	.pgs a,
	.pgs span{
		padding: 0 3px 0 4px;
		background: #eb5e02;
		color: #fff;
		margin: 0 5px;
	}
	
	.pgs a:hover{
		background: #f7b650;
	}
	
	.pgs span{
		background: #ddd;
	}
	
.orange{
	color: #EA5E00;
}


/* header */

#header{
	position: relative;
	height: 280px;
	overflow: hidden;
	width: 100%;
	background: #EB5E00;
}


#global-menu-wrap{
	height: 50px;
	width: 980px;
	margin-left: -10px;
	position: relative;
	z-index: 1;
	background: url(../img/header/obi-bg.png) no-repeat center bottom;
}

#global-menu{
	height: 40px;
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(../img/header/menu-bg.png) repeat-x;
	float: left;
	font-size: 15px;
}

	#global-menu li{
		float: left;
		width: 192px;
		text-align: center;
		height: 33px;
		padding: 4px 0 3px;
		text-shadow: 0 -1px 1px #ccc;
	}
	
	#global-menu a,
	#global-menu span{
		font-weight: bold;
		color: #fff;
		border-right: solid 2px #E97D35;
		border-left: solid 1px #fbd387;
		display: block;
		height: 100%;
		line-height: 34px;
	}
	
	#global-menu #top-link a{
		border-left: none;
	}
	
	#global-menu a:hover{
		color: #eb5e01;
	}
	
	#global-menu span{
		color: #999;
	}
	
#searchform{
	float: left;
	padding-left: 10px;
	border-left: solid 1px #fbd387;
	margin-top: 4px;
	height: 33px;
}

	#searchform label,
	#searchsubmit{
		display: none;
	}
	
#s{
	border: none;
	padding: 0 10px;
	background: url(../img/header/search.png) no-repeat 0 0;
	width: 146px;
	height: 23px;
	margin-top: 6px;
}

#sns-buttons{
	float: left;
	margin: 5px 0 0 10px;
}

	#sns-buttons a{
		float: left;
		display: block;
		border: none;
		margin-right: 10px;
	}
	
#feed-link{
	margin-right: 0;
}


/* sidebar */

#sidebar{
	width: 300px;
	float: right;
	padding-right: 10px;
}

	#sidebar .wdgt{
		margin-bottom: 5px;
	}


/* main contents */

#main{
	width: 940px;
	padding: 0 10px 60px 10px;
}



/* footer */

#footer{
	padding: 0 10px;
}

#m-on{
	font-weight: bold;
	font-size: 1.2em;
}

#footer-contents{
	padding: 20px 0;
	border-top: solid 1px #ccc;
}

	#footer-contents ul{
		padding-top: 20px;
		width: 450px;
		float: left;
		margin-left: -5px;
	}

	#footer-contents li{
		float: left;
		margin-left: 5px;
		color: #EB5E02;
		font-weight: bold;
		height: 15px;
		line-height: 15px;
	}
	
	#footer-contents a,
	#m-on a{
		color: #EB5E02;
		padding-right: 5px;
	}
	
	#footer-contents a:hover,
	#m-on a:hover{
		color: #EC9E6A;
	}
	
#footer-text{
	float: left;
	width: 490px;
	font-size: 11px;
	line-height: 1.4em;
	margin-top: -16px;
}

	#footer-text a{
		color: #eb5e02;
	}
	
	#footer-text a:hover{
		color: #f7b330;
	}



#main h2	{
	width: 430px;
	height: 50px;
	margin-left: -20px;
	background: url(../img/common/obi-bg.png) no-repeat 0 bottom;
}

#main h2 .obi	{
	background: url(../img/common/obi.png) no-repeat right bottom;
	display: block;
	height: 43px;
	padding-left: 20px;
}

#main h2 .ex	{
	height: 33px;
	line-height: 33px;
	margin-top: 5px;
	background: url(../img/common/ex.png) no-repeat right 0;
	padding-right: 25px;
	color: #fff;
	font-size: 18px;
	float: left;
	text-shadow: 0 -1px 1px #ccc;
}

#gmap	{
	width:940px;
	height:640px;
	margin:0 0 20px 0;
	}

#header h1	{
	width:960px;
	height:280px;
	background: url(../img/title.png) no-repeat 0 0;
	}
#header h1 span	{
	display:none;
	}

#banner	{
	width:960px;
	height:140px;
	margin:-8px 0 0 0;
	}
#banner img	{
	width:960px;
	height:140px;
	}
#group	{
	width:960px;
	height:275px;
	margin:0 0 10px 0;
	}
#group img	{
	width:960px;
	height:275px;
	}
#goods #group	{
	height:342px;
	margin:0 0 20px 0;
	}
#goods #group img	{
	width:auto;
	height:171px;
	}

#geki	{
	width:880px;
	height:510px;
	margin:0 -10px 20px -10px;
	padding:40px;
	color: #FFFFFF;
	background: url(../img/geki.jpg) no-repeat 0 -50px;
	line-height:24px;
	font-family:'FranklinGothicMedium','Helvetica','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	text-align:left;
	word-wrap:break-word;
	letter-spacing:1px;
	}

#geki h3	{
	line-height:16px;
	font-size:16px;
	font-weight:bold;
	margin:0 0 20px 0;
	}
#geki p	{
	margin:0 0 20px 0;
	text-shadow: 1px 1px 3px #000;
	}

#main .center	{
	margin:0 10px 0 0;
	text-align:center;
	}
#main .right	{
	margin:0 10px 0 0;
	text-align:right;
	}

#artists div.list	{
	margin:0 -10px 0 10px;
	padding:10px 0 0 0;
	}
#artists div.list p	{
	float:left;
	width:215px;
	height:245px;
	background-color:#F08640;
	text-align:center;
	margin:0 20px 20px 0;
	}
#artists div.list p span	{
	display:block;
	color:#FFFFFF;
	line-height:30px;
	border:1px solid #EEEEEE;
	}
#artists div.list p img	{
	width:213px;
	height:213px;
	border-top:1px solid #EEEEEE;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	}
#artists p.right	{
	color:#EB5E00;
	}

br.clear	{
	clear:both;
	visibility:hidden;
	height:0;
	}

#main div.entry	{
	line-height:24px;
	font-family:'FranklinGothicMedium','Helvetica','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	text-align:left;
	word-wrap:break-word;
	letter-spacing:1px;
	}
#ticket #main div.entry	{
	padding:0 20px 0 20px;
	}
#home #main div.entry	{
	padding:0 20px 0 20px;
	}
dt	{
	font-weight:bold;
	}

dd	{
	margin:0 0 10px 60px;
	}

#access #main ul	{
	padding:20px 0 0 0;
	}

body#artist	{
	padding:20px;
	}

#artist div#main	{
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	padding: 10px 10px 10px 10px;
	width:500px;
	}
#artist div#main img	{
	display:block;
	width:480px;
	margin:0 10px 10px 10px;
	}
#artist div#main img.vertical	{
	width:auto;
	height:480px;
	}
#artist div#main p	{
	line-height:22px;
	font-size:12px;
	letter-spacing:1px;
	width:480px;
	margin:0 10px 10px 10px;
	}

#main a	{
	color:#EB5E00;
	}
#main a:hover	{
	color: #f7b330;
	}

#ticket #main	{
	/*padding:0 10px 240px 10px;*/
}
#ticket #main div.entry .narrow	{
	border:1px solid #D5D5D5;
	padding:40px;
	}
#ticket #main .entry .entry-contents	{
	padding:20px 0 20px 0;
}
#ticket #main .entry dl	{
	margin:0 0 20px 0;
	padding:0;
}
#ticket #main .entry h3	{
	line-height:26px;
	font-size:16px;
	padding:20px 0 20px 0;
}
#ticket #main .entry h4	{
	margin:0 0 5px 0;
}
#ticket #main .entry h5	{
	margin:0 0 0 0;
}
#ticket #main .entry ul	{
	list-style-type:disc;
	margin:0 0 20px 16px;
}
#ticket #main .entry p	{
	margin:0 0 20px 0;
}

#ticket #main h2	{
	padding:60px 0 20px 0;
}
#ticket #main h2:first-child	{
	padding:0;
}

#goods #main h2	{
	clear:both;
	}
#goods #main #info-top	{
	line-height:12px;
	font-size:12px;
	text-align:left;
	margin:0 20px 20px 20px;
	padding:20px;
	border:double 3px #D5D5D5;
	}
#goods #main .entry	{
	padding:0 20px 0 20px;
	}
#goods #main #info-top .entry	{
	padding:0;
	}
#goods #main #info-top .entry p	{
	line-height:12px;
	font-size:12px;
	}
#goods #main #info-top .entry p:first-child	{
	line-height:14px;
	font-size:14px;
	margin:0 0 10px 0;
	}
#goods #main #info-bottom .entry p	{
	clear:both;
	color:#EB5E00;
	line-height:12px;
	font-size:12px;
	text-align:left;
	margin:0;
	padding:20px;
	border:solid 1px #EB5E00;
	}
#goods #main .entry table	{
	float:left;
	line-height:14px;
	font-size:14px;
	text-align:left;
	width:770px;
	margin:0 0 30px 0;
	border-bottom:solid 1px #D5D5D5;
	}
#goods #main .entry table th	{
	text-align:left;
	padding:10px 0 10px 0;
	border-top:solid 1px #D5D5D5;
	}
#goods #main .entry table td	{
	font-size:12px;
	text-align:right;
	white-space:nowrap;
	padding:10px 0 10px 10px;
	border-top:solid 1px #D5D5D5;
	}
#goods #main .entry table td.price	{
	font-size:14px;
	white-space:nowrap;
	width:60px;
	padding:0 0 0 10px;
	}

#goods #main .entry a	{
	display:block;
	float:right;
	background-color:#F08640;
	width:90px;
	margin:0 0 30px 0;
	padding:5px;
	}
#goods #main .entry a img	{
	width:90px;
	}