/*
Theme Name: komasa-box
Theme URI: http://karakosha.com/
Description: simple theme.
Version: 1
Author: komasa
Author URI: http://www.karakosha.com/
Tags: two columns, three columns, fixed width, widget ready, left sidebar, right sidebar, white, simple, lite, valid CSS, valid XHTML, admin options

	The following plugins are supported and read the README.txt to learn more.
    - SRG Clean Archives
    - Subscribe to Comments
    - WP-PageNavi
    - WP23 Related Posts
    - WP-RecentComments
    - Gravatar (WordPress 2.3 or lower)
*/

/* body START */
body {
	background:#BECCF4 url(images/bg.gif) repeat-y center;
	color:#333;
	font-size:80%;
	font-family:"BitStream vera Sans", Verdana, Arial, Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
#container {
	margin:0 auto;
	width:830px;
}
/* body END */

/* util START */
* {
	margin:0;
	padding:0;
}
abbr[title], acronym[title] {
	border-bottom:thin dotted;
	cursor:help;
}
small, .small {
	font-size:10px;
}
ul, li {
	list-style-type:none;
}
img {
	border:none;
}
.inline {
	display:inline;
}
.sided {
	background:#FFF;
	border:1px solid #899EA6;
	padding:3px;
}
a .sided:hover {
	border-color:#496370;
}
a {
	color:#258;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.button {
	text-decoration:none;
	padding:2px 5px;
	background:#D5E396;
	border-top:1px solid #D5E396;
	border-right:1px solid #B5C98F;
	border-bottom:1px solid #B5C98F;
	border-left:1px solid #D5E396;
	color:#84985D;
}
.button:hover {
	text-decoration:none;
	background:#C8DE9D;
	border-top:1px solid #B5C98F;
	border-right:1px solid #D5E396;
	border-bottom:1px solid #D5E396;
	border-left:1px solid #B5C98F;
	color:#60743A;
}
blockquote {
	background:#F1F5F6;
	border:1px dashed #B0BEC7;
	color:#666;
	padding:5px 10px;
	margin:5px 0;
}
blockquote a {
	color:#258;
}
blockquote.adminquote {
	background:#FAFDEC;
	border-color:#D5E396;
}
.feed, .feed a {
	color:#E05C23;
}
.textfield, .textarea {
	border:1px solid #A4B97F;
	padding:2px 1px;
	font-size:12px;
}
.clear {
	clear:both;
}
.strike {
	text-decoration:line-through;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left {
	float:left;
	margin-right:10px !important;
	margin-right:7px;
}
.right {
	float:right;
	margin-left:10px !important;
	margin-left:7px;
}
img.alignleft 
{
	float:left;
	margin:0 1em 1em 0;
}
img.alignright 
{
	float:right;
	margin:0 0 1em 1em;
}
.part, .post .content p {
	margin-bottom:8px;
	overflow:hidden;
}
.bottom_separator {
	margin-bottom:10px;
}
.box {
	background:#FFF;
	border:1px solid #B0BEC7;
	width:100%;
	margin-bottom:10px;
}
.box .content {
	background:#F1F5F6;
	margin:1px;
	padding:6px 9px;
}
.box .g {
	background:#FAFDEC;
}
.box .r {
	background:#F6EEE3;
}
.hollow {
	display:block;
	margin:-6px -9px;
	padding:6px 9px;
	background:#FFF;
}
.indent_l-1 {
	margin-left:-1px;
}
.indent_r-1 {
	margin-right:-1px;
}
.bgpink {
	background:#ffeefe;
}


/*
.bgosirase {
	background:#F6EEE3;
}
*/
/* util END */

/* top START */
#top {
	margin:0 5px;
	padding:5px 0;
	font-size:10px;
}
#top li {
	float:left;
	padding:0 5px;
	border-right:1px solid #333;
}
#top li.s {
	border:none;
}
#top span {
	float:left;
	padding:0 5px;
}
#top #about {
	text-transform:uppercase;
}
/* top END */

/* header START */
#header {
	background:#E9EEF1;
	border:1px solid #B0BEC7;
	margin-bottom:10px;
}
#header .content {
	background:#FFF url(http://doyusha.jp/info/wp-content/themes/komasa-box/images/bg_header.jpg) no-repeat;
	width:100%;
	height:120px;
}
#header .content #title {
	float:left;
	padding:15px;
}
#header .content h1 {
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:-1px;
	left:-6000px;
	position:absolute;
}
#sitelogo {
	background-image: url(images/sitelogo.gif);
	padding-bottom: 20px;
	height: 50px;
	width: 250px;
	background-repeat: no-repeat;
}

#header .content #tagline {
	font-size:10px;
}
#header .meta {
	font-size:10px;
	border:1px solid #FFF;
}
#menubar {
	float:left;
	padding:0 10px;
}
#menubar li {
	float:left;
	border-style:solid;
	border-color:#FFF;
	border-width:0 1px;
	margin-left:-1px;
}
#menubar li a {
	display:block;
	text-decoration:none;
	padding:4px 9px;
}
#menubar li a:hover {
	background:#E1E7E9;
}
#menubar .current_page_item {
	background:#FFF;
	font-weight:bold;
}
.feedlink, .greedlink {
	float:right;
	padding:4px 9px;
	border-right:1px solid #FFF;
	margin-right:-1px;
}
#copyright {
	float:right;
	padding:4px 9px;
	margin-right:-1px;
}
/*
#copyright {
	color:#B0BEC7;
}
 */


a.feedlink {
	background:#F1E9E1;
	border-left:1px solid #FFF;
	text-decoration:none;
}
a.feedlink:hover {
	background:#EDC;
	text-decoration:none;
}
a.greedlink {
	background:#ECF3D3;
	border-left:1px solid #FFF;
	text-decoration:none;
	color:#84985D;
}
a.greedlink:hover {
	background:#DEECBE;
	text-decoration:none;
}
/* header END */

/* Menu メニュー */
#menu
{
	line-height:110%;
	margin:0 auto;
	padding:0;
	
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li {
	display: list-item;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-right: 1px dotted #CCCCCC;
	width: 100%;
	vertical-align: middle;
	background: #fefefe;
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu a {
	display: block;
	height: auto;
	padding: 0px 20px 0;
	text-decoration: none;
	color:#333;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
}

#menu a:hover, 
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
	background: url(images/ya_link.gif) no-repeat;
	color:#990000;
}

#menu #rss a {
	padding-left: 30px;
	background: url(images/rss.gif) no-repeat 10px 50%;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

#menu #rss a:hover {
	background-color:#CCCCCC;
}
h2.tindex {
	margin: 0px;
	padding: 0px;
}

/* Menu2 メニュー2 */
#menu2
{
	line-height:105%;
	margin:0 auto;
	padding:0;
	
}
#menu2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu2 li {
	display: list-item;
	width: 100%;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}

#menu2 a {
	display: block;
	height: auto;
	padding: 0px 20px 0;
	text-decoration: none;
	color:#333;
	background-image: url(images/ya2.gif);
	background-repeat: no-repeat;
}

#menu2 a:hover, 
#menu2 a:active,
#menu2 li.current_page_item a:link,
#menu2 li.current_page_item a:visited,
#menu2 li.current_page_item a:hover,
#menu2 li.current_page_item a:active
{
	background: url(images/ya2_link.gif) no-repeat;
	color:#990000;
}

#menu2 #rss a {
	padding-left: 30px;
	background: url(images/rss.gif) no-repeat 10px 50%;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

#menu2 #rss a:hover {
	background-color:#CCCCCC;
}
h2.tindex {
	margin: 0px;
	padding: 0px;
}

/* main START */
#main {
	width:598px;
	float:left;
}
#main-right {
	width:598px;
	float:right;
}
#main-right .subtitle{
	margin: 0px;
	padding: 0px;
}

.post {
	width:100%;
	background:#FFF;
	border:1px solid #B0BEC7;
	margin-bottom:10px;
}
.postno {
	width:100%;
	background:#FFF;
	margin-bottom:10px;
}

.post .title ,.postno .title{
	background:#FFCC99;
	margin:0px;
	padding:15px 0px 0px 5px;
	text-decoration:none;
	font-size:14px;
	color:#258;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 35px;
}
.post .title_yo,.postno .title_yo {
	background:#fefefe;
	margin:0px;
	padding:15px 0px 0px 5px;
	text-decoration:none;
	font-size:14px;
	color:#258;
	text-indent: 20px;
	height: 35px;
	border: 3px double #CCCCCC;
}
.post .title_yo1,.postno .title_yo1 {
	background:url(images/bg_h_yo1.jpg) no-repeat;
	margin:0px;
	padding:15px 0px 0px 5px;
	text-decoration:none;
	font-size:14px;
	color:#258;
	text-indent: 20px;
	height: 35px;
}
.post .title_yo2,.postno .title_yo2 {
	background:url(images/bg_h_yo2.jpg) no-repeat;
	margin:0px;
	padding:15px 0px 0px 5px;
	text-decoration:none;
	font-size:14px;
	color:#258;
	text-indent: 20px;
	height: 35px;
}
.post .title_yog ,.postno .title_yog{
	background:url(images/bg_h_yog.jpg) no-repeat;
	margin:0px;
	padding:15px 0px 0px 5px;
	text-decoration:none;
	font-size:14px;
	color:#258;
	text-indent: 30px;
	height: 50px;
}
.post .title_wa,.postno .title_wa {
	background:url(images/bg_h_wa.gif) no-repeat;
	margin:0px;
	padding:15px 0px 0px 5px;
	text-decoration:none;
	font-size:14px;
	color:#258;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 35px;
}
.post .title_ext ,.postno .title_ext {
	background:url(images/bg_h_wa2.gif) no-repeat;
	margin:0px;
	text-decoration:none;
	font-size:16px;
	color:#258;
	text-indent: 25px;
	height: 48px;
	border-bottom: 1px dotted #CCCCCC;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
}
.post .title_ext_kiji ,.postno .title_ext_kiji{
	margin:0px;
	padding:10px 0px 0px 5px;
	text-decoration:none;
	font-size:14px;
	color:#003399;
	text-indent: 10px;
	background-image: url(images/bg_h_wa3.gif);
	background-repeat: no-repeat;
	height: 30px;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #333366;
}
.post .title a:hover,.postno .title a:hover {
	text-decoration:none;
	color:#333;
}
.post .text ,.postno .text {
	padding:8px 10px;
	line-height:145%;
}
.post .text img,.postno .text img {
	max-width:600px;
}
.post .text ul li ,.postno .text ul li{
	list-style-type:square;
	list-style-position:inside;
	padding-left:20px;
}
.post .text ol li,.postno .text ol li {
	list-style-type:decimal;
	list-style-position:inside;
	padding-left:20px;
}
.post .meta ,.postno .meta{
	background:#F1F5F6;
	margin:5px;
	padding:5px;
	font-size:10px;
	border: 1px solid #CCCCCC;
}
/* ＊＊＊＊＊ボーダーありで余白なし */
.boxcenter0 {
	background:#FFF;
	border:1px solid #B0BEC7;
	width:598px;
	margin:0px 0px 10px;
	padding: 0px;
}
.boxleft0 {
	float: left;
	width: 220px;
	background:#FFF;
	border:1px solid #B0BEC7;
	margin:0px 0px 10px;
	padding: 0px;
}
.boxright0 {
	float: right;
	width: 360px;
	background:#FFF;
	border:1px solid #B0BEC7;
	margin:0px 0px 10px;
	padding:0px;
}
/* ＊＊＊＊＊ボーダー枠ありで余白20px */
.boxcenter {
	background:#FFF;
	border:1px solid #B0BEC7;
	width:558px;
	margin:0px 0px 10px;
	padding: 20px;
}
.boxleft {
	float: left;
	width: 180px;
	background:#FFF;
	border:1px solid #B0BEC7;
	margin:0px 0px 10px;
	padding: 20px;
}
.boxright {
	float: right;
	width: 320px;
	border:1px solid #B0BEC7;
	margin:0px 0px 10px;
	padding:20px;
}
/* ＊＊＊＊＊ボーダーなしで余白20px */
.boxcenter558 {
	background:#FFF;
	width:558px;
	margin:0px 0px 10px;
	padding: 20px;
}
.box180 {
	width: 180px;
	background:#FFF;
	margin:0px 0px 10px;
	padding: 0px 0px 0px 20px;
}
.boxleft180 {
	float: left;
	width: 180px;
	background:#FFF;
	margin:0px 0px 10px;
	padding: 20px;
}
.boxright320 {
	float: right;
	width: 320px;
	background:#FFF;
	margin:0px 0px 10px;
	padding:20px;
}
#entries .post img{
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/* ＊＊＊＊＊テーブル */
th{
color:#FFFFFF
}
td img {display: block;}

/* ＊＊＊＊＊テーブル　終わり */

/* ＊＊＊＊＊トップページ用ニュース */
#topnews {
	background:#FFF;
	border:1px solid #B0BEC7;
	width:558;
	padding:10px 20px 20px;
	clear: both;
	text-align: left;
}
/* ＊＊＊＊＊トップページ　コーナー枠 */
.toptitle {
	margin:0px;
	padding:0px;
	font-size: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
/* main END */

/* sidebar START */
#sidebar {
	float:right;
	width:220px;
}
#sidebar-left {
	float:left;
	width:220px;
}
.sidebar .sidedate {
	color:#B0BEC7;
}
.widget {
	background:#FFF;
	border:1px solid #B0BEC7;
	margin-bottom:10px;
}
.widget h3 {
	background:#E9EEF1;
	font-size:11px;
	margin:1px;
	padding:3px 6px;
	text-decoration:none;
	color:#258;
}
.widget a:hover h3 {
	background:#E1E7E9;
}
.widget ul {
	padding:4px 7px 10px;
}
.widget .tag_cloud, .widget .space {
	padding:4px 12px 8px;
}
.widget ul li {
	line-height:18px;
	padding:3px 5px;
	border-bottom:1px solid #DCE3E9;
}
.widget ul li .rc_avatar {
	line-height:12px;
}
.widget ul li:hover {
	background:#F1F5F6;
}
.sidebar #searchbox {
	background:#FAFDEC;
	padding:6px;
	margin:1px;
}
#searchbox .textfield {
	width:200px;
}
#sidebar-left .sidebar #searchbox .textfield {
	width:200px;
}
#searchbox .operation {
	color:#84985D;
	margin-top:4px;
	font-size:10px;
}
#searchbox .operation span {
	padding:2px 0;
}
.widget ul li ul {
	padding-bottom:0;
	padding-right:0;
	padding-top:0;
}
.widget ul li ul li {
	padding:3px 5px 0;
	border-top:1px solid #DCE3E9;
	border-bottom:none;
	line-height:18px;
	margin-top:3px;
	margin-right:-5px;
}
/* sidebar END */

/* footer START */
#footer {
	color:#ffffff;
	background:#669999;
	border:1px solid #B0BEC7;
	margin-bottom:50px;
	width: 100%;
}

#gotop {
	display:block !important;
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
	background:#FFF;
	border:1px solid #B0BEC7;
	font-size:10px;
}
#gotop a {
	display:block;
	padding:6px 9px;
	margin:1px;
	background:#FAFDEC;
	text-decoration:none;
	font-weight:bold;
}
#gotop a:hover {
	background:#DEECBE;
}
/* footer END */

/* bgcolor START */
.red{
background-color:#FF9999
}
.blue{
background-color:#99CCFF
}
/* bgcolor END */

/* commnets START */
#comments li {
	width:100%;
	background:#FFF;
	border:1px solid #B0BEC7;
	margin-bottom:10px;
}
#comments li .header {
	background:#F1F5F6;
	margin:1px;
	height:23px;
}
#comments li .body {
	margin:10px;
	overflow:hidden;
}
#comments .author {
	float:left;
	font-weight:bold;
	border-right:1px solid #FFF;
	width:128px;
}
#comments .author a, #comments .author span {
	background:#E9EEF1;
	display:block;
	padding:4px 9px;
	text-decoration:none;
}
#comments .author a:hover {
	background:#E1E7E9;
}
#comments .admincomment .header {
	background:#FAFDEC;
}
#comments .admincomment .author a, #comments .admincomment .author span {
	background:#ECF3D3;
}
#comments .admincomment .author a:hover {
	background:#DEECBE;
}
#comments .date, #comments .items {
	font-size:9px;
	margin:4px 9px !important;
	margin:4px 5px 4px 9px;
}
#comments .avatar {
	display:inline;
	float:right;
	margin-left:10px !important;
	margin-left:7px;
	margin-bottom:10px !important;
	margin-bottom:0;
}
#commentform {
	width:100%;
	background:#FFF;
	border:1px solid #B0BEC7;
	margin-bottom:10px;
}
#commentform .body {
	background:#FAFDEC;
	margin:1px;
	padding:0 9px 8px !important;
	padding:0 9px;
}
#commentform .header {
	padding:4px 0;
}
#commentform .title {
	font-size:14px;
}
#commentform .notice {
	background:#E9F3BC;
	border-style:dashed;
	border-color:#D5E396;
	border-width:1px 0;
	padding:4px 9px;
	margin:0 -9px 8px;
	position:relative;
}
#commentform .text {
	float:left;
}
#commentform .info {
	float:right;
	width:180px;
	font-size:10px;
}
#commentform .textfield {
	width:175px;
}
#commentform #comment {
	width:420px;
	height:175px;
}
#notify {
	margin-bottom:9px;
}
#submit {
	font-size:10px;
}
#submit_comment {
	margin:5px 0;
}
#trackbacks .header {
	background:#F1F5F6;
	margin:1px 1px 0 1px;
	padding:4px 9px;
	color:#258;
	font-weight:bold;
}
#trackbacks ul {
	margin:10px;
	list-style-position:inside;
}
#trackbacks ul li {
	list-style-type:square;
}
/* comments END */

/* links START */
.post .content .linkcat ul li{
	float:left;
	width:25% !important;
	width:24%;
	list-style:none;
	padding-left:0;
}
/* links END */

/* archives START */
.postspermonth {
	background:#FAFDEC;
	margin:5px 0;
	list-style:none;
}
.srg_switcher {
	margin-bottom:10px;
}
/* archices END */

/* archive START */
#archive {
	margin-bottom:-8px;
}
#archive li {
	list-style:none;
	padding:8px 10px;
}
#archive h3 {
	font-size:14px;
	font-weight:bold;
}
.archive-post {
	background:#F1F5F6;
	margin-bottom:8px;
}
.archive-post:hover {
	background:#FAFDEC;
}
/* archice END */

/* image switcher START */
.imageswitcher {
	background:#FAFDEC;
	border:1px dashed #B0BEC7;
	padding:5px;
}
.imageswitcher_image {
	background:#FFF;
	border:1px solid #A4B97F;
	padding:3px;
	margin:0;
}
a .imageswitcher_image:hover {
	border-color:#84995E;
}
a.imageswitcher_button {
	float:left;
	margin-top:1px !important;
	margin-top:3px;
	margin-bottom:0 !important;
	margin-bottom:5px;
	margin-right:4px;
	padding:2px 5px;
	background:#D5E396;
	border-top:1px solid #D5E396;
	border-right:1px solid #B5C98F;
	border-bottom:1px solid #B5C98F;
	border-left:1px solid #D5E396;
	color:#84985D;
	text-decoration:none;
}
a.imageswitcher_button:hover {
	background:#C8DE9D;
	border-top:1px solid #B5C98F;
	border-right:1px solid #D5E396;
	border-bottom:1px solid #D5E396;
	border-left:1px solid #B5C98F;
	color:#60743A;
	text-decoration:none;
}
/* image switcher END */

/* related posts START */
.related_posts {
	background:#EFEFEF;
	margin:0 1px;
	padding:5px 8px;
	border-color:#B0BEC7;
	border-style:dashed;
	border-width:1px 0;
}
.related_posts h3 {
	font-size:14px;
	margin-bottom:2px;
}
.related_post {
	margin:0 20px;
}
.related_post, .related_post li {
	list-style-type:square;
}
/* related posts END */