/**
 * RIKA ISHII OFFICIAL.
 * @author Adrien Dufond - manmaru, Inc.
 * @version 1
 * @since 2014/10/21
 * @license Copyright (c) 2014, balance Inc. All rights reserved.
 */

* { margin: 0; padding: 0 }
img, iframe { border: none }
html { width: 100%; height: 100% }
body { 
	width: 100%;
	height: 100%; 
	/*font-family:"Hiragino Kaku Gothic Pro",Meiryo,arial;*/
	/* font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6"; font-weight:bold; */
	
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,arial;
	
	font-size: 11px;
	color: #000;
	background-color: #000;
}

_::-moz-progress-bar, body:last-child {
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3",Meiryo,arial;
}

* html body:last-child {
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3",Meiryo,arial;
}

.kgw3 { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3"; letter-spacing: 0;}
.kgw6 { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6"; font-weight:bold;}
.kgw8 { font-family: "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8"; }
.mgw4 { font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4"; }
.mw3 { font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3"; }
.mw6 { font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W6"; font-weight:bold;}

.al0 { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; display: none; }
.ac { width: 880px; margin: 0 auto }


#intro-logo { 
	position: absolute;
	width: 105px; height: 19px;
	margin: auto;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 12;
}

nav {
	position: fixed;
	left: 0 ; top: 0;
	width: 100%; height: 80px;
	background: url("../../media/img/layout/bg-nav.png") left top repeat;
	z-index: 15;
}


nav #logo {
	float: left;
	padding: 20px 0 0 0;
}


nav ul { float: right; list-style: none; height: 15px; padding: 23px 0 0 0; }
nav ul li { display: inline; padding: 0 0 0 7px; }


.ac2 { width: 1080px; margin: 0 auto }
aside {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%; height: 135px;
	background: url("../../media/img/layout/bg-nav.png") left top repeat;
	z-index: 12;
}

aside .aside-content { 
}
aside .aside-l { 
	float: left;
	width: 779px;
}
aside .aside-r { 
	float: right;
	width: 288px;
	margin-top: -28px;
}
#modal {
	display: none;
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: url("../../media/img/layout/bg-section.png") left top repeat;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 12;
}


/*
 * NEWS
 */
section#news {
	display: none;
	position: absolute;
	width: 860px;
	left: 50%;
	margin-left: -430px;
	margin-top: 155px;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    height: 250px;
	z-index: 14
}


section#news .news-menu { width: 100%;  }
section#news .news-menu-title { float: left; font-size: 16px; font-weight: bold; width: auto }
section#news .news-menu-selecter { margin-left: 120px  }
section#news .news-menu-selecter ul {  }
section#news .news-menu-selecter ul li { list-style: none; font-size: 11px; float: left; margin: 5px 20px 0 0  }
section#news #news-content {
	clear: both;
	margin-top: 60px;
	width: 100%;	
}
section#news #news-content article {
	margin-bottom: 60px
}

section#news #news-content article hr {
	margin-top: 60px;
	border: 0; border-bottom: 1px dashed #000
}
section#news #news-content article h2 {
	font-size: 13px;
	margin-bottom: 30px;
}
section#news #news-content article p {
	font-size: 11px;
}
section#news #news-content article a, section#news #news-content article a:hover, section#news #news-content article a:visited {
	text-decoration: none;
	color: #008cd6
}

section#news #news-loader { 
	display: none;
	clear: both;
	margin-top: 60px;
}

/*
 * PROFILE
 */
section#profile {
	display: none;
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 155px;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 14
}
section#profile .profile-l { display: block; float: left; width: 220px }
section#profile .profile-r { display: block; word-wrap: break-word; float: left } 
section#profile .profile-r h2 { font-size: 13px; font-weight: bold; margin: 0 0 25px 0 }
section#profile .profile-r ul { }
section#profile .profile-r ul li { list-style: none; font-size: 12px; line-height: 20px }
section#profile .profile-r p { font-size: 12px; margin: 25px 0 0 0; line-height: 20px  }


/*
 * discography
 */
section#discography {
	display: none;
	position: absolute;
	width: 660px;
	left: 50%;
	margin-left: -330px;
	margin-top: 155px;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 14;
}

section#discography h2 {
	margin: 40px 0 20px 0;
	text-transform: uppercase;
	font-size: 12px;
}

section#discography ul {
	position: relative; 
	margin: 0;
	padding: 0 0 25px 0;
}

section#discography ul li {
	 list-style: none;
	 float: left;
	 margin: 0 20px 25px 0;
	 padding: 0;
}
section#discography ul li:last-child { margin: 0 }
section#discography figcaption { font-size: 11px }

figure { padding: 0; margin: 0 }

section#discography .dot-sep { position: relative; clear: both; width: 100%; height: 1px; background: url(../../media/img/layout/hp-sep.gif) left top repeat;  }
section#discography #disc-l3-l { display: block; float: left; }
section#discography #disc-l3-r { display: block; float: right; padding-top: 40px }
section#discography #disc-l3-r .disc-title { font-weight: bold; font-size: 13px; margin-left: -15px; padding: 0; }
section#discography #disc-l3-r ul { margin: 20px 0 0 0;  }
section#discography #disc-l3-r ul li { list-style:disc; float: none; margin: 0; padding: 0 }


section#discography .discography-title {
	position: relative; 
	width: 100%;
	margin-bottom: 20px;
	height: 60px;
	clear: both;
}
section#discography .h2 {
	position: absolute;
	top: 0;
	font-size: 14px;
}
section#discography .dot-sep-title {
	position: absolute; top: 11px; left: 100px; width: 570px; height: 1px; background: url(../../media/img/layout/hp-sep.gif) left top repeat; 
}
section#discography .discography-content {
	clear: both;
	position: relative; 
	left: 50%;
	width: 570px;
	margin-left: -285px;
}

section#discography .discography-cover { clear: both; float: left; margin: 0 30px 10px 0 }
section#discography .discography-cover-single { clear: both; float: left; margin: 0 30px 60px 0 }
section#discography .discography-explain { float: left; font-size: 11px; word-wrap: break-word; line-height: 19px; }
section#discography .discography-explain-txt { margin-top: 20px;  }
section#discography .discography-explain h3 { font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 30px 0 0; padding: 0 }
section#discography .discography-explain h3 span { font-size: 10px; font-weight: bold; line-height: 10px; }
section#discography .discography-explain ul { margin: 0; padding: 0; }
section#discography .discography-explain ul li { clear: both; margin: 0; padding: 0; font-size: 11px; line-height: 19px;  }
section#discography .discography-tracklist { clear: both; margin: 0 0 60px 0; overflow: auto; }
section#discography .discography-tracklist ul { margin: 0; padding: 0; }
section#discography .discography-tracklist ul li { clear: both; margin: 0; padding: 0; font-size: 11px; line-height: 19px; }
section#discography #suchabeautiful-cover { height: 600px; /*for scroll*/ }

/*
 * CONTACT
 */
section#contact {
	display: none;
	position: absolute;
	width: 460px;
	left: 50%;
	margin-left: -230px;
	margin-top: 175px;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 14
}

section#contact input { width: 340px; height: 27px; border: 0; margin: 0 0 20px 0 }
section#contact textarea { width: 340px; height: 115px; border: 0; margin: 0 0 20px 0 }
section#contact label { text-align: right; margin: 0 0 20px 0; padding: 3px 20px; width: 80px; display:inline-block; vertical-align: top; }


#cSubmit, #cCancel { display: block; text-align: center; padding:10px; background: #666464; color: #fff }
#cSubmit { width: 40px; position: absolute; left: 120px; top: 280px }
#cCancel { width: 80px; position: absolute; left: 200px; top: 280px }
.error { background-color: #bc0000; }



/*
 * NEWS
*/
section#news-live, section#news-release, section#news-media, section#news-other { 
	display: none;
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 135px;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 14	
}


section#news-live h2, section#news-release h2, section#news-media h2, section#news-other h2 { 
	font-size: 20px; font-weight: bold; margin: 0 0 55px 0
}




/*
 * MEMBER
 */
section#member {
	display: none;
	position: absolute;
	text-align: center;
	width: 490px;
	left: 50%;
	margin-left: -245px;
	margin-top: 175px;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 13
}

section#member h2 { font-size: 20px; padding-bottom: 50px }
section#member .h2 { font-size: 12px; line-height: 20px; padding-bottom: 50px }
section#member .h3 { font-size: 11px; }
section#member .h4 { text-align: left; font-size: 10px; line-height: 20px; }
section#member .member-btn { position: relative; display: block; overflow: auto; margin: 15px 0 30px 0 }
section#member a.member-btn-l, 
section#member a.member-btn-l:hover, 
section#member a.member-btn-l:visited {
	 position: relative; display: block; 
	 float: left; width: 48%; height: 45px; 
	 text-decoration: none;
	 line-height: 45px;
	 background-color: #6e7c7c; color: #fff 
}
section#member a.member-btn-r, section#member a.member-btn-r:hover, section#member a.member-btn-r:visited { 
	position: relative; display: block;
	float: right; width: 48%; height: 45px; 
	text-decoration: none;
	line-height: 45px;
	background-color: #000; color: #fff 
}



section#member #member-selecter {

}

section#member #member-join {
	display: none;
	position:absolute;
	top: 0;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

section#member #member-quit {
	display: none;
	position:absolute;
	top: 0;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

#jSubmit, #jCancel { display: block; text-align: center; padding:10px; background: #666464; color: #fff }
#jSubmit { width: 40px; position: absolute; left: 220px; top: 320px }
#jCancel { width: 80px; position: absolute; left: 300px; top: 320px }
#member-join input { width: 240px; height: 27px; border: 0; margin: 0 0 20px 0 }
#member-join label { text-align: right; margin: 0 0 20px 0; padding: 3px 20px; width: 180px; display:inline-block; vertical-align: top; }

#qSubmit, #qCancel { display: block; text-align: center; padding:10px; background: #666464; color: #fff }
#qSubmit { width: 40px; position: absolute; left: 220px; top: 180px }
#qCancel { width: 80px; position: absolute; left: 300px; top: 180px }
#member-quit input { width: 240px; height: 27px; border: 0; margin: 0 0 20px 0 }
#member-quit label { text-align: right; margin: 0 0 20px 0; padding: 3px 20px; width: 180px; display:inline-block; vertical-align: top; }

/*
 * RADIO
 */
section#radio {
	display: none;
	position: absolute;
	text-align: center;
	width: 310px;
	left: 50%;
	margin-left: -155px;
	margin-top: 155px;
	-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 14
}

section#radio h2 { font-size: 20px; padding-bottom: 0px }
section#radio .h2 { font-size: 15px }

section#radio table { position: relative; margin-top: 55px;width:100% }
section#radio table tr { display: block; margin-bottom: 30px }