@charset "UTF-8";
/* CSS Document */


/*pのmarginを0にする*/
p{margin:0;}


/*外枠*/
#contents_top{
	width:775px;
	margin: 0 0 0 13px;
	padding: 0;
}

#contents{
	width:775px;
	margin: 0 0 0 13px;
	padding: 0;
	float:left;
	display:inline;
	background-image:url(../common/frame_white_mid.png);
	background-repeat:repeat-y;
}




/*---中面----*/
#contents .inner{
	width:690px;
	margin: 0 auto;
	padding:30px 35px;
	background-image:url(images/background_main.gif);
	background-repeat:repeat;
}

#contents h2{
	margin-bottom:8px;
}

#article{
	width:558px;
	background-image:url(images/article_illust_long.png);
	background-repeat:repeat-y;
	padding:35px 66px 30px;
}

.article_bottom {
	margin:0 0 6px;
}


/*トップ 前へ・次へボタン*/
p.back_next_btn_top{
	width:555px;
	margin:-22px auto 0;
	text-align:right;
	font-size:1px;
}

/*イントロ*/
#intro_top{
	width:560px;
	height:95px;
	margin:0 auto;
	background-image:url(images/intro_top.png);
	background-repeat:no-repeat;
	position:relative;
}

#intro_top h3{
	position:absolute;
	top:-5px;
	left:25px;
}

#intro{
	width:560px;
	margin:0 auto;
	background-image:url(images/intro_side.png);
	background-repeat:repeat-y;
}

#intro p{
	width:486px;
	margin:0 auto;
	color:#5a321e;
	font-size:82%;
	font-weight:bold;
	line-height:1.7;
}

#intro p img{
	float:right;
	margin:0 0 0 5px;
}

#intro ul {
	width: 486px;
	margin:8px auto 0;
	padding:12px 0 0;
	background-image: url(images/intro_line.gif);
	background-repeat:repeat-x;
}

#intro ul li {
	float: left;
	margin:0 5px 0 0;
}

#intro_bottom{
	width:560px;
	margin:0 auto 35px;
}
#intro_bottom_page1{
	width:560px;
	margin:0 auto 5px;
}



/*座談会*/
.talking{
	width:530px;
	padding:0 0 40px;
	margin:0 auto;
}
.talking_last{
	padding:0 0 20px;
}

.talking h4{
	margin-bottom:15px;
}

.talking .q{
	color:#ff8c00;
	font-size:100%;
	font-weight:bold;
	margin-bottom:5px;
}

.talking p{
	color:#444;
	font-size:82%;
	line-height:1.8;
	margin:0;
}

.talking dt{
	float:left;
}


.talking dd{
	color:#444;
	font-size:82%;
	line-height:1.8;
	margin:0;
	padding:5px 0 10px;
}

.talking a,
.talking a:link,
.talking a:visited{
	color:#ff8c00;
	text-decoration:none;
}
.talking a:hover,
.talking a:active{
	color:#ff8c00;
	text-decoration:underline;
}

.talking .w340_right{
	width:340px;
	float:right;
}

.talking .photo_right{
	float:right;
	margin:5px 0 5px 10px;
	padding:6px;
	border:solid 1px #5a321e;
}

.talking .photo_left{
	float:left;
	margin:5px 10px 5px 0;
	padding:6px;
	border:solid 1px #5a321e;
}
	



/*------------------------
インフォメーション
------------------------*/
#info{
	width:548px;
	background-image:url(images/article_side.png);
	background-repeat:repeat-y;
	padding:35px 71px 30px;
}


/*アーティストインフォ*/
.artist_info{
	width:550px;
	margin:0 auto 10px;
}

.artist_info .artist_info_title {
	width:550px;
	height: 66px;
	background: url(images/info_title.png) 0 0 no-repeat;
	position: relative;
}
.artist_info .artist_info_title h4 {
	position: absolute;
	top: 27px;
	left: 20px;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
}
.artist_info .artist_info_title h5 {
	position: absolute;
	top: 32px;
	left: 450px;
}

.artist_info .artist_info_contents {
	width:550px;
	background: url(images/info_side.png) 0 0 repeat-y;
}

.artist_info .artist_info_contents p.profile {
	width:395px;
	font-size:82%;
	color: #5a321e;
	text-align: left;
	line-height:1.6;
	font-weight:bold;
	float:left;
	padding:15px 10px 15px 25px;
}
.artist_info .artist_info_contents img {
	width:95px;
	padding:15px 25px 15px 0;
	float:right;
}



/*アルバムインフォ*/
.album_info{
	width:550px;
	margin:0 auto;
	padding-bottom:5px;
}

.album_info_title{
	width:500px;
	padding:25px 25px 20px;	
	background-image:url(images/album_info_top.png);
	background-repeat:no-repeat;
}

.album_info_title img{
	margin-right:10px;
	float:left;
}

.album_info_title h4,
.album_info_title p{
	font-size:75%;
	color: #5a321e;
	text-align: left;
	line-height:1.6;
	font-weight:bold;
}

.album_info_title h4{
	font-size:113%;
}

.album_info_title p span {
	font-size:9px;
	line-height:2;
}	

.album_info_contents{
	width:500px;
	padding:10px 25px 11px;
	background-image:url(images/info_side.png);
	background-repeat:repeat-y;
}

.album_info_contents img{
	width:495px;
	margin:0 auto;
}

.album_info_contents p.join_artists{
	width:490px;
	font-size:75%;
	color: #5a321e;
	margin:5px auto 10px;
	line-height:1.6;
}

.album_info_contents p.join_artists span{
	font-weight:bold;
}

.info_bottom{
	margin-bottom:0px;
}


/*アルバムインフォ vol1〜*/
.album_info_title_from_vol1{
	float:right;
	margin:0 3px 2px 0;
}

.album_info_from_vol1{
	width:500px;
	height:205px;
	padding:25px 25px;	
	margin:0 auto 20px;
	background-image:url(images/bg_album_info.png);
	background-repeat:no-repeat;
	clear:both;
}

.album_info_from_vol1 img{
	float:left;
}

.album_info_from_vol1 div{
	float:right;
	width:307px;
}

.album_info_from_vol1 h4,
.album_info_from_vol1 p{
	font-size:75%;
	color: #5a321e;
	text-align: left;
	line-height:1.6;
	font-weight:bold;
}

.album_info_from_vol1 h4{
	font-size:113%;
}

.album_info_from_vol1 p span {
	font-size:9px;
	line-height:2;
	padding-bottom:5px;
	display:block;
}



/*メンバープロフィール*/
#info p.boxA {
	width:544px;
	margin: 0;
	padding: 15px 0 10px 0;
	font-size: 12px;
	font-weight: normal;
	color: #462828;
	border-bottom: 1px solid #462828;
	overflow: hidden;
	line-height:21px;
}

#info span.comment{
	width:434px;
	font-size: 12px;
	font-weight: normal;
	color: #462828;
	float:right;
}

#info span.name{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}

#info span.name_s{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
}	

#info p.boxA img{
	float: left;
	margin: 0 10px 10px 0;
}


/*次回予告*/
.next_issue_title{
	width:690px;
	margin:0 auto;
	padding:60px 0 15px;
	background-image:url(images/next_issue_top.png);
	background-repeat:no-repeat;
}

.last_issue_title{
	width:690px;
	margin:0 auto;
	padding:60px 0 15px;
	background-image:url(images/last_issue_top.png);
	background-repeat:no-repeat;
}

.next_issue_title img{
	margin:0 auto;
	display:block;
}

.next_issue_contents{
	width:690px;
	margin:0 auto;
	padding:0 0 10px;
	background-image:url(images/next_issue_side.png);
	background-repeat:repeat-y;
}

.next_issue_contents p img{
	margin:0 10px 10px 0;
}

.next_issue_contents p.next_contents{
	width:500px;
	font-size:75%;
	color: #5a321e;
	text-align: left;
	line-height:1.6;
	font-weight:bold;
	margin:0 auto 8px;
}

.next_members {
	text-align: center;
}

/*次回予告 前へ・次へボタン*/
p.back_next_btn_bottom{
	text-align:center;
	line-height:0;
}

p.back_next_btn_bottom img{
	margin:0;
}




/*ツイートボタン*/
.tweet_btn{
	width:555px;
	margin:0 auto;
	text-align:right;
}

.tweet_btn_page1{
	width:555px;
	margin:0 auto 35px;
	text-align:right;
}

.tweet_btn_page2_info{
	width:555px;
	margin:0 auto;
	text-align:right;
	margin-top:-27px;
}




/*ページ切り替え*/
.btn_page_switch{
	width:91px;
	margin:0 auto;
	padding:18px 0 0 0;
}

.btn_next{
	margin-top:-25px;
	padding:0;
	float:right;
}

.btn_back{
	margin-top:-25px;
	padding:0;
	float:left;
}