@charset "UTF-8";
/* CSS Document */
/*全体の指定
--------------------------------------------------*/
.clear{
    clear:both;
	}
html {
    margin-bottom:1px;
    height:100%;
	background-repeat:repeat-x;
    }

/*Hides from IE-mac |*/
 *html{height:1%}
/*End hide from IE5-mac*/
*{
    margin:0;
	padding:0;
    }
body{
    width:820px;
	margin:0 auto;    /* 左右中央（IE以外のブラウザ） */
	text-align:center; /* 左右中央（IEのみ） */
	background-image:url(../images/bg.gif);
	}
.container{
    margin:0 auto;
	}	
#wrapper{
    height:100%;
    text-align:left;
	padding:0px 10px;
	font-family: "Verdana","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 11px;
	line-height:160%;
	color:#333333;
	}
img {
	border:none;
	margin: 0px;
	padding: 0px;
	}
ul,li{
	list-style-type:none;
    }
/*header
--------------------------------------------------*/
#header{
    padding:10px 82px 43px 82px;
	}
#header h2{
	display:none;
	}
/*navi
--------------------------------------------------*/
#navi span{
    display:none;
	}
#navi ul{
	height:65px;
	width:680px;
	/*padding-left:58px;*/
	padding-bottom:5px;
	margin:0 auto;
	}	
#navi ul li{
    float:left;
	height:65px;
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
	}	
#navi ul li a{
	display:block;
    text-indent:-9999px;            
    text-decoration:none;
	}
			
#home a{
    width:78px;
	height:65px;
	_height: 130px; /* IE6ではa要素の高さを画像サイズにする */
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
    background-position:0px 0px;
	background-image:url(../images/home.png);
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home.png',sizingMethod='scale'); 
	cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */   
    }

#what a{
    width:150px;
    height:65px;
	_height: 130px; /* IE6ではa要素の高さを画像サイズにする */
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
    background-position:0px 0px;
	background-image:url(../images/what.png);
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/what.png',sizingMethod='scale'); 
	cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */    
}

#gallery a{
    width:110px;
	height:65px;
	_height: 130px; /* IE6ではa要素の高さを画像サイズにする */
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
    background-position:0px 0px;
	background-image:url(../images/gallery.png);
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gallery.png',sizingMethod='scale'); 
	cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */  
}
 
#access a{
    width:100px;
	height:65px;
	_height: 130px; /* IE6ではa要素の高さを画像サイズにする */
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
    background-position:0px 0px;
	background-image:url(../images/access.png);
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/access.png',sizingMethod='scale'); 
	cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */  
}
 
#about a{
    width:95px;
	height:65px;
	_height: 130px; /* IE6ではa要素の高さを画像サイズにする */
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
    background-position:0px 0px;
	background-image:url(../images/about.png);
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about.png',sizingMethod='scale'); 
	cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */
}

#blog a{
    width:77px;
	height:65px;
	_height: 130px; /* IE6ではa要素の高さを画像サイズにする */
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
    background-position:0px 0px;
	background-image:url(../images/blog.png);
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog.png',sizingMethod='scale'); 
	cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */
}

#link a{
    width:70px;
	height:65px;
	_height: 130px; /* IE6ではa要素の高さを画像サイズにする */
	overflow: hidden; /* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */
    background-position:0px 0px;
	background-image:url(../images/link.png);
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/link.png',sizingMethod='scale'); 
	cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */
}


/*hover----------------------------------------------*/	
#home a:hover{
    background-position:0px -65px;
	_margin-top:  -65px; /* a要素を上に65px動かす */
    _padding-top: 65px; /* a要素が動いた分テキストの表示位置を下げる */
    _height: 65px; /* paddingの分a要素の高さを調節（標準モード） */  
	}
#what a:hover{
    background-position:0px -65px;
	_margin-top:  -65px; /* a要素を上に65px動かす */
    _padding-top: 65px; /* a要素が動いた分テキストの表示位置を下げる */
    _height: 65px; /* paddingの分a要素の高さを調節（標準モード） */  
}
#gallery a:hover{
    background-position:0px -65px;
	_margin-top:  -65px; /* a要素を上に65px動かす */
    _padding-top: 65px; /* a要素が動いた分テキストの表示位置を下げる */
    _height: 65px; /* paddingの分a要素の高さを調節（標準モード） */  
}
#access a:hover{
   background-position:0px -65px;
	_margin-top:  -65px; /* a要素を上に65px動かす */
    _padding-top: 65px; /* a要素が動いた分テキストの表示位置を下げる */
    _height: 65px; /* paddingの分a要素の高さを調節（標準モード） */  
}
#about a:hover{
    background-position:0px -65px;
	_margin-top:  -65px; /* a要素を上に65px動かす */
    _padding-top: 65px; /* a要素が動いた分テキストの表示位置を下げる */
    _height: 65px; /* paddingの分a要素の高さを調節（標準モード） */  
}
#blog a:hover{
    background-position:0px -65px;
	_margin-top:  -65px; /* a要素を上に65px動かす */
    _padding-top: 65px; /* a要素が動いた分テキストの表示位置を下げる */
    _height: 65px; /* paddingの分a要素の高さを調節（標準モード） */  
}
#link a:hover{
    background-position:0px -65px;
	_margin-top:  -65px; /* a要素を上に65px動かす */
    _padding-top: 65px; /* a要素が動いた分テキストの表示位置を下げる */
    _height: 65px; /* paddingの分a要素の高さを調節（標準モード） */  
}
/*contents
--------------------------------------------------*/
#contents{
    width:680px;
	height:525px;
    padding:0px 60px;
	}
#main{
    width:673px;
	height:524px;
	border:solid 1px #996600;
	background-image:url(../images/lace.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}

/* footer
--------------------------------------------------*/
#footer {
    width:800px;
	margin:0 auto 0 auto;
	text-align: right;
	font-style: normal;
	clear:both;
}
#footer address {
    padding:5px 65px 0 0;
	font-style: normal;
	font-size:10px;
}
#footer-shadow {
	height:3px;
	margin:0 auto;
	background-position:center bottom;
}

/* section----------------------*/
.section_10{
	padding-bottom:10px;
}

.section_20{
	padding-bottom:20px;
}

.section_30{
	padding-bottom:30px;
}