@charset "Shift_JIS";

/* メインタイトル
**************************************************************************************************************************/
h1#page-ttl-theme{
	width:642px;
	height:109px;
	background:url(../../../../theme/img/page-ttl.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:8px;
	}



/* ボタン
**************************************************************************************************************************/
#theme-bt-box{
	width:640px;
	margin-bottom:10px;
	}
	
	#theme-bt-box ul{
		width:640px;
		height:40px;
		position:relative;
		overflow:hidden;
		top:0px;
		}
		
		#theme-bt-box ul li a{
			height:40px;
			position:absolute;
			overflow:hidden;
			text-indent:-9999px;
			display:block;
			top:0px
			}
			
			#theme-bt-box ul li.bt-theme a{
				background:url(../../../../theme/img/bt/bt-theme.jpg) no-repeat 0 0;
				left:0px;
				width:78px;
				}
			#theme-bt-box ul li.bt-symbol a{
				background:url(../../../../theme/img/bt/bt-symbol.jpg) no-repeat 0 0;
				left:78px;
				width:99px;
				}
			#theme-bt-box ul li.bt-color a{
				background:url(../../../../theme/img/bt/bt-color.jpg) no-repeat 0 0;
				left:177px;
				width:96px;
				}
				
			#theme-bt-box ul li.bt-syo a{
				background: url(../../../../theme/img/bt/bt-syo.jpg) no-repeat 0 0;
				left:273px;
				width:94px;
				}
			#theme-bt-box ul li.bt-poster a{
				background:url(../../../../theme/img/bt/bt-poster.jpg) no-repeat 0 0;
				left:367px;
				width:90px;
				}
				
			#theme-bt-box ul li.bt-mascot a{
				background:url(../../../../theme/img/bt/bt-mascot.jpg) no-repeat 0 0;
				left:457px;
				width:87px;
				}

			#theme-bt-box ul li.bt-song a{
				background:url(../../../../theme/img/bt/bt-song.jpg) no-repeat 0 0;
				left:544px;
				width:96px;
				}
				
				#theme-bt-box ul li.bt-theme a:hover,#theme-bt-box ul li.bt-symbol a:hover,
				#theme-bt-box ul li.bt-color a:hover,#theme-bt-box ul li.bt-poster a:hover,
				#theme-bt-box ul li.bt-mascot a:hover,#theme-bt-box ul li.bt-song a:hover,
				#theme-bt-box ul li.bt-syo a:hover{
					background-position:0px -40px;
					text-decoration:none;
					}

/* テキスト・画像
**************************************************************************************************************************/
p.theme-txt{
	font-size:89%;
	color:#000;
	line-height:150%;
	background:url(../../../../theme/img/icon01.jpg) no-repeat 0px 2px;
	padding:0px 0px 0px 20px;
	margin-bottom:20px;
	}

div.img-class{
	width:620px;
	text-align:center;
	margin-bottom:30px;
	}

/* テーブル
**************************************************************************************************************************/
table.tbl01{
	width:620px;
	margin-bottom:30px;
	font-size:89%;
	}

	table.tbl01 th{
		background:#E5E5E5;
		color:#1188C1;
		padding:5px 10px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		vertical-align:top;
		text-align:center;
		}
	
	table.tbl01 td{
		background:#F3F3F3;
		padding:5px 10px;
		border-spacing:1px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		}


table.tbl02{
	width:620px;
	margin-bottom:30px;
	font-size:89%;
	border-collapse:collapse;
	}

	table.tbl02 th{
		background:#F3F3F3;
		border:6px solid #F3F3F3;
		vertical-align:top;
		width:50px;
		}
	
	table.tbl02 td{
		background:#fff;
		padding:5px 10px;
		border:6px solid #F3F3F3;
		}


/**************************************************************************************************************************

 song.html
 
**************************************************************************************************************************/
div.song-box{
	width:620px;
	margin-bottom:40px;
	text-align:center;
	}
	
	div.song-box ul{
		width:474px;
		height:80px;
		overflow:hidden;
		position:relative;
		top:0px;
		margin:0 auto;
		
		}
		
		div.song-box ul li a{
			height:80px;
			overflow:hidden;
			position:absolute;
			top:0px;
			display:block;
			text-indent:-9999px;
			}
			
			div.song-box ul li.bt-gakufu a{
				background:url(../../../../theme/img/bt/bt-gakufu.jpg) no-repeat 0 0;
				left:0px;
				width:230px;
				}
			
			div.song-box ul li.bt-audience a{
				background:url(../../../../theme/img/bt/bt-audience.jpg) no-repeat 0 0;
				left:244px;
				width:230px;
				}

/**************************************************************************************************************************

 mascot.html
 
**************************************************************************************************************************/
div.chara-box{
	width:620px;
	margin-bottom:40px;
	text-align:center;
	}
	
	div.chara-box ul{
		width:230px;
		height:40px;
		overflow:hidden;
		position:relative;
		top:0px;
		margin:0 auto;
		
		}
		
		div.chara-box ul li a{
			height:40px;
			overflow:hidden;
			position:absolute;
			top:0px;
			display:block;
			text-indent:-9999px;
			}
			
			div.chara-box ul li.bt-chara a{
				background:url(../../../../theme/img/bt/bt-chara.jpg) no-repeat 0 0;
				left:0px;
				width:230px;
				}
			


/**************************************************************************************************************************

 mascot-list.html
 
**************************************************************************************************************************/

table.ms-tbl{
	width:620px;
	margin-bottom:30px;
	}

	table.ms-tbl td{
		font-size:89%;
		text-align:center;
		}

		table.ms-tbl tr.mascot-img td{
			padding-bottom:5px;
			vertical-align:top;
			}

		table.ms-tbl tr.mascot-txt td{
			padding-bottom:15px;
			vertical-align:top;
			}
			
			table.ms-tbl tr.mascot-img td.mascot-japan{
			text-align:left;
			}
			
			table.ms-tbl tr.mascot-txt td.mascot-japan{
			text-align:left;
			padding-left:60px;
			}