<!--
/* リンクの色  */

a:link { color: #155906; text-decoration: none }
a:visited{ color: #155906;
text-decoration: none;
}
a:hover  { color: #ff984d; text-decoration: none;  }

.outer
	{
	width:800px;
	background-color: #FFFFFF;
	font-size: 12px; font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif,'Osaka‐等幅'; line-height: 120%;
	height: auto;
	padding: 0px;
	margin:0 auto 0 auto;
	}

.main
	 { background-color: #f2f0ed; width: 800px; float: right; clear: left; height: auto;}

.menu
	   { line-height: 150%; background-color: #b1b1a0; width: 150px; height: auto; float:left;}
.advance
	{
	width:440px;
	float: left;
	clear: right;
	margin-left: 10px;
	line-height: 0px;
	background-color: #f2f0ed;
	height: auto;
	}
		/*クロスフェードスクリプトtop画像用*/
ul#portfolio {
	position: relative;
	top: 0px;
left:0px;
	margin: 0;
	padding: 0;
	overfow: hidden;
	}
ul#portfolio li img {
	background: #fff;
	}
/*クロスフェードスクリプトtop画像用並び順をしていしたい時はリスト使用   
ul#portfolio li {
	margin: 0;
	padding: 0;
	}
.margin {
	margin-top: 0px;
}*/

.advance_sub
{
	width:200px;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 0px;
	background-color: #f2f0ed;
	height: auto;
	}
/*topサムネ画像拡大用 1*/
#imgHover1 {
margin: 0;
padding: 0;
margin-top: 0px;
}
#imgHover1 ul {
display: inline;
list-style: none outside;
}
#imgHover1 ul li {
width: 60px;
height: 60px;
margin-left: 0px;
}
#imgHover1 ul li img {
border: none;
}
#imgHover1 ul li a {
display: block;
}
#imgHover1 ul li a:hover {
position: relative;
}
#imgHover1 ul li a .mainImage {
display: none;
}
#imgHover1 ul li a:hover .mainImage {
display: block;
position: absolute;
top: -200px;
left: -5px;
}
/*topサムネ画像拡大用1ここまで */
/*topサムネ画像拡大用 2*/
#imgHover2 {
margin: 0;
padding: 0;
margin-top:-0px;
}
#imgHover2 ul {
display: inline;
list-style: none outside;
}
#imgHover2 ul li {
width: 60px;
height: 60px;
margin-left: 0px;
}
#imgHover2 ul li img {
border: none;
}
#imgHover2 ul li a {
display: block;
}
#imgHover2 ul li a:hover {
position: relative;
}
#imgHover2 ul li a .mainImage {
display: none;
}
#imgHover2 ul li a:hover .mainImage {
display: block;
position: absolute;
top: -200px;
left: -70px;
}
/*topサムネ画像拡大用2ここまで */
/*topサムネ画像拡大用 3*/
#imgHover3 {
margin: 0;
padding: 0;
margin-top: 0px;
}
#imgHover3 ul {
display: inline;
list-style: none outside;
}
#imgHover3 ul li {
width: 60px;
height: 60px;
margin-left: 0px;
}
#imgHover3 ul li img {
border: none;
}
#imgHover3 ul li a {
display: block;
}
#imgHover3 ul li a:hover {
position: relative;
}
#imgHover3 ul li a .mainImage {
display: none;
}
#imgHover3 ul li a:hover .mainImage {
display: block;
position: absolute;
top: -200px;
left: -135px;
}
/*topサムネ画像拡大用3ここまで */

.topic
{
	width:640px;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 0px;
	background-color: #f2f0ed;
	height: 166px;
	overflow: hidden;
	}

.picup
{
	width:640px;
	float: right;
	margin: 0;
	padding: 0;
	background-color: #f2f0ed;
	height: auto;
	}


.main_cont
	{
	width:650px;
	float: left;
	margin-top: 0px;
	background-color: #f2f0ed;
	height: auto;
	overflow:hidden;
	}


.clears{
  clear:both;
}

.foot
	{
	clear:both;
	width: 800px;
	background-color: #b3b3b3;
	height: 35px;
	}
	
.head
	    { background-image: url("../parts/header.jpg"); width: 800px; height: 50px }
.navBar           { background-position: center; padding: 0; width: 800px; height: 24px }
.navBar2         { background-position: center; padding: 0; width: 800px; height: 20px }

.h1{
 font-size: 95%;
 color: #444444;
 letter-spacing:-0.1ex; 
 margin: 10px;
	padding: 0px;
	line-height: 1.3;
		}
.h2{
 font-size: 100%;
 color: #ffffff;
 margin: 10px;
	padding: 0px;}

.h3{
 font-size: 70%;
 color: #000000;
 letter-spacing:-0.1ex; 
 margin: 10px;
	padding: 0px;}
.h4{
 font-size: 85%;
 color: #444444;
 letter-spacing:-0.1ex; } 
 .h5{
 font-size: 90%;
 color: #444444;
  
 line-height: 1.2;
 margin: 3px;} 
 .h6{
 font-size: 95%;
 color: #457919;
 letter-spacing:-0.1ex; } 
 .h7{
 font-size: 100%;
 color: #444444;
 padding: 15px;} 


 -->