html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top;
text-decoration: none;
background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	height: 100%;
	width:100%;
}
body {
	height: 100%;
	width:100%;
	font: normal normal 75%/1.8 Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","‚l‚r ƒSƒVƒbƒN",sans-serif;
	text-align:justify;
	text-justify:inter-ideograph;
	letter-spacing:0.2em;
background-color:#fff;
}
p{
	color:#666;
}
a {
	color:#000;
	text-decoration: none;
	}
a:hover {
	color:#999;
	text-decoration: none;
}
#wrapper {
	position: relative;
	height: 100%;
	width: 1024px;
	min-width: 1024px;
	margin:auto;
	background: url("contents_bg.png") repeat-y 0 0 ; 
}
.blank {
	clear: both;
	height: 1px;
	overflow: hidden;
}
#left{
	position:absolute;
	top:0;
	left:0;
	width: 220px;
	min-height:100%;
	background: #fff; 
	z-index:1;
	
}
#logo{
	float:left;
	left: 0;
	width: 220px;
	height: 160px;
	padding: 0 0 50px;
}
span.sprite_logo{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 220px;
	height: 160px;
	margin: 0;
}
#left ul{
	float: left;
	width: 220px;
	padding: 20px 0;
}

#left ul li{
	float: left;
	width: 200px;
	height: 30px;
	padding-left:20px;
	padding-top:10px;
	list-style: none;
	border-bottom:1px solid #c0c0c0; 
}
span.sprite_menu{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 238px;
	height: 80px;
	margin: 0;
}
#left .left_box{
	position:relative;
	float:left;
	left: 0;
	width: 220px;
	padding: 0 0 50px;
}
.left_box h1{
	width: 220px;
	height: 14px;
	padding: 0 0 30px 0;
}
span.sprite_left_titlebar{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 220px;
	height: 14px;
	margin:0;
}	
span.sprite_map_pic{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 220px;
	height: 259px;
	margin:0;
}
span.sprite_map_link{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 83px;
	height: 23px;
	margin:0;
}
p#map_fujimi{
	position: absolute;
	top:180px;
	left:120px;
	width: 83px;
	height: 23px;
}
p#map_minamiminowa{
	position: absolute;
	top:206px;
	left:13px;
	width: 83px;
	height: 23px;
}
p#map_ina{
	position: absolute;
	top:227px;
	left:85px;
	width: 83px;
	height: 23px;
}
p#map_matsukawa{
	position: absolute;
	top:243px;
	left:15px;
	width: 83px;
	height: 23px;
}
p#map_iida{
	position: absolute;
	top:270px;
	left:70px;
	width: 83px;
	height: 23px;
}

span.sprite_media_pic{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 220px;
	height: 155px;
	margin:0;
}
#left .left_box .media_play{
	position:relative;
	float:left;
	left: 0;
	width: 220px;
}
#left .left_box .media_play span.sprite_media_play{
	position: absolute;
	bottom:20px;
	width:220px;
	height:74px;
	padding: 0;
}
span.sprite_media_play{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 126px;
	height: 32px;
	margin:0;
}
span.sprite_tochi_pic{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 220px;
	height: 324px;
	margin:0;
}

img.clip { position: absolute; }

.logo { top:0; left: 0; }
.menu1 { top:-170px; left: 0; }
.menu2 { top:-250px; left: 0; }
.menu3 { top:-330px; left: 0; }
.menu4 { top:-410px; left: 0; }
.menu5 { top:-490px; left: 0; }
.menu6 { top:-570px; left: 0; }
.menu7 { top:-650px; left: 0; }
.map_bar { top:-170px; left: -496px; }
.map_pic { top:-194px; left: -496px; }
.map_fujimi { top:-463px; left: -496px; }
.map_minamiminowa { top:-486px; left: -496px; }
.map_ina { top:-509px; left: -496px; }
.map_matsukawa { top:-532px; left: -496px; }
.map_iida { top:-555px; left: -496px; }
.media_bar { top:-170px; left: -726px; }
.media_tv { top:-184px; left: -726px; }
.media_cm { top:-339px; left: -726px; }
.media_flv { top:-504px; left: -726px; }
.tochi_bar { top:-740px; left: 0; }
.tochi_pic { top:-764px; left: 0; }

img.clip:hover{ border:none; }

.logo:hover { top:0; left: -230px; }
.menu1:hover { top:-170px;left:-248px; }
.menu2:hover { top:-250px;left:-248px; }
.menu3:hover { top:-330px;left:-248px; }
.menu4:hover { top:-410px;left:-248px; }
.menu5:hover { top:-490px;left:-248px; }
.menu6:hover { top:-570px;left:-248px; }
.menu7:hover { top:-650px;left:-248px; }
.map_fujimi:hover { top:-463px; left: -589px; }
.map_minamiminowa:hover { top:-486px; left: -589px; }
.map_ina:hover { top:-509px; left: -589px; }
.map_matsukawa:hover { top:-532px; left: -589px; }
.map_iida:hover { top:-555px; left: -589px; }
.media_flv:hover { top:-588px; left: -726px; }
.tochi_pic:hover { top:-764px; left: -220px; }

#maincontent {
	position:relative;
	left:0;
	min-height: 694px;
	/*padding-bottom: 300px*/
	width: 1024px;
	z-index:0;
	background: url("t3.png") repeat-y 220px 0 ; 
	background-position: 0 0;
}


#footer {
	position: relative;
	left:220px;
	bottom: 0;
	width: 804px;
	height:260px;
	background: -moz-linear-gradient(left, #ccc 60%, #fff);
	background: -webkit-gradient(linear, left top, right top, from(#ccc), color-stop(60%, #ccc), to(#fff));
	background: -o-linear-gradient(left, #ccc 60%, #fff);
	background: -ms-linear-gradient(left, #ccc 60%, #fff);
	background-repeat: no-repeat;  
	background-size: 100% 1px;
}
#footer #footer_wrapper {
	min-height: 240px;
	height:240px;
	margin: 20px 0 0;
}
#footer #footer_left{
	float:left;
	height:184px;
	margin:0 0 10px 10px;
}
#footer #footer_right{
	float:right;
	height:184px;
	margin:0 10px 10px 0;
}
#footer #footer_bottom{
	overflow: hidden;
	float:right;
	height:46px;
	width:804px;
	bottom:0;
	line-height:12px;
	background: -moz-linear-gradient(left, #ccc 90%, #fff);
	background: -webkit-gradient(linear, left top, right top, from(#ccc), color-stop(90%, #ccc), to(#fff));
	background: -o-linear-gradient(left, #ccc 90%, #fff);
	background: -ms-linear-gradient(left, #ccc 90%, #fff);
	background-repeat: no-repeat;  
	background-size: 100% 1px;
	}
#footer_bottom p{
	float:left;
	margin:15px 0 0 10px;
	font-size:85%;
}
#footer_bottom address{
	float:right;
	width:504px;
	height:12px;
	margin:15px 0 0 0;
	text-align:right;
	font-size: 75%;
	font-style:normal;
	color:#777;
}
span.sprite_footer_natur1{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 410px;
	height: 149px;
	margin:0;
}
span.sprite_footer_natur2{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 410px;
	height: 35px;
	margin:0;
}
span.sprite_footer_takemura{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 320px;
	height: 149px;
	margin:0;
}
span.sprite_footer_takemura_mail{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 320px;
	height: 19px;
	margin:0;
}
span.sprite_footer_takemura_hp{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 320px;
	height: 16px;
	margin:0;
}
span.sprite_footer_both{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 90px;
	height: 12px;
	margin:0;
}

.menu_accordion{cursor: pointer;}
.menu_accordion_inner{display: none;} 

img.clip { position: absolute; }

.footer_natur1 { top:-1098px; left: 0; }
.footer_natur2 { top:-1247px; left: 0; }
.footer_takemura { top:-1098px; left: -445px; }
.footer_takemura_mail { top:-1247px; left: -445px; }
.footer_takemura_hp { top:-1266px; left: -445px; }

img.clip:hover{ border:none; }

.footer_natur2:hover { top:-1282px; left: 0; }
.footer_takemura_mail:hover { top:-1282px; left: -445px; }
.footer_takemura_hp:hover { top:-1301px; left: -445px; }
