/* CSS Document */
/*----------共通設定----------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: 0.1em;
}


a {color: #990000;}
a:hover {color: #DD0000;}


#container {margin: 0px auto; width: 680px;}

ul li {list-style-type: none;}

.clear {clear: both;}

.asterisk {color: #FF0000; font-size: 0.8em; font-weight: bold;}

#explain {
	border: 1px solid #CCCCCC;
	background-color: #EBEBEB;
	margin-bottom: 20px;
}
#explain p{
	margin: 0px;
	padding: 10px;
}
.hidden_attr {
	border-style: none;
	display: none;
}


/*----------ヘッダー----------*/
#header {
	width: 680px;
	height: 180px;
	background-image: url(../images/common/header_guitar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

h1, h1 a {
	width: 350px;
	height: 58px;
	background-image: url(../images/common/header_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	cursor: hand;
	display: block;
	/*MacIEには適用しない\*/
	overflow: hidden;
	/**/
}

#header ul {
	width: 680px;
	height: 15px;
	position: relative;
	background-image: url(../images/common/gn.gif);
	background-repeat: no-repeat;
}

#header li {position: absolute;}

#gn_news { top: 0px; left: 0px; width: 50px; height: 15px;}
#gn_profile { top: 0px; left: 50px; width: 65px; height: 15px;}
#gn_schedule { top: 0px; left: 115px; width: 80px; height: 15px;}
#gn_discography { top: 0px; left: 195px; width: 110px; height: 15px;}
#gn_media { top: 0px; left: 305px; width: 57px; height: 15px;}
#gn_diary { top: 0px; left: 362px; width: 53px; height: 15px;}
#gn_bbs { top: 0px; left: 415px; width: 38px; height: 15px;}
#gn_feedback { top: 0px; left: 453px; width: 85px; height: 15px;}

#gn_mail { background: url(../images/common/gn_mail.gif) 0px 0px no-repeat;
		   top: -50px; left: 600px; width: 31px; height: 23px;
}
#gn_mobile { background: url(../images/common/gn_mobile.gif) 0px 0px no-repeat; 
			 top: -50px; left: 640px; width: 21px; height: 34px;
 }

#header li a {
	display: block;
	text-indent: -999em;
	width: 100%;
	height: 100%;
	/*MacIEには適用しない\*/
	overflow: hidden;
	/**/
	}
	
#gn_news a:hover { background: url(../images/common/gn.gif) 0px -15px no-repeat;}
#gn_profile a:hover { background: url(../images/common/gn.gif) -50px -15px no-repeat;}
#gn_schedule a:hover { background: url(../images/common/gn.gif) -115px -15px no-repeat;}
#gn_discography a:hover { background: url(../images/common/gn.gif) -195px -15px no-repeat;}
#gn_media a:hover { background: url(../images/common/gn.gif) -305px -15px no-repeat;}
#gn_diary a:hover { background: url(../images/common/gn.gif) -362px -15px no-repeat;}
#gn_bbs a:hover { background: url(../images/common/gn.gif) -415px -15px no-repeat;}
#gn_feedback a:hover { background: url(../images/common/gn.gif) -453px -15px no-repeat;}

#gn_mail a:hover { background: url(../images/common/gn_mail.gif) 0px -23px no-repeat;}
#gn_mobile a:hover { background: url(../images/common/gn_mobile.gif) 0px -34px no-repeat;}


/*----------メインコンテンツ----------*/
#content {margin: 30px 0px 50px;}

#main{margin: 0px 10px;}

#left {float: left; width: 310px;}

#right {float: right; width: 310px;}

/*--index以外のページコンテンツ下線部分--*/
#news, #profile, #schedule, #discography, #media, #diary, #bbs ,#feedback, #mobile, #contact {
	padding: 4px 0px 20px;
	background-image: url(../images/common/main_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 660px;
}

/*----------フッター----------*/
#footer {
}
#footer ul {
	width: 680px;
	border-bottom: 1px solid #336699;
	text-align: right;
	padding: 0px 0px 4px 0px;
}
#footer li {
	display: inline;
	text-transform: uppercase;
}
#footer li a {
	font-size: 10px;
	letter-spacing: 0.05em;
	padding: 0px 4px;
	color: #666666;
}
#footer li a:hover {
	color: #990000;
}
#footer li.right_border a {
	border-right: 1px solid #666666;
}
#footer p {
	text-align: right;
	letter-spacing: 0.05em;
	padding: 2px 0px 0px 0px;
}


/*----------index.html----------*/
.content_box {
	width: 300px;
	margin: 0px 10px;
}
.content_box h2 {
	text-indent: -999em;
	width: 300px;
	height: 50px;
}

.content_box h2#title_news {background-image: url(../images/index/h2_news.gif);}
.content_box h2#title_schedule {background-image: url(../images/index/h2_schedule.gif);}
.content_box h2#title_media {background-image: url(../images/index/h2_media.gif);}

.content_box dl {
	margin: 10px 0px;
	clear: left;
}
.content_box dl dt {
	font-weight: bold;
	float: left;
	display: inline;
	width: 80px;
}
.content_box dl dd {
	margin: 0px 0px 10px;
	float: left;
	display: inline;
	width: 220px;
}
.readmore {
	background-image: url(../images/index/readmore.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	height: 25px;
	clear: left;
}
.readmore a {
	position: relative;
	left: 218px;
	top: 6px;
	width: 80px;
	height: 15px;
	text-indent: -999em;
	display: block;
	/*MacIEには適用しない\*/
	overflow: hidden;
	/**/
}

.readmore a:hover { background: url(../images/index/readmore.gif) -218px -31px no-repeat;}


/*----------各下層ページh2設定----------*/
#news h2, #profile h2, #schedule h2, #discography h2, #media h2, #diary h2, #mobile h2, #bbs h2, #contact h2, #feedback h2 {
	width: 660px;
	height: 46px;
	text-indent: -999em;
	margin: 0px 0px 20px;
}

#news h2 {background-image: url(../images/news/h2_news.gif);}
#profile h2 {background-image: url(../images/profile/h2_profile.gif);}
#schedule h2 {background-image: url(../images/schedule/h2_schedule.gif);}
#discography h2 {background-image: url(../images/discography/h2_discography.gif);}
#media h2 {background-image: url(../images/media/h2_media.gif);}
#diary h2 {background-image: url(../images/diary/h2_diary.gif);}
#mobile h2 {background-image: url(../images/mobile/h2_mobile.gif);}
#bbs h2 {background-image: url(../images/bbs/h2_bbs.gif);}
#contact h2 {background-image: url(../images/contact/h2_contact.gif);}
#feedback h2 {background-image: url(../images/feedback/h2_feedback.gif);}


/*----------news.html----------*/

#news h3 {
	float: left;
	display: inline;
	margin: 10px;
	width: 100px;
	height: 16px;
	text-align: center;
	color: #666666;
	background-color: #EBEBEB;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.news_article {
	margin: 10px 10px 20px;
	float: left;
	display: inline;
	width: 510px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px;
}
.news_text p {
	padding: 5px 20px;
}
.next_page_link {
	background-color: #EBEBEB;
	padding: 2px;
}
.next_page_link a {
	background-image: url(../images/common/go_next_page.gif);
	background-repeat: no-repeat;
	background-position: 80px 0px;
	display: block;
	width: 100px;
	height: 16px;
	margin-left: 400px;
	}

/*----------profile.html----------*/
.profile_box {
	margin: 10px 10px 20px;
	border: 1px solid #CCCCCC;
	background-color: #EBEBEB;
	width: 638px;
}
.profile_box_support {
	margin: 10px 10px 20px;
	border: 1px solid #CCCCCC;
	width: 638px;
}
.profile_right {
	float: right;
	width: 400px;
}
.profile_box h3, .profile_box_support h3 {
	font-size: 1.2em;
	margin: 10px 10px 0px;
	font-weight: bold;
}
.profile_birth {
	font-size: 0.9em;
	margin: 0px 10px 0px;
}
.profile_support {
	font-size: 0.9em;
	margin: 0px 10px 0px;
}
.profile_text {
	margin: 10px 10px;
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px solid #CCCCCC;
}
.profile_text p {
	margin: 10px 0px;
}
.profile_box img, .profile_box_support img {
	float: left;
	margin: 10px;
	display: inline;
	width: 200px;
}


/*----------schedule.html----------*/
#schedule h3 {
	float: left;
	display: inline;
	margin: 10px;
	width: 100px;
	height: 16px;
	text-align: center;
	color: #666666;
	background-color: #EBEBEB;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.schedule_detail {
	margin: 10px;
	float: left;
	display: inline;
	width: 510px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px;
}
.schedule_header {
	background-color: #EBEBEB;
	/*WinIEのみ適用する*/
	_height: 20px;
}
.schedule_header dl dt {
	display: none;
}
dd.appearlance {
	background-image: url(../images/schedule/appear.gif);
	width: 150px;
	float: left;
}
dd.place {
	background-image: url(../images/schedule/place.gif);
	width: 90px;
	float: right;
}
dd.appearlance, dd.place {
	display: block;
	padding: 3px 3px 3px 60px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.schedule_detail .comment {
	margin: 10px;
	background-color: #F6F6F6;
	padding: 10px;
}
.info p {
	margin: 10px;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 0em;
}

/*----------discography.html----------*/
.disc {
	margin: 0px 10px 30px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
	width: 638px;
}
.disc_img {
	float: left;
	width: 150px;
	padding: 10px;
}
.disc_img img {
	border: 1px solid #CCCCCC;
}
.disc_info {
	float: left;
	width: 440px;
	padding: 10px;
}
.disc_info dl.data dt {
	float: left;
	width: 70px;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 2px;
}
.disc_info dl.data dd {
	float: left;
	width: 370px;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 2px;
}
.disc_info dl.data dt.song_list , .disc_info dl.data dd.song_list {
	border-style: none;
}
.disc_info dl dd ol {
	list-style-position: inside;
}
.disc_info dl dd ol li a {
	background: url(../images/discography/sound_icon.gif) right 0px no-repeat;
	padding-right: 65px;
	color: #666666;
}
.disc_info dl dd ol li a:hover {
	background-position: right -12px;
	color: #828282;
}
.disc p.note {
	font-size: 0.8em;
	padding: 10px 0px;
}
.disc_info .comment {
	clear: both;
	padding: 10px 0px;
}
/*----------media.html----------*/
#media:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*\*/
* html #media {
    height: 1em;
    overflow: visible;
}
/**/

h3#audio, h3#mov {
	width: 150px;
	height: 40px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
}
h3#audio {background-image: url(../images/media/h3_audio.gif);}
h3#mov {background-image: url(../images/media/h3_mov.gif);}

#media dl {
	overflow: hidden;
	width: 310px;
}
#media dl dt {
	float: left;
	width: 100px;
	padding: 10px;
}
#media dl dd {
	float: left;
	width: 170px;
	padding: 10px;
}
#media dl dd li {
	margin: 0px 0px 5px;
}
/*----------diary.html----------*/
#diary #left {
	width: 200px;
}
#diary #right {
	width: 436px;
}
#calender, .left_box {
	width: 200px;
	border: 1px solid #CCCCCC;
	margin: 10px 5px 10px 10px;
}
#calender h3, .left_box h3 {
	background-color: #CCCCCC;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.5em;
	padding: 2px;
	font-weight: bold;
}
#calender table {
	width: 180px;
	margin: 0px auto;
}
#calender table caption {
	margin: 5px auto 0px;
	text-align: left;
	font-size: 1.2em;
}
#calender table td {
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	text-align: center;
	line-height: 1.8em;
}
#calender table td a {
	background-color: #CCCCCC;
	display: block;
	line-height: 1.8em;
}
#calender table td a:hover {
	background-color: #F6F6F6;
}
.left_box ul {
	margin: 10px 5px;
	background-color: #FFFFFF;
}
.left_box ul li {
	margin-bottom: 5px;
}
.left_box ul li a {
	color: #666666;
	padding-left: 10px;
}
.left_box ul li a:hover {
	background-image: url(../images/diary/point.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	color: #333333;
}
.right_box {
	border: 1px solid #CCCCCC;
	margin: 10px 10px 10px 5px;
}
.right_box_header {
	background-color:#CCCCCC;
	padding: 5px;
}
.right_box_header h3 {
	font-size: 1.2em;
}
.right_box_header h4 {
	font-size: 1.6em;
}
.right_box_header h4.cate {
	font-size: 1.2em;
	text-align: right;
}
h4.cate a {
	color: #666666;
	padding-left: 13px;
}
h4.cate a:hover {
	color: #DD0000;
	background-image: url(../images/diary/point_cate.gif);
	background-repeat: no-repeat;
	background-position: left middle;
}
.right_box p {
	padding: 10px;
	clear: both;
}
.right_box dl {
	text-align: right;
	margin: 10px;
}
.right_box dl dt, .right_box dl dd {
	display: inline;
}
.right_box dl dt {
	margin-left: 20px;
	font-size: 0.8em;
	letter-spacing: 0em;
}
.right_box ul {
	background-color: #CCCCCC;
	margin: 5px;
	padding: 2px;
	clear: both;
	text-align: right;
}
.right_box ul li{
	display: inline;
	margin-left: 20px;
	padding: 2px 0px 2px 20px;
	background-repeat: no-repeat;
	background-position: left middle;
}
.right_box ul li a {
	color: #666666;
}
li.comments {
	background-image: url(../images/diary/comments.gif);
}
li.trackback {
	background-image: url(../images/diary/trackback.gif);
}
h3#tb_title, h3#comment_title {
	background-color: #CCCCCC;
	padding: 5px;
}
h3#tb_title a, h3#comment_title a {
	color: #666666;
}
.tb_contents {
	margin: 5px;
}
.right_box .tb_contents p {
	padding: 0px 0px 10px;
}
.tb_link_title {
	font-weight: bold;
	margin-bottom: 3px;
}
.tb_text {
	border: 1px solid #CCCCCC;
	margin: 0px;
}
.tb_contents #tb_footer {
	margin: 5px 0px;
	padding: 0px;
}
#tb_footer a {
	color: #666666;
}
.ping_title, a.ping_blog_name  {
	font-weight: bold;
	color: #666666;
}
p.tb_excerpt {
	margin: 5px;
	padding: 0px;
}
#diary .readmore {
	background-image: url(../images/diary/readmore.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 75px;
	height: 12px;
	margin: 0px 20px 10px 300px;
}
#diary .readmore a {
	position: relative;
	left:0px;
	top:0px;
	width: 75px;
	height: 12px;
	text-indent: -999em;
	display: block;
	/*MacIEには適用しない\*/
	overflow: hidden;
	/**/
}

#diary .readmore a:hover { background: url(../images/diary/readmore.jpg) 0px -12px no-repeat;}

p.tb_time {
	text-align: right;
	margin: 0px 5px;
}
#comment_contents {
	margin: 5px;
}
#comment_contents dl {
	width: 390px;
	border-bottom: 1px dotted #CCCCCC;
}
#comment_contents dl dt{
	margin-left: 0px;
}
h4#comments_post {
	margin-bottom: 10px;
}
#comment_contents form {
	margin-top: 30px;
}
#bread {
	margin: 10px 10px 10px 5px;
	background-color: #CCCCCC;
	padding: 5px;
}
#bread a {
	color: #666666;
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#bread a:hover {
	color: #DD0000;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
#error {
	text-align: center;
}
#error h3 {
	font-size: 2em;
}
#error p {
	font-size: 1.5em;
	margin: 10px;
}
#error blockquote strong {
	color: #FF0000;
}
#error form input {
	display: inline;
	margin: 10px;
}

/*----------mobile.html----------*/
#mobile #left {
	text-align: center;
}

#mobile #left p {
	margin: 5px auto;
	width: 150px;
}
#mobile #right p {
	margin: 5px auto;
}

/*----------メールフォーム共通----------*/
#contact form, #feedback form, #diary form {
	font-size: 0.9em;
	color: #F3F3F3;
}
form input, form textarea, form select {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	vertical-align: middle;
}
form textarea {
	overflow: auto;
}
form .submit_btn {
	clear: both;
}
form .submit_btn input {
	float: left;
	margin: 10px 10px 0px;
	border-style: none;
	width: 50px;
	background-color: #CCCCCC;
}


/*----------bbs.html----------*/
#bbs h3 {
	margin: 0px 10px 10px;
	font-size: 1.2em;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EBEBEB;
	padding: 3px;
}
p.warning{
	font-size: 0.8em;
	color: #FF0000;
}
#post {
	border: 1px solid #CCCCCC;
	margin: 10px 10px 50px;
	padding: 10px;
	width: 615px;
}

#bbs #left {width: 250px;}

#bbs #right {width: 350px;}

#bbs #left dt {float: left; width: 60px;}

#bbs #left label, #bbs #left input {display: inline;}

#bbs #left input.warning {margin: 0px;}

#bbs #right textarea {
	width: 330px;
	height: 100px;
	overflow: visible;
}

#bbs #post:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*\*/
* html #bbs #post {
    height: 1em;
    overflow: visible;
}
/**/


#bbs #post .submit_btn {
	float: right;
	padding: 0px 5px;
	width: 150px;
}

.msg_box {
	width: 635px;
	margin: 10px 10px 30px;
	border: 1px solid #CCCCCC;
	background-color: #EBEBEB;
	overflow: hidden;
}
.msg_box:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*\*/
* html .msg_box {
    height: 1em;
    overflow: visible;
}
/**/
.msg_box_right {
	width: 500px;
	float: right;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
}
.msg_box_left {
	width: 133px;
	float: left;
}
.msg_box_left p {
	text-align: center;
	padding: 10px 10px;
}
.msg_box_right h4 {
	font-size: 1.4em;
	background-color: #F6F6F6;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}
.msg_box_right p {
	padding: 5px;
}
.msg_box_right ul {
	text-align: right;
	padding: 5px;
}
.msg_box_right ul li {
	display: inline;
}
#prev_next {
	width: 625px;
	margin: 10px 10px 30px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#prev_next ul {
	float: right;
	margin: 0px 5px;
}
#prev_next ul li {
	display: inline;
}
#delete {
	width: 615px;
	margin: 10px 10px 30px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#delete form input#del_submit {
	border-style: none;
	width: 50px;
	background-color: #CCCCCC;
	margin: 10px 0px 0px;
}
#delete h3 {
	margin: 0px;
	font-size: 1.2em;
	background-color: #EBEBEB;
	padding: 3px;
	border-style: none;
}


/*----------contact.html----------*/
#contact form input#name{width: 100px;}

#contact form input#email, #contact form input#email2 {width: 200px;}

#contact form textarea#message {width: 250px;}

#contact #right dl dt label{margin-top: 0px;}


/*----------feedback.html----------*/
#feedback dl#top_id_input dt {
	float: left;
	width: 15em;
	display: inline;
}
#feedback dl#top_id_input dd {
	float: left;
	width: 30em;
	display: inline;
}
#feedback dl.question dt {
	width: 300px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 3px;
	background-color: #F3F3F3;
	margin: 10px 0px;
	clear: left;
}
#feedback dl.question dd {
	margin: 0px 0px 40px;
}
#feedback dl.question dd p {
	display: block;
	clear: left;
}
#feedback dl.question dd p input, #feedback dl.question dd p select, #feedback dl.question dd p label {
	float: left;
	_margin: 0px;
}
#feedback #left dl.nest_dl dt, #feedback #right dl.nest_dl dt {
	background-color: #FFFFFF;
	border-style: none;
	margin-top: 10px;
	clear: left;
}
dl.nest_dl dd textarea, #right dl dd textarea {
	width: 305px;
	height: 100px;
}
#feedback form input#cover_from {
	width: 100px;
}
#feedback form input#cover_song {
	width: 200px;
}
#feedback form label {
	margin: 0px 0px 0px 10px;
	vertical-align: middle;
}
#feedback form dl dd p label.cover {
	width: 6em;
	display: block;
	float: left;
}
#feedback form .submit_btn {
	clear: both;
	width: 200px;
	margin: 0px auto;
}
form #left dl dd.noborder input, form #right dl dd.noborder input {
	border-style: none;
}


/*----------メールフォーム確認画面----------*/
.confirm dt {
	margin: 10px 10px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #666666;
	padding: 3px;
}
.confirm dd {
	margin: 0px 10px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
}
.thx {
	text-align: center;
}
form.thx {
	margin: 10px auto 0px;
	width: 50px;
}
#kent a{
	text-decoration: underline;
}