@charset "utf-8";

/* block */

#header{
	width:960px;
	height:110px;
	margin:0 auto;
	position: relative;
}

#header p.logo{
	margin:30px 0 15px 0;
	float:left;	
}

#for_menu{
	width:640px;
	height:25px;
	float:right;
	background:url(/images/categories_bg.png) no-repeat left top;
	position: absolute; bottom:0; right:0;
}

#main_img{
	width:100%;
	height:360px;
	margin:0 auto;
	border-top:#32877c 4px solid;
	z-index:1;
}

#k3dCarousel{
	width:980px;
	height:360px;
	margin:20px auto;
	z-index:-100;
}
#k3dCarousel img{
	display:none;
}

#k3dCarousel img.border{
	border:1px solid #ccc;
}

#menu_line{
	width:100%;
	margin:0 auto;
	border-top: #32877c 4px solid;
	z-index:1;
}


#menu_area{
	width:960px;
	height:60px;
	margin:0 auto;
	color:#fff;
}

#menu{
	z-index:2;
	position: relative;
	top:0px;
	margin:0px auto;
	background-color: #32877c;
	height:
}

#wrapper{
	width:960px;
	margin:10px auto;
}

#navi{
	width:240px;
	float:left;
	margin-right:10px;
	position: relative;
}


#box1{
	width:230px;
	float:left;
}

#box1 p{
	width:230px;
	height:220px;
}

#news{
	width:450px;
	height:198px;
	float:right;
	border:1px solid #ccc;
	margin-top:10px;
	padding:10px;
}

#news .news_div{
	height:168px;
	overflow:auto;
}

p.news_ttl{
	border-left: 4px solid #096;
	padding-left:0.5em;
	margin-bottom:0.7em;
	font-size:11pt;
	font-weight:bold;
	letter-spacing:0em;
	color:#666;
}

#info{
	width:450px;
	height:198px;
	float:right;
	border:1px solid #ccc;
	padding:10px;
}

#info ul.info{
	height:168px;
	overflow:auto;
}

#info ul.info li{
	letter-spacing:0;
	margin-top:0em
}

#info ul.info li.hasen{
	line-height:0.1em;
	border-top:1px dotted #ccc;
	margin:0.3em 0;
}

p.info_ttl{
	border-left: 4px solid #C30;
	padding-left:0.5em;
	margin-bottom:0.7em;
	font-size:11pt;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#666;
}

#box3{
	width:230px;
	height:220px;
	float:right;
	margin:10px 0 0 10px;
}

#box4{
	width:230px;
	height:220px;
	float:right;
	margin:10px 0 0 0;
}

#box5{
	width:230px;
	height:220px;
	float:right;
	margin:10px 0 0 10px;
}

#box6{
	width:230px;
	height:220px;
	float:right;
	margin:10px 0 0 0;
}

#contents{
	width:680px;
	float:right;
}

#banner_area{
	width:960px;
	margin:10px auto;
}


#footer{
	clear:both;
	width:960px;
	margin:10px auto 10px;
	background-color:#32877c;
}

#footer div#sitemap{
	color:#fff;
}

#copyright{
	background-color:#266960;
	color:#fff;
	padding:0.5em 1.0em;
	text-align:right;
}

/* INFO NEWS */
div#news dl{
	line-height:1.5em;
	letter-spacing:0;
	border-bottom:1px dotted #ccc;
}
div#news dt{
	width:6.0em;
	float: left;
	padding-top:0.5em;
	padding-bottom:0.5em;
	clear:both;
	letter-spacing:0;
}
div#news dd{
	padding-left:6.5em;
	padding-bottom:0.5em;
	padding-top:0.5em;
}
.info li.new{
background-image:url(/images/icon_new.gif);
background-repeat:no-repeat;
background-position:6.0em;
}

