.navigation{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
}
.navigation .item{
    position:absolute;
}


.user{
    top:50px;
    left:50px;
}
.fav{
   top:50px;
   left:300px;
}
.tour{
   top:250px;
   left:50px;
}
.tzans{
   top:250px;
   left:300px;
}
.ss{
   top:250px;
   left:550px;
}

.shop{
   top:450px;
   left:50px;
}
.puka{
   top:650px;
   left:50px;
}
.runner{
   top:650px;
   left:300px;
}
.diving{
   top:850px;
   left:550px;
}
.volunteer{
   top:650px;
   left:550px;
}
.beer{
   top:850px;
   left:50px;
}
.ski{
   top:450px;
   left:50px;
}
.so{
   top:450px;
   left:300px;
}
.kr{
   top:450px;
   left:550px;
}
.sky{
   top:250px;
   left:800px;
}


a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}
.user a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/list.png) no-repeat 0px 0px;
}
.tour a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/tour.png) no-repeat 0px 0px;
}
.tzans a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/t_zans.png) no-repeat 0px 0px;
}
.shop a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/snow.png) no-repeat 0px 0px;
}
.puka a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/pukapuka.png) no-repeat 0px 0px;
}
.fav a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/note.png) no-repeat 0px 0px;
}
.runner a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/runner.png) no-repeat 0px 0px;
}
.volunteer a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/bol.png) no-repeat 0px 0px;
}
.beer a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/beer.png) no-repeat 0px 0px;
}
.ss a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/snowshoe.png) no-repeat 0px 0px;
}
.ski a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/Board.png) no-repeat 0px 0px;
}
.so a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/sled.png) no-repeat 0px 0px;
}
.kr a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/stone.png) no-repeat 0px 0px;
}
.sky a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/jyuku.png) no-repeat 0px 0px;
}
.diving a.icon{
    background:transparent url(http://www.mame-vin.jp/library/members/images/movie.png) no-repeat 0px 0px;
}

.navigation .item a.active{
    background-position:0px -52px;
}
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
}
.item h2{
    position:absolute;
    width:180px;
    height:52px;
    color:#fe0000;
    font-size:24px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
    font-style: fantasy;
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.item ul{
    list-style:none;
    position:absolute;
    top:60px;
    left:15px;
    display:none;
    
}
.item ul li a{
    font-size:14px;
    text-decoration:none;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#222;
    padding:3px;
    float:left;
    clear:both;
    width:140px;
    text-shadow:1px 1px 1px #fff;
}
.item ul li a:hover{
    background-color:#fff;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}


/*hiside   */
.highslide span {
	display: block;
}
.highslide-wrapper, .highslide-outline {
	background: #161111;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-active-anchor img {
    top:0px;
    left:52px;

	border-color: #808080 !important;
}
.highslide-image {

	border: 2px solid #FFFFFF;
}
.highslide-caption {
	color: #333333;
	font-weight: bold;
	font-family: sans-serif !important;
	text-align: center;
	font-size: 14pt !important;
	padding: 2px;
}
.highslide-loading {
	color: black;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
	background-image: none;
}

.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 195px !important;
}
.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}
.highslide-gallery ul li {
	width: 106px;
	height: 106px;
	border: 1px solid #D0D0D0;
	background: #EDEDED;
	margin: 2px;
}





/* ボディに関するCSS
--------------------------------------------------------------------------------*/
	body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	color: #666;
	font-size: 80%;
	line-height: 100%;
	text-align:cecter;
background:#888000;

	}


img {
	border: none;

}


#head-HP {
    position: relative;
    left: 980px;  
    top: 0px;
	width: 170px;
	height: 70px;  
	z-index: 2;  
	margin: 0 0 0 0 ;
}



/* フッター 
--------------------------------------------------------------------------------*/

#mt-foot {
	position: absolute;
    top: 1000px;
	left: 0px;
	width: 1100px;
	height:16px;
    font-size: 80%;
	text-align: right;
	color: #fff;
	padding: 5px 10px;
    background:#053800;


}

#members{
	position: absolute;
   top:10px;
   left:0px;
}


.trekking{
	position: absolute;
   top:210px;
   left:0px;
}
#trekking_on{
   display: block;
   width: 380px; /* 画像1枚分の横幅 */
   height: 30px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://www.mame-vin.jp/library/members/images/trekking2.png"); /* 画像ファイル名 */
}
#trekking_on:hover{
   background-position: 0px 30px; /* 背景画像の表示開始基準を右上に変更 */ 

}

.downhill{
	position: absolute;
   top:410px;
   left:0px;
}
#downhill_on{
   display: block;
   width: 380px; /* 画像1枚分の横幅 */
   height: 30px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://www.mame-vin.jp/library/members/images/downhill2.png"); /* 画像ファイル名 */
}
#downhill_on:hover{
   background-position: 0px 30px; /* 背景画像の表示開始基準を右上に変更 */ 
}


.extra{
	position: absolute;
   top:610px;
   left:0px;
}

#extra_on{
   display: block;
   width: 380px; /* 画像1枚分の横幅 */
   height: 30px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://www.mame-vin.jp/library/members/images/extra2.png"); /* 画像ファイル名 */
}
#extra_on:hover{
   background-position: 0px 30px; /* 背景画像の表示開始基準を右上に変更 */ 
}




h2 {
	font-size: 100%;
	text-indent: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #ffffff;

}

h4 {
	font-size: 140%;
	text-indent: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	text-align: center;
	padding: 5px 5px;
	color: #053800;
    font-family: cursive;
    line-height:35px;
}

h5 {
	text-indent: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
    font-size: 80%;
	text-align: left;
	padding: 5px 5px;
	color: #000;
    line-height:20px;
}
h6 {
	font-size: 80%;
	text-indent: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	padding: 5px 5px;
	color: #000;
    font-family: sans-serif;
    line-height:20px;
}