﻿@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.top_mlead {
	background: url(../images/top/mimage.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 0;
	width:630px;
	height:295px;
	position: relative;
	}
	
.top_mlead a {
	position:absolute;
	top:177px;
	left:424px;
	background: url(../images/top/tickets.jpg) no-repeat;
	margin: 0;
	padding: 97px 0 0 0;
	width:191px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:97px;/* for ie5.x */
	}
	
.top_mlead a:hover {
	background-position: 0 -97px;
	}	
	
/* abテスト用（2009/06/30）
--------- --------- --------- --------- --------- */	
.top_mlead2 {
	background: url(../images/top/mimage2.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 0;
	width:630px;
	height:295px;
	position: relative;
	}
	
.top_mlead2 a {
	position:absolute;
	top:177px;
	left:424px;
	background: url(../images/top/tickets.jpg) no-repeat;
	margin: 0;
	padding: 97px 0 0 0;
	width:191px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:97px;/* for ie5.x */
	}
	
.top_mlead2 a:hover {
	background-position: 0 -97px;
	}
	
/* abテスト用（2009/06/30）end
--------- --------- --------- --------- --------- */		

.top_b_area {
	height:260px;
	margin:0;
	padding:0 0 5px 0;
	list-style:none;
}

.ba01 a{
	background:url(../images/top/tb03.jpg) no-repeat;
	width:630px;
	margin: 0;
	padding: 148px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:148px;/* for ie5.x */
	}

.ba02 a{
	float:left;
	background:url(../images/top/tb02.jpg) no-repeat;
	width:310px;
	margin: 5px 10px 0 0;
	padding: 150px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:150px;/* for ie5.x */
	}

.ba03 a{
	float:right;
	background:url(../images/top/tb01.jpg) no-repeat;
	width:310px;
	margin: 5px 0 0 0;
	padding: 150px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:150px;/* for ie5.x */
	}

.ba01 a:hover{
	background-position: 0 -148px;
	}

.ba03 a:hover, .ba02 a:hover{
	background-position: 0 -150px;
	}

.ba04 a{
	float:left;
	background:url(../images/top/tab07.jpg) no-repeat;
	width:630px;
	margin: 5px 10px 0 0;
	padding: 98px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:98px;/* for ie5.x */
	}

.ba05 ,
.ba06 {
	float:left;
	margin: 5px 3px 0 0;
	}
	
.ba07 {
	float:left;
	margin: 5px 0 0 0;
	}
	
.ba05 a,
.ba06 a,
.ba07 a{
	background:url(../images/top/tab06.jpg) no-repeat;
	width:208px;
	padding: 137px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:137px;/* for ie5.x */
	}

.ba06 a{
	background:url(../images/top/tab05.jpg) no-repeat;
}
	
.ba07 a{
	background:url(../images/top/tab04.jpg) no-repeat;
	}
	

.ba04 a:hover {
	background-position: 0 -98px;
	}
	
.ba06 a:hover, 
.ba05 a:hover,
.ba07 a:hover {
	background-position: 0 -137px;
	}

.top_area1 {
	background: url(../images/top/top_area1.jpg) no-repeat;
	height:195px;
	position: relative;
	}
	
.top_area1ex {
	position: absolute;
	top:102px;
	left:245px;
	width:355px;
	font-size:1.2em;
	line-height:1.3;
	}
	
.top_area1more {
	position: absolute;
	top:166px;
	right:2px;
	background: url(../images/top/top_btn1.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 27px 0 0 0;
	width:102px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:27px;/* for ie5.x */
	}
	
a:hover.top_area1more {
	background-position: 0 -27px;
	}

.top_area2 {
	margin:0;
	width:300px;
	float:left;
	}
	
.top_area2title1,
.top_area2title2 {
	margin: 0;
	padding: 20px 0 0 0;
	width:300px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}
	
.top_area2title1 {
	background: url(../images/top/top_area2title1.jpg) no-repeat;
	}
	
.top_area2title2 {
	background: url(../images/top/top_area2title2.jpg) no-repeat;
	}
	
.top_area2list1,
.top_area2list2 {
	margin:0 0 10px 0;
	padding:5px;
	border-left:1px solid #CCC;
	list-style-type: none;
	}

.top_area2list1 li,
.top_area2list2 li {
	margin:0 0 5px 0;
	font-size:1.2em;
	}
	
.top_area2list1 li b {
	margin:0 5px 0 0;
	display: block;
	width:75px;
	float:left;
	color:#FF8B00;
	font-weight: bold;
	line-height:1.3;
	}
	
.top_area2list2 li b {
	margin:0 5px 0 0;
	display: block;
	width:75px;
	float:left;
	color:#5FB713;
	font-weight: bold;
	line-height:1.3;
	}
	
.top_area2list1 li a,
.top_area2list2 li a {
	margin:0;
	display: block;
	width:205px;
	float:left;
	line-height:1.3;
	}

.top_area2list1 li span,
.top_area2list2 li span {
	margin:0;
	display: block;
	width:205px;
	float:left;
	line-height:1.3;
	}
	
.top_area3 {
	background: url(../images/top/top_area3.jpg) no-repeat;
	margin:0 0 10px  0;
	width:318px;
	height:321px;
	float:right;
	position: relative;
	}

.question {
	position: absolute;
	top:95px;
	left:60px;
	font-size:1.2em;
	line-height: 1.4;
	color:#FFF;
	width:230px;
	}
	
.answer {
	position: absolute;
	top:224px;
	left:210px;
	}

.answer a {
	background: url(../images/top/top_btn2.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 27px 0 0 0;
	width:79px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:27px;/* for ie5.x */
	}

.quiz_more {
	position: absolute;
	top:284px;
	left:133px;
	}

.quiz_more a {
	background: url(../images/top/top_btn3.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 27px 0 0 0;
	width:171px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:27px;/* for ie5.x */
	}

.answer a:hover,
.quiz_more a:hover {
	background-position: 0 -27px;
	}




	
.top_area4 {
	clear:both;
	}
	
.top_linkarea1 {
	margin:0 0 10px 0;
	}
	
.top_linkarea2 {
	margin:0;
	}
	
.top_labanner1,
.top_labanner2,
.top_labanner3 {
	margin:0 7px 0 0;
	width:205px;
	height:81px;
	float:left;
	}

.top_labanner2 {
	margin:0 8px 0 0;
	}
		
.top_labanner3 {
	margin:0;
	}
	
.top_labanner1 a,
.top_labanner2 a,
.top_labanner3 a {	
	margin: 0;
	padding: 81px 0 0 0;
	width:205px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:81px;/* for ie5.x */
	}
	
.top_labanner1 a {	
	background: url(../images/top/top_banner1.jpg) no-repeat;
	}
	
.top_labanner2 a {	
	background: url(../images/top/top_banner2.jpg) no-repeat;
	}
	
.top_labanner3 a {	
	background: url(../images/top/top_banner3.jpg) no-repeat;
	}
	
.top_labanner1 a:hover,
.top_labanner2 a:hover,
.top_labanner3 a:hover {
	background-position: 0 -81px;
	}
	
.top_labanner4 {
	margin:0 10px 0 0;
	width:290px;
	height:65px;
	float:left;
	}
	
.top_labanner5 {
	margin:0;
	width:280px;
	height:65px;
	float:left;
	}
	
.top_labanner4 a,
.top_labanner5 a {	
	margin: 0;
	padding: 65px 0 0 0;
	width:290px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:65px;/* for ie5.x */
	}
	
.top_labanner4 a {	
	background: url(../images/top/top_banner4.jpg) no-repeat;
	}
	
.top_labanner5 a {	
	background: url(../images/top/top_banner5.jpg) no-repeat;
	width:280px;
	}
	
.top_labanner4 a:hover,
.top_labanner5 a:hover {
	background-position: 0 -65px;
	}