/* common */

BODY {
	FONT-FAMILY: "Lucida Sans Unicode","Trebuchet MS","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	background: #000000 url(sunset_bg.jpg) no-repeat fixed 100% 100%;
	font-size:13px;
	margin: 0px;
	padding-left: 150px;
	scrollbar-3dlight-color : #DEEFE7;
	scrollbar-arrow-color : #333399;
	scrollbar-base-color : #9999cc ; 
	scrollbar-darkshadow-color : #999999 ; 
	scrollbar-face-color : #EFF9FF;
	scrollbar-highlight-color : #DEEFE7 ; 
	scrollbar-shadow-color : #ffffff ; 
	scrollbar-track-color : #ffffff ; 
}

hr, div#navigation h2{
	display: none;
}

h1 {
	FONT-FAMILY: "Century Gothic", "Lucida Console","Trebuchet MS","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	position: fixed;
	top: 15px;
	left: 50px;
	text-align: left;
	color: #FFFFFF;
	font-weight: normal;

	margin: 0px;
	padding: 0px;
}

div.selectsheet{
	text-align: right;
}

div#header{
	position: absolute;
	overflow: auto;

	color: #FFFFFF;
	text-align: right;
	font-size: 0.8em;

	top: 5px;
	left: 5%;
	width: 95%;

}

div#main{
	overflow: auto;
	position: absolute;
	top: 95px;
	left: 25%;
	width: 845px;
	height: 80%;
	text-align: right;
}

div#footer{
	position: absolute;
	top: 96%;
	left: 25%;
	width: 845px;
	height: 18px;
	color: #FFFFFF;
	text-align: right;
	font-size: 0.8em;

}

address{
	font-style: italic;
}

ul{
	list-style-image: url(../images/marker4.gif);
	margin-right: 5px;
	padding-right: 5px;
}

li{
	margin-left: 15px;
}

ul.contents{
	list-style-image: url(../images/marker4.gif);
}

ul.contents li#point{
	color: yellow;
	font-weight: bold;
}

ul.contents li, ul.banner li{
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

ul.banner li{
	display: inline;
}

h2{
	FONT-FAMILY: "Century Gothic", "Lucida Console","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	color: #FFFFFF;
	font-size: 21px;
	letter-spacing: 5px;
	text-align: left;
	font-weight: normal;
	font-style: italic;
}

h2:first-letter{
	text-transform: uppercase;
	font-size: 25px;
}

h3{
	FONT-FAMILY: "Lucida Sans Unicode","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	text-transform: capitalize;
	letter-spacing: 2px;
	font-size: 13px;
	margin: 1em 0px 0px 0px;
	border-bottom: 1px dashed #C0C9CD;
	padding-left: 8px;
	text-align: left;

	color: #FFFFFF;
	font-weight: normal;
	font-style: italic;

}
h3:first-letter{

}

div.date{
	text-align: right;
}

div.powered{
	text-align: center;
	font-weight: bold;
}

/*******************************/


h4{
	font-size: 13px;
	margin-top: .8em;
	margin-bottom: 2px;
	border-bottom: 1px dashed #C0C9CD;
	padding-left: 12px;
}

h5{
	font-size: 13px;
	margin-top: .8em;
	margin-bottom: 2px;
	padding-left: 16px;
}

div#navigation ol li{
	display: inline;
	margin: 0px;
}

div.section{
	clear:both;
	margin-bottom: 1em;
	padding: 1em;
}

div.section p,dl,ul{
	margin: 0.3em 25px 0.8em 25px;
}

div.subsection{
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: center;
}

div#photo li{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

div#photo a{
	color: #303a30;
	background-color: transparent;
	text-decoration: none;
	border-bottom: none;
}

div#photo a img{
	border: 1px solid #ccdddd;
}

div#photo a img.newphoto{
	border: 1px solid #FF9900;
}

div#photo a:hover img{
	border: 1px solid #000011;
}

div#photo a.text{
	text-decoration: none;
	color: #888899;
	background-color: transparent;
	border-bottom: 1px dotted #807f31;
}

div#photo a:hover.text{
	text-decoration: none;
	background-color: #ECF5F9;
	color: #6600CC;
	border-bottom: 1px solid #6600CC;
}



dt{
	font-weight: bold;
	margin-top: .5em;
}

.wallpaper li{
	list-style-type: none;
	list-style-image: none;
	margin: 0px 10px 0.5em 10px;
} 

dl.link img{
	float: left;
}

dl.bgm{
	text-align: right;
	color:#89B4CB;
}

dl.bgm dt,dd{
	font-size:12px;
}

dd.script{
	color:#999999;
	font-size: 9px;
}

dd.banner{
	float: right;
}

a:link{
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
	border-bottom: 1px dotted #0000FF;
}

a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
	border-bottom: 1px dotted #0000FF;
}

a:hover{
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 1px solid yellow;
	font-style: italic;
}

a img{
	border: 0px;
}

.dl{
	display: none;
}

/* photo */
div.jrny{
	margin: 1em 25px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	width: 450px;
	height: 140px;
	font-weight: bold;
}

div.jrny img{
	margin: 5px;
	float: right;
}

dl.jrny{
	margin: 0px;
}
dl.jrny dd{
	margin-left: 1em;
	margin-top: 0.2em;
}

/* okinawan-life */
div.oknwn{
	margin: 1em 25px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	width: 450px;
	height: 140px;
	font-weight: bold;
}

div.oknwn img{
	margin: 5px;
	float: right;
}

dl.oknwn{
	margin: 0px;
}
dl.oknwn dd{
	margin-left: 1em;
	margin-top: 0.2em;
}

/* babi */
div.powered2{
	clear: both;
}