/*
========================================
	Base Setting
========================================
*/

body {
	color						: #333333;
	font-family					: Sans,monospace;
	font-size					: 9.5pt;
	line-height					: 150%;
	background-image			: url("../image/bg/two-wonderland.png");
	scrollbar-track-color		: #ffffff;
	scrollbar-face-color		: #ffffff;
	scrollbar-arrow-color		: #0066cc;
	scrollbar-3dlight-color		: #0066cc;
	scrollbar-darkshadow-color	: #0066cc;
	scrollbar-highlight-color	: #0066cc;
	scrollbar-shadow-color		: #0066cc;
}


img {
	border-style		: none
}


#base {
	background-color	: #5582d2;
	width				: 850px;
	margin				: 30px auto 0px;
	border-top			: 1px #2459c3 solid;
	border-bottom		: 1px #2459c3 solid;
	border-left			: 5px #2459c3 solid;
	border-right		: 5px #2459c3 solid;
}


/*
========================================
	Title Setting
========================================
*/

#title {
	background-image	: url("../image/bg/bg-title.png");
	width				: 850px;
	height				: 130px;
	position			: relative;
	top					: 0px;
	left				: 0px;
	margin				: 0px;
}


/*
========================================
	Header/Footer Setting
========================================
*/

#bar {
	color				: #ffffff;
	background-color	: #000066;
	text-align			: right;
	width				: 850px;
	height				: 30px;
	border-top			: 1px #000066 solid;
	border-bottom		: 1px #000066 solid;
	clear				: both;
	position			: relative;
	top					: 0px;
	left				: 0px;
	margin				: 0px;
}


#bar font {
	position	: relative;
	top			: 5px;
}


/*
========================================
	Contents Setting
========================================
*/

#contents {
	float		: left;
	width		: 200px;
	position	: relative;
	top			: 0px;
	left		: 0px;
	margin		: 0px;
	padding		: 0px;
}


#contents table {
	background-color: #5582d2;
	width			: 190px;
}


#contents tr {
	width	: 190px;
	height	: 40px;
}


/*
========================================
	Main Setting
========================================
*/

#main {
	float				: right;
	background-image	: url("../image/bg/bg-main.gif");
	width				: 640px;
	border-left			: 5px #2459c3 solid;
	border-right		: 0px;
	position			: relative;
	top					: 0px;
	left				: 0px;
	margin				: 0px;
	padding				: 0px;
}


#main img {
	position	: relative;
	left		: 15px;
	margin		: 0px;
}


#main iframe {
	position			: relative;
	left				: 15px;
	margin				: 0px;
}



/*
##############################
# Copyright 設定
##############################
*/
#copyright {
	background-color: #000066;
	text-align		: left;
	width			: 850px;
	height			: 30px;
	border-top		: 1px #000066 solid;
	border-bottom	: 1px #2459c3 solid;
	clear			: both;
	position		: relative;
	top				: 0px;
	left			: 0px;
	margin			: 0px;
}



/*
##############################
# Class 設定
##############################
*/
.red {
	color		: #ff0000;
	font-weight	: bold;
}


.blue {
	color	: #0000ff;
}


.white {
	color	: #ffffff;
}


.dark-blue {
	color	: #000066;
}


.small {
	font-size	: 8pt;
	color		: #996633;
}



/*
##############################
# ID 設定
##############################
*/
#main_title {
	color				: #000066;
	font-size			: 11pt;
	background-color	: #cff0f4;
	width				: 800px;
	height				: 25px;
	border				: 2px #000066 dotted;
	position			: relative;
	left				: -15px;
	margin				: 0px;
}


#main_title font {
	position			: relative;
	top					: 3px;
}


#sub_title {
	color				: #000066;
	font-size			: 11pt;
	background-color	: #cff0f4;
	width				: 400px;
	height				: 25px;
	position			: relative;
	left				: 20px;
	margin				: 0px;
}


#sub_title font {
	position			: relative;
	top					: 3px;
}


#sub_title_2 {
	color				: #000066;
	font-size			: 11pt;
	background-color	: #cff0f4;
	width				: 580px;
	height				: 25px;
	border				: 1px #000066 solid;
	position			: relative;
	left				: -15px;
	margin				: 0px;
}


#sub_title_2 font {
	position			: relative;
	top					: 3px;
}


#sub_contents {
	font-size			: 9.5pt;
	width				: 190px;
	position			: relative;
	left				: 5px;
	margin				: 0px;
	padding				: 0px;
}


#sub_contents tr {
	background-color	: #cff0f4;
	width				: 190px;
	height				: 40px;
	margin				: 0px;
	padding				: 0px;
}


#update {
	color				: #000066;
	font-size			: 9.5pt;
	background-color	: #cff0f4;
	height				: 10px;
	border				: 1px #000066 solid;
	position			: relative;
	top					: 3px;
	left				: -5px;
	margin				: 0px;
	padding				: 0px;
	z-index				: 1;
}


/* Weblog メッセージ([index.html] で使用) */
#blog_message {
	position	: relative;
	top			: 3px;
	left		: 50px;
	margin		: 0px;
	padding		: 0px;
	z-index		: 1;
}
/* ここまで */


#comment {
	color			: #000066;
	font-family		: Sans,monospace;
	font-size		: 9.5pt;
	line-height		: 150%;
	background-image: url("../image/bg/prontera.png");
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color: #fcfcfc;
	width			: 570px;
	border			: 1px #000000 dotted;
	border-collapse	: collapse;
	position		: relative;
	left			: 17px;
	margin			: 0px;
	padding			: 0px;
}


#comment tr {
	width	: 570px;
}


#tl {
	color			: #333333;
	font-family		: Sans,monospace;
	font-size		: 9.5pt;
	line-height		: 150%;
	width			: 570px;
	border			: 1px #000066 solid;
	border-collapse	: collapse;
	position		: relative;
	left			: 15px;
	margin			: 0px;
	padding			: 0px;
}


#tl tr {
	width	: 570px;
	height	: 30px;
}


#tl td {
	margin	: 0px;
	padding	: 0px;
}


#tl img {
	position	: relative;
	left		: 0px;
	margin		: 0px;
	padding		: 0px;
}


/* Weblog 紹介([index.html] で使用) */
#blog {
	color			: #333333;
	font-family		: Sans,monospace;
	font-size		: 9.5pt;
	line-height		: 150%;
	width			: 570px;
	border			: 1px #a52a2a solid;
	border-collapse	: collapse;
	position		: relative;
	left			: 15px;
	margin			: 0px;
	padding			: 0px;
}

#blog tr {
	width	: 570px;
	height	: 30px;
}

#blog td {
	margin	: 0px;
	padding	: 0px;
}

#blog img {
	position	: relative;
	left		: 0px;
	margin		: 0px;
	padding		: 0px;
}
/* ここまで */


/* Update History([update.html] で使用) */
#check {
	color			: #996633;
	font-family		: Sans,monospace;
	font-size		: 8pt;
	line-height		: 150%;
	width			: 555px;
	border			: 1px #999999 solid;
	border-collapse	: collapse;
	margin			: 0px;
	padding			: 0px;
}

#check td {
	padding		: 3 3px;
}
/* ここまで */


#profile_table {
	color			: #333333;
	font-family		: Sans,monospace;
	font-size		: 9.5pt;
	background-color: #ffffff;
	line-height		: 150%;
	width			: 450px;
	border			: 1px #000000 solid;
	border-collapse	: collapse;
	border-spacing	: 1px;
	margin			: 0px;
	padding			: 0px;
}


#profile_table tr {
	width			: 450px;
	height			: 30px;
}


#profile_table td {
	 background-color:#cccc99;
	 width			: 200px;
}


#profile_table th {
	width			: 250px;
}


#style_table {
	color			: #333333;
	font-family		: Sans,monospace;
	font-size		: 9.5pt;
	background-color: #ffffff;
	line-height		: 150%;
	width			: 500px;
	border			: 1px #000000 solid;
	border-collapse	: collapse;
	border-spacing	: 1px;
	margin			: 0px;
	padding			: 0px;
}


#style_table tr {
	width			: 500px;
	height			: 30px;
}


#style_table td {
	background-color:#cccc99;
	width			: 150px;
}


#style_table th {
	width			: 350px;
}


#link {
	color			: #333333;
	font-family		: Sans,monospace;
	font-size		: 9.5pt;
	line-height		: 150%;
	width			: 570px;
	border			: 1px #000066 solid;
	border-collapse	: collapse;
	position		: relative;
	left			: 15px;
	margin			: 0px;
	padding			: 0px;
}


#link tr {
	width	: 570px;
	height	: 100px;
}


#link td {
	margin	: 0px;
	padding	: 0px;
}


#link img {
	position	: relative;
	left		: 0px;
	margin		: 0px;
	padding		: 0px;
}


/*
========================================
	Tag Setting
========================================
*/

a:link {
		color 			: #0000ff;
		text-decoration : none;
}

a:visited {
		color			: #8fabbe;
		text-decoration	: none;
}

a:hover {
		color			: #ff9900;
		text-decoration : underline;
}