@charset "utf-8";

/*====================================================================

level2.css

======================================================================

	01.common elements
	02.profile
	03.schedule
	04.fanclub


last update 09/05/27

=====================================================================*/

/*--------------------------------------------------------------------
	01.common elements
--------------------------------------------------------------------*/

/*	1-1.body
----------------------------------------------------------------*/
body{background: url(../img/bg_body.gif) repeat-x;}


/*	1-2.wrapper
----------------------------------------------------------------*/
#wrapper{
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bg_wrapper.jpg) no-repeat top center;
}
h2{
	margin-left: auto;
	margin-right: auto;
	width: 890px;
	height: 160px;
}


/*	1-3.container inner
----------------------------------------------------------------*/
#inner{
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bg_inner.gif) repeat-y;
	width: 830px;
}
#inner:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#inner a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*	1-4.topic path
----------------------------------------------------------------*/
/* topic path */
ul#topic-path{
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	background: #ffffff url(../img/bg_tp-ul.gif) repeat-x;
	height: 55px;
	text-align: left;
	font-size: 10px;
}
ul#topic-path li{
	display: inline;
	padding-left: 3px;
	line-height: 25px;
}
ul#topic-path li a{
	padding-right:10px;
	background:url(../img/bg_topic-path.gif) no-repeat right center;
}
#topic-path a:link,
#topic-path a:visited,
#topic-path a:hover,
#topic-path a:active{color: #f85643;}



/*	1-5.contents / sidebar
----------------------------------------------------------------*/

/* contents */
#contents{
	float: left;
	margin-top: -30px;
	width: 600px;
}
#contents h3{margin-top: 30px;}

/* sidebar */
#sidebar{
	float: right;
	width: 200px;
}
#sidebar img{margin-top: 10px;}

/* box */
.box{
	width: 600px;
	text-align: left;
}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box p{padding: 20px 20px 0 20px;}
.box img.right{
	float: right;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;x
}
.box img.left{
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
}

/* box2 */
.box2{
	margin-left: auto;
	margin-right: auto;
	width: 570px;
	text-align: left;
}
.box2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box2 h4{
	padding: 0 5px;
	color: #b18f27;
	font-size: 14px;
	font-weight: bold;
}
.box2 h4.mt{margin-top: 20px;}
.box2 img{border: solid 1px #d7d1d1;}
.box2 img.right{
	float: right;
	margin-top: 15px;
}
.box2 img.left{
	float: left;
	margin-top: 15px;
}

/* box3 */
.box3{
	margin-left: auto;
	margin-right: auto;
	width: 590px;
	text-align: left;
}
.box3:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box3 h4{
	margin-top: 20px;
	padding: 0 15px;
	color: #b18f27;
	font-size: 14px;
	font-weight: bold;
}
.box3 img{border: solid 1px #d7d1d1;}
.box3 img{
	display: inline;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}


/* btn */
#btn{
	background: url(../img/bg_btn.gif) no-repeat top;
	margin-top: 50px;
	padding-top: 20px;
	border-top: solid 1px #d1c4c4;
	border-bottom: solid 1px #d1c4c4;
	width: 600px;
}
#btn:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#btn p{
	padding: 5px 15px 0 15px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
#btn img.right{
	float: right;
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 15px;
}
#btn div{margin-top: 15px;}
#btn div img#back{
	float: left;
	padding-bottom: 5px;
}
#btn div img#next{
	float: right;
	padding-bottom: 5px;
}
#inner #btn a img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* table */
#contents table.lv2_t{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bg_dot.gif) repeat-x top;
	width: 580px;
}
#contents table.lv2_t tr{background: url(../img/bg_dot.gif) repeat-x bottom;}
#contents table.lv2_t th{
	padding: 10px;
	border-right: solid 1px #e7e7e7;
	width: 90px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
#contents table.lv2_t td{
	padding: 10px;
	text-align: left;
}



/*--------------------------------------------------------------------
	02.profile
--------------------------------------------------------------------*/

/*	2-1.profile
----------------------------------------------------------------*/
.box#profile img{
	float: left;
	margin-top: 20px;
	margin-right: 0;
}
.box#profile div{
	float: right;
	width: 320px;
}


/*	2-2.gallery tool
----------------------------------------------------------------*/
.box.gallery{padding-left: 15px;}
.box.gallery table{
	float: left;
	margin:20px 15px 0px 0px;
	width: 275px;
}
.box.gallery td{padding: 10px 0;}


/*	2-3.knit house
----------------------------------------------------------------*/
.box#kh-info img{
	float: left;
	margin-top: 20px;
	margin-right: 0;
}
.box#kh-info div{
	float: right;
	width: 320px;
}
.box#kh-info div div{
	margin-top: 15px;
	margin-right: 10px;
	background: url(../../profile/img/03/bg_kh-info.gif) repeat-y;
	border-top: solid 1px #c6c4c3;
	border-bottom: solid 1px #c6c4c3;
	width: 290px;
}
.box#kh-info div div p{
	padding: 10px;
	color: #ffffff;
}
.box#kh-info div div strong{color: #ffffff;}
#amiami{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../profile/img/03/bg_kh-amiami.gif) repeat-y;
	border-top: solid 1px #c6c4c3;
	border-bottom: solid 1px #c6c4c3;
	width: 570px;
	text-align: left;
}
#amiami p{
	padding: 15px 20px;
	color: #ffffff;
	line-height: 2;
}
#amiami strong{color: #ffffff;}
#amiami a:link,
#amiami a:visited,
#amiami a:hover,
#amiami a:active{color: #ffffff;}



/*--------------------------------------------------------------------
	03.schedule
--------------------------------------------------------------------*/

/*	3-1.schedule btn
----------------------------------------------------------------*/
#schedule-btn{
	position: relative;
	margin-top: 30px;
	background: url(../../schedule/img/01/bg_schedule-btn.gif) no-repeat;
	width: 600px;
	height: 80px;
	overflow: hidden;
}
#schedule-btn h3{text-indent: -9999px;}
#schedule-btn img{
	position: absolute;
	top: 0;
	right: 0;
}
#inner #schedule-btn a img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/*	3-2.schedule tool
----------------------------------------------------------------*/
.box.schedule{
	margin-top: -30px;
}
.box.schedule table{
	margin-top: 20px;
	margin-left: 15px;
	width: 560px;
}
.box.schedule td{
	text-align: left;
	padding: 10px;
}
.box.schedule td.ktText hr{
	margin:15px 0 5px 0;
	border: none;
	border-top: solid 1px #ffffff;
	border-bottom:1px dotted #bfbeb9;
}

/*	3-3.release
----------------------------------------------------------------*/
.box.book div{
	display: inline;
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	width: 166px;
}
.box.book div p{
	text-align: center;
	padding: 10px 0;
}


/*--------------------------------------------------------------------
	04.fanclub
--------------------------------------------------------------------*/
.box#flow p{border-bottom: dotted 1px #e5e5e5;}
.box p#step1,
.box p#step2,
.box p#step3,
.box p#step4,
.box p#step5,
.box p#step6{
	margin-top: 20px;
	padding: 5px 10px 20px 70px;
}
.box p#step1{background: url(../../fanclub/img/bg_step1.gif) no-repeat left top;}
.box p#step2{background: url(../../fanclub/img/bg_step2.gif) no-repeat left top;}
.box p#step3{background: url(../../fanclub/img/bg_step3.gif) no-repeat left top;}
.box p#step4{background: url(../../fanclub/img/bg_step4.gif) no-repeat left top;}
.box p#step5{background: url(../../fanclub/img/bg_step5.gif) no-repeat left top;}
.box p#step6{background: url(../../fanclub/img/bg_step6.gif) no-repeat left top;}
.box#flow ul{
	margin-top: 15px;
	margin-left: 15px;
}
.box#flow ul li{
	padding: 6px 10px 5px 30px;
	background: url(../../fanclub/img/bg_flow-li.gif) no-repeat left top;
	text-align: left;
}
#contents table.lv2_t ul li{
	padding: 3px 0 8px 28px;
	background: url(../../fanclub/img/bg_ulli.gif) no-repeat top left;
}

#contents table.lv2_t ul#number li#no1,
#contents table.lv2_t ul#number li#no2,
#contents table.lv2_t ul#number li#no3,
#contents table.lv2_t ul#number li#no4,
#contents table.lv2_t ul#number li#no5,
#contents table.lv2_t ul#number li#no6,
#contents table.lv2_t ul#number li#no7,
#contents table.lv2_t ul#number li#no8{padding: 3px 0 8px 28px;}
#contents table.lv2_t ul#number li#no1{background: url(../../fanclub/img/bg_no1.gif) no-repeat top left;}
#contents table.lv2_t ul#number li#no2{background: url(../../fanclub/img/bg_no2.gif) no-repeat top left;}
#contents table.lv2_t ul#number li#no3{background: url(../../fanclub/img/bg_no3.gif) no-repeat top left;}
#contents table.lv2_t ul#number li#no4{background: url(../../fanclub/img/bg_no4.gif) no-repeat top left;}
#contents table.lv2_t ul#number li#no5{background: url(../../fanclub/img/bg_no5.gif) no-repeat top left;}
#contents table.lv2_t ul#number li#no6{background: url(../../fanclub/img/bg_no6.gif) no-repeat top left;}
#contents table.lv2_t ul#number li#no7{background: url(../../fanclub/img/bg_no7.gif) no-repeat top left;}
#contents table.lv2_t ul#number li#no8{background: url(../../fanclub/img/bg_no8.gif) no-repeat top left;}

#contents table.lv2_t ul li ul{margin-top: 5px;}
#contents table.lv2_t ul li ul li{
	padding: 3px 0 0 25px;
	background: url(../../fanclub/img/bg_ululli.gif) no-repeat top left;
}

/*	4-1.member
----------------------------------------------------------------*/
.box.member th{
	padding-top: 10px;
}
.box.member td{padding: 10px;}







/* form */
.w19{
	width: 19px;
}
#contents table#sub{
	margin-top: 30px;
	width: 580px;
	background: url(../img/bg_dot.gif) repeat-x top;
}
#contents table#sub tr{background: url(../img/bg_dot.gif) repeat-x bottom;}
#contents table#sub td{border: none;}

.submit_box{
	margin-top: 20px;
	margin-left: 20px;
	width: 580px;
	text-align: left;
}
.submit{
	text-align: left;
}