/*
##############################
# 基本設定
##############################
*/
body {
	color				: #333333;
	font-family			: "ＭＳ ゴシック","Sans","sans-serif";
	font-size			: 9.5pt;
	line-height			: 150%;
	background-image	: url("../image/bg/two-wonderland.png");
	
	/* ##### Internet Explorer 6.0 用(ページ全体中央寄せ) ##### */
	_text-align			: center;
	/* ##### End ##### */
}


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;
	
	/* ##### Internet Explorer 6.0 用(ページ内コンテンツの左寄せ) ##### */
	_text-align			: left;
	/* ##### End ##### */
}



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



/*
##############################
# ヘッダー/フッター設定
##############################
*/
#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 {
	font-family	: "ＭＳ ゴシック","Sans","sans-serif";
	font-size	: 9.5pt;
	position	: relative;
	top			: 5px;
}



/*
##############################
# コンテンツ設定
##############################
*/
#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_link {
	height		: 65px;
	text-align	: center;
}



/*
##############################
# メイン設定
##############################
*/
#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;
}

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

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

#main iframe {
	position	: relative;
	left		: 15px;
	margin		: 0px;
	padding		: 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 設定
##############################
*/
.header {
	color		: #000066;
	font-family	: "ＭＳ ゴシック","Sans",sans-serif;
	text-shadow	: #dddddd 0.2em 0.2em 0.2em;
	background	: url("../image/bg/header.png") no-repeat;
	margin		: 10px 0px 0px 15px;
	padding		: 5px 0px 15px 20px;
}

.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([index.html] で使用) */
#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;
}
/* ##### End ##### */


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


/* コメント([index.html] で使用) */
#comment {
	color				: #000066;
	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;
}
/* ##### End ##### */


/* Treasure Linux 紹介([index.html] で使用) */
#tl {
	color			: #333333;
	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;
}
/* ##### End ##### */


/* 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;
}
/* ##### End ##### */


/* 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;
}
/* ##### End ##### */


/* Information([index.html] で使用) */
#info {
	color			: #0066cc;
	font-size		: 8pt;
	line-height		: 150%;
}
/* ##### End ##### */


/* Profile([profile.html] で使用) */
#profile_table {
	color			: #333333;
	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 {
	text-align			: center;
	background-color	: #cccc99;
	width				: 160px;
}

#profile_table th {
	font-weight	: 100;
	width		: 290px;
}
/* ##### End ##### */


#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([link.html] で使用) ##### */
#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	: 80px;
}


#link td {
	font-size	: 8pt;
	margin		: 0px;
	padding		: 10px;
}
/* ##### End ##### */


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



/*
##############################
# タグ設定
##############################
*/
a:link {
		color 			: #0000ff;
		text-decoration : none;
}

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

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