@charset "Shift_JIS";

/* ========== 全体の設定 ========== */

html {
	scrollbar-track-color: #808080;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
}

body {
	font-family: "ＭＳ ゴシック",Osaka,sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	color: #FFFFFF;
	margin: 0px;
	padding:0px;
	background-color: #000000;
	background-image: url(gr/back_hex.jpg);
}

address {
	clear: both;
	font-family: "ＭＳ ゴシック",Osaka,sans-serif;
	font-style: normal;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px;
	border-color: #336633;
	border-style: solid none none none;
}

#menu {
	width: 160px;
	position: absolute;
}

#main {
	left: 160px;
	padding: 0px 5px 0px 5px;
	position: absolute;
}

#body {
	padding: 0px 50px 0px 50px;
}

/* ========== サイズと割付等の設定 ========== */

P { text-indent: 1em; }

.xx-small { font-size: 10px; line-height: 130%; }
.x-small { font-size: 12px; line-height: 130%; }
.small { font-size: 14px; line-height: 130%; }
.medium { font-size: 16px; line-height: 130%; }
.large { font-size: 20px; line-height: 130%; }
.x-large { font-size: 26px; line-height: 130%; }
.xx-large { font-size: 32px; line-height: 130%; }

.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }
.justify { text-align: justify; }
.v-center { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.normal { font-weight: normal; }
.bold { font-weight: bold; }

.i { text-indent: 1em; }
.tab { margin-left: 50px; }

.red { color: #FF0000; }
.lime { color: #00FF00; }
.bule { color: #0000FF; }
.yello { color: #FFFF00; }
.aqua { color: #00FFFF; }
.orange { color: #FF9900; }
.green { color: #009900; }
.black { color: #000000; }

.back-none { background-color: transparent; }
.back-red { background-color: #FF0000; }
.back-bule { background-color: #0000FF; }
.back-orange { background-color: #CC6600; }
.back-maroon { background-color: #800000; }
.back-olive { background-color: #996600; }
.back-green { background-color: #006600; }
.back-teal { background-color: #006699; }
.back-navy { background-color: #000099; }
.back-purple { background-color: #800080; }
.back-gray { background-color: #666666; }
.back-white { background-color: #FFFFFF; }

.front {
	padding-left: 16px;
	background: url(gr/mark_004.gif) no-repeat center left;
}
.back { /* back link */
	padding-left: 16px;
	background: url(gr/mark_014.gif) no-repeat center left;
}
/* ========== h1 の設定 ========== */

h1 {
	font-size: 26px;
	background-color: #336633;
	border-width: 0px 0px 1px 9px;
	border-color: #000000 #000000 #669966 #669966;
	border-style: solid;
	padding: 10px 5px 5px 10px;
}

/* ========== h2 の設定 ========== */

h2 {
	font-size: 24px;
	background-color: #336633;
	border-width: 0px 0px 1px 9px;
	border-color: #000000 #000000 #669966 #669966;
	border-style: none none solid double;
	padding: 5px 0px 3px 10px;
}

/* ========== h3 の設定 ========== */

h3 {
	font-size: 20;
	background-color: #000066;
	border-width: 2px;
	border-color: #0000FF;
	border-style: solid;
	padding: 5px;
}

/* ========== h4 の設定 ========== */

h4 {
	margin: 0px;
	padding: 1px;
}

/* ========== class box の設定 ========== */

.box {
	border: 1px solid #339933;
	margin: 5px;
	padding: 5px;
	background-color: #000000;
}
.simple-box {
	border: 1px solid #0066FF;
	margin: 0px;
	padding: 0px;
	background-color: #000033;
}
.command {
	z-index: 1;
	position: absolute;
	visibility: hidden;
	width: 125px;
	top: 0px;
}
.alpha {
	z-index: 2;
	border: 2px solid #FF0000;
	margin: 4px;
	padding: 5px;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #000000;
	position: absolute;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.clearbox {
	z-index: 3;
	border: 2px solid #339933;
	margin: 4px;
	padding: 5px;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
.harf {
	width: 270px;
	float: left;
}
.sshpop {
	position: absolute;
	visibility: hidden;
	border: 2px solid #339933;
	padding: 5px;
	background-color: #000000;
}
.balloon {
	position: absolute;
	visibility: visible;
	width: 500px;
	left: 100px;
}
.cb {
	clear: both;
}
.br {
	margin-bottom: 1em;
}

/* ========== class title の設定 ========== */

.title {
	font-weight: bold;
	background-color: #336633;
	border-width: 3px;
	border-color: #669966;
	border-style: double;
	padding: 5px;
	margin: 0px;
	position: relative;
	top: -12px;
}

/* ========== class head の設定 ========== */

.head {
	font-weight: bold;
	border: 1px solid #669966;
	padding: 10px 5px 5px 10px;
}

/* ========== class tip の設定 ========== */

.tip {
	border-width: 1px;
	border-color: #669966;
	border-style: solid;
	padding: 3px;
	margin: 2px;
	background-color: #336633;
}

/* ========== img の設定 ========== */

img {
	border: 0px;
}

/* ========== dl の設定 ========== */

dl {
	margin: 0px;
}
dt {
	font-weight: bold;
	color: #FFCCFF;
}

/* ========== ul の設定 ========== */

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
	padding-left: 16px;
	background: url(gr/mark_024.gif) no-repeat center left;
}
.link li {
	list-style: none;
	padding-left: 16px;
	background: url(gr/mark_004.gif) no-repeat center left;
}

/* ========== ドロップダウンメニューの設定 ========== */


/* ========== リンク(通常)の設定 ========== */

a {
	color: #00FF00;
	text-decoration: underline;
}

/* ========== リンク(クリック済み)の設定 ========== */

a:visited {
	color: #00FF00;
	text-decoration : underline;
}

/* ========== リンク(クリック時)の設定 ========== */

a:active {
	color: #999900;
	text-decoration: overline underline;
	background-color: #800000;
}

/* ========== リンク(マウス重なり時)の設定 ========== */

a:hover {
	color: #FFFF00;
	text-decoration: overline underline;
	background-color: #000099;
}