@charset "utf-8";

/* common */

body{
color:#333333;
font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック";
font-size:12px;
line-height:1.4;
background:url(../img/home/bg_1.gif) #000000;
}

img{border:none;
}

img.line1{border:#FFFFFF 1px solid;
}

a{text-decoration:none; color:#E06060;}
a:hover{text-decoration:none; color:#5b462f;}
a:active{}
a:visited{}

a span.flash{text-decoration:none; color:#E96969;}
a:hover span.flash{text-decoration:underline; color:#5b462f;}

h1{
color:#63422c;
}

.bold{font-weight:bold;}

iframe{border:none; margin:0px; padding:0px;
width:800px; height:180px;
}

hr.line1{border:#999999 1px solid;
}

hr.line2{border:#999999 1px dashed;
}

td.middlecenter, tr.middlecenter, table.courseflow tr td{vertical-align:middle; text-align:center;}
td.middleleft, tr.middleleft{vertical-align:middle; text-align:left;}
td.middleright, tr.middleright{vertical-align:middle; text-align:right;}
td.topcenter, tr.topcenter{vertical-align:top; text-align:center;}
td.topleft, tr.topleft{vertical-align:top; text-align:left;}
td.topright, tr.topright{vertical-align:top; text-align:right;}


div.box1{
border:#666633 1px solid; background-color:#CBC1A5;
}

textarea{font-size:12px;
}


#button1 {float:right; white-space:nowrap; margin:3px; display:inline; vertical-align:middle;	height:40px; width:215px;}
#button1 a{
	background:url(../img/home/btn1.png) no-repeat left top;
	display:block;
	height:32px;
	text-align:center; vertical-align:middle;
	padding-top:8px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;	
}

#button1 a:hover{background-position:left bottom; color:#F09BB9;}



/*-----------------------------------------------
 container
-----------------------------------------------*/

#bg{
width:100%; height:100%;
background:url(../img/home/bg_2.png) no-repeat top center;
text-align:center;
z-index:1;
}


#head, #menu, #head_left, #head_right, #body, #main, #body_left, #body_right, #foot, #foot_center, #foot_left, #foot_right{
margin:0 auto; padding:0px;
}


/* header */
#head{
background:url(../img/home/head.png) no-repeat bottom center;
text-align:center;
width:1020px; height:140px;
display:block;
}

#menu{
text-align:center;
width:800px;
height:140px;
}


/* body */
#body{
background:url(../img/home/body.png) repeat-y top center;
text-align:center;
width:1020px;
display:block;
}

#main{
text-align:center;
width:780px;
min-height:500px;
/height:500px;
display:block;
}



/* footer */
#foot{
background:url(../img/home/foot.png) no-repeat top center;
text-align:center;
width:1020px; height:150px;
display:block;
}

#foot_center{
text-align:center;
width:800px; height:180px;
}


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

#info{
text-align:left;
margin:0px; padding:0px 10px;
}

#info div.title{
background:url(../img/info/title_info.png) no-repeat top left;
padding:0px; margin:0px 0px 10px 0px;
height:55px;
}

#info h1{
display:block;
background:url(../img/info/bar_1.png) no-repeat top center;
height:36px;
font-size:14px; font-weight:bold;
vertical-align:middle;
padding:6px 20px 0px 65px;
margin:0px;
}

#info p{
padding-left:20px;
margin:0px;
}


/*-----------------------------------------------
 profile
-----------------------------------------------*/

#profile{
text-align:left;
margin:0px; padding:0px 10px;
width:780px;
}

#profile div.title{
background:url(../img/profile/title_profile.png) no-repeat top left;
padding:0px; margin:0px;
height:55px; width:760px;
text-align:right;
}

#profile div.title a{
padding-right:20px;
font-size:16px; font-weight:bold;
}


#profile .9que_photo{
background:url(../img/profile/photo_back.png) no-repeat top center;
padding:0px; margin:0px;
height:350px; width:530px;
float:left;
}

#profile .right{
height:350px; width:230px;
padding:0px; margin-right:10px;
float:right;
}

#member{display:block;
width:760px;
}




/* milestone */

#bio{
text-align:left;
margin:0px; padding:0px 10px;
width:780px;
}

#bio div.title{
background:url(../img/profile/title_milestone.png) no-repeat top left;
padding:0px; margin:0px 0px 10px 0px;
height:55px; width:760px;
text-align:right;
}

#bio div.title a{
padding-right:20px;
font-size:16px; font-weight:bold;
}

#bio td{
vertical-align:text-top; text-align:left;
}

#yeartab{width:700px; text-align:center; margin:0px 10px;
}

#yeartab h2{
margin:0px 0px 2px 0px; padding:1px 20px;
border-bottom:#aaaaaa 1px solid;
width:700px;
background-color:#333333;
font-size:14px; color:#cccccc;
text-align:left;
}

table.bio tr{text-align:left;
}
td.month{font-weight:bold; width:30px; text-align:left;
}


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

#schedule{
text-align:left;
margin:0px; padding:0px 10px;
}

#schedule div.title{
background:url(../img/schedule/title_schedule.png) no-repeat top left;
padding:0px; margin:0px 0px 10px 0px;
height:55px; width:760px;
text-align:right;
}

#schedule h1{
display:block;
background:url(../img/schedule/bar_2.png) no-repeat top center;
height:36px;
font-size:14px; font-weight:bold;
vertical-align:middle;
padding:6px 20px 0px 70px;
margin:0px;
}

#schedule p{
padding-left:20px;
margin:0px;
}



/*-----------------------------------------------
 discography
-----------------------------------------------*/

#disc{
text-align:left;
margin:0px; padding:0px 10px;
}

#disc div.title{
background:url(../img/discography/title_disc.png) no-repeat top left;
padding:0px; margin:0px 0px 10px 0px;
height:55px;
}

#disc h1{text-align:center;
background:url(../img/discography/album.png) no-repeat top center;
}

/*-----------------------------------------------
 9que-shop
-----------------------------------------------*/

#goods{
text-align:left;
margin:0px; padding:0px 10px;
}

#goods div.title{
background:url(../img/goods/title_goods.png) no-repeat top left;
padding:0px; margin:0px 0px 10px 0px;
height:55px;
}

div.photo130{background:url(../img/goods/img_130_shadow.png) no-repeat top left;
width:140px; height:140px;
padding:3px;
}


/*-----------------------------------------------
 form
-----------------------------------------------*/

#form{
text-align:left;
margin:0px; padding:0px 10px;
}

#form div.title-contact{
background:url(../img/form/title_contact.png) no-repeat top left;
padding:0px; margin:0px 0px 10px 0px;
height:55px;
}

#form div.title-reserve{
background:url(../img/form/title_reserve.png) no-repeat top left;
padding:0px; margin:0px 0px 10px 0px;
height:55px;
}

#form sup{color:#FF0000;
}

#form input.deco, #form textarea.deco, #form select.deco, #form select option.deco{
border:#666633 1px solid; background-color:#CBC1A5;
}