@charset "utf-8";


/* shared elements
----------------------------- */


.eventFrame{
	width : 750px;
	margin : 0 auto; 
}


/* form botton
----------------------------- */


.goForm{
	width:300px;
	margin: 20px auto 0px auto;
}


a.formBtn {
	background:#ffffff url(/image/formBtnBr.jpg) no-repeat scroll 0px 0px;
	display:block;
	overflow:hidden;
	position:relative;
	width:300px;
	height:30px;
	margin:0px auto 0px auto;
}

a.formBtn:hover {
  background-color: #ff0000;
}

a.formBtn img {
background-color: #ffffff;

}

a.formBtn:hover img {
position: relative;
top: -30px;
}





/* exhibition relay2010
----------------------------- */


.relayTopic{
	width : 700px;
	margin : 0 auto;
	padding : 20px 0;
	background : url(/image/info/relay2010/outline.gif) no-repeat scroll right bottom;
	}

.relayTopic div{
	padding-right : 300px;
}


.er2010areaMap{
	width : 750px;
	height : 480px;
	margin : 0 auto;
	background : url(/image/info/relay2010/map2.jpg) no-repeat scroll center center;
	position:relative;
}



.er20101{
	width : 99px;
	height : 129px;
	position:absolute;top : 5px; left :620px;
}

.er20101 a{
	display : block;
	width : 99px;
	height : 129px;
	background : url(/image/info/relay2010/af1.gif) no-repeat scroll center top;
	overflow:hidden;
}

.er20101 a:hover{
	background-position : 0 -129px;
}


.er20101 span{
	display: block;
	height : 129px;
	text-indent : -9999px;
}




.er20102{
	width : 141px;
	height : 95px;
	position:absolute;top : 160px; left :270px;
}

.er20102 a{
	display : block;
	width : 141px;
	height : 95px;
	background : url(/image/info/relay2010/af2.gif) no-repeat scroll center top;
	overflow:hidden;
}

.er20102 a:hover{
	background-position : 0 -95px;
}


.er20102 span{
	display: block;
	height : 95px;
	text-indent : -9999px;
}




.er20103{
	width : 99px;
	height : 145px;
	position:absolute;top : 295px; left :485px;
}

/*
.er20103 a{
	display : block;
	width : 99px;
	height : 145px;
	background : url(/image/info/relay2010/af3.gif) no-repeat scroll center top;
	overflow:hidden;
}

.er20103 a:hover{
	background-position : 0 -145px;
}


.er20103 span{
	display: block;
	height : 145px;
	text-indent : -9999px;
}
*/




.er20104{
	width : 109px;
	height : 172px;
	position:absolute;top : 200px; right : 0px;
}

.er20104 a{
	display : block;
	width : 109px;
	height : 172px;
	background : url(/image/info/relay2010/af4.gif) no-repeat scroll center top;
	overflow:hidden;
}

.er20104 a:hover{
	background-position : 0 -172px;
}


.er20104 span{
	display: block;
	height : 172px;
	text-indent : -9999px;
}




.er20105{
	width : 114px;
	height : 77px;
	position:absolute;top : 310px; left :225px;
}

.er20105 a{
	display : block;
	width : 114px;
	height : 77px;
	background : url(/image/info/relay2010/af5.gif) no-repeat scroll center bottom;
	overflow:hidden;
}



.er20105 span{
	display: block;
	height : 77px;
	text-indent : -9999px;
}



.er20106{
	width : 162px;
	height : 127px;
	position:absolute;top : 10px; left :370px;
}

.er20106 a{
	display : block;
	width : 162px;
	height : 127px;
	background : url(/image/info/relay2010/af6.gif) no-repeat scroll center bottom;
	overflow:hidden;
}

.er20106 span{
	display: block;
	height : 127px;
	text-indent : -9999px;
}

.er20107{
	width : 100px;
	height : 119px;
	position:absolute;top : 160px; left :640px;
}


.er20108{
	width : 99px;
	height : 123px;
	position:absolute;top : 5px; left :610px;
}


.er20109{
	width : 192px;
	height : 87px;
	position:absolute;top : 180px; left :250px;
}

.mark{
	width : 25px;
	height : 22px;
}

.m1{
	position:absolute;top : 147px; left :566px;
}

.m2{
	position:absolute;top : 225px; left :456px;
}

.m3{
	position:absolute;top : 220px; left :530px;
}

.m4{
	position:absolute;top : 212px; left :571px;
}

.m5{
	position:absolute;top : 300px; left :363px;
}

.m6{
	position:absolute;top : 185px; left :530px;
}

.m7{
	position:absolute;top : 212px; left :565px;
}

.m8{
	position:absolute;top : 185px; left :561px;
}

.m9{
	position:absolute;top : 213px; left :475px;
}







.outline{
	padding : 10px 0 20px 0;
	width : 700px;
	margin : 0 auto;
}

.exhibitionList{
	width : 700px;
	margin : 0 auto;
	border-top:1px #80a963 solid;
	border-left:1px #80a963 solid;
	border-collapse:collapse;
	empty-cells:show;

}


.exhibitionList th{
	padding: 5px;
	background-color:#e1f4d3;
	text-align : center;
	border-right:1px #80a963 solid;
	border-bottom:1px #80a963 solid;
}

.exhibitionList td{
	padding: 5px;
	text-align : center;
	border-right:1px #80a963 solid;
	border-bottom:1px #80a963 solid;
}


.erEvent{
	width : 250px;
}

.erDate{
	width : 125px;
}

.erPlace{
	width : 175px;
}

.erTime{
	width : 150px;
}


.caution{
	width : 100%;
	margin : 0 auto;
	padding : 10px 0;
	font-size : 10px;
	text-align : left;
	
}


.exhibitionList a{
	text-decoration:underline;
	color : #59a11e;
}

.exhibitionList a:hover{
	color: #a6d57f;
}


.passed{
	background-color :#f0f0f0;
}




/* exhibition tours 2010 summer-autumn
----------------------------- */

.exhibitionTours2010sa{
	width : 750px;
	margin : 0 auto; 
}



.areamapa{
	width : 750px;
	height : 450px;
	margin : 0 auto;
	position:relative;
}

.tours2010sa{
	background : url(/image/info/tours2010sa/map.gif) no-repeat scroll center top;
	margin-top : 10px;
}

.tours2010sa2{
	background : url(/image/info/tours2010sa/map2.gif) no-repeat scroll center top;
	margin-top : 10px;
}






.exhibitionTours2010sa table{
	border-cellapse : cellapse;
	border-spacing:0;
	margin : 0 auto;
	width :700px; 
}


.exhibitionTours2010sa td{
	border : 1px #6fa4d0 solid;
	padding : 5px;
}


.exhibitionTours2010sa th{
	border : 1px #6fa4d0 solid;
	background-color : #b4dafa;
	padding :5px;
}

.event{
	width : 310px;
}

.date{
	width : 130px;
}

.place{
	width : 130px;
}

.time{
	width : 130px;
}



.exhibitionTours2010sa table a{
	text-decoration:underline;
	color : #39a2eb;
}


.exhibitionTours2010sa table a:hover{
	color : #6cbef7;
}




.er2010sa a{
	text-decoration:underline;
	color : #39a2eb;
}


.er2010sa a:hover{
	color : #6cbef7;
}







/*


.et2010sa1{
	width : 155px;
	height : 77px;
	position:absolute;top : 300px; right : 158px;
}

.et2010sa1 a{
	display : block;
	width : 155px;
	height : 77px;
	background : url(/image/info/tours2010sa/ico1.gif) no-repeat scroll center top;
	overflow:hidden;
}

.et2010sa1 a:hover{
	background-position : 0 -77px;
}


.et2010sa1 span{
	height : 77px;
	display:block;
	text-indent:-99999px;
}
*/

.et2010sa2{
	width : 167px;
	height : 77px;
	position:absolute;top : 20px; left :380px;
}



.et2010sa3{
	width : 117px;
	height : 150px;
	position:absolute;top : 100px; right :0px;
}

.et2010sa3 a{
	display : block;
	width : 117px;
	height : 150px;
	background : url(/image/info/tours2010sa/ico3.gif) no-repeat scroll center bottom;
	overflow:hidden;
}

.et2010sa3 span{
	height : 150px;
	display:block;
	text-indent:-99999px;
}



.et2010sa4{
	width : 140px;
	height : 77px;
	position:absolute;top : 20px; right : 50px;
}

.et2010sa5{
	width : 105px;
	height : 77px;
	position:absolute;top : 200px; left :220px;
}


.et2010sa5 a{
	display : block;
	width : 105px;
	height : 77px;
	background : url(/image/info/tours2010sa/ico5.gif) no-repeat scroll center bottom;
	overflow:hidden;
}


.et2010sa5 span{
	height : 77px;
	display:block;
	text-indent:-99999px;
}





.et2010sa6{
	width : 212px;
	height : 77px;
	position:absolute;top : 10px; right :0px;
}


.et2010sa7{
	width : 139px;
	height : 82px;
	position:absolute; top : 50px; left :360px;
}


.et2010sa8{
	width : 124px;
	height : 138px;
	position:absolute; bottom : 0px; right :245px;
}



.et2010sa9{
	width : 134px;
	height : 77px;
	position:absolute; top : 288px; left :206px;
}


.et2010sa10{
	width : 103px;
	height : 138px;
	position:absolute; right : 0px; bottom :0px;
}

.et2010sa10 a{
	display : block;
	width : 103px;
	height : 138px;
	background : url(/image/info/tours2010sa/ico10.gif) no-repeat scroll center bottom;
	overflow:hidden;
}


.et2010sa10 span{
	height : 138px;
	display:block;
	text-indent:-99999px;
}






.met2010sa1{
	position:absolute;top : 225px; left :527px;
}

.met2010sa2{
	position:absolute;top : 185px; left :520px;
}

.met2010sa3{
	position:absolute;top : 218px; left :553px;
}

.met2010sa4{
	position:absolute;top : 165px; left :540px;
}

.met2010sa5{
	position:absolute;top : 300px; left :363px;
}

.met2010sa6{
	position:absolute;top : 130px; left :550px;
}
.met2010sa7{
	position:absolute;top : 233px; left :528px;
}
.met2010sa8{
	position:absolute;top : 253px; left :555px;
}

.met2010sa10{
	position:absolute;top : 233px; left :578px;
}











/* tatedoki2010
----------------------------- */
.tatedoki2010 *{
	line-height : 1.6em;
}


.tatedoki2010MeritList{
	width : 600px;
	margin : 0 auto;
	text-align:left;

}


.tatedoki2010MeritList li{
	margin-bottom : 5px;	

}









.tatedoki2010 dt{
	color : #659940;
	font-weight : bold;
	font-size : 14px;
	text-align : left;
	padding-bottom : 5px;
	/*margin-bottom:5px;
	border-bottom : 1px #7a1e1e dashed;*/
}

.tatedoki2010 dt img{
	margin-top : 20px;
}


.tatedoki2010 dl dt{
	margin-bottom:7px;
	border-bottom : 2px #c79e9e dotted;
	padding-top : 10px;
}


.tatedoki2010 dl dd{
	padding-bottom : 10px;
}



.tatedoki2010 * strong{
	color : #c96a6a;
	font-weight:bold;
}

.tatedoki2010 * b{
	color : #c96a6a;
	font-weight:bold;
}








.tatedoki2010{
	width : 700px;
	margin : 0 auto;
	padding : 20px 0;
	color : #777777;
}


.tatedokiDetail{
	width : 650px;
	margin : 10px 0 10px 50px;
	text-align : left;
}






.flat35sMerit{
	text-align : center;
}


/*
.flat35sMerit dt{
	color : #659940;
	font-weight : bold;
	font-size : 14px;
	text-align : left;
}*/




.flat35sMerit img{
	text-align : center;
	margin : 5px 0;
}

.flat35sMerit p{
	text-align:left;
}


.shisan{
	width : 600px;
	background-color : #4d792f;
	color : #ffffff;
	font-weight:bold;
	padding :5px;
	margin : 20px auto;
	text-align:center;
}

.taxCutList{
	margin : 0 auto;
	/*border-top:1px #80a963 solid;*/
	border-collapse:collapse;
	empty-cells:show;
	width : 100%;
}

.taxCutList th{
	padding : 5px 0;
	background-color:#e1f4d3;
	text-align : center;
	border-right:1px #80a963 solid;
	border-bottom:1px #80a963 solid;
	border-left:1px #80a963 solid;
	clear:both;
}

.taxCutList th div{
	text-align :left;
	padding : 5px;
}


.para{
	padding: 5px;
	text-align : center;
	border-right:1px #80a963 solid;
	border-bottom:1px #80a963 solid;
	border-left:1px #80a963 solid;
}

.y{
	width : 50px;
}

.l{
	width : 90px;
}	

.r{
	width : 50px;
}

.s{
	width : 65px;
}

.tc{
	width : 170px;
	float :  left;
}

.period{
	width : 150px;
	float : right;
	text-align:right;
}



.flat35s{
	margin : 20px auto;
	border-top:1px #80a963 solid;
	border-left:1px #80a963 solid;
	border-collapse:collapse;
	empty-cells:show;
	
}


.flat35s th{
	width :170px;
	padding : 5px 0;
	background-color:#e1f4d3;
	text-align : center;
	border-right:1px #80a963 solid;
	border-bottom:1px #80a963 solid;
}

.flat35s td{
	padding: 5px;
	text-align : center;
	border-right:1px #80a963 solid;
	border-bottom:1px #80a963 solid;
}

.tableCategory{
	padding: 10px 0 3px 0;
	text-align : left;
	border-bottom:1px #80a963 solid;

}

.one{
	text-align : left;
}

.innerLinks{
	margin-top : 7px;
	text-align : left;
}


.innerLinks a, .tatedoki2010MeritList a{
	text-decoration : underline;
	color : #5e8a53;
}

.innerLinks a:hover, .tatedoki2010MeritList a:hover{
	color: #98ce8c;
}

.tatedoki2010MeritList a{
	font-size:14px;
	font-weight : bold;
}

