@chahttp://jp.msn.com/rset "UTF-8";
/* CSS Document */

body{
	background-color:#000000;
	color:#FFFFFF;
	font-family:Hiragino Kaku Gothic Pro, HiraKakuPro-W3, Meiryo, "‚ＭＳ Ｐゴシック", Osaka, sans-serif;
	}
img{ border:0;}

a{ color:#FFFFFF;}
a:visited{ text-decoration:underline;}
a:hover{ text-decoration:none;}

.clear{ clear:both;}

.nolist{ list-style: none;}
/*080523 add-*/
.new{ padding:2px 0 0 10px;}
.small{
	font-size: 10px;
}


#wrap2{ width:701px; margin:0 auto;}
#wrap3{ width:801px; margin:0 auto;}
#wrap4{ width:900px; margin:0 auto;}

/*color*/
.blue{
	color: #70c3fa;
}

.gray{
	color: #949494;
}



#wrap-inner-top{
text-align:left;
width:701px;
margin:0 51px 0 50px;
}

.pink-bold{
	color: #EF0A85;
	font-weight: bold;
	font-size: 12px;
}


#header{ height:146px;}
#header #logo{ width:304px; height:74px; background:url(../img/logo.gif) no-repeat; }
#header-menu img{ float:left;}
/*
footer
-------------------------------------------------------------------------*/
#footer-innner{
	width:701px;
	margin:0 auto;
	pading-top:3px;
	}
	/*080417add*/
	#footer-innner-ly{
	margin:0 auto;
	pading-top:3px;
	}


#footer-innner .btn-top{ display:block; float:right;}
	/*080417add*/
	#footer-innner-ly .btn-top{ display:block; float:right;}

#footer-innner .btn-contactus{ display:block; float:left;}
/*-------------------------------------------------------------------------
profile
-------------------------------------------------------------------------*/

#prof-body{ /*padding-bottom:20px;*/}

.content-title{ margin-bottom:20px; display:block;}

#prof-body-left{ /*float:left; width: 420px;*/}
#prof-body-left p{ font-size:12px;line-height:170%;}
#prof-body-left img{}

#prof-body #photo_asha{ /*padding-left:20px;*/}
#photo_asha{ margin:30px  0; width:450px; height:300px; background:url(../profile/img/photo_asha.jpg) no-repeat ;}

#member{ height:145px; padding-top:40px; clear:both;}
#member img{ margin-bottom:20px;}

#member ul li{
	list-style: none;
	float: left;
	margin-bottom: 60px;
	font-weight: bold;
	font-size: 14px;
}
#member ul li.line_h{
	text-align: center;
	width: 71px;
}
#member ul li.line_h img{
	margin: 0 auto;
}
#member span.gray{
	font-weight: normal;
	font-size: 13px;
	color: #808080;
}
li#asakawa{
	width: 89px;
	height: 54px;
}
li#yamamoto{
	width: 131px;
	height: 54px;	
}
li#kanata{
	width: 106px;
	height: 54px;
}
li#tanaka{
	width: 99px;
	height: 54px;
}
	
/*-------------------------------------------------------------------------
discography
-------------------------------------------------------------------------*/

#disco-body{ float:left; width:470px;}
#disco-body .title{ margin-bottom:40px;}
#disco-body .jacket{ float:left; margin-right:13px; font-size: 10px;}
#disco-body .number{ float:left; font-size:12px; line-height:150%; width: 305px;}
#disco-body .number .day{ font-weight:bold; display:block; margin-bottom:7px;}
.detail{font-size: 10px; }
.d-title{font-size: 12px; font-weight: bold;}


#disco-side{ float:right; width:222px;}
#disco-side #sample { margin-bottom:30px; text-align:right;}
#disco-side ul li{ list-style:none; font-size:11px;}

#disco-side .block{ margin-bottom:25px;}
#disco-side .block ul li{ font-size:12px; line-height:180%;}
#disco-side .block ul li img{ vertical-align:middle; margin-left:5px; margin-bottom:3px;}
/*080424add*/
#disco-side .block .selected{ text-decoration:none;}

#ly{ height:550px ;/* overflow:auto;*/}
#ly-body{ height:550px ;}
#ly-body img{ margin-top:15px;}
#ly-body p{ line-height:180%; margin:21px 0px 20px 15px; font-size:12px;}


/* ジャケットコピー防止 */

#disco-body ol{
	margin:0 0 0 20px;
}

div#jkSingle01{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_single01.gif) no-repeat;
	width: 150px;
	height: 128px;
}
div#jkSingle02{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_single02.gif) no-repeat;
	width: 150px;
	height: 128px;
}
div#jkSingle03{
	float:left;
	margin-right:13px;
	background: url(../discography/img/ray.jpg) no-repeat;
	width: 150px;
	height: 152px;
}
div#jkSingle04{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_single04.gif) no-repeat;
	width: 150px;
	height: 150px;
}
div#jkSingle05{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_single05.jpg) no-repeat;
	width: 150px;
	height: 150px;
}
div#jkSingle06{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_single06.jpg) no-repeat;
	width: 150px;
	height: 150px;
}
div#jkAlbum01{
	font-size: 10px;
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_album01.gif) no-repeat;
	width: 150px;
	height: 128px;
}
div#jkAlbum02{
	font-size: 10px;
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_album02.jpg) no-repeat;
	width: 150px;
	height: 127px;
}
div#jkAlbum03{
	font-size: 10px;
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_nowprinting.gif) no-repeat;
	width: 150px;
	height: 150px;
}
div#jkDemo01{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_demo01.jpg) no-repeat;
	width: 150px;
	height: 150px;
}
div#jkDemo02{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_demo02.gif) no-repeat;
	width: 150px;
	height: 150px;
}
div#jkDemo03{
	float:left;
	margin-right:13px;
	background: url(../discography/img/jk_demo03.gif) no-repeat;
	width: 150px;
	height: 150px;
}
div#iTunes01{
	float:left;
	margin-right:13px;
	background: url(../discography/img/btn_iTunes01.gif) no-repeat;
	width: 380px;
	height: 80px;
}

.mv{
	padding-top: 50px;
	padding-bottom: 50px;
}


/*-------------------------------------------------------------------------
media
-------------------------------------------------------------------------*/

#media-body{ float:left; width:450px;}
#media-body .title{ display:block; margin-bottom:15px;}
#media-body .top{
	padding-left:20px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	display:block;
	background:url(../media/img/bg_sub_title.gif) no-repeat left 23px;
}
#media-body p{ padding-left:20px; font-size:12px; line-height:150%; margin-bottom:30px; margin-top:7px;}
#media-body .date{
	color:#70c3fa;
	font-size: 10px;
	float: left;
	font-weight: bold;

}

.n-mark{
	float: left;

}

.fontsz10{
	font-size: 10px;
}

.line-dot{ background:url(../media/img/line_dot.gif) repeat-x ; height:20px;}

#media-side{ float:right; width:133px; height:120px; background:url(../media/img/bg_media_side.gif) top no-repeat; padding-top:23px;}
#media-side ul li{ list-style:none;}


/*-------------------------------------------------------------------------
live schedule
-------------------------------------------------------------------------*/

#live-body{ 
	padding-bottom:20px;
	padding-left: 50px; 
}

#header-live{ height:136px;}


#live-right{
	float: left;
	margin-left: 10px;
	border: solid 1px #474747;
}

#live-left{
	float: left;
}

#logo-live{float: left;}

#live-right iframe{
	border: none;
}

/*-------------------------------------------------------------------------
mobile
-------------------------------------------------------------------------*/
/*#mobile-body{ font-size:12px; padding-bottom:145px;}*/
#mobile-body{ float:left; width:450px }

#mobile-body div.article { margin: 15px 0 30px; }
#mobile-body h3 { font-size: 16px; color:#70c3fa; line-height:22px; margin:0 0 20px; }
#mobile-body h4 { font-size: 12px; color:#fff;    line-height:20px; margin:0px 0 10px 0; font-weight: normal; }
#mobile-body h5 { font-size: 12px; color:#fff;    line-height:20px; margin:10px 0; }

#mobile-body p { font-size:10px; line-height:18px; margin: 5px 0; }

#mobile-body ul{ margin:0 0 0 20px; }
#mobile-body li{ font-size:10px; line-height:15px; }

.mobile-date{
	color:#70c3fa;
	font-size: 10px;
	font-weight: bold;
	float: left;

}

.m-blue{
	color: #70c3fa;
	font-size: 10px;
}

#mobile-side{
	font-size: 12px;
	float:right;
	width:133px;
	background:url(../media/img/bg_media_side.gif) top no-repeat;
	padding-top:23px;
	}
/* #mobile-side img{ padding:7px; border:#ef0a85 solid 1px; display:block; margin:25px 0 20px; } */
#mobile-side img{ padding:7px; background:#ef0a85; display:block; margin:25px 0 20px; } 

#m-big li{
	font-size: 14px;
	font-weight: bold;
}



	
/*-------------------------------------------------------------------------
swf
-------------------------------------------------------------------------*/
#flashcontent{/* text-align:center; font-size:12px;*/ margin:auto; background-color:#000000;}



/*-------------------------------------------------------------------------
mail news
-------------------------------------------------------------------------*/
#member-side{ float:right; width:150px; height:120px; padding-top:23px;
	background: url(../member/img/bar.gif) no-repeat;
}

#member-side ul{
	line-height: 100%;
}

#member-side ul li{ list-style:none;}
#member-body{ float:left; width:520px; font-size: 12px; padding-bottom: 30px;}
#member-body p{font-size:12px; line-height:150%; margin-bottom:15px; padding-top: 15px;}
.color-point-b{
	font-weight: bold;
	color: #70c3fa;
}
.color-point{
	color: #70c3fa;
}

.color-point-r{
	color: #EF0A85;
}

#member-body .member-small{
	font-size: 10px;
}

#member-title{
	margin-bottom: 10px;
}

#mailnews-btn{
	float: right; margin-top: 15px;
}

/*
====================================================================
policy
====================================================================
*/
#policy-body{width:700px; font-size: 12px;}
#policy-body p{font-size:12px; line-height:160%; margin-bottom:15px; padding-top: 5px;}

#header-policy{ margin-bottom: 30px; font-size: 16px;}
#header-policy #logo{margin-bottom: 15px;}
#policy-body .member-small{
	font-size: 12px;
	color: #9e9e9e;
}

#policy-last{
	padding-bottom: 30px;
}

/*
====================================================================
form
====================================================================
*/
.error {
	margin-left: 20px;
}
#btn_send {
	padding-top: 10px;
}

/*
====================================================================
Mail News
====================================================================
*/
#navi-regist {
	float: right;
	padding:30px 20px 0px 0px;
}

.error-message {
	height: 30px;
}


/*
====================================================================
Caution
====================================================================
*/
#caution {
        position: absolute;
		  top: 50%;
		  left: 50%;
		  width: 420px;
		  height: 200px;
		  margin: -100px 0px 0px -210px;
        text-align: center;
}
body > #caution {
        height: auto;
        min-height: 200px;
}
#caution-sitename {
	margin-bottom: 20px;
}
#caution-copyright {
	margin-top: 40px;
}

/*
====================================================================
live tour 選考抽選
====================================================================
*/

#reservation-bnr{
	margin-top: 30px;	
}

#reservation-body{
	font-size: 12px;
}

.live-col{
	float: left;
}

#reservation-title{
	margin-top: 30px;
	float: left;
}

#big-pink{
	margin-top: 30px;
}

#header-mid{
	margin-top: 60px;
	margin-bottom: 30px;
}

#col-date{
	width: 111px;
	margin-top:10px;
}

#col-place{
	width: 224px;
	margin-top:10px;
}
#col-contact{
	width: 240px;
	margin-top:10px;
}
#col-ticket{
	
	width: 141px;
	height: 120px;
	border: 1px solid #949494;
	margin: 10px 5px 0 0;
	text-align: center;
	padding-top: 60px;
}
#col-sell-date{
	width: 175px;
	height: 120px;
	border: 1px solid #949494;
	margin-top: 10px;
	text-align: center;
	padding-top: 60px;
}

#live-table{
	width: 900px;
	border-bottom: 1px solid #949494;
}

#info-table{
	margin-top: 50px;
}

#res-info{
	margin: 50px 0 50px;
}

.info-title{
	font-style: bold;
}

#res-info td{
	padding: 10px 0;
}

#official-btn{
	float: right;
	margin-top: 30px;
}
/* My Comment */



/*-------------------------------------------------------------------------
extra-info
-------------------------------------------------------------------------*/

#extra-info-body h1{font-size:15px; line-height:150%; color: #EF0A85; margin-bottom:15px;}
#extra-info-body h2{font-size:12px; line-height:150%; color: #EF0A85;}
#extra-info-body{ float:left; width:670px; font-size: 12px; padding-bottom: 30px;}
#extra-info-body p{font-size:12px; line-height:150%; margin-bottom:15px; padding-top: 15px;}
.color-point-b{
	font-weight: bold;
	color: #70c3fa;
}
.color-point{
	color: #70c3fa;
}

.color-point-r{
	color: #EF0A85;
}

.extra-info-line-dot{ background:url(../media/img/line_dot.gif) repeat-x ; height:5px;}

#extra-info-body .member-small{
	font-size: 10px;
}

#extra-info-title{
	margin-bottom: 10px;
}

#extra-info-btn{
	float: right; margin-top: 15px;
}


/*-------------------------------------------------------------------------
news archive 
-------------------------------------------------------------------------*/

#newsarchive-body{ float:left; width:450px;font-size:12px; margin-bottom:50px;}
#newsarchive-body .maintitle{  padding:0 0 0 5px;}
#newsarchive-body .yearnumber{
	display:block;
	padding:0 0 12px 5px;
	margin:20px 0 10px;
	background:url(../newsarchive/img/line_dot.gif) bottom left repeat-x ;
	}

#newsarchive-body .text{
	color:#fff;
	display:block;
	padding-bottom:15px;
	margin-bottom:10px;
	background:url(../newsarchive/img/line_dot.gif) bottom left repeat-x ;
	}
#newsarchive-body p{
	line-height:150%;
	margin-top:15px;
	}
#newsarchive-body .date{
	color:#70c3fa;
	font-weight: bold;
}

#newsarchive-side{ font-size:12px;float:right; width:133px; height:120px; background:url(../media/img/bg_media_side.gif) top no-repeat; padding-top:23px;}
#newsarchive-side ul li{ list-style:none; font-weight:bold; margin-bottom:5px; color:#666; padding-left:35px;}

#newsarchive-side a{ color:#FFFFFF;text-decoration: none;}
#newsarchive-side a:visited{ text-decoration: none;}
#newsarchive-side a:hover{ color:#70c3fa;text-decoration:none;}