/*------------------------------------------------
	index.css - <tokyo> index.html design css
	2008.02.08
	:::toc:::
	import url
	parts design
------------------------------------------------*/

@import url(../../common/common.css);
@import url(../../common/format.css);
@import url(../../common/layout-old.css);
@import url(../../common/navigation.css);

/* parts design
------------------------------------------------*/
h2{border-bottom:1px solid #fff;}
h3{padding:10px 0;}
caption{
	text-align:left;
	font-weight:bold;
}
p{line-height:1.4;}
.borderbg a{
	text-decoration:underline;
	color:#333;
	font-weight:bold;
}
.borderbg a:hover{color:#999;}

/* con-box */
.con-box{
	margin-top:15px;
	padding-bottom:10px;
}
.con-pic{
	float:left;
	margin:0 20px 10px 0;
}
.con-box .con-thema{
	float:left;
	margin:40px 10px 0 10px;
	line-height:1.7;
	font-weight:bold;
}
.con-box .con-thema span{
	font-size:medium;
}
.col-box{
	width:540px;
	margin:0 auto;
}
.col-box p{
	padding:25px 30px;
}

/* col-box color */
#con-zap .con-box{
	background:url(../format_img/bk_zap.gif) 0 71px no-repeat #f3dd77;
}#con-zap .col-box{background:url(../format_img/zap_colboxbk_01.gif) top no-repeat #f8ebad;
}#con-zap .col-box p{background:url(../format_img/zap_colboxbk_02.gif) bottom no-repeat;}

#con-tim .con-box{
	background:url(../format_img/bk_tim.gif) 0 71px no-repeat #8cd384;
}#con-tim .col-box{background:url(../format_img/tim_colboxbk_01.gif) top no-repeat #bae5b5;
}#con-tim .col-box p{background:url(../format_img/tim_colboxbk_02.gif) bottom no-repeat;}

#con-mon .con-box{
	background:url(../format_img/bk_mon.gif) 0 41px no-repeat #9cdce5;
}#con-mon .col-box{background:url(../format_img/mon_colboxbk_01.gif) top no-repeat #ceeef2;
}#con-mon .col-box p{background:url(../format_img/mon_colboxbk_02.gif) bottom no-repeat;}

#con-ala .con-box{
	background:url(../format_img/bk_ala.gif) 0 41px no-repeat #f4c8d9;
}#con-ala .col-box{background:url(../format_img/ala_colboxbk_01.gif) top no-repeat #f7d9e4;
}#con-ala .col-box p{background:url(../format_img/ala_colboxbk_02.gif) bottom no-repeat;}

/* info */
div.con-info{	
	widows:300px;
	margin-left:20px;
}
div.con-info h3{padding-top:10px;}

.borderbg ul{

}.borderbg li{
	margin:0 15px 10px 0;
	display:block;
	list-style:none;
	line-height:1.4;
}.borderbg li a{
	font-weight:normal;
}
.borderbg ul.col-2 li{
	float:left;
	width:265px;
}
#main li.col-1{
	float:left;
	width:575px;
}
.borderbg li strong{
	margin-bottom:5px;
	padding-bottom:3px;
	display:block;
}
.borderbg .con-box li strong{
	margin-bottom:0;
	padding-bottom:0;
}
/* parts color */
#con-zap li strong{
	border-bottom:2px solid #f3dd77;
}
#con-zap h3{
	color:#e1a400;
}
#con-tim li strong{
	border-bottom:2px solid #6ac662;
}
#con-tim h3{
	color:#17970c;
}
#con-tim-des{
	border:1px solid #6ac662;
	border-right:5px solid #6ac662;
	border-bottom:5px solid #6ac662;
	padding:0 20px;
}
#con-mon li strong{
/*
	border-bottom:2px solid #8bd8e3;
*/
}
#con-mon h3{
	color:#148998;
}
#con-ala li strong{
/*
	border-bottom:2px solid #f4c8d9;
*/
}
#con-ala h3{
	color:#ea548f;
}

/* Alacult music */
#con-ala-mus{
	margin:10px;
	background:url(../format_img/ala_mus_bk.jpg) no-repeat top #fefafc;
}
#con-ala-mus h3{
	margin-bottom:60px;

}#con-ala-mus h3 span{
	position:absolute;
	top:-2000px;
}
#con-ala-mus p.mus-name{
	width:290px;
	border-bottom:1px dotted #777;
}
#con-ala-mus ul{
	padding:0 20px;
	background:url(../format_img/ala_mus_bk2.jpg) no-repeat bottom;
}
.fon-pointcol{	color:#44281a;}

/* back number */
#con-num table{
	width:575px;
	border:1px solid #777;
	border-collapse:collapse;
}
#con-num table th,#con-num table td{
	padding:5px;
	border:1px solid #777;
	border-collapse:collapse;
}
#con-num table tbody th{
	width:14em;
}

/* lineup */
.ltable {
	border: 1px solid #9b9b9b;
	border-collapse:collapse;
}
.ltable td,th{
	padding:6px 3px;
	border: 1px solid #9b9b9b;
	line-height:1.3;
}
.ltable thead th{
	background-color:#ccc;

}
.ltable td a{
	color:#333;
	font-weight:normal;
	text-decoration:underline;
}
.ltable td a:hover{
}
.ltable .tab-col-01{
	background-color:#f3dd77;
}
.ltable .tab-col-02{
	background-color:#9cdce5;
}
.ltable .tab-col-03{
	background-color:#f4c8d9;
}
.ltable .tab-col-04{
	background-color:#8cd384;
}

