﻿/*
name: oshima-template
powered by mag:net STUDIO.*/

/* oshima-style (oshima.css) */

/* basic page elements */

body {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 12px;
}

p { margin: 0; padding: 0; }
a { color: #36414d; text-decoration: underline; }
a:hover { color: #000; }

#banner-header a { color: #333; text-decoration: none; }
#banner-header a:hover { color: #333; }

#banner-headset a { color: #000; text-decoration: none; }
#banner-headset a:hover { color: #333; }

.menu-list a { color: #000; font-weight: bold; text-decoration: none; }
.menu-list a:hover { color: #333; }

.entry-header a { text-decoration: none; }
.entry-header a:hover { text-decoration: underline; }

#footer-header a,
#footer a { color: #000; text-decoration: none;; }

#footer-module .module-header,
#footer-module .module-header a{
	color: #000;
}

#footer-module .module,
#footer-module .module a{
	color: #000;
}

.module-content,.module-content a { color: #000; }
.module-content a:hover { color: #339933; }

h1, h2, h3, h4, h5, h6 {
    font-family: verdana, helvetica, arial, sans-serif;
}

.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
    color: #000;
}

.module-header a,
.module-header a:hover {
	color: #005af9;
}

/* entry,comments,trackbacks */
.entry-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    padding: 5px 10px 3px;
    color: #000;
    background: #6FD892  url(back_entry_header.gif) right bottom no-repeat;
    border-bottom: 2px solid #000;
}

.category-header,
.comment-header,
.mt-search-results .search-results-header,
.site-map #sitemap-title {
	color: #214202;
	border: 1px solid  #6FD892;
}

.topics-header,
.category-header a{	color: #214202; }

.comment-footer,
.trackback-footer { border-bottom: dotted 1px #C60A06; }

/* entry content parts */

.entry-content h4 {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	line-height: 1.4;
	margin: 10px 0 10px;
	padding: 5px 0 3px 10px;
	border-left: 5px solid #333;
	border-right: 5px solid #333;
	border-bottom: 1px dotted #ffcc00;
	clear: both;
}

.entry-content h5 {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
	margin: 25px 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #333;
	clear: both;
}

.entry-content blockquote {
	margin: 15px;
	padding: 10px 15px;
	background: none;
	border-left: 10px solid #e0e0e0;
	border-right: 6px double #ccc;
}

/* sidebar modules */
.module { color: #333; }

.module-header {
    color: #000;
	background: none;
}

.module-list { list-style: none; }
.module-list .module-list { list-style: none; }
.module-list-item {
	list-style: none;
	background: url(module_list.gif) no-repeat left 5px;
}

/* footer modules */
#footer-module .module-header,
#footer-module .module-header a{
	padding-left: 8px;
	border-left: solid 10px #000;
	color: #000;
}

#footer-module .module-list-item {
	margin: 0;
	padding: 5px;
	list-style: none;
	border-bottom: 1px dotted #000;
}

/* page layout */

body {
    min-width: 870px;
    color: #333;
    background-image:none;
}

#container {
    width: 100%;
    background-image:none;
}

#container-inner {
	width: 860px;
	height:570px;
	margin: 0 auto; /* center on everything else */
	padding: 0 5px 10px;
	background:none;
}

#pagebody { background: none; }

#banner {
    margin: 0 0 5px;
    padding: 0;
    background: none;
    clear: both;
}

#banner-inner {
    margin: 0;
    padding: 0;
    background: none;
}

#banner-inner img { margin: 0; padding: 0; }

.banner-list {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}
#banner-headset {
	margin: 0 0 5px;
	padding: 5px 10px;
	color: #fff;
	text-align: right;
	background: none;
	border-bottom: solid 1px #000;

}

#banner-header {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    display: inline;
}

#banner-headset p {
    line-height: 1;
    display: inline;
}

#banner-description {
	color: #000000;
	margin: 0 0;
	padding: 5px 0;
	font-size: 12px;
	text-align: center;
        

}

/* one-column tweaks */

.layout-one-column #banner {
    margin: 0;
    padding: 5px 0;
    background: none;
    clear: both;
}

.layout-one-column #banner-inner {
	height: 500px; /* necessary for ie win */
    margin: 0;
    padding: 0;
    background: none;
}

.layout-one-column #banner-header {
    margin: 0 0 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    line-height: 1;
    display: block;
}

.layout-one-column #banner-description {
	margin: 5px 0 0;
	padding: 5px 0;
	text-align: center;
}

#alpha { margin: 0; padding: 0; width: 640px; background: none; }
#beta { width: 200px; margin: 0; padding: 0; background: none;border-left:none; }

#alpha-inner { margin: 0 0 0 10px; background: none; }
#beta-inner { margin: 0 10px; padding: 0; background: none; }

/* pankuzu list */
.pankuzu {
	margin: 5px 0 5px 5px;
	padding: 0;
}

/* entry,comments,trackbacks */

.entry,
.trackbacks,
.comments,
.comments-open,
.post-comments {
	margin: 0 0 5px 0;
}

.entry-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
	margin: 0 5px;
	font-size: 12px;
    font-weight: bold;
}

.topics-header {
	margin: 0;
	padding: 5px 0 4px 30px;
	_padding: 5px 0 3px 30px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}

.category-header {
	margin: 0 0 10px 0;
	padding: 5px 0 6px 15px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}

.comment-header {
	margin: 5px 0 10px 0;
	padding: 5px 0 6px 15px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}

.entry-content,
.comment-content,
.trackback-content,
.comments-open-content,
#trackbacks-info {
    margin: 0;
    padding: 10px 5px 5px;
    line-height: 1.5;
}

/* to top navi */
.page-top {
	clear: both;
	margin: 10px 0 0;
	padding: 0 15px 0 0;
	text-align: right;
	text-decoration: none;
	background: url(top_navi.gif) right center no-repeat;
}

.page-top a{ text-decoration: none; }

.entry-more {
	margin-top: 15px;
}

.entry-more-link {
	padding: 0;
	margin: 5px 0 0;
	text-align: right;
	clear: right;
}

#trackbacks-info {
    text-align: center;
}

.comment-footer,
.trackback-footer {
	margin: 10px 0 0;
	padding: 0 20px 3px 0;
	text-align: right;
}

/* entry-photo */
.entry-photo {
	width: 100%;
	position: static;
	display: block;
	text-align: center;
}

.photo-module {
	float: left;
	display: block;
	position: static;
}

.photo3 { clear: right; }

/* box set */

#box-set {
	position: relative;
	clear: both;
	margin: 3px 0 10px;
	padding: 0 4px;
	float: left;
	background: none;
}

#box-set-inner { position: static; width: 100%; }

/* top box */
.box {
	position: relative;
	margin: 0 6px;
	padding: 0;
	width: 200px;
	height: auto;
	_height: 200px;
	line-height: 1.4;
	background: url(back_box.gif) repeat-y;
	float: left;
}

.box img { margin: 0; padding: 0; }

.box-inner {
	margin: 0;
	padding: 5px;
	background: url(bottom_box.gif) no-repeat left bottom;
}

.box-header { font-size: 12px; margin: 0 5px; list-style: none; }
.box-content {
	margin: 5px;
	background: none;
}
.box-body { margin: 5px 0 0 0; padding: 0; }
.contact-box { _clear: right; }

/* box list */

.topics-list,
.box-list {
	font-size: 12px;
	font-weight: bold;
    margin: 0;
    padding: 0;
}

.topics-list-item,
.box-list-item {
    margin: 3px 0;
    padding: 0;
    line-height: 1.4;
}

.date-header {
	margin: 0;
    padding: 2px 10px 0 20px;
    font-weight: bold;
    white-space:nowrap;
}

/* FAQ List */
.faq-list {
	margin: 0 0 10px 0;
	background: #f0f0f0;
	border-top: 3px solid #ffcc00;
	border-bottom: 3px solid #ffcc00;
}

.entry-list {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: decimal inside;
}

.entry-list-item {
	margin: 0;
	padding: 2px 0 2px 10px;
	border-bottom: 1px dotted #333;
}

.entry-list-item a{ text-decoration: none; }

/* entry tags */

.entry-tags {
    margin: 0 10px 5px 20px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px;
}


/* Page navi ---------------- */
.page_navi {
	text-align: center;
	margin: 5px 0 0 5px;
	padding: 5px 0 0 0;
	clear: both;
	border-top: dotted 1px #000;
}
/* -------------Page navi end */

/* Search results & Sitemap Archive templates */

.mt-search-results .search-results-container,
.site-map .sitemap-container { margin: 0; padding: 0; }

.mt-search-results .search-results-header,
.site-map #sitemap-title {
	margin: 10px 0 10px 0;
	padding: 5px 0 6px 15px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}

.mt-search-results .search-result-header,
.archive-title {
	margin: 10px 0 10px 15px;
	padding: 2px 0 2px 10px;
    font-size: 12px;
    border-left: solid 5px #333;
    font-weight: bold;
}

.mt-search-results .search-result-content,
.sitemap-content { margin: 0 15px 5px; }

.sitemap-content { background: url(back_sitemap.jpg) right top no-repeat; }

.mt-search-results form#search-form { width: 300px; margin: 10px auto; }
.mt-search-results form#search-form input#search { width: 80%; }
.mt-search-results form#search-form p#search-options { text-align:center; }

/* sitemap tree */
.tree ul {
	padding: 0;
	margin: 0;
	background: url(ul.gif) repeat-y -9px 15px;
}
.tree li {
	margin: 0; 
	padding: 5px 0 5px 25px; 
	list-style-type: none;
}
.tree li a {
	padding-left: 5px;
	text-decoration:none;
	border-left: 5px solid #333;
}
.tree li a:hover {
	text-decoration: underline;
}
.tree ul ul {
	background: url(ul.gif) repeat-y -1px 15px; 
}
.tree ul li {
	background: url(li.gif) no-repeat 2px 7px; 
}
.tree ul li a {
	text-decoration: none;
}
.tree ul li a:hover {
	text-decoration: underline;
}
.tree ul ul li {
	background: url(li.gif) no-repeat 10px 7px;
}
.tree ul ul li a {
	background-position: 0px 7px; 
	text-decoration:none;
	border-left: 5px solid #ffcc00;
}
.tree ul ul ul li a {
	background-position: 0px 7px; 
	text-decoration:none;
}

/* footer module */
#footer-module {
	clear: both;
	background: none;;
	margin: 10px 0;
	padding: 5px 10px;
	text-align: left;
}

#footer-module-inner {
	width: 100%;
	margin: 0;
	padding: 5px 0 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#footer-module .module {
	color: #fff;
	margin: 0;
	padding: 5px 0;
	float: left;
}

.module-search { width: 25%; }
.module-recent-entry,
.module-info-entry,
.module-rss,
.module-cclicense { width: 210px; }

.module-flower-entry{ width: 210px;
_width: 190px; }


/* modules search */
.module-search input { font-size: 12px; }
.module-search #search { width: 120px; }
.module-search .module-content {
	margin: 10px 0;
    padding: 0 5px;
    line-height: 1.4;
}

/* footer */
#footer {
   width: 100%;
   margin: 0 0 ;
   background:#eeeeee;
   clear: both;
   color: #333;
   text-align: right;
}

#footer-inner {
   width: 860px;
   margin: 0 auto 10px;
   padding: 3px 0 0;
}

#footer-header {
   margin: 8px 0 0;
   padding: 0;
   font-size: 12px;
}

address {
	margin-top: 5px;
    color: #000;
    font-style: normal;
}

/* modules */

.module {
	padding: 0;
	margin: 0;
}

.module-header {
	margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
}

.module-content {
	margin: 0 0 10px 0;
    padding: 0 5px;
    line-height: 1.4;
}


/* modules list */
.module-list {
	font-size: 12px;
    margin: 0;
    padding: 0;
}

.module-list-item {
    margin: 0;
    padding: 0 0 0 14px;
    line-height: 1.5;
}

/* tagcloud */
.tagbox {
	padding: 5px;
	background:none;
	border:2px solid #666666;
}
.tag-list {
	margin: 5px;
	padding: 0;
	list-style: none;
	}
.tag-list .tag-list-item {
	display: inline;
	padding: 0;
	background: none;
	border: none;
}
.tag-list a {
	margin: 5px;
	padding: 0;
	list-style: none;
	text-decoration: none;
        
	}
.taglevel1{ font-size: 15px; }
.taglevel2{ font-size: 14px; }
.taglevel3{ font-size: 12px; }
.taglevel4{ font-size: 16px; }

.tag-list li.taglevel1 a{ color: #3F7F00; }
.tag-list li.taglevel2 a{ color: #66ccff; }
.tag-list li.taglevel3 a{ color: #ffcc00; }
.tag-list li.taglevel4 a{ color: #99cc00; }

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }


/* Experimental comment styles
    Not currently in use anywhere in default templates
    For testing only... */
#comments-experimental .comment, #comments-experimental .comment .comment-inner {
    width:36em;
}

#comments-experimental .comment {
    padding: 0px;
    margin: 10px 15px;
    background-color:#eef;
    border:2px solid #bbb;
}

#comments-experimental .comment .comment-inner {
    position:relative;
    margin:-5px 0 0 -3px;
    background:#f3f3ff;
    border:1px solid #003;
}

#comments-experimental .comment:hover .comment-inner {
    border:1px solid #000;
    background-color: #fff;
}

#comments-experimental .comment a {
    text-decoration: none;
    border-bottom: 1px dotted #36414d;
}

#comments-experimental .comment:hover a {
    color: #333;
    border-bottom: 1px solid #000;
}

#comments-experimental .comment .comment-footer,
#comments-experimental .comment .comment-content {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 15px;
}

#comments-experimental .comment .comment-header {
    font-size: 16px;
    margin: 5px auto 5px 5px;
    text-shadow: #99A 2px 2px 1px #66F;
    color: #000;
}
.post-comments .comment-header { display: none; }
.post-comments .comment-footer-experimental { display: none; }
#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }

/* Tab Content */
#tabContent,#tab2Content { padding: 5px; }

#tabIndex,
#tab2Index,
#tab3Index { margin: 0px; padding: 0px; }

.tabBox h4, .tab2Box h4, .tab3Box h4 {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	margin: 5px 20px;
	padding: 5px 5px 5px 10px;
	border: 1px solid #ffcc00;
	background: #000;
	clear: both;
}

#tabIndex li, #tab2Index li, #tab3Index li {
	float:left;
	margin: 0 5px;
	padding: 10px;
	font-weight: bold;
	list-style-type: none;
	cursor: pointer;
	display: block;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#tabIndex .close, #tab2Index .close, #tab3Index .close {
  background-color: #ffe3a5;
  color:#ffcc00;
}
#tabIndex .open, #tab2Index .open, #tab3Index .open {
  background-color: #ffcc00;
  text-decoration: none;
}

#tabBoxIndex, #tab2BoxIndex, #tab3BoxIndex {
	border: #000 dotted 1px;
	padding: 10px 0 15px;
	clear: both;
}

