@charset "UTF-8";
/* ===================================================
   SKITEM SKIN [ELEGA BROWN] Stylesheet
			
			Design by SKITEM DESIGN WORKS
			http://skitem.jp/
			Copyright (c) SKITEM DESIGN WORKS

			01:BASE
			02:BASE TEXT
			03:BASE PARTS
			04:HEADER
			05:FOOTER
			06:SIDENAVI
			07:CONTENTS
			++++++++++++++++++++++++++
			08:CONENTS - COMMENT
			09:CONENTS - ARCHIVE
			10:CONENTS - ERROR
			11:CONENTS - MEMBER
			12:CONENTS - SEARCH
			
====================================================== */

/* 01:BASE ------------------------------------------- */
body {
	font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background-color:#fffbe5;
	margin:0px;
	padding:0px;
}

div#site {
/*	background: url(img/bg_site.gif) no-repeat;*/
/*	width: 780px;*/
width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
}

div#contents {
/*	background: url(img/bg_contents.gif) repeat-y;*/
	margin: 0;
	padding: 0;
	width: 800px;
}

div#mainnavi { /* MAIN + SIDENAVI */
	float: left;
	/*	width: 560px;*/
width: 615px;
	margin: 0;
	padding: 0;
}

div#main {
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0px;
	float: right;
/*	width: 340px;*/
width: 430px;
}

div#sidenavi {
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
	width: 175px;
}

div#sub {
	text-align: left;
	margin: 0px;
	padding: 0;
	float: right;
	width: 175px;
}

/* 03:BASE TEXT -------------------------------------- */
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0 0 0.625em;
}

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

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

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

.txtnormal {
	font-size: 0.75em;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 0.625em;
}

/* 04:BASE PARTS ------------------------------------- */

.clearfloat {
	clear: both;
	margin: 0;
	padding: 0;
}

.centralize {
	text-align: center;
}

div.loginform .formbutton, div.searchform .formbutton, div.commentform .formbutton, div.mailform .formbutton { /* FORM */
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #f0f0f0;
	border: 1px solid #999;
	margin: 0;
	padding: 3px;
}

div.loginform .formfield, div.commentform .formfield, div.mailform .formfield {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	display: block; 
	margin: 0;
	padding: 3px;
	border: 1px solid #999;
}

/* 05:HEADER ----------------------------------------- */
div#header {
	height: 200px;
	text-align: left;
	background-image:url(../../../images/info.png);
	background-repeat:no-repeat;
}

h1 {
	font-size: 1.125em;
	color: #FF6600;
	margin: 0;
	padding: 30px 0 0 30px;
	display: none;
}

h1 a:link, h1 a:visited {
	color: #FF6600;
	text-decoration: none;
}

h1 a:hover {
	color: #666;
	text-decoration: underline;
	display: none;
}

/* 06:FOOTER ----------------------------------------- */
div#footer {
	/*background: url(img/bg_footer.gif) no-repeat left bottom;*/
	clear: both;
	margin: 0;
	padding: 10px 20px 20px;
}

div#footer p {
	font-size: 11px;
	line-height: 1.35;
	margin: 0;
	padding: 0;
}

div#footer a:link, div#footer a:visited {
	color: #FF6600;
	text-decoration: none;
}

div#footer a:hover {
	color: #666;
	text-decoration: underline;
}

/* 07:SIDENAVI --------------------------------------- */
div#sidenavi h2, div#sub h2 {
	display: none;
}

div#sidenavi h3, div#sub h3 {
	font-size: 0.72em;
	color: #666;
	font-weight: bold;
	/*	background: #fcf8ed url(img/point_navi.gif) no-repeat 2px 4px;
	margin: 0 0 10px;
	padding: 5px 5px 5px 33px;
	border: 1px solid #d9ccad;*/
	background-image:url(../../../images/side_titile_bg.png);
	background-repeat: no-repeat;
	text-align:center;
	font-family:Verdana;
	height:29px;
	line-height:29px;
	margin-top: 10px;
	margin-bottom:5px;
}

.naviList {
	margin: 0;
	padding: 0;
}

.naviList dt {
	font-size: 0.72em;
	color: #666;
	font-weight: bold;
	/*	background: #fcf8ed url(img/point_navi.gif) no-repeat 2px 4px;
	margin: 0 0 10px;
	padding: 5px 5px 5px 33px;
	border: 1px solid #d9ccad;*/
	background-image:url(../../../images/side_titile_bg.png);
	background-repeat: no-repeat;
	text-align:center;
	font-family:Verdana;
	height:29px;
	line-height:29px;
	margin-top: 10px;
	margin-bottom:5px;
}

.naviList dd {
	color: #666;
	font-size: 0.72em;
	margin: 0 0 5px;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #d9ccad;
}

.naviList a:link, .naviList a:visited {
	color: #FF6600;
	text-decoration: none;
}

.naviList a:hover {
	color: #666;
	text-decoration: underline;
}

.naviList li {
	font-size: 0.72em;
	margin: 0 0 5px;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #d9ccad;
	list-style-type: none;
}

dl.newsList { /* NEWS TOPICS */
	margin: 0;
	padding: 0;
}

.newsList dt {
	font-size: 0.72em;
	color: #666;
	/*background: #fcf8ed url(img/point_navi.gif) no-repeat 2px 4px;
	margin: 0 0 10px;
	padding: 5px 5px 5px 33px;
	border: 1px solid #d9ccad;*/
	background-image:url(../../../images/side_titile_bg.png);
	background-repeat: no-repeat;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	height:29px;
	line-height:29px;
	margin-top: 10px;
}

.newsList dd {
	font-size: 0.72em;
	line-height: 1.35;
	margin: 0;
	padding: 0 0 5px;
}

.newsList dd a:link, .newsList dd a:visited {
	color: #FF6600;
	text-decoration: none;
}

.newsList dd a:hover {
	color: #666;
	text-decoration: underline;
}

div.searchform { /* SERCH FORM */
	font-size: 0.72em;
	line-height: 1.35;
	margin: 0;
	padding: 0 0 5px;
}

div.searchform .formfield {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 3px;
	width: 110px;
	border: 1px solid #999;
}

div.searchform br {
	display: none;
}

div.searchform .formfield {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 3px;
	width: 110px;
	border: 1px solid #999;
}

div.loginform { /* LOGIN FORM */
	font-size: 0.75em;
	line-height: 1.35;
}

div.loginform .formbutton {
	margin: 5px 0;
	padding: 3px;
}

div#side .formfield {
	width: 100px;
}

.imgbanner {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size:9px;
}

/* 07:CONTENTS --------------------------------------- */
div#main h2 {
	color: #666666;
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 0.625em;
}

div#main h3 {
	color: #666666;
	font-size: 0.75em;
	margin: 0 0 0.625em;
	padding: 3px;
	border: 1px solid #d9ccad;
}

div.itemHead {
	/*background: url(img/bg_item01.gif) no-repeat;*/
	background-color: #fff;
	margin: 0;
	padding: 10px 0 0;
}

div#main div.itemHead h2 {
	color: #666666;
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
	padding: 0 10px 0.625em;
}

div.itemBody {
	font-size: 0.75em;
	line-height: 1.5;
	/*background: url(img/bg_item02.gif) repeat-y;*/
	background-color: #fff;
	margin: 0;
	padding: 0 10px;
}

div.itemFoot {
	/*background: url(img/bg_item03.gif) no-repeat left bottom;*/
	background-color: #fff;
	margin: 0 0 15px;
	padding: 0 0 17px;
}

.itemData {
	margin: 0px;
	padding: 10px 0px 0px;
	clear: both;
}

div.blogform { /* ADDITEMFORM */
	margin: 0;
	padding: 0 0 10px;
}

div#edit .formbutton {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #f0f0f0;
	border: 1px solid #999;
	margin: 0px 0px 5px;
	padding: 3px;
}

div#edit .formfield {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	margin: 0;
	padding: 3px;
	width: 300px;
	border: 1px solid #999;
}

.shortcuts {
	font-size: 0.75em;
	line-height: 1.5;
}

div.leftbox { /* IMAGE LYOUT */
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
}

div.rightbox {
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}

/* 08:CONENTS - COMMENT ------------------------------ */
div.comment, div.commentform {
	font-size: 0.75em;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 15px;
}

div.comenttxt {
	margin: 0 20px 10px;
	padding: 0 0 0.625em;
	border-bottom: 1px solid #ebecf8;
}

div.comenttxt h4 {
	margin: 0 0 0.625em;
	padding: 0 0 0 3px;
	border-left: 3px solid #d9ccad;
	font-size: x-small;
}

div.commentform .formfield {
	width: 300px;
}

/* 09:CONENTS - ARCHIVE ------------------------------ */
ul.archivelist {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
}

.archivelist li {
	font-size: 0.75em;
	line-height: 1.5;
	margin: 0;
	padding: 5px 0 5px 20px;
}

/* 10:CONENTS - ERROR -------------------------------- */
h2.errortitle {
	font-size: 1em;
	color: #CC0000;
	margin: 0 0 10px;
	padding: 0 0 2px 10px;
}

/* 11:CONENTS - MEMBER ------------------------------- */
dl.memverlist {
	margin: 0;
	padding: 0 0 20px 10px;
}

.memverlist dt {
	font-size: 0.875em;
	margin: 0 0 5px;
	padding: 0 0 3px;
	border-bottom: 1px solid #d9ccad;
}

.memverlist dd {
	font-size: 0.72em;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 5px 20px;
}

div.mailform {
	font-size: 0.75em;
	line-height: 1.5;
}

div.mailform .formfield {
	width: 400px;
	margin: 0px 0px 5px;
	padding: 3px;
}

/* 12:CONENTS - SEARCH ------------------------------- */
div.search {
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px solid #d9ccad;
}

.highlight {
	background: #ffffcc;
}

/* README -------------------------------------------- */
body#readme {
	font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	background: url(none);
	text-align: center;
	margin-top: 0;
	padding-top: 0;
}

body#readme div#site {
	background: url(none);
	text-align: left;
	width: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

body#readme h1 {
	font-size: 1em;
	color: #4c4c4c;
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
}

body#readme h2 {
	font-size: 0.9em;
	color: #CC0000;
	margin: 10px 0;
	padding: 5px 0;
	border-top: 1px dotted #CC0000;
	border-bottom: 1px dotted #CC0000;
}

body#readme p {
	font-size: 0.8em;
	line-height: 1.5;
}

body#readme dl {
	font-size: 0.8em;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 10px 20px;
}
.pageswitch{
font-size:small;
text-align:center;
margin-bottom:5px;
}
.itemData_top {
	margin: 0px;
	padding: 0 5px 10px 0;
	clear: both;
	text-align: right;
	font-size: small;
}
/*.imgbanner img {
border: 1px #333333 solid;
}*/
img {
border: 1px #333333 solid;
}

.linkicon{
/*float:left;*/
border:1px #FFFFFF solid;
margin:0px 10px 10px 0px;
}

.itemBody b {
background-color:#FF0;
font-weight:bold;
}
.itemBody .live {
background-color:#FF0;
font-weight:bold;
}
.itemBody .event {
	background-color:#FAF;
	font-weight:bold;
}
.itemBody .other {
	background-color:#6AF;
	font-weight:bold;
}