@charset "UTF-8";


/* ------------ スタイルの初期化 -全称セレクタ（*） ------------ */
*{
 margin:0;
 padding:0;
 zoom:1;
}

/* ------------ 一般的なタグの基本設定 ------------ */
body {
font-size: 100.01%;
/*text-align: center;*/
font-family:"メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', 'sans-serif';
color:#333;

}

/* ------------ CSSハック　IE7とモダンブラウザに適用 ------------ */
html>/**/body {
font-size: 11.69pt;
}
html>body body{
font-size: 11.69pt;
}

/* ------------ スタイルの初期化 -リスト関連 ------------ */
ul,ol,dl{
  list-style:none;
}
li{
  display:list-item;
  zoom:normal;
}

/* ------------  フォントサイズの設定 ------------ */
h1,h2,h3,h4,h5,h6, li {
	line-height: 1.3;
}
h1 {
	font-size: 182%;
}
h2 {
	font-size: 167%;
}
h3 {
	font-size: 153.9%;
}
h4 {
	font-size: 138.5%;
}
h5 {
	font-size: 123.1%;
}
h6 {
	font-size: 108%;
}
p {
font-size: 93%;

text-align: justify;
line-height:1.5;
text-justify: inter-ideograph;
}
em {
font-style:normal;
}



/* ------------  クリアフィックス ------------ */
.clearfix:after {  
    height: 0;  
    visibility: hidden;  
    content: ".";  
    display: block;  
    clear: both;  
}

/*-----------トップページここから-----------*/

body{
}
header{
	
	border-top:#006284 33px solid;
	border-bottom:#006284 10px solid;
	margin:0 auto;
		width:760px;
		height:120px;
		background-image:url(../images/uoura-top-images2.jpg);
		background-repeat:no-repeat;

		}
header p{
	text-align:right;
	}
	
	
#wrapp{
	
/*	background-color:#CCC;*/
	margin:0 auto;
	width:760px;
	overflow:hidden;
	
	}
	
	
	#nav{
		margin-left:34px;
		
		width:145px;
		float:left;
		}
		#nav li{
			width:145px;
			height:34px;
			margin-top:20px;
			
				}
				#nav li a{
					display:block;
			width:145px;
			height:34px;
			
			 overflow: hidden;
			
				}
				
			
			
			#nav ul li.uoura{
				width:145px;
			height:34px;
			background-image:url(../images/nav_uoura-shoten-01.jpg);
				text-indent:-9999px;
				background-repeat:no-repeat;
				
				}
				#nav ul li.uoura a:hover{
				display:block;	
			background-image:url(../images/nav_uoura-shoten_hover-01.jpg);
			
				
				}
				
				
				#nav ul li.ECsite{
					width:145px;
			height:34px;
			background-image:url(../images/nav_net-shop-01.jpg);
					text-indent:-9999px;
				background-repeat:no-repeat;
					}
					#nav ul li.ECsite a:hover{
						display:block;
						background-image:url(../images/nav_net-shop_hover-01.jpg);}
					
					
			#nav ul li.tenpo{
					width:145px;
			height:34px;
			background-image:url(../images/nav_tenpo-info-01.jpg);
					text-indent:-9999px;
				background-repeat:no-repeat;
					}
					
					#nav ul li.tenpo a:hover{
						display:block;
						background-image:url(../images/nav_tenpo-info_hover-01.jpg);
						}
			
			
			#nav ul li.info{
					width:145px;
			height:34px;
			background-image:url(../images/nav_info-01.jpg);
					text-indent:-9999px;
				background-repeat:no-repeat;
					}
					
					#nav ul li.info a:hover{
						display:block;
						background-image:url(../images/nav_info_hover-01.jpg);
						}
					
					
					#nav ul li.forest{
					width:145px;
			height:34px;
			background-image:url(../images/nav_forest-top-01.jpg);
					text-indent:-9999px;
				background-repeat:no-repeat;
					}
					
					#nav ul li.forest a:hover{
						display:block;
						background-image:url(../images/nav_forest-top_hover-01.jpg);
						}
					
			
			
		
		#contents{
			margin-top:20px;
			margin-left:20px;
			margin-bottom:20px;
			width:560px;
		/*	background-color:#FC0;*/
			float:left;
			}
			#contents p{
				line-height:20px;
				}
footer{
	margin:0 auto;
	background-color:#FFF;

	width:760px;
	border-top:#006284 5px solid;
	border-bottom:#006284 10px solid;
	
}
	footer p{
		text-align:center;}
/*-----------トップページここまで-----------*/