@charset "Shift_JIS";

/*
common area
---------------------------------*/
body {
height: 100%;
background-color: #fff;
margin: 0;
padding: 0;
text-align: center;
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*font-size: small;
*font: x-small;
}

html {
	height: 100%;
}

/* link
------------------------------------------------- */
a:link{font-size: 10px; color: #666666; text-decoration: none; outline:none;}
a:visited{color: #666666;
	text-decoration: none;
}
a:active { text-decoration: none; }
a:hover { color: #666666; text-decoration: none; }
p,ul,ol,li,dl,dd,h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
h2,h3,h4,h5 {
font-size: 100%;
font-weight: normal;
}
ul { list-style-type: none;}
img { border: 0;}

.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;}
/* End hide from IE-mac */
.clear { clear:both;}
.mgnB20{ margin: 0px 0px 20px 0px;}


#container {
	position: relative;
	width: 890px;
	margin: 0 auto;
	text-align: left;
	padding:40px;
}

br { letter-spacing: 0; }

/* header
------------------------------------------------- */
#navi{
	position:relative;
	top:280px;
	left:80px;
	clear: both;
	width: 210px;
	text-align:left;
}

#navi .logo{
	height:64px;
}

#navi ul{
	list-style:none;
}

#navi li{ 
  height: 40px;  
  margin: 0;  
  padding: 0;  
  display: inline;
}

#navi a{
	display: block;  
	text-indent: -9999px; /* テキストを隠す */  
	text-decoration: none;   
	height: 40px;  
	background-image: url(../img/menu.gif); 
	background-repeat: no-repeat; 
	cursor: pointer; 
}

#menu1 a { width:91px; background-position: 0 0; } /* 表示画像の位置を指定 */  
#menu2 a { width:175px; background-position: 0 -40px; }  
#menu3 a { width:93px; background-position: 0 -80px; }  
#menu4 a { width:162px; background-position: 0 -120px; }  
#menu5 a { width:136px; background-position: 0 -160px; }  
#menu6 a { width:210px; background-position: 0 -200px; }  

#navi a:hover {  
  text-decoration: none;  
  background-image: url(../img/menu.gif);  
  background-repeat: no-repeat;  
} 

#menu1 a:hover { background-position: -91px 0; } /* 表示画像の位置を指定 */  
#menu2 a:hover { background-position: -175px -40px; }  
#menu3 a:hover { background-position: -93px -80px; }  
#menu4 a:hover { background-position: -162px -120px; }  
#menu5 a:hover { background-position: -136px -160px; }  
#menu6 a:hover { background-position: -210px -200px; }  

/* footer -------------------------------------------------*/
#footer {
	clear: both;
	height:40px;
	margin-top:100px;
	font-size: 10px;
	letter-spacing:1px;
}


#cap {
	font-size: 10px;
	line-height:200%;
	letter-spacing:1px;
	padding:4px 0 0 0;
	color: #000;
}


/* font-------------------------------------------------*/


.black16 {
	font-size: 16px;
	line-height:180%;
	letter-spacing:2px;
	color: #000;
}

.black14 {
	font-size: 14px;
	line-height:200%;
	letter-spacing:2px;
	color: #000;
}


.black12 {
	font-size: 12px;
	line-height:200%;
	letter-spacing:2px;
	color: #000;
}

.black11 {
	font-size: 11px;
	line-height:220%;
	letter-spacing:2px;
	color: #000;
}
.black10 {
	font-size: 10px;
	line-height:180%;
	letter-spacing:1px;
	color: #000;
}

.gray10 {
	font-size: 10px;
	line-height:140%;
	letter-spacing:1px;
	color: #666666;
}

.gray9 {
	font-size: 9px;
	line-height:180%;
	letter-spacing:1px;
	color: #666666;
}