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

*{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

body{
font-size:80%;
text-align:center;
}

p{
color:#333;
font-size:120%;
line-height:1.4em;
}

a{
overflow:hidden;
}

img{
border:none;
}

li{
list-style:none;
}

#wrapper{
	background:url(../images/m_back.jpg) repeat-x;
	background-position:0 94px;
}

#container{
width:960px;
margin:0 auto;
text-align:left;
}

h1{
	font-size:14px;
	font-weight:100;
	padding-top:6px;
	}

#header{
	height:94px;
	}

#menu li{
	width:160px;
	height:40px;
	float:left;
	text-indent:-9999px;
	}

#menu li a{
display:block;
height:40px;
}
	
#m1{background:url(../images/m1.jpg) no-repeat;}
#m2{background:url(../images/m2.jpg) no-repeat;}	
#m3{background:url(../images/m3.jpg) no-repeat;}	
#m4{background:url(../images/m4.jpg) no-repeat;}	
#m5{background:url(../images/m5.jpg) no-repeat;}	
#m6{background:url(../images/m6.jpg) no-repeat;}		

#menu li a:hover{
background-position:0 -40px;
}


#left{
	width:240px;
	float:left;
	}

#area{
	background:url(../images/area.jpg) no-repeat;
	width:240px;
	height:400px;
	}

#area p{
	padding:305px 8px 0 8px;
	line-height:1.2em;
	font-size:14px;
	}

#left img {
	margin-top:10px;
	}

#right{
	width:700px;
	float:right;
	}

h3{
	margin:20px 0 10px 0;
	}

.h3_contents p{
	padding:0 20px;
	}

#bottom_mitumori{
	margin-top:100px;
	}


#footer_back{
	background:#d6c299;
	}

#footer{
width:960px;
margin:200px auto 0 auto;
text-align:left;
}

#footer_left{
	width:720px;
	float:left;
	}

#footer_left p{
	margin:10px;
	}
	
#footer_right{
	float:right;
	}	

#footer_right ul{
	margin-top:20px;
	border-left:2px solid #333;
	padding-left:30px;
	}

#footer_right li a{
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:15px;
	}

#footer_right li a:hover{
	color:#F60;
	}


h3{
	margin-top:20px;
	}

.h3_contents img{
	margin:0 0 0 10px;
	}


.red{
	color:#F00;
	font-weight:bold;
	}
	
.h3_contents{
	padding:0 0 0 10px;
	}	





.float_l{
	float:left;
	}
	
.float_r{
	float:right;
	}
	
.border{
	border:1px solid #ccc;
	}		
	
.clearfix:after{
content: ".";
display: block;
height: 1px;
clear: both;
	visibility: hidden;
}
.clearfix{
	display:inline-block;/* MAC IEp*/
	min-height:1%;/* IE 7p */
}
/*--MAC IE͔Kp \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*--܂MAC IE͔Kp */




a img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}
a:hover img {
	opacity: 0.6; /* IE以外透過設定 */
	filter: Alpha(opacity=70); /* IE用透過設定 */
}	


@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}