/*===========================================

Toppage setting

===========================================*/

/*============= stage Layout============*/
div#stage{
 width:900px;
 background:#ddd;
 margin-bottom:10px;
 }

/*=============TYPO============*/

h2{
 font-weight:bold;
 }

strong{
	font-size:108%;
	}

strong.normal{
	font-size:100%;
	}

div.section a.arrow{
	padding-left:7px;
	margin-left:0px;
	background:url(../images/utillarrow.gif) no-repeat bottom left;
	}

span.new{
	color:#F69;
	font-size:77%;
	padding:1px 2px;
	text-decoration:blink;
	}

/*============= main Layout============*/

div.section__wrap{
display:table;
width:100%;
margin-bottom:10px;
}
div.section,
div.jmap{
display:table-cell;
box-sizing:border-box;
}
div.section{
width:310px;
margin-right:10px;
vertical-align:top;
}

div.t_info{
border:1px solid #ff6600;
border-radius:5px;
width:308px;
margin-bottom:15px;
background: #fff1e6;
}

div.s_inner{
width:310px;
margin-bottom:15px;
background:url(../images/top_topicinnter.gif) no-repeat bottom left;
}

div.topbanner{
width:310px;
margin-bottom:15px;
margin-right:10px;
}



div.section h2{
background:#fff;
margin:0px;
padding:0px;
position:relative;
}
div.section h2 span{
font-size:93%;
color:#666;
text-align:right;
font-weight:normal;
position:absolute;
top:7px;
right:14px;
}

div.section p, div.section ul{
	padding:0.7em 1em;
	font-size:100%;
	line-height:1.55;
}

div.section ul li{
	list-style:inside;
	list-style-type:disc;}


div.section strong.arrow{
padding-left:10px;
background:url(../images/arrow_large.gif) no-repeat center left;
}

div.section strong.info{
padding-left:10px;
}


div.section p.leftsider{
	float:left;
	width:210px;
	padding-right:5px;
}

div.t_info p.leftsider{
	float:left;
	width:208px;
	padding-right:5px;
}

div.rightsider{
float:right;
width:60px;
text-align:right;
margin-top:10px;
margin-right:10px;
}

div.t_info div.rightsider{
margin-bottom:10px;
}

/*============= map Layout============*/

div.jmap{
width:255px;
background:none;
margin-bottom:15px;
margin-right:0px;}

div.jmap h2{
background:none;
}
div.jmap h2 img{
padding:10px 2px;
}

div.jmap p{
	padding:0.7em 0.5em 10px 0.5em;
	font-size:100%;
	line-height:1.55;
}

div#area{
	position:relative;
	width:255px;
	height:255px;
}
a.clickarea{
display:block;
position:absolute;
width:48px;
height:48px;
}
a.clickarea span{position:absolute;top:0px;left:0px;display:block;width:1px;height:1px;margin:0px;padding:0px;overflow:hidden;color:#666;}

a.clickarea.area1{
	top:198px;
	left:76px;
	background:url(../images/mapper.gif) no-repeat -144px 0px;
}
a:hover.clickarea.area1{
background:url(../images/mapper.gif) no-repeat -144px -48px;}
a.clickarea.area2{
	top:117px;
	left:10px;
	background:url(../images/mapper.gif) no-repeat -192px 0px;
}
a:hover.clickarea.area2{
background:url(../images/mapper.gif) no-repeat -192px -48px;}
a.clickarea.area3{
	top:162px;
	left:147px;
	background:url(../images/mapper.gif) no-repeat -48px 0px;
}
a:hover.clickarea.area3{
background:url(../images/mapper.gif) no-repeat -48px -48px;}
a.clickarea.area4{
	top:80px;
	left:69px;
	background:url(../images/mapper.gif) no-repeat -96px 0px;
}
a:hover.clickarea.area4{
background:url(../images/mapper.gif) no-repeat -96px -48px;}
a.clickarea.area5{
	top:92px;
	left:185px;
	background:url(../images/mapper.gif) no-repeat 0px 0px;
}
a:hover.clickarea.area5{
background:url(../images/mapper.gif) no-repeat 0px -48px;}

/*============= banner Layout============*/

div.banner{
clear:both;
position:relative;
width:100%;
height:44px;
}

div.banner p{
position:absolute;
top:0px;
margin:0px;
padding:0px;
}


div.banner a{
margin-right:5px;
display:inline;
}