html{
	height:100%;
}

body{
	text-align:center;
	height:100%;
}

/***************************************************/
/*導入イメージ*/
/***************************************************/
h1#mainindex{
	font-size:1px;
	text-indent:-9999px;
}

#mainimage{
	width:860px;
	height:500px;
	margin:100px auto 10px;
	padding:0px;
	background-color:#FFFFFF;
}


/***************************************************/
/*全体の枠*/
/***************************************************/
div#wrapper{
	width:860px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	position: relative;
    height: 100%;
    min-height: 100%;
}


/***************************************************/
/*ヘッダ*/
/***************************************************/
#header{
	position:relative;
	width:860px;
	height:130px;
	background:url(../images/bg_head.jpg);
}

#header h1{
	display:block;
	width:260px;
	height:130px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(../images/h1_logo.png) no-repeat left;
}

#header a{
	display:block;
	width:260px;
	height:130px;
	font-size:0px;
}

/*navi*/
#header #navi{
	position:absolute;
	width:450px;
	height:30px;
	top:55px;
	left:410px;
	font-size:0px;
}

#header #navi ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#header #navi li{
	float:left;
	text-indent:-9999px;
	margin-right:27px;
}

#header #navi a{
	display:block;
	font-size:0px;
}

#header #navi a.b01{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b01.png) no-repeat;
}

#header #navi a.b01:hover{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b01_on.png) no-repeat;
}

#header #navi a.b02{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b02.png) no-repeat;
}

#header #navi a.b02:hover{
	width:80px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b02_on.png) no-repeat;
}

#header #navi a.b03{
	width:74px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b03.png) no-repeat;
}

#header #navi a.b03:hover{
	width:74px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b03_on.png) no-repeat;
}

#header #navi a.b04{
	width:82px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b04.png) no-repeat;
}

#header #navi a.b04:hover{
	width:82px;
	height:30px;
	margin:0px;
	padding:0px;
	background:url(../images/b04_on.png) no-repeat;
}

/***************************************************/
/*メインイメージ*/
/***************************************************/
#mainimage2{
	margin:10px 0px;
	padding:16px;
	background:url(../images/bg_wrapper.jpg) no-repeat;
	background-color:#FFFFFF;
}

#mainimage2 div.images{
	width:508px;
	height:270px;
	margin-right:10px;
	float:left;
}

#mainimage2 div.mainbanner{
	width:310px;
	height:270px;
	float:right;
	margin-bottom:10px;
}

#mainimage2 div.mainbanner li.last{
	margin-top:10px;
}

#mainimage2 div.mainbanner h2{
	padding:0;
	margin:0px;
}

/*TEL*/
#tel{
	clear:both;
	width:828px;
	height:48px;
	margin-top:10px;
	background:url(../images/bg_tel.jpg);
}

#tel h5{
}


/***************************************************/
/*コンテンツ*/
/***************************************************/
#contents{
	width:860px;
	padding:0px;
	background-color:#FFFFFF;
}


/*mainカラム--------------------------------------------*/

#contents div#main{
	width:640px;
	height:auto;
	float:left;
}

/*インフォ---------------------------------------------*/
#contents div#main #info{
	width:590px;
	height:auto;
	margin:30px 20px 30px 30px;
	padding:0px;
}

*html #contents div#main #info{
	width:530px;
	height:auto;
	margin:30px 20px 30px 30px;
	padding:0px;
}

#contents div#main #info h3{
	width:112px;
	height:70px;
	margin:0px;
	padding:0px;
	background:url(../images/h3_info.gif) no-repeat left;
	text-indent:-9999px;
}

#contents div#main #info dl{
	font-size:12px;
	margin:20px 0px;
}

#contents div#main #info dt{
	margin-bottom:10px;
}

#contents div#main #info th{
	font-size:12px;
	color:#327566;
	font-weight:bold;
	margin-right:20px;
}

#contents div#main #info td{
	font-size:12px;
	color:#505050;
}

#contents div#main #info dd{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#505050;
	line-height:17px;
}

#contents div#main #info hr{
	margin:0px;
	padding:0px;
}

/*mm---------------------------------------------*/
#contents div#main #mm{
	width:550px;
	height:180px;
	margin:20px;
	padding:20px 25px;
	background:url(../images/bg_mm.jpg) no-repeat;
}

#contents div#main #mm h3{
	width:320px;
	height:30px;
	margin:0 0 0.6em 0;
	padding:0px;
	background:url(../images/h3_mm.png) no-repeat left;
	text-indent:-9999px;
}


/*右カラム---------------------------------------------*/

#contents div#side{
	width:200px;
	margin:0px 20px 0px 0px;
	padding:25px 0px;
	float:right;
}

/*カレンダー------------*/
#contents div#side #calender{
}

#contents div#side #calender h4{
	width:200px;
	height:30px;
	margin:0;
	padding:0px;
	background:url(../images/h4_calender.gif);
	text-indent:-9999px;
}

#contents div#side #calender table{
	margin:0;
	border-top:#a5d4ac solid 1px;
	border-left:#a5d4ac solid 1px;
}

#contents div#side #calender th{
	padding:3px;
	border-right:#a5d4ac solid 1px;
	border-bottom:#a5d4ac solid 1px;
	background-color:#cbe5ca;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	
}

#contents div#side #calender td{
	padding:3px;
	border-right:#a5d4ac solid 1px;
	border-bottom:#a5d4ac solid 1px;
	background-color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}

#contents div#side #calender span.pink{
	color:#eccec5;
}

#contents div#side #calender span.green{
	color:#a5d4ac;
}

/*バナー------------------*/
#contents div#side .banner{
	margin:20px 0px;
}

#contents div#side .banner img{
	margin-bottom:10px;
}

/*blog--------------------------*/
#blog{
	padding-bottom:20px;
	margin-bottom:20px;
}

#blog h4{
	width:200px;
	height:30px;
	margin:0;
	padding:0px;
	background:url(../images/h4_blog.gif);
	text-indent:-9999px;
}

/*お知らせなどのリンク*/
.linkbox{
	border-bottom:#CCCCCC solid 1px;
}

/***************************************************/
/*フッタ*/
/***************************************************/

#footer{
	clear:both;
	position:relative;
	margin:0px auto;
	width:860px;
	height:60px;
	background-color:#FFFFFF;
	
}

#footer div#footmenu{
	float:left;
	width:500px;
	height:11px;
	padding:35px 0px 15px 25px;
	font-size:11px;
	color:#8F8F8F;
	text-align:left;
}

#footer div#footmenu a{
	font-size:11px;
}

#footer div#copy{
	float:right;
	width:290px;
	height:11px;
	padding:35px 25px 15px 0px;
	text-align:right;
}

#footer div#copy address{
	font-size:11px;
	color:#8F8F8F;
	font-style:normal;
}

/***************************************************/
/*レイアウトの崩れに使う*/
/***************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}