
	/*************************************************/
	/*                                               */
	/* Copyright (C) 2003-2008 Hiroyuki Isohata      */
	/*                                               */
	/*                               >> hir@suki.net */
	/*                                               */
	/*************************************************/

	/* ----- BODY TAG ----- */
	BODY {
		color                      : #000000;
		background-color           : #FFFFFF;
		font-size                  : 12px;
		font-family                : MS UI Gohic;
		scrollbar-arrow-color      : #000000;
		scrollbar-base-color       : #FFFFFF;
		scrollbar-face-color       : #FFFFFF;
		scrollbar-highlight-color  : #000000;
		scrollbar-shadow-color     : #858585;
		scrollbar-3dlight-color    : #FFFFFF;
		scrollbar-darkshadow-color : #FFFFFF;
		scrollbar-track-color      : #FFFFFF;
	}

	/* ----- TABLE TAG ----- */
	TABLE,TD,TH {
		font-size   : 12px;
		font-family : MS UI Gohic;
	}

	/* ----- A TAG ----- */
	A         { text-decoration : none; }
	A:link    { color : #0000FF; }
	A:active  { color : #FF0000; }
	A:visited { color : #0000FF; }
	A:hover {
		color       : #FF5500;
		font-weight : bold;
	}
	A.wide {
		display : block;
		width   : 100%;
	}
	A:hover.wide {
		background-color : #FFCCCC;
	}

	/* ----- IMG TAG ----- */
	IMG { border-style : none; }

	/* ----- map image style ----- */
	.mapimg {
		filter : DropShadow(color=#55CCFF,offX=3,offY=3);
	}

	/* ----- hidden style ----- */
	.hidden { display : none; }

	/* ----- title style ----- */
	.ti {
		color         : #00AAFF;
		border-top    : 0px;
		border-left   : 5px solid #8888F8;
		border-right  : 0px;
		border-bottom : 1px solid #8888F8;
		padding       : 3px 2px 2px 3px;
		font-weight   : bold;
	}

	.ti2 {
		color         : #FF5500;
		border-top    : 0px;
		border-left   : 5px solid #FFAA55;
		border-right  : 0px;
		border-bottom : 1px solid #FFAA55;
		padding       : 3px 2px 2px 3px;
		font-weight   : bold;
	}

	.ti3 {
		color         : #00AAFF;
		border-top    : 0px;
		border-left   : 5px solid #8888F8;
		border-right  : 0px;
		border-bottom : 1px solid #8888F8;
		padding       : 3px 2px 2px 3px;
		font-weight   : bold;
		font-size     : 18px;
	}


	/* ----- caption style ----- */
	.cp {
		color     : #858585;
		font-size : 10px;
	}

	/* ----- diary style ----- */
	.diary_table {
		font-size        : 10px;
		border-top       : solid 1px;
		border-left      : solid 1px;
		border-color     : #000000;
	}

	.diary_td1 {
		font-size        : 10px;
		color            : #FFFFFF;
		background-color : #55AAFF;
		border-bottom    : solid 1px;
		border-right     : solid 1px;
		border-color     : #000000;
	}

	.diary_td2 {
		font-size        : 10px;
		color            : #000000;
		background-color : #AACCFF;
		border-bottom    : solid 1px;
		border-right     : solid 1px;
		border-color     : #000000;
	}

	.diary_td3 {
		font-size        : 10px;
		color            : #000000;
		background-color : #FFFFFF;
		border-bottom    : solid 1px;
		border-right     : solid 1px;
		border-color     : #000000;
	}

	.diary_td4 {
		font-size        : 10px;
		color            : #000000;
		background-color : #E0E0E0;
		border-bottom    : solid 1px;
		border-right     : solid 1px;
		border-color     : #000000;
	}

	IMG.dimg {
		opacity : 1.0;
		filter  : Alpha(opacity=100);
	}

	A:hover IMG.dimg {
		opacity : 0.5;
		filter  : Alpha(opacity=50);
	}

	/* ----- vip page input style ----- */
	INPUT.login_input {
		font-size        : 10px;
		width            : 200px;
		color            : #0055FF;
		font-family      : MS UI Gothic;
		background-color : #FFFFFF;
		border-style     : solid;
		border-width     : 1px;
		border-color     : #000000;
		cursor           : hand;
	}

	INPUT.login_btn {
		font-size        : 10px;
		width            : 100px;
		color            : #000000;
		font-family      : MS UI Gothic;
		background-color : #DDDDDD;
		border-style     : solid;
		border-width     : 1px;
		border-color     : #000000;
		cursor           : hand;
	}

	/* ----- vip page menu image style ----- */
	SPAN#vip_menu A {
		display             : block;
		text-indent         : -100px;
		overflow            : hidden;
		height              : 31px;
	}

	A.vip_close {
		background-image    : url("../img/vip/ico_close.gif");
		width               : 114px;
	}

	A:hover.vip_close {
		background-position : 0px -31px;
	}

	A.vip_result {
		background-image    : url("../img/vip/ico_result.gif");
		width               : 113px;
	}

	A:hover.vip_result {
		background-position : 0px -31px;
	}

	A.vip_photo {
		background-image    : url("../img/vip/ico_photo.gif");
		width               : 129px;
	}

	A:hover.vip_photo {
		background-position : 0px -31px;
	}

	.idx {
		color     : #00AAFF;
		font-size : 24px;
	}


	.idx2 {
		color          : #00AAFF;
		font-size      : 18px;
		font-family    : MS UI Gothic;
		filter         : DropShadow(color=#DDDDDD,offx=3,offy=3,positive=1);
		width          : 100%;
		height         : auto;
	}

	/* ----- menu sidenav style ----- */
ul.sidenav {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	list-style: none;
	border-bottom: 1px solid #3373a9; /*--Bevel Effect--*/
	border-top: 1px solid #003867; /*--Bevel Effect--*/
	font-size: 1.2em;
}
ul.sidenav li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	margin: 0;
	padding: 0;
}
ul.sidenav li a{
	border-top: 1px solid #3373a9; /*--Bevel Effect--*/
	border-bottom: 1px solid #003867; /*--Bevel Effect--*/
	padding: 10px 10px 10px 25px;
	display: block;
	color: #fff;
	text-decoration: none;
	width: 165px;
	background: #00aaff url(../img/sidenav_li_a.gif) no-repeat 5px 10px;
	position: relative; /*--Add a relative positioning--*/
	z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
}
ul.sidenav li a:hover {
	background-color: #004c8d;
	border-top: 1px solid #1a4c76;
}

ul.sidenav li div {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 0.9em;
	background: url(../img/bubble_top.gif) no-repeat right top;
}
ul.sidenav li div p {
	margin: 7px 0;
	line-height: 1.6em;
	padding: 0 5px 10px 30px;
	background: url(../img/bubble_btm.gif) no-repeat right bottom;
}
