@charset "utf-8";

/* variable area---index
----------------------------- */

.specialTopc{
	width:500px;
	margin:10px auto 10px auto;
}

.stImg{
	float:left;
	width:200px;
	height:200px;
}

.stTxt{
	float:left;
	width:300px;
	height:auto;
}

.stTxtArea{
	padding: 10px;
}

.eventName{
	font-size:16px;
	color:#db3838;
	padding:2px 0 2px 2px;
	font-weight:bold;
}

.eventDetail{
	padding-top:5px;
	color:#777777;
}

#headlineNews{
}


#headlineNews li{
	width:500px;
	height:auto;
	margin: 5px auto;
}


.ntc{
	padding-top:2px;
	padding-bottom:2px;
}



/* variable area---event
----------------------------- */

#headPart{
	width:750px;
	margin: 0px auto 0px auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.infoPart{
	margin: 0px auto 0px auto;
	padding-top:20px;
	padding-bottom:20px;
}

#bottomPart{
	width:750px;
	margin: 0px auto 0px auto;
	padding-bottom:20px;
}




/* event
----------------------------- */
.exhibition{
	color:#73512d;
	font-weight:bold;
	font-size:16px;
	padding-bottom:5px;
}


.formCap{
	font-size:10px;
	padding-top:5px;
	width:100%;
	text-align:center;
}


/* framework
----------------------------- */


#indexx {
	background: #FFFFFF url(/image/lifestyleBg.gif) repeat-y scroll 585px top;
	width: 850px;
	height: auto;
	margin:0 auto;
	clear: both;
}



#topImg {
	clear: both;
	height: 380px;
	width: 850px;
	margin:0 auto;
}

#info {
	float: left;
	height: auto;
	width: 570px;
	position:relative;
}

#sideMenu{
	float:left;
	height: auto;
	width: 280px;
}



/* container
----------------------------- */
#lifestyle{
/*	background-color:#B6DB09;*/
	background-color:#d8ea54;
	width:250px;
	height:auto;
	margin:0px auto 0px auto;
}

#wt{
	width: 502px;
	height: auto;
	margin: 15px auto 0px auto;
}

#blog{
	width: 502px;
	height: auto;
	margin: 15px auto 30px auto;
}

#cst{
	width: 502px;
	height: auto;
	margin: 10px auto 15px auto;
}

#mst{
	width: 502px;
	height: auto;
	margin: 0px auto 15px auto;
}









.indexSubtopic{
	width:502px;
	height:auto;
	margin:0px auto 0px auto;
	padding:10px 0 35px 0;
}

.indexSubtopic dt{
	padding-top:5px;
}


.indexSubtopic dd{
	margin-bottom:25px;
}

.indexSubtopic dd dd{
	margin-bottom:0;
}




.indexSubtopic dd p{
	width:480px;
	margin:5px auto;
	color:#666666;
}




.constructionBk{
	background-color:#f0e9dd;
	width:500px;
	margin:0 auto;
	padding:5px 0;
}


.constructionBk dt {
	clear:both;
	width:170px;
	float:left;
}


.constructionBk dd{
	color:#777777;
	width:310px;
	float:right;
}


.constructionBk img{
	clear:both;
	padding:10px 0;
}

.constructionLinks{
	margin:10px 0 0 10px;
}








.eventFrame{
	width : 750px;
	margin : 0 auto; 
}




/* inner container
----------------------------- */

#works{
	position:relative;
	height:auto;
	padding-top:10px;
}

#example{
	padding:10px;
}

#evenBnr {
	height: 50px;
	width: 500px;
	margin:10px auto 0px auto;
}

.evenBnr {
	height: 50px;
	width: 500px;
	margin:10px auto 0px auto;
}


.containerWt {
	padding:10px 10px 0px 10px;
}


.containerBlog{
	width : 480px;
	height : auto;
	margin : 10px auto 10px auto;
}



.goForm{
	width:300px;
	margin: 20px auto 0px auto;
}


.innerBoxTxt{
	width:480px;
	margin:5px auto 5px auto;
	height:auto;
	color:#666666;
}

.forYearList{
	margin-top : 25px;
	margin-left : 10px;
}

.forYear{
	margin-bottom : 5px;
}

.headImg{
	width : 750px;
	height : 300px;
	margin : 20px auto;
}


.course{
	width : 700px;
	margin : 10px auto;
	background : url(/image/info/bus/bg.gif) repeat-y scroll top center;

}

.course1, .course2, .course3{
	margin : 10px auto;
}


.start, .last{
	height : 50px;
	border :5px #b2ae8d dotted;
}

.application{
	margin-top : 25px;
	width : 700px;
	height : 150px;
	margin : 0 auto;
}





/* links
----------------------------- */

.goList{
	text-align:right;
	width:100%;
	padding-bottom:10px;
}



/* on map icon　
----------------------------- */


.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/map.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 : 160px;
	height : 95px;
	position:absolute;top : 160px; left :270px;
}

.er20102 a{
	display : block;
	width : 160px;
	height : 95px;
	background : url(/image/info/relay2010/eve2.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 : 96px;
	height : 148px;
	position:absolute;top : 295px; left :480px;
}



.er20104{
	width : 110px;
	height : 172px;
	position:absolute;top : 200px; right : 0px;
}


.er20105{
	width : 101px;
	height : 77px;
	position:absolute;top : 310px; left :240px;
}


.er20106{
	width : 162px;
	height : 127px;
	position:absolute;top : 10px; left :370px;
}


.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 :533px;
}

.m4{
	position:absolute;top : 212px; left :571px;
}

.m5{
	position:absolute;top : 303px; left :361px;
}

.m6{
	position:absolute;top : 190px; left :541px;
}



.outline{
	padding : 10px 0 20px 0;
	width : 700px;
	margin : 0 auto;
}

.exhibitionList{
	width : 700px;
	margin : 0px 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 : 700px;
	margin : 0 auto;
	padding : 10px 0;
	font-size : 10px;
	
}


.exhibitionList a{
	text-decoration:underline;
	color : #59a11e;
}

.exhibitionList a:hover{
	color: #a6d57f;
}


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

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;
}



/* list style
----------------------------- */
#styleBox{
	margin-left:10px;
	color:#603804;
}


#styleBox dt{
	position: absolute;
	width:5em;
}

#styleBox dd{
	position: relative;
	padding:0 0 1em 5em;
}


.date {
	width: 110px;
	color:#765f41;
	font-weight:bold;
	position: absolute;
}

.info{
	padding:0 0 0 110px;
	color:#777777;
	margin-bottom: 1em;
}


.job {
	width: 10em;
	position: absolute;
}


.jobintro{
	padding:0 0 0.5em 10em;
	color:#777777;
}

.portBnr{
	padding-top:5px;
	padding-bottom:5px;
}

.portraitBox{
	width:180px;
	margin:10px auto 0px auto;
}

.exhibitionData dt{
	width: 6em;
	font-weight:bold;
	position: absolute;
}

.exhibitionData dd{
	padding:0 0 0.5em 7em;
}

.navi{
	margin : 20px 0;
	
}

.infoTarm{
	width: 6em;
	font-weight:bold;
	position: absolute;
}

.detailData{
	padding:0 0 0.5em 7em;
}



.aa{
	position:relative;
}

#updateIndex {
	height: 20px;
	width: 502px;
	padding-bottom: 3px;
}

#blogger {
	height: 150px;
	width: 500px;
	padding-top: 5px;
	margin:0px auto 0px auto;
}
#blogger li{
	float: left;
	height: 150px;
	width: 125px;
	text-align: center;
}

.modelroomBnrFrame{
	width:500px;
	height:auto;
	margin:10px auto 0 auto;
}

.modelroomBnrFrame li{
	width:125px;
	height:auto;
	float:left;
	text-align:center;
}

.modelroomBnrFrame h3{
	font-size:12px;
	margin:5px 0;
}


.modelroomBnrFrame li p{
	width:110px;
	height:auto;
	margin:5px auto 0 auto;
	font-size:10px;
	color:#777777;
	text-align:left;
}

.entryHeading{
}


.entryIntro{
	color : #555555;
	padding-bottom : 10px;
	margin-top : 5px;
	margin-bottom : 10px;
	border-bottom : 3px #c0c0c0 double;
}


.entryHeading a{
	font-weight : bold;
	font-size : 14px;
	display : block;
	background : #ffffff url(/image/blogBg.jpg) no-repeat scroll left center;
	height : 15px;
	line-height : 15px;
	padding-left : 20px;
}


.info a:link{
	color: #518ad8;
	text-decoration:underline;	
}

.info a:active{
	color: #fb5514;
	text-decoration:underline;	
}

.info a:visited{
	color: #8e2c90;
	text-decoration:underline;	
}
.info a:hover{
	color: #fb5514;
	text-decoration:underline;	
}


/* かきかえ*/

.modelroomBnrFrame a{
	color: #518ad8;
	text-decoration:underline;
}
.modelroomBnrFrame a:visited{
	color: #8e2c90;
}

.modelroomBnrFrame a:hover{
	color: #fb5514;
}

.links{
	margin:10px 0;
}


.links li{
	height:20px;
	line-height:20px;
	background:url(/image/arrowA.jpg) no-repeat scroll left center;
}


.links li a{
	color: #518ad8;
	margin-left:20px;
	text-decoration:underline;	
}

.links li a:visited{
	color: #8e2c90;
}

.links li a:hover{
	color: #fb5514;
}