/* common */

BODY {
	FONT-FAMILY: "Trebuchet MS","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	color: #888899;
	background: #FFFFFF url(right.gif) repeat-y 100% 0px;
	font-size:13px;
	margin: 0px 75px 0px 0px;
	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{
	display: none;
}

h1{
	FONT-FAMILY: "Lucida Sans Unicode","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	font-size: 35px;
	letter-spacing: 2px;
	color: #FFFFFF;
	background: #000000 url(h1.jpg) no-repeat 50% 90%;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	padding-bottom: 150px;
	padding-left: 20px;
}

div.selectsheet{
	text-align: right;
}

div#header{
	background: #FFFFFF url(left.gif) repeat-y 0px 0px;
	padding-left: 105px;
	padding-right: 30px;
}

div#main{
	background: #FFFFFF url(left.gif) repeat-y 0px 0px;
	padding-top: 1em;
	padding-left: 135px;
	padding-right: 60px;
	padding-bottom: 90px;
}

div#footer{
	clear: both;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	color: #777777;
/*	border-top: 3px dotted #cdcfbd;*/
	background: #FFFFFF url(left.gif) repeat-y 0px 0px;
	padding-left: 75px;
	padding-top: 1em;
	padding-bottom: 1em;

}

address{
	font-style: italic;
}

div#navigation h2{
	display: none;
}

h2{
	text-transform: capitalize;
	FONT-FAMILY: "Lucida Sans Unicode","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	font-size: 21px;
	letter-spacing: 2px;
	background: #ffffff url(h2f.gif) no-repeat 100% 40%;
}

h3{
	FONT-FAMILY: "Verdana","‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic";
	letter-spacing: 2px;
	font-size: 13px;
	margin: 1em 0px 0px 0px;
	padding-left: 8px;
	background: #ffffff url(h3f.gif) no-repeat 100% 80%;
}

h4{
	font-size: 13px;
	margin-top: .8em;
	margin-bottom: 2px;
	margin-right: 10%;
	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 10px 0px 10px;
}

div.section{
	clear:both;
}

div.section p,dl,ul{
	margin: 0.3em 25px 0.8em 25px;
}

div.subsection{
	float: left;
	width: 45%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}

div.subsection img{
	float: left;
}

ul{
	list-style-image: url(../images/marker.gif);
}

ul.contents{
	padding-left: 15px;
	border-bottom: 5px solid #D2D0EA;
	margin: 10px 0px 0px 0px;
}

ul.contents li, ul.banner li{
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

ul.contents li#point{
	font-weight: bold;
	background:#D2D0EA;
}

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 #3333FF;
}

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;
}


div.date{
	text-align: right;
}

div.powered{
	text-align: center;
	font-weight: bold;
}

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, a:visited{
	text-decoration: none;
	color: #888899;
	background-color: transparent;
	border-bottom: 1px dotted #807f31;
}

a:hover{
	text-decoration: none;
/*	color: #303a30;*/
	background-color: #ECF5F9;
	color: #6600CC;
	border-bottom: 1px solid #6600CC;
}

a img{
	border: 0px;
}

.dl{
	display: none;
}

/* photo */
div.jrny{
	margin-top: 1em;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
/*	padding: 10px;*/
	width: 205px;
	height: 23em;
/*	width: 420px;*/
/*	height: 140px;*/
	font-weight: bold;
	float: left;
}

div.jrny img{
	margin: 13px;
/*	margin: 5px;*/
	border-top: 1px solid #9999CC;
	border-bottom: 1px solid #9999CC;
/*	float: right;*/
}

dl.jrny{
	margin: 0px;
}
dl.jrny dd{
	margin-left: 1em;
	margin-top: 0.2em;
}

/* okinawan-life */
div.oknwn{
	margin-top: 1em;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 205px;
	height: 23em;
	font-weight: bold;
	float: left;
}

div.oknwn img{
	margin: 13px;
	border-top: 1px solid #9999CC;
	border-bottom: 1px solid #9999CC;
}

dl.oknwn{
	margin: 0px;
}
dl.oknwn dd{
	margin-left: 1em;
	margin-top: 0.2em;
}

/* babi */
div.powered2{
	clear: both;
}

