@charset "UTF-8";
/*
Theme Name: mochA
Theme URI: http://www.mochaotic.com/
Description: A template for mochaotic.com
Version: 1.0
Author: aiziro design
*/

/* common class*/
.imgblock img{display:block; vertical-align:top;}
.centerring{margin-left:auto; margin-right:auto;}
.block{display:block;}
.inline{display:inline;}
.bold{font-weight:bold;}
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}
.flo_l{float:left;}
.flo_r{float:right;}
.clear{clear:both;}
.relative{position:relative;}
.pos_bottom{position:absolute; bottom:0px;}
.height0{line-height:0}
.height12{line-height:1.2em;}
.height13{line-height:1.3em;}
.height14{line-height:1.4em;}
.height15{line-height:1.5em;}
.height16{line-height:1.6em;}
.height18{line-height:1.8em;}
.height20{line-height:2em;}
.height22{line-height:2.2em;}
.height24{line-height:2.4em;}
.height26{line-height:2.6em;}
.marR0{margin-right:0px;}
.marB0{margin-bottom:0px;}
.marB1{margin-bottom:1px;}

.space10{height:10px;}

/*link*/
a:link, a:visited
{color:#f8bc00; text-decoration:underline;}
a:hover, a:active
{color:#8e3fdc; text-decoration:none;}

.purple{color:#4a2173;}
.purple_d{color:#2c0058;}
.purple_l{color:#8e3fdc;}
.orange{color:#eb6100;}
.orange_l{color:#ef821e;}
.green{color:#97cf20;}
.red{color:#e60012;}
.bk0{color:#000000;}
.bk3{color:#333333;}
.bk5{color:#555555;}

body, div, pre, p, blockquote, h1, h2, h3, h4, h5, h6, 
ul, ol, li, dl, dt, dd, pre, form, fieldset, input, textarea, select, option, 
table, th, td, embed, object, address, non
{color:#222222;}
p,li,td,th,{line-height:1.8em;}


/*////////////////////////////////////////

lower

////////////////////////////////////////*/
body#low
{
	width:100%;
	background:url(../images/low_body_bg.jpg) 0 0 repeat;
}
body#low_android
{
	width:100%;
	background-image:none;
	background-color:#f5c5bc;
}
.wrap_wrapper
{
	width:980px;
	margin:0 auto;
}
.wrapper
{
	width:940px;
	padding:0 20px;
}
#header
{
	width:940px;
	height:190px;
	background:url(../images/low_head_bg.jpg) 0 0 no-repeat;
	position:relative;
}
#header h1
{
	position:absolute;
	top:30px;
	right: 30px;
}
ul#gnavi
{
	position:absolute;
	top:107px;
	right: 30px;
}
#gnavi li
{
	float:left;
}
#gnavi li a
{
	display:block;
	zoom:1;
}
/* comment out for ver2*/
a#gnavi_bio{width:129px; height:64px;}
a#gnavi_new{width:75px; height:64px;}
a#gnavi_mus{width:82px; height:64px;}
a#gnavi_lyr{width:78px; height:64px;}
a#gnavi_blo{width:67px; height:64px;}
a#gnavi_ext{width:89px; height:64px;}
a#gnavi_con{width:106px; height:64px;}


#mainarea
{
	width:940px;
	margin-top:20px;
	background-color:#ffffff;
}
.maininner
{
	width:880px;
	padding-left:30px;
	padding-right:30px;
}
#footer
{
	height:1em;
	padding-bottom:10px;
}
.gototop a:link, .gototop a:visited
{color:#000000;}


/*////////////////////////////////////////

biography

////////////////////////////////////////*/
#bioarea
{
	background:url(../images/bio_bg.png) 0 0 no-repeat;
	padding-top:50px;
}
#bioarea .leftblock
{
	float:left;
	width:530px;
	padding-right:70px;
}
#bioarea .rightblock
{
	float:right;
	width:280px;
}
#bioarea h2
{
	margin-bottom:50px;
}
#bioarea .message .leftblock
{
	float:left;
	width:335px;
	padding-right:10px;
}
#bioarea .message .rightblock
{
	float:left;
	width:520px;
}


/*////////////////////////////////////////

news

////////////////////////////////////////*/
#newarea
{
	/*background:url(libs/images/new_bg.jpg) 0 0 no-repeat;*/
	padding-top:70px;
}
#newarea h3
{
	margin-bottom:30px;
}
#newarea #newslist li
{
	width:620px;
	padding:15px 20px;
	background-color:#000000;
	background:url(../images/low_pattern_bk.jpg) 0 0 repeat;
	
	margin-bottom:10px;
}
#newarea #newslist li.last
{
	margin-bottom:0px;
}
#newarea li.newsitem img
{
	display:block;
	margin:15px 0;
}
#newarea .news_title
{
	padding-left:27px;
	background:url(../images/new_postcat.png) 0 3px no-repeat;
}
#newarea .news_text
{
	margin-top:15px;
}
#newarea #newslist p
{
	color:#eeeeee;
}


/*////////////////////////////////////////

music

////////////////////////////////////////*/
#musarea
{
	/*background:url(libs/images/mus_bg.jpg) 0 0 no-repeat;*/
	padding-top:90px;
}
#musarea h3
{
	margin-bottom:30px;
}
#musarea div#musics_m
{
	position: relative;
}
#musarea div#musics_m .leftblock
{
	/*width:425px;
	float:left;
	padding-right:28px;
	*/
}
#musarea div#musics_m .rightblock
{
	/*width:425px;
	float:right;
	*/
}
#musarea div#musics_m .playerblock
{
	position:absolute;
	top:0;
	right:0;
}
#musarea div#musics_m .jp-playlist-player
{
	border:1px solid #f7f7f7;
}
#musarea ul.musiclist li
{
	width:425px;
	float:left;
	min-height:165px;
	height:auto !important;
	height:165px;
	margin-bottom:30px;
}
#musarea ul.musiclist li.lastrow
{
	margin-bottom:0px;
}
#musarea div#musics_m ul#musiclist_m li.wide
{
	padding-right:455px;
}
#musarea div#musics_m ul#musiclist_m li.even
{
	padding-right:30px;
}
body.android #musarea div#musics_m ul#musiclist_m li
{
	/*float:left;*/
}
#musarea div#musics_o ul.musiclist li.wide
{
	width:880px;
	float:left;
}
#musarea div#musics_o ul#musiclist_o li.even
{
	padding-right:30px;
}
#musarea div#musics_m ul.musiclist li .leftblock, #musarea div#musics_o ul.musiclist li .leftblock
{
	width:160px;
	float:left;
	padding-right:15px;
}
#musarea div#musics_m ul.musiclist li .rightblock, #musarea div#musics_o ul.musiclist li .rightblock
{
	width:250px;
	float:right;
}
#musarea div#musics_o ul.musiclist li.wide .centerblock
{
	width:120px;
	float:left;
	padding-right:15px;
}
#musarea div#musics_o ul.musiclist li.wide .rightblock
{
	width:550px;
	float:left;
}

/*for [magazine] kurokimeisa*/
#musarea div#musics_o ul.musiclist li .centerblock2
{
	width:120px;
	float:left;
	padding-right:10px;
}
#musarea div#musics_o ul.musiclist li .rightblock2
{
	width:120px;
	float:left;
}
/*end*/

#musarea ul.musiclist .wrapbtn
{
	width:120px;
	float:left;
}
.jac_loaded_div
{
	width:640px;
}
.jac_loaded_div .leftblock
{
	width:300px;
	padding-right:30px;
	float:left;
}
.jac_loaded_div .rightblock
{
	width:300px;
	float:right;
}
.jac_loaded_div #tracklist
{
	border-top:1px solid #8e3fdc;
}
.jac_loaded_div #tracklist li
{
	font-size:12px;
	padding:10px 20px;
	border-bottom:1px solid #8e3fdc;
}
.jac_loaded_div a:link, .jac_loaded_div a:visited
{color:#ffffff; text-decoration:none;}
.jac_loaded_div a:hover, .jac_loaded_div a:active
{color:#8e3fdc; text-decoration:underline;}
.jac_loaded_div p{color:#cccccc;}

.closebtn
{
	width:83px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
.closebtn img
{
	display:block;
}

/*////////////////////////////////////////

lyrics

////////////////////////////////////////*/
#lyrarea
{
	/*background:url(libs/images/lyr_bg.jpg) 0 0 no-repeat;*/
	padding-top:100px;
}
#lyrarea h3
{
	margin-bottom:30px;
}
#lyrarea .lyriclist li
{
	width:820px;
	padding:15px 30px;
	background:url(../images/low_pattern_bk.jpg) 0 0 repeat;
}

#lyrarea .lyriclist li p{color:#cccccc;}

#lyrarea #lyriclist_m a:link, #lyrarea #lyriclist_m a:visited
{color:#f8bc00; text-decoration:none;}
#lyrarea #lyriclist_m a:hover, #lyrarea #lyriclist_m a:active
{color:#8e3fdc; text-decoration:underline;}

#lyrarea #lyriclist_o a:link, #lyrarea #lyriclist_o a:visited
{color:#cea755; text-decoration:none;}
#lyrarea #lyriclist_o a:hover, #lyrarea #lyriclist_o a:active
{color:#8e3fdc; text-decoration:underline;}


/*////////////////////////////////////////

extras

////////////////////////////////////////*/
#extarea
{
	/*background:url(libs/images/ext_bg.jpg) 0 0 no-repeat;*/
	padding-top:90px;
}
#extarea h3
{
	margin-bottom:30px;
}
#extarea .wrap_content
{
	width:840px;
	padding:15px 20px;
	background-color:#000000;
	background:url(../images/low_pattern_bk.jpg) 0 0 repeat;
}
#extarea #extralist li
{
	margin-bottom:20px;
}
#extarea #extralist li.last
{
	margin-bottom:0px;
}
#extarea li.extraitem img
{
	display:block;
	margin:15px 0;
}
#extarea .extra_title
{
	padding-left:27px;
	background:url(../images/new_postcat.png) 0 3px no-repeat;
}
#extarea .extra_text
{
	margin-top:5px;
}


/*////////////////////////////////////////

extras

////////////////////////////////////////*/
#conarea
{
	/*
	background:url(libs/images/con_bg.jpg) 0 0 no-repeat;
	padding-top:90px;
	*/
}
#conarea h3
{
	margin-bottom:30px;
}
#conarea .wrap_content
{
	width:840px;
	padding:15px 20px;
	background-color:#000000;
	background:url(../images/low_pattern_bk.jpg) 0 0 repeat;
}
#conarea ul#bannerlist li
{
	float:left;
}
#conarea li#bn_twitter
{
	width:141px;
}
#conarea li#bn_facebook
{
	width:118px;
}
#conarea li#bn_mixi
{
	width:104px;
}
#conarea li#bn_youtube
{
	width:92px;
}


/*////////////////////////////////////////

pray

////////////////////////////////////////*/
div#pray
{
	/*
	width:880px;
	padding:30px;
	background-color:#4b2173;
	*/
}
#pray .left
{
	width:415px;
	padding-right:50px;
	float:left;
}
#pray .right
{
	width:415px;
	float:left;
}