@import "/library/default.css";

body {
	background-color:#241223;
	color:#cccccc;
}

div#wrap {
	margin:auto;
	width:950px;
	text-align:left;
}

a:link { text-decoration:none; color:#a0d8ef; }
a:visited { text-decoration:none; color:#a0d8ef; }
a:active { text-decoration:none; color:#a0d8ef; }
a:hover { text-decoration:underline; color:#E60000; }

div#foot {
	color:#999999;
	border-top:3px solid #666666;
}

div#foot a:link { text-decoration:none; color:#F0E6C9; }
div#foot a:visited { text-decoration:none; color:#F0E6C9; }
div#foot a:active { text-decoration:none; color:#F0E6C9; }
div#foot a:hover { text-decoration:underline; color:#E60000; }

td , th {
	color:#cccccc;
}

/* ------------------------ */

div#indexblock {
	position:relative;
	width:950px;
	height:750px;
	margin:0 0 10px 0;
}

div#indexblock div.bg {
	position:absolute;
	z-index:1;
}

div#indexblock div.container {
	margin:15px;
}

/* ------------------------ */

div#indexblock div.menu {
	position:absolute;
	top:15px;
	left:15px;
	z-index:3;
	width:285px;
}

div#indexblock div.menu div.menu_list a {
	display:block;
	text-align:center;
	margin:0 0 5px 0;
	padding:5px 4px 5px 4px;
	background-image:url(../image/bg_coment.png);
	background-repeat:repeat;
	background-position:left top;
	color:#D5DE39;
	border:1px solid #666666;
	text-decoration:underline;
}

div#indexblock div.menu div.menu_list a:hover {
	color:#E60000;
	border:1px solid #999999;
}

div#indexblock div.menu div.menu_list p {
	display:block;
	text-align:center;
	margin:0 0 5px 0;
	padding:5px 4px 5px 4px;
	background-image:url(../image/bg_coment.png);
	background-repeat:repeat;
	background-position:left top;
	color:#cccccc;
	border:1px solid #666666;
}

/* ------------------------ */

div#indexblock div.coment {
	position:absolute;
	top:370px;
	left:330px;
	z-index:2;
	width:600px;
	height:365px;
	background-image:url(../image/bg_coment.png);
	background-repeat:repeat;
	background-position:left top;
	border:1px solid #666666;
}

div#indexblock div.coment th {
	width:30%;
	border-bottom:1px dotted #999999;
	padding:6px 0 5px 5px;
}

div#indexblock div.coment td {
	width:70%;
	border-bottom:1px dotted #999999;
	padding:6px 0 5px 5px;
}

div#indexblock div.coment  h1 {
	margin:0 0 5px 0;
	padding:0 8px 7px 10px;
	font-size:14px;
	line-height:140%;
	border-bottom:1px dotted #999999;
	color:#ffffff;
}

div#indexblock div.coment ul {
	margin:0 0 10px 5px;
	padding:0;
	list-style:none;
}

div#indexblock div.coment ul li {
	margin:0 0 2px 0;
	padding:0 0 0 16px;
	background-image:url(../image/list_coment.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/* ------------------------ */

div#indexblock_foot {
	background-color:#000000;
	margin:0 0 10px 0;
	padding:15px;
	border:1px solid #535441;
}

div.link {
	border-top:1px dotted #999999;
	margin:0 0 20px 0;
	padding:15px 0 0 0;
}

div.link td {
	vertical-align:middle;
	font-size:11px;
	line-height:130%;
	padding:0 10px 0 10px;
}

/* ------------------------ */

div#contents {
	background-color:#000000;
	margin:0 0 10px 0;
	padding:15px;
	border:1px solid #535441;
}

div#contents h1 {
	background-color:#442B44;
	padding:9px 0 6px 10px;
	margin:0 0 15px 0;
	font-size:16px;
	color:#ffffff;
}

div#contents h2 {
	background-color:#4D3C5A;
	padding:8px 0 6px 10px;
	margin:0 0 10px 0;
	font-size:14px;
	color:#ffffff;
}


/* ------------------------ */

div#intro {
	margin:0;
}

div.path {
	float:left;
	width:280px;
}

div.path ul {
	margin:8px 0 0 5px;
	padding:0;
	list-style:none;
}

div.path ul li {
	float:left;
	margin:0 15px 0 0;
	padding:0 0 0 10px;
	background-image:url(../image/list_path.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

div#intro div.tablist {
	float:right;
	width:660px;
	text-align:center;
}

div#intro div.tablist div.tab {
	float:right;
	width:50px;
	margin:0 0 0 2px;
	border-top:1px solid #646550;
	border-left:1px solid #646550;
	border-right:1px solid #535441;
}