@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

html,body{
	text-align: center;
	background-color: #B8B1AF;
}


/* --- Layouts --- */
#container{
	margin: 0 auto;
	padding: 0 18px;
	width: 960px;
	height: 100%;
	text-align: left;
}

#header{
	margin: 36px 0 48px;
	width: 960px;
	overflow: hidden;
}

#header .movie{
	width: 960px;
	height: 420px;
	margin-bottom: 24px;
	background-color: #FFF;
}

#header .globalNavi{
	width: 960px;
	overflow: hidden;
	font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#header .globalNavi ul{
	margin: 0;
	list-style: none;
	float: right;
}

#header .globalNavi li{
	float: left;
	margin-left: 36px;
}

#header .globalNavi li.ja_margin{
	margin-left: 20px;
}

#header .globalNavi a span,
#sidebar h1 span,
#sidebar .title span{
	display: none;
}

#header .globalNavi a.top,
#header .globalNavi a.bio,
#header .globalNavi a.disco,
#header .globalNavi a.tour,
#header .globalNavi a.blog,
#header .globalNavi a.contact,
#header .globalNavi a.en,
#header .globalNavi a.ja{
	display: block;
	height: 13px;
}

#header .globalNavi a.top{
	width: 63px;
	background: url("../images/sprite.png") no-repeat 0 0;
}#header .globalNavi a.top:hover, #header .globalNavi li.active a.top{
	background: url("../images/sprite.png") no-repeat -90px 0;
}#header .globalNavi a.top:active, #header .globalNavi li.active a.top:active{
	background: url("../images/sprite.png") no-repeat 0 0;
}

#header .globalNavi a.bio{
	width: 71px;
	background: url("../images/sprite.png") no-repeat 0 -13px;
}#header .globalNavi a.bio:hover, #header .globalNavi li.active a.bio{
	background: url("../images/sprite.png") no-repeat -90px -13px;
}#header .globalNavi a.bio:active, #header .globalNavi li.active a.bio:active{
	background: url("../images/sprite.png") no-repeat 0 -13px;
}

#header .globalNavi a.disco{
	width: 86px;
	background: url("../images/sprite.png") no-repeat 0 -28px;
}#header .globalNavi a.disco:hover, #header .globalNavi li.active a.disco{
	background: url("../images/sprite.png") no-repeat -90px -28px;
}#header .globalNavi a.disco:active, #header .globalNavi li.active a.disco:active{
	background: url("../images/sprite.png") no-repeat 0 -28px;
}

#header .globalNavi a.tour{
	width: 32px;
	background: url("../images/sprite.png") no-repeat 0 -43px;
}#header .globalNavi a.tour:hover, #header .globalNavi li.active a.tour{
	background: url("../images/sprite.png") no-repeat -90px -43px;
}#header .globalNavi a.tour:active, #header .globalNavi li.active a.tour:active{
	background: url("../images/sprite.png") no-repeat 0 -43px;
}

#header .globalNavi a.blog{
	width: 30px;
	background: url("../images/sprite.png") no-repeat 0 -56px;
}#header .globalNavi a.blog:hover, #header .globalNavi li.active a.blog{
	background: url("../images/sprite.png") no-repeat -90px -56px;
}#header .globalNavi a.blog:active, #header .globalNavi li.active a.blog:active{
	background: url("../images/sprite.png") no-repeat 0 -56px;
}

#header .globalNavi a.contact{
	width: 53px;
	background: url("../images/sprite.png") no-repeat 0 -71px;
}#header .globalNavi a.contact:hover, #header .globalNavi li.active a.contact{
	background: url("../images/sprite.png") no-repeat -90px -71px;
}#header .globalNavi a.contact:active, #header .globalNavi li.active a.contact:active{
	background: url("../images/sprite.png") no-repeat 0 -71px;
}

#header .globalNavi a.en{
	width: 50px;
	background: url("../images/sprite.png") no-repeat 0 -84px;
}#header .globalNavi a.en:hover, #header .globalNavi li.active a.en{
	background: url("../images/sprite.png") no-repeat -90px -84px;
}#header .globalNavi a.en:active, #header .globalNavi li.active a.en:active{
	background: url("../images/sprite.png") no-repeat 0 -84px;
}

#header .globalNavi a.ja{
	width: 66px;
	background: url("../images/sprite.png") no-repeat -124px -56px;
}#header .globalNavi a.ja:hover, #header .globalNavi li.active a.ja{
	background: url("../images/sprite.png") no-repeat -124px -43px;
}#header .globalNavi a.ja:active, #header .globalNavi li.active a.ja:active{
	background: url("../images/sprite.png") no-repeat -124px -56px;
}

#main{
	margin-bottom: 36px;
	width: 960px;
	overflow: hidden;
}

#sidebar{
	padding-right: 36px;
	width: 324px;
	float: left;
}

#contents{
	width: 600px;
	float: right;
}

.inner{
	width: 100%;
	clear: both;
	overflow: hidden;
}


/* Commons */
a:link { text-decoration: none; color:#EEE;}
a:visited { text-decoration: none; color:#EEE;}
a:hover { text-decoration: none; color:#000;}
a:active { text-decoration: none; color:#EEE;}
a.noborder, a img, a img:hover{ background: none; border: none; }

body{
  line-height: 1.7em;
  font-size: small;
  font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1, h2, h3, h4{
	margin:0;
	padding:0;
	font-family: Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1{font-size: 2.6em;}
h2{font-size: 1.3em;}
h3{font-size: 1em;}

h1,
.title{
	margin-bottom: 60px;
    line-height: 1.4em;
	font-weight: normal;
}

h2{
  margin-bottom: 12px;
  line-height:1.4em;
}

h3{
  margin-bottom: 12px;
    line-height: 1.4em;
}

h4{
	margin-bottom: 0;
	font-size: 1em;
}

ul, ol, p, table{
	margin: 0 0 20px;
}

ul, ol{
	margin-left: 24px;
}

ul.none{
	margin-left: 0;
	list-style: none;
}

.backIndex a .arrow,
.navigation .alignleft a .arrow,
.navigation .alignright a .arrow{
	margin-top: 5px;
	display: block;
	width: 9px;
	height: 12px;
	cursor: pointer;
}

.backIndex a .arrow,
.navigation .alignleft a .arrow{
	margin-right: 9px;
	float: left;
	background: url("../images/sprite.png") no-repeat -180px 0;
}.backIndex a:hover .arrow, .navigation .alignleft a:hover .arrow{
	background: url("../images/sprite.png") no-repeat -180px -14px;
}.backIndex a:active .arrow,
.navigation .alignleft a:active .arrow{
	background: url("../images/sprite.png") no-repeat -180px 0;
}

.navigation .alignright a .arrow{
	margin-left: 9px;
	float: right;
	background: url("../images/sprite.png") no-repeat -190px 0;
}.navigation .alignright a:hover .arrow{
	background: url("../images/sprite.png") no-repeat -190px -14px;
}.navigation .alignright a:active .arrow{
	background: url("../images/sprite.png") no-repeat -190px 0;
}

/* top */
#top{
	padding-top: 12px;
	text-align: right;
}

#top .date{
	padding-right: 24px;
}


/* Biography */
#bio #contents a:link, #blog .entry a:link { text-decoration: underline; color:#000;}
#bio #contents a:visited, #blog .entry a:visited { text-decoration: underline; color:#000;}
#bio #contents a:hover, #blog .entry a:hover { text-decoration: underline; color:#EEE;}
#bio #contents a:active, #blog .entry a:active { text-decoration: underline; color:#000;}

#bio #sidebar h1 a{
	width: 172px;
	height: 34px;
	background: url("../images/sprite.png") no-repeat 0 -99px;
	display: block;
}

#bio .profile h2{
	margin: 0 0 12px;
	font-size: 1em;
	display: block;
} 

#bio ul{
	margin: 0;
	list-style: none;
}#bio ul.profile{
	margin-bottom: 36px;
	padding-bottom: 0;
	_padding-bottom: 12px;
	border-bottom: solid 1px #000;
}

*:first-child+html #bio ul.profile{
	padding-bottom: 12px;
}

#bio li{
	margin-bottom: 24px;
	width: 600px;
	overflow: hidden;
}#bio li.last{
	margin-bottom: 0;
}

#bio li .left{
	width: 120px;
	float: left;
	display: block;
	font-weight: bold;
}

#bio li .right{
	float: left;
	width: 480px;
	display: block;
}


/* Discography */
#disco #sidebar ul#category li.active a, #tour #sidebar ul#category li.active a { text-decoration: none; color:#000;}

#disco #sidebar h1 a,
#disco #sidebar .title a{
	width: 209px;
	height: 34px;
	background: url("../images/sprite.png") no-repeat 0 -135px;
	display: block;
}

#disco ul#category,
#tour ul#category{
	list-style: none;
	margin: 0;
}

#disco #category li{
	margin-bottom: 3px;
}

#disco .discoTop #contents{
	margin-top: -30px;
	margin-left: -40px;
	width: 640px;
	overflow: hidden;
}

#disco .discoTop #contents .item{
	margin-top: 30px;
	padding-left: 40px;
	float: left;
	width: 120px;
}

#disco .discoTop #contents .item .thumbnail,
#disco .discoTop #contents .item .thumbnail img{
	height: 96px;
}

#disco .discoTop #contents .item .thumbnail{
	margin-left: -1px;
	margin-bottom: 8px;
}

#disco .discoTop #contents .item .thumbnail a img{border: solid 1px #B8B1AF;}
#disco .discoTop #contents .item .thumbnail a:hover img{border: solid 1px #000;}

#disco #contents .item p{
	line-height: 1.4em;
	margin-bottom: 3px;
	font-size: .9em;
}

#disco #contents .item p.date{
	display: none;
}

#disco #contents .detail{
	width: 600px;
	overflow: hidden;
	margin-bottom: 48px;
}

#disco #contents .detail .left{
	padding-right: 36px;
	width: 264px;
	float: left;
}

#disco #contents .detail .left h1{
	font-size: 1em;
	margin: 0;
	line-height: 1.8em;
	font-weight: bold;
}

#disco #contents .detail .left p{
	margin: 0;
}

#disco #contents .detail .left img.jacket{
	margin-bottom: 6px;
}

#disco #contents .detail .right{
	float: right;
	width: 300px;
}

#disco #contents .detail .right p.artist{
	list-style: none;
	margin: 0;
	padding-top: 24px;
	border-top: solid 1px #000;
}

#disco .starred_as {
    display: none;
}


/* Tour */
#tour #sidebar h1 a,
#tour #sidebar .title a{
	width: 76px;
	height: 27px;
	background: url("../images/sprite.png") no-repeat 0 -171px;
	display: block;
}

#tour #contents table{
	margin: 0;
	width: 600px;
}

#tour #contents td{
	vertical-align: top;
}

#tour #contents td.date{
	width: 120px;
}

#tour .detail h1{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 3px;
}

#tour .detail  #contents h2{
	margin-bottom: 24px;
	font-size: 1em;
	font-weight: normal;
}

#tour .detail h3,
#tour .detail .entry,
#blog #contents .post,
#blog #contents .entry{
	margin-bottom: 36px;
}


/* Blog */
#blog #sidebar h1 a,
#blog #sidebar .title a{
	width: 72px;
	height: 34px;
	background: url("../images/sprite.png") no-repeat 0 -200px;
	display: block;
}

#blog #sidebar ul{
	list-style: none;
	margin: 0;
	width: 48px;
}

#blog #sidebar .month2020,
#blog #sidebar .month2019,
#blog #sidebar .month2018,
#blog #sidebar .month2017,
#blog #sidebar .month2016,
#blog #sidebar .month2015,
#blog #sidebar .month2014,
#blog #sidebar .month2013,
#blog #sidebar .month2012,
#blog #sidebar .month2011,
#blog #sidebar .month2010,
#blog #sidebar .month2009,
#blog #sidebar .month2008,
#blog #sidebar .month2007,
#blog #sidebar .month2006,
#blog #sidebar .month2005,
#blog #sidebar .month2004{
	padding-left: 12px;
	display: none;
	width: 36px;
}

#blog #contents h2{
	margin-bottom: 3px;
}

#blog #contents h2 a{
	margin-top: -3px;
	padding-top: 3px;
}

#blog #contents h2 a:link, #blog #contents .commentCount a:link{color: #000;}
#blog #contents h2 a:visited, #blog #contents .commentCount a:visited{ text-decoration: none; color:#000;}
#blog #contents h2 a:hover, #blog #contents .commentCount a:hover{ text-decoration: none; color:#EEE;}
#blog #contents h2 a:active, #blog #contents .commentCount a:active{ text-decoration: none; color:#000;}

#blog #contents h3{
	margin-bottom: 24px;
	font-weight: normal;
}

#blog .archives .post{
}

#blog .archives .commentCount{
	margin-bottom: 12px;
}

#blog p.postmetadata,
#blog #respond{display: none;}

#blog #contents .post{
	border-bottom: solid 1px #000;
}

#blog #contents .entry img{
	margin-bottom: 24px;
}

#blog .navigation{
	margin: 0;
	width: 600px;
	overflow: hidden;
}

#blog .navigation .alignleft,
#blog .navigation .alignright{
	width: 282px;
}

#blog .navigation .alignleft{
	float: left;
}

#blog .navigation .alignright{
	float: right;
	text-align: right;
}

#blog .detail #contents h1{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 3px;
}

#blog .detail  #contents h2{
	margin-bottom: 24px;
	font-size: 1em;
	font-weight: normal;
}

#blog #comments {
    margin-top: 36px;
}

#blog h3#comments{
	font-weight: bold;
	margin-bottom: 18px;
}

#blog ol.commentlist{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#blog ol.commentlist li img.avatar{
	display: none;
}

#blog ol.commentlist li cite{
	font-style: normal;
	font-weight: bold;
}

#blog ol.commentlist li .says{
	display: none;
}

#blog ol.commentlist li .comment-body p{
	margin-bottom: 0px;
}

#blog ol.commentlist li .comment-body .commentmetadata{
	margin: 0 0 24px;
}


/* Contact */
#contact #sidebar h1 a{
	width: 128px;
	height: 27px;
	background: url("../images/sprite.png") no-repeat 0 -236px;
	display: block;
}

#contact #contents table{
	margin: 0;
	width: 600px;
}

#contact #contents td{
	padding-bottom: 36px;
	vertical-align: top;
}#contact #contents td.last{
	padding-bottom: 0;
}

#contact #contents td.text div{
	position: relative;
}

#contact #contents td.label{
	width: 120px;
}

#contact #contents td.text input,
#contact #contents td textarea{
	padding: 4px 0 0 6px;
	width: 474px;
	background-color: #FFF;
	border: none;
}

#contact #contents td.text input{
	height: 20px;
}

#contact #contents td textarea{
	height: 240px;
}

#contact #contents td.submit input{
	margin: 0;
	padding: 0;
	width: 132px;
	height: 24px;
	background: url("../images/sprite.png") no-repeat -77px -200px;
	border: none;
	cursor: pointer;
}

#contact .wpcf7-validation-errors,
#contact .wpcf7-not-valid-tip-no-ajax{
	color: red;
}

#contact .wpcf7-mail-sent-ok,
#contact .wpcf7-validation-errors{
	font-weight: bold;
}

#contact .wpcf7-not-valid-tip-no-ajax{
	margin-top: 6px;
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
}