/*------------------------------------------------
	index.css - <world> index.html design css
	2009.1.13
	:::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);
@import url(reset.css);

/* rollover
------------------------------------------------*/

.mark_bg{
	float:left;
	width:30px;
	height:30px;
	margin:3px 4px;
	}

#bg_01{	background:url(../img/mark/r_1.gif) no-repeat 0px 0px;	}
	
#bg_02{	background:url(../img/mark/y_02.gif) no-repeat 0px 0px;	}
	
#bg_03{	background:url(../img/mark/o_03.gif) no-repeat 0px 0px;	}
	
#bg_04{	background:url(../img/mark/green_04.gif) no-repeat 0px 0px;	}
	
#bg_05{	background:url(../img/mark/m_05.gif) no-repeat 0px 0px;	}

#bg_06{	background:url(../img/mark/v_06.gif) no-repeat 0px 0px;	}
	
#bg_07{	background:url(../img/mark/s_07.gif) no-repeat 0px 0px;	}
	
#bg_08{	background:url(../img/mark/b_08.gif) no-repeat 0px 0px;	}

#bg_09{	background:url(../img/mark/p_09.gif) no-repeat 0px 0px;	}
	
#bg_10{	background:url(../img/mark/dr_10.gif) no-repeat 0px 0px;	}

#bg_11{	background:url(../img/mark/gy_11.gif) no-repeat 0px 0px;	}

#bg_12{	background:url(../img/mark/by_12.gif) no-repeat 0px 0px;	}

#bg_13{	background:url(../img/mark/bb_13.gif) no-repeat 0px 0px;	}

/* r:‘¾—z@y:ŒŽ@oF–ŲÆ@dr:‰ĪÆ@gFÆ@vFIą@m:“yÆ@s:‹ā‰Ķ@b:’n‹…@p:’n‹…ŠO
	gy:…Æ‚Ę‹ąÆ@by:ŠėŒÆ‚ȏźŠ bb:ŠO‰F’ˆ*/


/* outline design
------------------------------------------------*/
body{
	padding:0;
	margin:0;
	}

#black{
	background-color:#000000;
	}

#head{
	background-color:#FFF;
	}

#base{
	background-color:#000000;
	color:#FFFFFF;
	}

#main{
	margin:0 auto;
	padding:0;
	width:930px;
	text-align:center;
	}
	
#main h1{
	width:917px;
	margin:10px auto 0;
	}
	
#main ul{
	padding-top:10px;
	width:925px;
	margin:0 auto;

	}
	
#main ul li{
	width:183px;
	height:100px;
	float:left;
	background:url(../img/btn_bg.jpg)
	center
	top
	no-repeat;
	padding:6px 1px;
	}
	
#main ul li p{
	color:#FFFFFF;
	font-size:105%;
	font-weight:bold;
	margin:5px 10px 5px 46px;
	}

#main ul li span.date{
	font-size:90%;
	line-height:1.8;
	color:#f4e821;
	font-weight: normal;
	}
	
#main img.mark{
	float:left;
	margin:6px 8px;
	}
	
span.subTtl{
	color:#FFFFFF;
	font-weight:bold;
	font-family:sans-serif,"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size:80%;
	}



/* detile design
------------------------------------------------*/

#sub {
	width:800px;
	margin:auto;
	padding:10px 0 20px;
	}
	
#title{
	width:769px;
	height:63px;
	background: url(../img/hn.gif)
	no-repeat
	center
	top;
	}
	
#title p.mark{
	width:30px;
	height:30px;
	float:left;
	}
	
#title p{
	padding:13px 14px 0;
	}
	
#title p.date_n{
	padding:6px 14px 0;
	}
	
#title h2{
	padding:0 14px 0;
	line-height:1.5;
	font-size:110%;
	}
	
#sub p.txt{
	width:600px;
	margin:40px auto;
	line-height:1.5;
	}

#sub .btn {
	margin:20px 0 0;
	}
	
a {
	color:#FFFFFF;
	}

/* lineupTabel design
------------------------------------------------*/

#lineup{
	width:900px;
	margin:0 auto 10px;
	padding:5px;
	border:1px solid #333333;
	}

#lineup h2{
	width:900px;
	margin:0 auto;
	}

#lineupTable{
	width:450px;
	margin:10px auto 5px;
	line-height:2;
	}

#lineupTable th{
	width:140px;
	text-align:center;
	background-color:#333333;
	}
	
#lineupTable td{
	width:310px;
	text-indent:1em;
	text-align:left;
	border-bottom:2px dotted #333333;
	}
	
#lineupTable_02{
	width:900px;
	margin:10px auto 0px;
	line-height:2;
	}
	
#lineupTable_02 th{
	width:140px;
	text-align:center;
	background-color:#333333;
	}
	
#lineupTable_02 td{
	width:760px;
	text-indent:1em;
	text-align:left;
	border-bottom:2px dotted #333333;
	}
	
#lineupTable_02 dl{
	width:445px;
	}
	
#lineupTable_02 dl.leftlist{
	float:left;
	}
	
#lineupTable_02 dl.rightlist{
	float:right;
	}

#lineupTable_02 dt{
	width:140px;
	float:left;
	padding:0.2em 0;
	text-align:center;
	font-weight:bold;
	background-color:#333333;
	}
	
#lineupTable_02 dt.line2{
	line-height:4.5em;
	}
	
#lineupTable_02 dd{
	padding:0.2em 0;
	margin-left:140px;
	text-indent:1em;
	text-align:left;
	border-bottom:2px dotted #333333;
	}
	
#lineupTable span.date{
	/*color:#f4e821;*/
	}
	
	
/*info
-------------------------------------------*/

.info {
	width:800px;
	margin: 5px auto;
	background: #FFF url(../img/info.gif) no-repeat scroll;
	padding-left: 100px;
	color: white;
	line-height: 27px;
	text-align: left;
}