/*
Theme Name: komasa-box3
Theme URI: http://karakosha.com/
Description: simple theme.
Version: 1
Author: 
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

*/

/* body START */
body {
	background:#ffffff 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;
}
#bigheader {
	margin:0 auto;
	width:874px;
}
#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:#999999;
	border-top:1px solid #D5E396;
	border-right:1px solid #B5C98F;
	border-bottom:1px solid #B5C98F;
	border-left:1px solid #D5E396;
	color:#FFFFFF;
}
.button:hover {
	text-decoration:none;
	background:#CCCCCC;
	border-top:1px solid #999999;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #999999;
	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;
}
.nono{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;/*	display: table;*/
}
#sidenavibar{
	table-layout: auto;
	collapse: collapse;
	border-spacing: 0px;
	background-color: #E8EAF5;
	display: table;
	/*	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0033CC;
	border-left-color: #0033CC;*/
}

/*
.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:url(images/header_bg.gif) no-repeat;
}
#header .content {
	width:100%;
	height:120px;
}
#header .content #title {
	float:left;
	padding:15px;
}
#header .content #help {
	float:right;
	padding:20px;
}
#header .content h1 {
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:-1px;
	left:-6000px;
	position:absolute;
}
#sitelogo {
	padding-bottom: 10px;
	height: 35px;
	width: 250px;
}

#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;
}
 */
#copyright {
	color:#000000;
}

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;
}

/* Menu3 メニュー */
#menu3
{
	line-height:115%;
	margin:0 auto;
	padding:0;
	font-size: 95%;	
	font-family: "RFナウ-GE", "RFゴシック-E2", "ヒラギノ角ゴ Pro W6", "平成角ゴシック", "ＭＳ ゴシック", Osaka;
}
#menu3 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

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

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

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

#menu3 #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;
}

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

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

#front-left {
	width:294px;
	float:left;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#front-right {
	width:294px;
	float:right;
	margin: 0px;
	text-align: left;
	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:#ddcdcd;
	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_regular ,.postno .title_regular{
	margin:0px;
	padding:10px 0px 0px 5px;
	text-decoration:none;
	font-size:20px;
	color:#666666;
	text-indent: 10px;
	background-repeat: no-repeat;
	height: 30px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: 800;
	background-image: url(images/bg_t_regular.jpg);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.post .title a:hover,.postno .title a:hover {
	text-decoration:none;
	color:#333;
}
.post h1,.post h2,.post h3,.post h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.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
}
/* ＊＊＊＊＊テーブル　終わり */

/* 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:5px;
}
.widget h3,.box180 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,#help #searchbox {
	background:#B0BEC7;
	padding:6px;
	margin:1px;
}
#searchbox .textfield {
	width:150px;
}
#searchbox .operation {
	color:#FFFFFF;
	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 #CCCCCC;
	border-bottom:none;
	line-height:18px;
	margin-top:3px;
	margin-right:-5px;
}
/* sidebar END */

/* footer START */
#footer {
	background:#999999 url(images/bg_footer.gif) repeat;
	border:1px solid #666666;
	width: 100%;
	margin-bottom: 30px;
	font-size: 12px;
}

#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 */


/* 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;
}