@charset "UTF-8";
/* ===================================================
   SKITEM SKIN [TWOTONE GREEN] 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;
	font-size: 100%;
	color: #333;
	/* background: url(img/bg.gif) repeat-x; */
	text-align: center;
	margin-top: 0;
	padding-top: 0;
background-color: #66cc33;
}

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

div#main {
	text-align: left;
	margin: 0;
	padding: 0 0 20px 0;
	float: right;
	width: 535px;
}

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

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

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

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

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

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

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

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

.centerise {
	text-align: center;
}

/* 05:HEADER ----------------------------------------- */
div#header {
	background: url(img/bg_header_back.gif);
	background-repeat:no-repeat;
	background-position:bottom;
        background-color:#ffffff;
	/* height: 270px; */
	text-align: left;
	padding: 15px 30px 0 30px;
}

h1 {
	font-size: 1.125em;
	color: #000000;
	margin: 0;
        padding:0 0 10px 0;
	text-align: right;
}
/* .サイト説明文追加 */
div#header .desc { /* site desc */
	font-size: 0.7em;
	color: #000000;
	margin: 0;
        padding:0 0 30px 0;
	text-align: right;
}
/* Headナビ追加 */
div#header .headNavi{
        font-size:0.8em;
        font-weight:bold;
}

div#header table tr{
vertical-align:top;
}
div#header table td{
padding:0 5px 0 0;
}
div.headNavi li{
list-style-type:none;
line-height:1.5;
display: block;
/* text-indent:-40px; */
}

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

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

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

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

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

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

/* 07:SIDENAVI --------------------------------------- */
dl.navilist {
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 15px;
	background: url(img/bg_side_back.gif) ;
        background-color: #ffffff;
}

dl.navilist li{
list-style-type:none;
}

.navilist h2 { /* サイドメニューのh2タグ（基本はmainと同じ） */
	font-size: 1.2em;
	color: #00A057;
	background: url(img/bg_side_h2.jpg) no-repeat left bottom;
	margin: 0 0 10px;
	padding: 7px 0 2px 36px;
}

.navilist dt {
	font-size: 0.8em;
	color: #FFF;
	background: #00A057 url(img/bg_navititle01.gif) repeat-x left bottom;
	margin: 0 0 10px;
	padding: 8px 0 8px 3px;
}

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

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

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

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

.newslist dt {
	font-size: 0.8em;
	color: #FFFFFF;
	background: #00A057 url(img/bg_navititle01.gif) repeat-x left bottom;
	margin: 0 0 10px;
	padding: 8px 0 8px 3px;
}

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

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

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

/* 08:CONENTS ---------------------------------------- */

/* .itemBlog作成 */
div.itemBlog {
	margin: 10px 0 10px 0;
	padding: 10px 15px 10px 10px;
	background: url(img/bg_main_back.gif);
        background-color:#ffffff;
}

/* .itemRss作成 */
div.itemRss{
	margin: 10px 0 10px 0;
	padding: 10px 15px 10px 10px;
	background: url(img/bg_main_back.gif);
        background-color:#ffffff;
}
div.itemRss table tr{
vertical-align:top;
}
div.itemRss table td{
width:30%;
padding:0 3% 20px 0;
}
div.itemRss dd {
        text-indent:-40px;

}
div#main .itemDate{ /* アイテムの上部日付設定 */
	font-size: 0.9em;
        margin:0;
        padding:0;
	border-style:solid;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0.5px;
	border-left-width:0px;
	border-bottom-color:#c0c0c0;
}

div#contents {
	/* background: url(img/bg_contents.gif) no-repeat; */
}

div.item {
	margin: 0 0 10px 0;
	padding: 0 0 10px;
}

div#main h2 {
	font-size: 1em;
	color: #00A057;
	background: url(img/bg_main_h2.jpg) no-repeat left bottom;
	margin: 5px 0 0 0px;
	padding: 15px 0 2px 26px;
}

div#main p.itemTop { /* アイテム一覧表題の設定 */
	font-size: 1em;
	color: #00A057;
	font-weight:bold;
	margin: 5px 0 0 0px;
	padding: 0px 0 20px 0;
}


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

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

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

/* 拍手用追加 */
div.claptxt {
	font-size: 0.7em;
	line-height: 1.5;
	color:green;
	padding: 30px 0px 0px 0px;
	text-align: right;
}
/* 追加終了 */

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

p.txtdata {
	font-size: 0.6875em;
	text-align: right;
	margin: 0 0 10px;
	padding: 0;
clear:both;
}

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: #00A057;
	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 {
	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;
}

/* 3.3アップ用コメントフォームのcss（追記） */
div.loginform .formfield, div.commentform .formfield, div.mailform .formfield {
    display: block;
}