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

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

/* 01:BASE ------------------------------------------- */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: url(img/bodybg.gif);
	text-align: center;
	margin-top: 0;
	padding-top: 0;
}

/* 02:BASE LYOUT ------------------------------------- */
div#site { background: url(img/wrapperbg.gif); width: 900px; clear: both; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; }

div#main { background-color: white; text-align: left; width: 564px; float: left; margin-right: 5px; padding-top: 10px; padding-right: 10px; }

div#sidenavi { text-align: left; width: 294px; float: right; margin-top: 3px; }
*html div#sidenavi{ text-align: left; width: 284px; float: right; margin-top:0 }

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

h1{ color: #f2eedb; font-size: 10px; font-weight: normal; background-color: #303030; width: 895px; height: 18px; padding-bottom: 0; padding-left: 5px; border-bottom: 1px solid #5a5a5a; }

a:link {
	color: #f63;
	text-decoration: underline;
}

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

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

.txtnormal {
	margin: 0;
	padding: 0 0 10px;
}

/* 04:BASE PARTS ------------------------------------- */
img {
	border-style: none;
}

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

.centerise {
	text-align: center;
}

div.loginform .formfield, div.commentform .formfield, div.mailform .formfield {  /* v3.3 */
	display: block; 
}

/* 05:HEADER ----------------------------------------- */
div#header { background: url(img/bg_header.gif) no-repeat; height: 308px; text-align: left; clear: both; }

h1 {color: #f2eedb; font-size: 10px; font-weight: normal; background-color: #303030; width: 895px; padding-bottom: 0; padding-left: 5px; border-bottom: 1px solid #5a5a5a; }


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

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

/* 06:FOOTER ----------------------------------------- */
div#footer {color: #f2eedb; font-size: 12px; background-image: url(img/footerimage.gif); background-repeat: repeat-y; text-align: center; width: 900px; height: 30px;
}

.foottxt { color: #fff; font-size: 11px; line-height: 1.35; margin: 0; padding: 0; }

.foottxt a:link, .foottxt a:visited {
	color: #f63;
	text-decoration: none;
}

.foottxt a:hover {
	color: #985d00;
	text-decoration: none;
}

/* 07:SIDENAVI --------------------------------------- */
dl.navilist { background-color: #fff; margin: 0 0 10px; padding: 0 0 10px 0; }

.navilist dt { color: #323232; font-size: 16px; font-family: arial, "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; font-weight: bold; font-style: normal; background-image: url(img/h3image.gif); width: 274px; height: 21px; margin-bottom: 10px; margin-left: 10px; padding-top: 4px; padding-left: 10px; }

.navilist dd { font-size: 0.8em; line-height: 1.35em; margin: 0; padding: 0 0 5px 20px; }

.navilist dd a:link, .navilist dd a:visited {
	color: #f63;
	text-decoration: none;
	background: url(img/point01.gif) no-repeat 0 4px;
	margin: 0;
	padding: 0 0 5px 13px;
}

.navilist dd a:hover {
	color: #985d00;
	text-decoration: none;
}

dl.newslist { /* NEWS TOPICS */
	background-color: #fff; margin: 0 0 10px; padding: 0 0 10px; }

.newslist dt { color: #323232; font-size: 16px; font-family: arial, "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; font-weight: bold; font-style: normal; background-image: url(img/h3image.gif); width: 274px; height: 21px; margin-bottom: 10px; margin-left: 10px; padding-top: 4px; padding-left: 10px; }

.newslist dd {
	font-size: 0.8em;
	line-height: 1.35em;
	margin: 0;
	padding: 0 0 5px 20px;
}

.searchform br { /* SERCH FORM */
	display: none;
}

.imgbanner {
	text-align: center;
	margin: 0px;
	padding: 10px 0;
}

dl.cle{background-color: #fff; margin: 0; padding: 0;}
.cle dd{ font-size: 0.8em; line-height: 1.35em; margin: 0; padding: 0 0 5px 20px; }
.cle dt{color: #323232; font-size: 16px; font-family: arial, "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; font-weight: bold; font-style: normal; background-image: url(img/h3image.gif); width: 274px; height: 21px; margin-bottom: 10px; margin-left: 10px; padding-top: 4px; padding-left: 10px;}
.calendar{ text-align: center; width: 250px; margin-bottom: 10px; border: solid 1px #999; }
.calendar caption{font-size :14px; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; }
.calendar td,.calendar th { padding-top: 5px; padding-bottom: 5px; border: solid 1px #999; }
.calendar td a,.calendar td a:link,calendar td a:visited{ background-image: none; text-decoration: underline;font-weight: bold;}



/* 08:CONENTS ---------------------------------------- */
div#contents { background-image: url(img/mainbg.gif); background-repeat: repeat; width: 878px; margin-right: 11px; margin-bottom: 10px; margin-left: 11px; padding-bottom: 10px; display: inline-block; }
div#contents:after{content: ""; display: block; height:  0px; clear:both; visibility: hidden}
div.item {
	margin: 0;
	padding: 0 0 20px;
}

div#main h2 { color: #323232; font-size: 18px; font-family: arial, "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; font-weight: bold; background-image: url(img/h2image.gif); width: 544px; height: 26px; margin-bottom: 10px; padding-top: 9px; padding-bottom: 0; padding-left: 20px; }

div#main h2 a:link, div#main h2 a:visited {
	color: #f63;
	text-decoration: none;
}

div#main h2 a:hover {
	color: #985d00;
	text-decoration: none;
}

div.itemtxt {
	font-size: 0.8em;
	line-height: 1.5;
}

p.txtmore {
	font-size: 0.6875em;
	margin: 0 0 10px;
	padding: 0;
	clear: both;
}

p.txtdata { font-size: 0.69em; text-align: right; margin: 5px 0 10px; padding: 5px 0 0; clear: both; border-top: 1px dotted #3c3c3c; }

p.txtnaviRight {
	font-size: 0.8em;
	text-align: right;
	margin: 0 0 10px;
	padding: 0;
}

p.txtnaviLeft {
	font-size: 0.8em;
	text-align: left;
	margin: 0 0 10px;
	padding: 0;
}

blockquote {
	color: #6D6D6D;
	margin: 10px;
	padding: 10px;
	border: 1px dotted #CCC;
}

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

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

div#edit { /* ADD ITEM */
	margin: 0 0 10px;
	padding: 10px;
	border: 1px dotted #CCC;
}

div#edit h3 {
	font-size: 1em;
	color: #1689c5;
	margin: 0 0 10px;
	padding: 0;
	border-style: none;
}

.shortcuts {
	font-size: 0.8em;
	line-height: 1.5;
	margin: 0 0 10px;
}

/* 09:CONENTS - COMMENT ------------------------------ */
div.comment { float: left; margin: 0; padding: 0 10px 20px; }
div.comment h3 {
	font-size: 0.9em;
	color: #333;
	margin: 0 0 10px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #333;
}

div.comment h4 {
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0 0 5px;
}

div.comenttxt {
	font-size: 0.6875em;
	line-height: 1.5;
	margin: 0;
	padding: 10px;
	border: 1px dotted #999;
}

div.commentform {
	font-size: 0.8em;
	line-height: 1.5;
}

/* 10:CONENTS - ARCHIVE ------------------------------ */
.archivetitle {
	font-size: 0.8em;
	color: #333;
}

dl.archivelist {
	margin: 0;
	padding: 0 0 0 10px;
}

.archivelist dt {
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0 0 5px;
}

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

/* 11:CONENTS - ERROR -------------------------------- */
h2.errortitle {
	font-size: 1em;
	color: #CC0000;
	background: url(img/bg_itemtitle.gif) no-repeat left bottom;
	margin: 0 0 10px;
	padding: 0 0 2px 10px;
}

/* 12:CONENTS - MEMBER ------------------------------- */
.memvertitle {
	font-size: 0.9em;
	color: #333;
	margin: 0 0 10px;
	padding: 0 0px 2px 0;
	border-bottom: 1px solid #333;
}

dl.memverlist {
	margin: 0;
	padding: 0 0 20px 10px;
}

.memverlist dt {
	font-size: 0.8em;
	margin: 0 0 5px;
	padding: 0 0 3px;
	border-bottom: 1px dotted #999;
}

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

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

/* 13:CONENTS - SEARCH ------------------------------- */
div.search {
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #999;
}

.highlight {
	background: #A3D8FF;
}

/* 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: 0px;
	padding: 0px 0px 20px;
}

body#readme h2 {
	font-size: 0.9em;
	color: #CC0000;
	margin: 10px 0px;
	padding: 5px 0px;
	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: 0px;
	padding: 0px 0px 10px 20px;
}
/*original*/
#headers{ background-image: url(img/headerimage.gif); background-repeat: no-repeat; width: 900px; height: 50px; }
#headers .logo{ margin-top: 5px; margin-left: 10px; }
#headers img{ float: left; margin-right: 5px; }
.headermenu{ width: 215px; float: right; }
#flashcontainer{ background-color: #dbe2d6; width: 898px; margin-right: 1px; margin-left: 1px; }
#flashcontainer img{ display: block; }
#navi{ width: 900px; }
#navi ul {list-style: none; margin: 0; padding: 0;}
#navi li{ font-size: 12px; background-image: url(img/globalmenu-off.gif); text-align: center; float: left; white-space: nowrap; }
#navi li a { color: #3c3c3c; background-image: url(img/globalmenu-off.gif); text-decoration: none; width: 150px; height: 25px; padding-top: 5px; display: block; }
#navi li a:hover { color: #7c4407; background-image: url(img/globalmenu01-on.gif); }
#navi li.end a { background-image: url(img/globalmenu-off-end.gif); text-decoration: none; width: 150px; height: 25px; padding-top: 5px; display: block; }
#navi li.end a:hover {color: #7c4407; background-image: url(img/globalmenu01-on-end.gif); }
#navi li.current{color: #7c4407; background-image: url(img/globalmenu01-on.gif); width: 150px; height: 25px; padding-top: 5px; }
#navi li.currentend{color: #7c4407; background-image: url(img/globalmenu01-on-end.gif); width: 150px; height: 25px; padding-top: 5px; }
#navi img{ vertical-align: top; margin-bottom: 10px; }