/* @override http://www.joehisaishi.com/test/style.css */

/* @override http://localhost:8888/style.css */

/* @group general */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, a, blockquote, fieldset, input, img, tr, td, table {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
	list-style: none;
}

img {
	vertical-align: top;
	border: 0;
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 150%;
}

#wrapper {
	width: 900px;
	/*border: 1px solid #fcfcfc;*/
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

#warp_footer {
	background: url(../img/footer_bg.png) repeat-x;
	height: 118px;
	clear: left;
}

h3 {
	margin: 0px 0 10px;
	width: 100%;
	font-size: 13px;
}

h2 {
	color: #640a0a;
	margin-bottom: 12px;
	font: 4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h4 {
	clear: both;
	margin: 0 0 10px 5px;
	font-size: 11px;
}

p {
	line-height: 150%;
}

span.red {
	color: red;
}

#main p {
	margin: 0 10px 15px;
	line-height: 150%;
}

p.alignCenter {
	text-align: center;
}

p.alignRight {
	text-align: right;
}

#main div.alignCenter {
	margin: 0 auto;
	width: 45%;
	overflow: hidden;
}

p.bold {
	font-weight: bold;
}

input,textarea {
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin: 2px;
}

fieldset {
	border: none;
	margin: 0 auto 20px;
	padding: 5px;
}

a:link {
	color: #969696;
}

a:visited {
	color: #969696;
}

a:hover {
	color: #282828;
}

a.active {
	color: #282828;
}

#mainImg {
	margin: 25px 0 215px 0px;
	width: 330px;
}

#mainImg.sub {
	margin: 25px 0 50px 765px;
	width: 135px;
	float: right;
}

	

#rightBlock {
	width: 330px;
	float: right;
}

#subImg {
	margin: 0 0 25px 20px;
}

ul#globalNav {
	width: 260px;
	float: left;
}

table {
	width: 540px;
}

table,th,td {
	border-collapse: collapse;
	vertical-align: top;
}

tr:hover {
	background: none;
}

td {
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

tbody td,tbody th {
	padding: 10px;
}

#contents {
	margin: 0 0 60px;
	overflow: hidden;
	width: 638px;
	float: left;
}

.button {
	margin: 15px 10px 10px 0;
}



/* @end */

/* @group index */

#informationBlock #title {
	background: url(./img/titlebar_information_03.png) repeat-x;
width: 75%;
	margin: 0 0 8px;
}

#informationBlock ul.rss {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

#informationBlock {
	overflow: auto;
	font-size: 10px;
	margin: 0 0 12px;
}
#informationBlock ul.banner {
	width: 230px;
	overflow: auto;
}
#informationBlock ul.banner li {
	float: left;
	margin: 0 5px 5px 0;
}



/* @end */

/* @group contents */

/* @group link */

#contents.link ul {
	margin: 45px 0 250px 10px;
}

#contents.link ul li {
	margin: 0 0 20px;
}

/* @end */

/* @group concert */

#contents.concert div.description {
	overflow: auto;
	margin: 0 0 30px;
}

#contents.concert div.description p {
	margin: 10px;
}

#contents.concert div.description div.image {
	float: left;
	margin: 0 20px 0 0;
}

#contents.concert div.description div.data {
	float: left;
	width: 70%;
}

#contents.concert div.description h3 {
	border-top: 1px dotted #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
	padding: 10px 10px 10px 5px;
	margin: 0 0 10px;
}

#contents div.description div.songs {
	float: left;
}

#contents.concert .accordion_headings {
	background-color: silver;
	border: 1px solid #e6e6e6;
	margin: 5px;
	padding: 5px;
}

#contents.concert div.post {
	margin: 0 0 20px;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 20px;
	width: 530px;
}

#contents.concert div.photo {
	width: 500px;
	border: 1px solid #e6e6e6;
	margin: 0 auto 8px;
	padding: 5px;
}

#contents.concert ul#localMenu {
	font-size: 15px;
	overflow: hidden;
	margin: 0 0 35px;
	width: 100%;
}

#contents.concert ul#localMenu li {
	float: left;
	margin: 0 35px 0 0;
}

#contents.concert tr {
	vertical-align: top;
}

/* @end */

/* @group discography */

#contents.discography tr {
	border-style: none;
}

#contents.discography td {
	padding: 6px 10px;
}

#contents.discography div.description {
	overflow: hidden;
	margin: 0 0 30px;
	width: 540px;
}

#contents.discography div.description p {
	margin: 10px;
}

#contents.discography div.description div.image {
	float: left;
	margin: 0 20px 0 0;
}

#contents.discography div.description div.data {
	float: left;
	width: 300px;
}

#contents.discography div.description h3 {
	border-top: 1px dotted #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
	padding: 10px;
	margin: 0 0 10px;
}

#contents.discography .coverImg {
	float: left;
	padding: 4px;
}

#contents.discography .coverImg:hover {
	background: url(./img/imgbg.png) no-repeat;
}

#contents.discography ul#localMenu {
	overflow: hidden;
	margin: 0 0 15px;
}

#contents.discography ul#localMenu li {
	float: left;
	margin: 0 35px 0 0;
}

#contents.discography form {
	margin: 0 0 15px;
	clear: both;
}

/* @end */

/* @group biography */

#contents.biography #profile_link {
	float: left;
	margin: 25px 0 0 25px;
}

#contents.biography .biotxt{
	clear:both;
	overflow:hidden;
}

#contents.biography h2 {
	float: left;
}




#contents.biography h3{
	font-size: 18px;
	clear: both;
}

#contents.biography p{
	margin: 0 0 20px;
}

#contents.biography .left {
	width: 48%;
	float: left;
	clear: left;
}
#contents.biography .right {
	width: 48%;
	float: right;
}

#contents.biography #localMenu {
	width: 100%;
	overflow: hidden;
	margin: 0px 0 20px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
}

#contents.biography #localMenu li {
	float: left;
	margin: 0 15px 0 0;
}

#contents.biography table {
	float: left;
}
#contents.biography table.withImg {
	width: 70%;
	float: left;
}

#contents.biography div.photo {
	float: left;
	margin: 0 0 0 20px;
}

/* @end */

/* @group works */

#contents.works table {
	clear: both;
}

#contents.works td.titele {
	width: 130px;
}


#contents.works div.button_soundtrack {
	margin-top: 6px;
}

#contents.works ul#localMenu {
	overflow: hidden;
	margin: 0 0 35px;
	width: 100%;
}

#contents.works ul#localMenu li {
	float: left;
	margin: 0 35px 0 0;
}

#contents.works ul#subMenu {
	overflow: hidden;
	margin: 0 0 5px;
	color:#282828;
}

#contents.works ul#subMenu li {
	float: left;
	margin: 0 20px 0 0;
}

/* @end */

#contents.information ul li {
	border-bottom: 1px solid #969696;
	width: 570px;
	overflow: auto;
	margin: 0 0 20px;
	padding: 0 0 20px;
}

#contents.information ul li.first-child {
	border-top: 1px solid #969696;
	padding-top: 20px;
}

#contents.information {
	float: left;
}

div#contents.information ul li div.postDate {
	float: left;
	width: 70px;
}

div#contents.information ul li div.postMain {
	float: left;
	width: 360px;
	margin: 0 20px 0 0;
}

div#contents.information ul li div.postImg {
	float: left;
}

/* @group onlineshop */

#contents div.message {
	margin: 45px 0 250px 10px;
}



/* @end */

/* @end */

/* @group footer */

#footer {
	clear: both;
	overflow: hidden;
	margin: 0 0 0 260px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer ul li {
	float: left;
	margin: 0 20px 0 0;
}

#footer ul li.copyright {
	float: right;
	font-size: 9px;
	margin-right: 60px;
}

#indexFooter{
	font: 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#page{
    width:570px;
    text-align:center;
    font-size:12px;
    padding:10px;
}

/* @end */