/*---ツールド八ヶ岳スタイルシート---*/

#titleicon{
position:absolute;
top:10px;
left:10px;
}
#newstopic{
position:absolute;
top:30px;
left:750px;
}

/*---宿泊クリッカブルマップ---*/
#map1{
position:absolute;
top:390px;
left:425px;
}
#map2{
position:absolute;
top:485px;
left:425px;
}
#map3{
position:absolute;
top:580px;
left:425px;
}

/*---ボディ要素の設定---*/
body{
width:800px;
height:100%;
border:0px solid #cccccc;
margin:30px 30px 30px 110px;
font-family:"Arial Black","ＭＳ Ｐゴシック","ヒラギノ角ゴ　Pro W6,"Osaka;
background-color: #ccffff; 
background-repeat: no-repeat;
}
img{
	border:0;
	overflow:hidden;
}
/*---トップ画像 400px-Height---*/
#TDYhead400{
width:100%;
height:400px;
background:#ffffff;
border:0px dashed #440066;
}
/*---トップ画像 200px-Height---*/
#TDYhead200{
width:100%;
height:200px;
background:#ffffff;
border:0px dashed #440066;
overflow:hidden;
}

/*---ナビゲーション---*/
#navi{
width:100%;
height:50px;
background:#ffffff;
border:0px dashed #440066;
}

/*---新着＋コンテンツ---*/
#main{
width:640px;
height:100%;
border:0px solid #990055;
background:#ffffff;
float:left;
}
/*---新着＋コンテンツ白バック---*/
#main2{
width:640px;
height:100%;
background:#ffffff;
border:0px solid #990055;
float:left;
}
/*---main+協賛グループ---*/
#whole{
width:100%;
height:100%;
background:#ffffff;
border:1px solid #cccccc;
}

/*---タイトル文字まわり---*/
#title {
color:#6666FF;
font-size:22px;
line-height:1.2em;
margin-left:10px;
}
#titlesub {
color:#cc8888;
font-size:18px;
line-height:1.2em;
margin-left:10px;
}


/*---新着情報---*/
#whatsnew{
width:200px;
height:510px;
color:#000000;
background:#ffffff;
border:0px dashed #440066;
margin:0px 0px 0px 0px;
padding:0px 30px 0px 0px;

font-family:"Arial Black","ＭＳ Ｐゴシック","ヒラギノ角ゴ　Pro W6,"Osaka;
font-size:11px;
line-height:1.5em;

float:left
}

#whatsnew li {
color:#0066ff;
list-style-type:circle;
margin-top:10px;
font-size:11px;
text-decoration:none;
}


/*---コンテンツ---*/
#contents{
background:#ffffff;
border:0px dashed #009966;

color:#000000;
padding:0px;
font-size:12px;
line-height:1.5em;
text-align:justify;
text-justify:distribute;
}

/*---コンテンツ枠内テーブル---*/
#tables{
width:100%;
margin-top:10px;
font-family:"Arial Black","ＭＳ Ｐゴシック",Osaka;
font-size:11px;
line-height:1.5em;
color:#565656;
background:#ffffff;
border:0px solid #565656;
padding:5px;
}

#tables td{
border-right:1px solid #008888;
border-bottom:1px solid #008888;
padding-top:5px;
padding-bottom:5px;
}

#tables ul {
list-style-type: lower-roman
}

/*---注意事項---*/
#cf {
font-size:9px;
line-height:1.5em;
color:#ff0000;
}


/*---サイドバー協賛など---*/
#sponser{
width:140px;
font-size:10px;
background:#ffffff;
text-decoration:none;
border:0px solid #00ffff;
float:right;
}
#sponser A{
text-decoration:none;
}
#sponser img{
margin-bottom:5px;
}

/*---フッタ---*/
#footer{
height:22px;
clear:both;
width:100%;
font-size:10px;
text-align:center;
text-decoration:none;
color:#ffffff;
background:#000000;
border:0px dashed #440066;
}

/*---横位置ナビゲーションパネル---*/
#navi {
width:100%;
height:50px;
background:#ffffff;
border:0px dashed #006666;
}

#navi ul{
color:#ffffff;
font-size:10px;
margin:0;
padding:0;
list-style:none;
text-indent:-px;
display:block; height:30px width:114px; text-decoration:none;
}


#navi li{
float:left;
width:112px;
margin-right:1px;
border-top:1px solid #556666;
border-bottom:1px solid #556666;
border-right:1px solid #556666;
}

#navi li a{
display:block; height:30px width:114px; text-decoration:none;
}



#navi a, #navi a:link, #navi a:visited {
text-decoration:none;
color:#556666;
background-color:#ffffff;
padding:6px;
display: block;
}
#navi a:hover{
color:#3333CC;
background-color:#FFCC00;
border-bottom:5px solid #556666;
}

/*---横位置サブナビゲーションパネル---*/
#navi-sub {
width:500px;
background:#ffffff;
}

#navi-sub ul, #navi-sub li {
font-size:10px;
margin:0;
padding:0;
list-style:none;
}

#navi-sub li{
float:left;
margin-right:1px;
border-top:0px solid #556666;
border-bottom:1px solid #556666;
border-right:1px solid #556666;
}

#navi-sub a, #navi-sub a:link, #navi-sub a:visited {
text-decoration:none;
color:#556666;
background-color:#ffffff;
padding:2px 6px;
display: block;
}
#navi-sub a:hover{
color:#3333CC;
background-color:#FFCC00;
}





/*----写真左寄せ---*/
#photo_left{
float:left;
padding-right:1em;
}


/*---ギャラリーサムネイル枠---*/
#ph {
border:1px dotted #0055ff;
margin:5px;
padding:5px;
height:80px;
width:100px;
overflow:hidden;
float:left;
}


/*---以下、lightbox2---*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/*---以下、lightbox2用サムネイル---*/
#thumbnail{
width:50px;
height:50px;
border-right:1px solid #445566;
border-bottom:1px solid #445566;
overflow:hidden;
margin-right:5px;
margin-bottom:5px;
float:left;
}