@charset "utf-8";

/* ====================== 共通 ======================== */

#contentsWrap{
	background: url(../img/bg.jpg) repeat-x left top;
}

#bgBottomWrap{
background:url(../img/bgBottom.png) bottom center no-repeat;
width:100%;
}

#contents{
	width:980px;
	margin:0 auto;
	padding-bottom:60px;
}
#contents p{
line-height:230%;
text-shadow: 1px 1px 1px white;
}

a:hover{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

.ileft{
	float:left;
	padding:0 20px 0px 0;
}

/* ====================== header ======================== */

#header{
	width:980px;
	height:147px;
	position:relative;
}

#header .logo{
	position:absolute;
	top:57px;
	left:10px;
}

#header .copy{
	position:absolute;
	top:57px;
	right:21px;
}

#header .btnEmail{
	position:absolute;
	top:81px;
	right:20px;
}

/* ====================== nav ======================== */

#nav{
	width:980px;
	height:63px;
	background:url(../img/navShadow.jpg) bottom no-repeat;
}

#nav ul{
	width:847px;
	margin:0 auto;
}

#nav ul li{
	float:left;
}

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

#main{
	width:960px;
	margin:0 auto;
	background:#fff;
	padding-bottom:50px;
	box-shadow: 0px 1px 3px #eee;
	-moz-box-shadow: 0px 1px 2px #eee;　/* Firefox用 */  
	-webkit-box-shadow: 0px 1px 2px #eee;　/* Safari,Google Chrome用 */  
}


/* ----------- left ------------- */

#left{
	width:252px;
	float:left;
	margin:23px 0 0 24px;
	*display:inline;
}

#left .info{
	width:252px;
	background:url(../img/infoBg.gif) top no-repeat;
	z-index:1;
}

#left .infoInner{
	background:url(../img/infoBgBottom.gif) bottom no-repeat;
	padding:18px 18px 6px 18px;
	z-index:2;
	margin-bottom:10px;

}

#left .infoInner img{
	margin-bottom:8px;
}

#left .infoInner p{
	width:222px;
	margin-bottom:12px;
	line-height:1.8;
	font-size:11px;
}

#left .banner{
	margin-bottom:10px;
}

/* ----------- right ------------- */

#right{
	width:644px;
	float:left;
	margin:14px 0px 0 15px;
	*display:inline;
}

#right #mainImg{
	margin-bottom:35px;
	width:644px;
	height:311px;
	overflow:hidden;
}

#right .mainImg{
	margin-bottom:35px;
}


#right .tit{
	margin-bottom:15px;
}

#right h4{
	margin-left:10px;
	margin-bottom:10px;
	font-size:13px;
	color:#5ec2c6;
}

#right p{
	margin-left:10px;
	margin-bottom:15px;
	font-size:13px;
}

#right p.attention{
	margin-left:240px;
	font-size:13px;
	color:#6a3a0e;
}

#right dl{
	margin-bottom:20px;
	margin-left:10px;
	font-size:13px;
}

#right dl dt{
	font-weight:bold;
	float:left;
}

#right dl dd{
}

#right table.time{
	border-spacing: 0px;
	border:1px #6a3a0e solid;
	border-left:none;
	color:#6a3a0e;
	margin-left:10px;
	font-size:14px;
}

#right table.time tr.bgBlue{
	background-color:#5ec2c6;
}

#right table.time th{
	border-left:1px #99785a solid;
	padding:2px 8px;
	text-align:center;
}

#right table.time td{
	border-left:1px #99785a solid;
	padding:2px 8px;
	text-align:center;
}

#right table.time .borderTop th,#right table .borderTop td{
border-top:1px #99785a solid;
}

#right table.time th.txtLeft{
	text-align:left;
}

#right .map{
	margin-left:10px;
}

#right .map iframe{
	margin-bottom:10px;
}

#right .map small a{
	color:#99785a;
	margin-left:246px;
}

#right .line{
	margin-bottom:15px;
}

#right .topicsWrap{
	margin-bottom:50px;
}

#right ul.itemList li{
	float:left;
	margin:10px;
}

#right h2.read{
	margin-left:10px;
	margin-bottom:25px;
}

.section{
	margin-bottom:50px;
}

.section .messageTxt{
	width:330px;
	float:left;
	margin-right:20px;
}

/* ====================== footer ======================== */

#footer{
	height:155px;
	background:url(../img/footerBg.gif) repeat;
	color:#d9ccba;
    width:100%;
	text-shadow: 1px 1px 1px #000;  
}

#footer .footerInner{
	width:980px;
	margin:0 auto;
	position:relative;
}

#footer .footerInner .logo{
	position:absolute;
	top:30px;
	left:10px;
}

#footer .footerInner .copy{
	position:absolute;
	top:30px;
	left:340px;
}

#footer ul.footerNav{
	position:absolute;
	top:52px;
	left:340px;
}

#footer ul.footerNav li{
	float:left;
	font-size:14px;
}

#footer ul.footerNav li a{
	color:#d9ccba;
	text-decoration:none;
}

#footer .address{
	position:absolute;
	top:80px;
	left:340px;
}

#footer .copyRight{
	position:absolute;
	top:130px;
	left:340px;
}