@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	text-align:center;
	margin:0 auto;
	padding:0px;
	font-size:14px;
	line-height:150%;
}
a{
	color:#060;
}
a:hover{
	color:#096;
}
.sp{
	clear:both;
}
object,img {  
	vertical-align:bottom;
	border:0;
	padding:0;
	margin:0;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
p{
	text-align:left;	
}

/*layout*/
#wrap{
	width:960px;
	margin:auto;
	padding:0;
}
#header{
	height:80px;
	margin:0;
	padding:0;
	clear:both;
	background:url(../image/header_bg.gif) repeat-x;
}
#header h1,#header p{
	margin:0;
	padding:0;
	float:left;
}
#header #navi{
	margin:0;
	padding:0;
	float:right;
}
#hedaer #navi ul{
	margin:0;
	padding:0;
	clear:both;
}
#header #navi li{
	list-style-type:none;
	width:80px;
	height:62px;
	float:left;
	margin:0px 3px;
	display:inline;
}
#container{
	margin-top:17px;
	padding:0;
	clear:both;
}
#container #side{
	width:220px;
	background-color:#EBF29A;
	padding:4px 0px;
	float:left;
	margin:auto;
}
#s_navi{
	padding:0px 4px;
}
ul#main_c{
	width:212px;
	border-bottom:3px solid #BCDD64;
	border-top:3px solid #BCDD64;
	background-color:#FFF;
}
ul#main_c li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
ul#i_box{
	width:212px;
	border-bottom:3px solid #BCDD64;
	border-top:3px solid #BCDD64;
	background-color:#FFF;
	margin-top:8px;
}
ul#i_box li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
ul#i_box li p{
	padding:10px;
	font-size:12px;
}
ul#i_box li p img{
	margin:3px 0px;
}
ul#i_box li strong{
	font-weight:normal;
	font-size:14px;
}
.code{
	margin-top:7px;
}
#container #content{
	width:720px;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}
.pagetop{
	display:block;
	text-align:right;
	margin:10px 0px;
}
#footer{
	margin:10px 0px 0px 0px;
	border-top:4px solid #D3DF82;
}
address{
	margin:5px 0px 0px 0px;
	padding:0;
	font-style:normal;
	font-size:12px;
}
#footer img{
	margin:2px 3px;
}
/* top only */
#t_box{
	width:720px;
	height:120px;
	margin:0;
	padding:0;
	clear:both;
	background:url(../image/top_bg.jpg) repeat-x left top !important;
}
#top-main {
	width:720px;
	height:520px;
	margin:0 auto;
	padding:0;
}
#top-main .area {
	width: 720px;
	margin: 0 auto;
	position: relative;
}
#top-main .b-box {
	width: 720px;
	position: absolute;
	top:464px;
	z-index:200;
	_background-image: url(../top/top.gif);
	_background-repeat: no-repeat;
	_background-position: left top;
	_height:151px;
}
#top-main .b-box img {
	_display: none;
}
#top-main .b-box02 {
	width: 720px;
	position: absolute;
	top:497px;
	z-index:199;
	background:url(../top/top-h2-bg.gif) no-repeat right top !important;
}
#fade{
	width:100%;
	margin:0 auto;
	padding:0;
	clear:both;
	height:400px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}
.viewer {
	margin: 0 auto;
	width: 720px;
	height: 400px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 720px;
	height: 400px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 720px;
	height: 400px;
	display: none;
	position: absolute;
}
.b-box .image{
	float:left;
	width:395px;
}
.b-box02 .tx{
	float:right;
	width:315px;
	text-align:left;
}
.b-box02 h2{
	font-size:16px;
	color:#030;
	padding-top:8px;
	margin:0;
}
.b-box02 p{
	margin:14px 0px 0px 0px;
	font-size:12px;
	line-height:170%;
}
#content .left{
	width:470px;
	text-align:left;
	float:left;
	margin-top:10px;
}
#content .right{
	width:232px;
	float:right;
	margin-top:10px;
}
#content .right img {
	margin-bottom:6px;
}
#blog{
	margin:auto;
}
ul#blog,#blog ul{
	margin:5px 0px 5px 10px;
	padding:0;
	width:450px;
}
ul#blog li,#blog li{
	background:url(../image/arrow01.gif) left no-repeat;
	line-height:40px;
	padding-left:24px;
	border-bottom:1px dotted #999;
	list-style-type:none;
}
ul#blog li a,#blog li a{
	color:#036;
	text-decoration:none;
}
ul#blog li a:hover,#blog li a:hover{
	color:#C30;
	text-decoration:underline;
}
.more{
	display:block;
	text-align:right;
	margin-right:10px;
	margin-top:12px;
}
p.staff{
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #999;
}
p.bv {
	margin-bottom:6px;
}
/* top bottom */
.title1{
	background:url(../image/tit_bg.gif) left repeat-x;
	line-height:30px;
	margin:10px 0px 5px 0px;
	padding:3px 0px 3px 10px;
	color:#333;
	display:block;
	font-weight:bold;
	text-align:left;
}
ul#guide{
	margin:0;
	padding:0;
	clear:both;
}
ul#guide li{
	width:230px;
	float:left;
	margin:4px;
	padding:0;
	display:inline;
	list-style-type:none;
	text-align:left;
	font-size:12px;
	line-height:150%;
}
ul#guide li.l01 img{
	margin-bottom:4px;
}
ul#guide li.l02{
	width:473px;
	font-size:16px;
	line-height:185%;
}
ul#guide li.l02 p{
	margin:20px 10px 10px 10px;
}
/*common*/
.img_left{
	float:left;
	margin:0px 7px 0px 3px;
}
.img_right{
	float:right;
	margin:0px 3px 0px 7px;
}
.img_right02{
	float:right;
	margin:0;
}
.area_l{
	float:left;
	margin:0px;
}
.area_r{
	float:right;
	padding:0px 0px 0px 5px;
	width:206px;
}
.area_r02{
	float:right;
	padding:10px 0px 15px 5px;
	width:320px;
	margin:10px 0px;
	text-align:left;
}
.area_r02 ul{
	margin:15px 0px 0px 0px;
	padding:0;
}
.area_r02 li{
	margin:5px 0px;
	padding:3px;
	list-style-type:none;
}
.area_r03{
	float:right;
	padding:0px 0px 0px 5px;
	width:140px;
}
* html #map_canvas{
	display:none;
}
.ie6{
	display:none;
}
* html .ie6{
	display:block !important;
}
p.guide-f {
	padding: 10px;
}
.top-dl {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #999;
}
.top-dl ul.dl-box {
	margin: 0 auto;
	padding: 0;
	background-color: #FFECB3;
	letter-spacing: -0.4em;
	text-align: left;
	list-style-type: none;
}
.top-dl ul.dl-box li {
	letter-spacing: normal;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.top-topi-box {
	background-color: #FF472D;
	box-sizing: border-box;
	border: 1px solid #FF472D;
	margin-bottom: 5px;
}
.top-topi-box .wbox {
	background-color: #FFF;
	box-sizing: border-box;
	margin: 0 4px 4px 4px;
	padding: 4px;
}
.top-topi-box .wbox a {
	color: #000;
}
.fc-red {
	color: #F00;
}