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

/* browser style reset
------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0;}
html{}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;}
address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal;}
img{margin:0px; padding:0px; border:none}


/* clearfix
------------------------------------------ */
/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* ---------------------------------------- */
/*               gloval style               */
/* ---------------------------------------- */

/* body
------------------------------------------ */
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:130%;
	color:#222222;
	text-align:center;
	scrollbar-arrow-color:      #B3A794; /*矢印　　　*/
	scrollbar-3dlight-color:    #B3A794; /*外側┌　　*/
	scrollbar-darkshadow-color: #B3A794; /*外側　┘　*/
	scrollbar-face-color:       #E0D2BA; /*キーカラー*/
	scrollbar-highlight-color:  #E0D2BA; /*内側┌　　*/
	scrollbar-shadow-color:     #E0D2BA; /*内側　┘　*/
	text-align:center;
	background:url(../../img/bg.gif) no-repeat top center #01abcf;
}

div#container {
	width:700px;
	margin:auto;
	padding:0;
}

a {	color:#c2124c;}
a:visited {	color:#c2124c;}
a:hover {	color:#c2124c;}



/* ---------------------------------------- */
/*                top style                 */
/* ---------------------------------------- */

div#top_title{
	margin:0;
	padding-top:20px;
}

div#top_title h1{
	text-indent:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
}

/* top_nav
------------------------------------------ */
div#top_nav {
	float:left;
	width:320px;
	text-align:left;
	margin:0;
	padding:0;
}

div#top_nav a{
	display:block;
	width:320px;
	color:#222222;
	margin-bottom:10px;
	padding-bottom:5px;;
	text-decoration:none;
	overflow:hidden;
}

div#top_nav a:hover{
	background-color:#d22466;
}

div#top_next h2{
	background:url(../../img/btn_top_next.gif) no-repeat top left;
	text-indent:-9999px;
	width:140px;
	height:30px;
}
div#top_about h2{
	background:url(../../img/btn_top_about.gif) no-repeat top left;
	text-indent:-9999px;
	width:140px;
	height:30px;
}
div#top_member h2{
	background:url(../../img/btn_top_member.gif) no-repeat top left;
	text-indent:-9999px;
	width:140px;
	height:30px;
}
div#top_disco h2{
	background:url(../../img/btn_top_disco.gif) no-repeat top left;
	text-indent:-9999px;
	width:140px;
	height:30px;
}
div#top_link h2{
	background:url(../../img/btn_top_link.gif) no-repeat top left;
	text-indent:-9999px;
	width:80px;
	height:30px;
}
div#top_mail h2{
	background:url(../../img/btn_top_mail.gif) no-repeat top left;
	text-indent:-9999px;
	width:140px;
	height:30px;
}


div#top_next a:hover h2{ background:url(../../img/btn_top_next_o.gif) no-repeat top left;}
div#top_about a:hover h2{ background:url(../../img/btn_top_about_o.gif) no-repeat top left;}
div#top_member a:hover h2{ background:url(../../img/btn_top_member_o.gif) no-repeat top left;}
div#top_disco a:hover h2{ background:url(../../img/btn_top_disco_o.gif) no-repeat top left;}
div#top_link a:hover h2{ background:url(../../img/btn_top_link_o.gif) no-repeat top left;}
div#top_mail a:hover h2{ background:url(../../img/btn_top_mail_o.gif) no-repeat top left;}


div#top_link a{
	float:left;
	width:80px;
}

div#top_mail a{
	float:right;
	width:232px;
}


div#flash_area {
	float:right;
	text-align:right;
	width:370px;
	height:500px;
}


/* top_sec
------------------------------------------ */

div#top_sec {
	width:700px;
	margin:0;
	padding:0;
}

div#top_blog_area {
	float:left;
	background:url(../../img/bg_blog_area.gif) no-repeat top left;
	width:155px;
	height:222px;
	margin:0;
	padding:0;
}

div#top_blog {
	width:155px;
	height:131px;
	margin:0;
	padding:0;
}

div#top_blog p{
	text-indent:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
}


div#info_area {
	float:left;
	width:340px;
	padding-left:10px;
}

div#history_bd {
	width:340px;
	text-align:left; 
	color:#FFFFFF;
	background:url(../../img/bg_info_bd.gif) repeat-y top left;
}
div#history_bd h2 {
	text-indent:-9999px;
	background:url(../../img/bg_history_hd.gif) no-repeat top left;
	width:340px;
	height:30px;
	margin:0;
	padding:0;
}
div#history_ft {
	width:340px;
	background:url(../../img/bg_info_ft.gif) no-repeat bottom left;
	padding-bottom:28px;
	margin-bottom:10px;
}

div#history_bd dl{
	padding-left:20px;
	line-height:180%;
}

/* safari2.0 only \*/
html:\66irst-child div#history_bd dl { letter-spacing:-1px}
/****************/
	
/* safari3.0 only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){ div#history_bd dl { letter-spacing:-1px}}
/****************/


div#history_bd dt{
	float:left;
	width:5em;
}


div.info2_hd {
	background:url(../../img/bg_info_hd.gif) no-repeat top left;
	width:340px;
	margin:0;
	padding-top:35px;
}
div.info2_ft {
	width:340px;
	background:url(../../img/bg_info2_ft.gif) no-repeat bottom left;
	padding-bottom:10px;
	margin-bottom:10px;
}
div.info_bd {
	width:340px;
	text-align:left; 
	color:#FFFFFF;
	background:url(../../img/bg_info_bd.gif) repeat-y top left;
	line-height:140%;
}

div.info_bd p{
	width:300px;
	padding-left:20px;
}

div.info_bd a{
	color:#FF9900;
}

div.info_bd b{
	color:#FF9900;
}


div#bnr_area{
	float:right;
	width:185px;
	margin-top:50px;
	line-height:110%;
}

div#bnr_area img{
	margin:0;
	padding-bottom:3px;
}

div.bnr_bd {
	width:185px;
	text-align:left;
	color:#FFFFFF;
	background:url(../../img/bg_bnr_bd.gif) repeat-y top left;
	margin:0;
}
div.bnr_bd p{
	width:160px;
	padding-left:10px;
	font-size:10px;
}
div.bnr_hd {
	background:url(../../img/bg_bnr_hd.gif) no-repeat top left;
	width:185px;
	margin:0;
	padding-top:9px;
}
div.bnr_ft {
	width:185px;
	background:url(../../img/bg_bnr_ft.gif) no-repeat bottom left;
	padding-bottom:9px;
	margin-bottom:10px;
}

/* footer
------------------------------------------ */
div#footer {
	width:700px;
	height:30px;
	font-size:10px;
	color:#0180a0;
	margin:auto;
	padding-top:5px;
}


/* ---------------------------------------- */
/*              content style               */
/* ---------------------------------------- */

/* header
------------------------------------------ */
div#header {
	width:700px;
	margin:0;
	padding:0;
}


div#header h1{
	float:left;
	margin:0;
	padding-top:10px;
}


/* nav
------------------------------------------ */
div#nav{
	float:right;
	margin:0;
	padding-bottom:5px;
}

div#nav ul{
	margin:0;
	padding:0;
}

div#nav li{
	float:left;
	height:63px;
	padding-left:5px;
	margin:0;
}

div#nav li#blog{
	padding-top:5px;
	margin:0;
}



/* content
------------------------------------------ */
div#content_hd {
	background:url(../../img/bg_content_hd.gif) no-repeat top left;
	width:700px;
	margin:0;
	padding-top:10px;
}
div#content_ft {
	width:700px;
	background:url(../../img/bg_content_ft.gif) no-repeat bottom left;
	padding-bottom:10px;
	margin:0;
}
div#content_bd {
	width:700px;
	text-align:left;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

div#main_col {
	width:660px;
	margin:auto;
	padding:0;
}

div#content_bd h2#next {
	background:url(../../img/title_next.gif) no-repeat top left;
	width:700px;
	height:75px;
	text-indent:-9999px;
}
div#content_bd h2#about {
	background:url(../../img/title_about.gif) no-repeat top left;
	width:700px;
	height:75px;
	text-indent:-9999px;
}
div#content_bd h2#member {
	background:url(../../img/title_member.gif) no-repeat top left;
	width:700px;
	height:75px;
	text-indent:-9999px;
}
div#content_bd h2#disco {
	background:url(../../img/title_disco.gif) no-repeat top left;
	width:700px;
	height:75px;
	text-indent:-9999px;
}
div#content_bd h2#link {
	background:url(../../img/title_link.gif) no-repeat top left;
	width:700px;
	height:75px;
	text-indent:-9999px;
}
div#content_bd h2#mail {
	background:url(../../img/title_mail.gif) no-repeat top left;
	width:700px;
	height:75px;
	text-indent:-9999px;
}



/* next
------------------------------------------ */
div.next_note {
	float:right;
	width:400px;
	margin:0;
	padding:0;
	color:#4c4c4c;
}

div.next_note h2{
	font-size:14px;
	margin:0;
	padding-bottom:10px;
}

div.next_note p{
	margin:0;
	padding-bottom:10px;
}


div.next_note dl{
	margin:0;
	padding-bottom:10px;
}
div.next_note dl dt{
	font-weight:bold;
}

div.next_img img{
	margin:0;
	padding-bottom:10px;
}


/* next
------------------------------------------ */
div#about_col {
	width:600px;
	margin:auto;
	padding:0;
	color:#4c4c4c;
	line-height:150%;
	background:url(../../img/bg_about.gif) top center;
}

div#about_col p{
	margin:0;
	padding-bottom:20px;
}


/* member
------------------------------------------ */
div#member_col {
	width:700px;
	margin:0;
	padding-left:8px;
}

div#member_col li{
	float:left;
	width:100px;
	text-align:center;
	margin:0;
	padding-left:12px;
	padding-bottom:20px;
	color:#4c4c4c;
	line-height:100%;
}

div#member_col li img{
	padding-bottom:5px;
	margin:0;
	border:none;
}

div#member_note {
	float:right;
	width:400px;
	margin:0;
	padding:0;
}

div#member_note h2{
	font-size:14px;
	margin:0;
	padding-bottom:10px;
	color:#4c4c4c;
}

div#member_note p{
	margin:0;
	padding-bottom:10px;
	color:#4c4c4c;
}

div#member_img img{
	margin:0;
	padding-bottom:10px;
}




/* discography
------------------------------------------ */
div#disco_col {
	width:700px;
	margin:0;
	padding:0;
}

div.disco_list {
	float:left;
	width:150px;
	height:280px;
	padding-left:20px;
	margin-bottom:10px;
	color:#4c4c4c;
}

div.disco_list img{
	padding-bottom:5px;
}

div.disco_list p{
	padding-bottom:5px;
}

div.disco_list p a{
	font-weight:bold;
}

div.disco_left {
	float:left;
	width:255px;
	padding-bottom:10px;
	margin:0;
}

div.disco_left img.disco_mv{
	padding-bottom:10px;
}

div.disco_left a{
	margin-right:5px;
	margin-bottom:5px;
}

div.disco_left a img, div.disco_left  a  { border: none; overflow: hidden; float: left; }
div.disco_left a:hover { border: 2px solid #ef9535; }
div.disco_left a:hover img { margin: -2px; }

div.disco_right {
	float:right;
	width:400px;
	color:#4c4c4c;
	line-height:150%;
	padding-bottom:10px;
	margin:0;
}

div.disco_right h2{
	font-size:14px;
	margin:0;
	padding-bottom:10px;
}

div.disco_right p{
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}
div.disco_right dl{
	margin:0;
	padding-bottom:10px;
}
div.disco_right dl dt{
	font-weight:bold;
}





/* link
------------------------------------------ */
dl.link_list dt{
	font-weight:bold;
}


dl.link_list dd{
	padding-bottom:20px;
}