/*  
Theme Name: osanpo
Theme URI: http://osanpo-jimbo.com/
Description: osanpo is a 2 columns Wordpress theme. Lightweight theme for personal use. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 0.1
Author: kobaemon 
Author URI: http://osanpo-jimbo.com/

*/

body,div {
	margin: 0;
	padding: 0;
}
img {border: 0;}
body { font-family: Hira-kaku-Gothic Pro,"ＭＳ Ｐゴシック" ;}
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.85em;background:#E6D5C1;}
*+html body { font-size: 0.75em;}
* html body { font-size: 0.75em;}
#box{width:100%;margin:20px auto 0px;}
#top{width:760px;background: url(images/head_bg.gif) no-repeat;height:84px;margin:0 auto;padding:0;}
#splash{width:740px;height:241px;margin:10px auto;padding:0;}
#header{float:left;width:300px;margin:0 0 0 10px;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block; width: 290px;height:73px;}
#desc{color:#000;float:right;text-align:right;font-size:1.0em;margin:10px auto;padding:0 10px 0 0;}
#desc_txt{color:#000;float:right;text-align:right;font-size:11px;margin:10px auto;padding:8px 10px 0 0;}
#desc_txt02{width:760px; background: url(images/container_bg.gif) repeat-y;color:#595959;font-size:10px;padding:5px 0px;line-height:1.6em; margin: 0px auto;}
#desc_txt02 a{color:#ED4444;}
#headmenu_txt {
	margin: 0px 20px;
}

#mainbck{background: url(images/container_bg.gif) repeat-y;width:760px;margin:0px auto;padding:0;overflow: hidden;}
#mainbck:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #mainbck {
    height: 1em;
    overflow: visible;
}
/**/
* html #mainbck { }

#content h2 { color: #574726; }
*html #content h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.0em;font-weight:bold;color:#574726;padding:0 0 0 5px;}

#nav{height: 36px; line-height:36px;padding:0; width: 100%; background: url(images/global_navi_bg.jpg);}
#nav:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #nav {
    height: 1em;
    overflow: visible;
}
/**/
ul.nav{min-height:36px; height:auto !important; height: 36px; line-height:36px;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 auto;padding:0; width: 720px;}
ul.nav li{list-style-type:none;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;color:#fff;text-decoration:none;padding:0; line-height: 36px; rayout-grid-line: 36px;}
ul.nav li a:hover,ul.nav li a:active{color:#069;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#ffff;}
ul.nav li ul{float:left;margin:0;padding:0;}
ul.nav li.first {
	text-align: center;
}
ul.nav li.first img {
	behavior: expression(IEPNGFIX.fix(this));
	margin-right: 15px;
}
* html ul.nav li.first img {
	margin-top: 12px;
}

#content{width:530px;float:left;margin:5px 10px;padding:0; }
* html #content { margin-left: 5px;}


#content li,#content p,#content td {
	line-height: 1.5;
}
#content li { list-style-position: inside;}

#main {
	background: url(images/entry_main_bg.gif) left repeat-y;
	overflow: hidden;
	clear: both;
}
#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main {
    height: 1em;
    overflow: visible;
}
/**/
#main_head {
	background: url(images/entry_main_head.gif) no-repeat top;
	padding-top: 1px;
	overflow: hidden;
}
#main_foot {
	background: url(images/entry_main_foot.gif) no-repeat bottom;
	padding-bottom: 7px;
	overflow: hidden;
}
* html #main_foot {

}

.breadcrumb {
	width: 530px;
	margin: 5px auto;
}

.title {
	background: url(images/title_bg.gif) repeat-y;
	width: 530px;
	margin: 5px auto;
	overflow: hidden;
}
#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}
/**/
.title_head {
	background: url(images/title_head.gif) no-repeat top;
	padding-top: 5px;
}
.title_foot {
	background: url(images/title_foot.gif) no-repeat bottom;
	padding-bottom: 4px;
}
.title h1 {
	margin: 5px 0px;
	padding: 0px;
	background: url(images/h1_bg.gif) repeat-y;
	padding-left: 30px;
	color: #FFFFFF;
	font-size: 1.4em;
}
.title_after {
	border-bottom: 1px solid #F2BBB6;
	padding-bottom: 5px;
}

.entry,.entry_after{width:500px;color:#666;margin:5px auto; padding: 5px 0px; overflow: hidden;}
.entry h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;font-weight:700;margin:0 auto;padding:0;}

#content h3 {
	display: inline;
	padding-bottom: 4px;
	border-bottom: #AAA698 1px solid;
	line-height: 2.0;
	color: #DA6566;
	font-size: 1.2em;
	font-weight: normal;
}
#mainbck .cat_blog h3 {
	border-bottom: none;
	font-weight: bold;
}

.archive .entry,#mainbck .cat_blog .entry {
	border-bottom: #E9E9E9 1px dotted;
}

p.heading {
	background: url(images/entry_heading.gif) repeat-x bottom;
	min-height: 20px;
	padding-bottom: 10px;
	color: #4C3513;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
}

#sidebar{width:200px;margin:0px; margin-top: 10px; margin-left: 550px;padding:0; background: url(images/sub_bg.gif) left repeat-y;}
.rsidebar{width:180px;color:#666;margin:7px auto;padding:0px;}
* html .rsidebar{ width: 180px;}

.page .rsidebar {
	margin-top: 7px;
}

.rsidebar h2{font-size:1.1em;border-bottom:dashed 1px #ccc;margin:0 0 5px;padding:3px 0;}
.rsidebar ul{list-style-type:none;margin:0;padding:0;}
.rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
/*.rsidebar ul li ul li{list-style-type:none;background:transparent url(images/b.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}*/

.rsidebar h3 {
	background: url(images/sub_listmark.gif) no-repeat left 2px;
	color: #58492D;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 15px;
	margin-bottom: 5px;
	min-height: 12px;
	height: auto !important;
	height: 12px;
}
.rsidebar .twtr-widget h3 {
	background: none;
}
.twtr-widget{
	margin-bottom: 10px;
}
.side_sep {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #A6A6A6 dotted;
}
.side_sep_top {
	padding-top: 10px;
	border-top: 1px #A6A6A6 dotted;
}
.rsidebar_head {
	background: url(images/sub_head.gif) no-repeat;
	width: 200px;
	height: 4px;
}
.rsidebar_foot {
	background: url(images/sub_foot.gif) no-repeat;
	width: 200px;
	height: 13px;
}

#footer{width:740px;min-height:40px;line-height:30px;clear:both;color:#A6A6A4;margin:10px auto;padding:0; border-top: 1px dotted #B3B3B3;; font-size: 0.8em;}
#footer .gopagetop { float: right;}
.strong { color: #DF494A;}
#footer_L2{width:700px;height:7px;line-height:10px;clear:both;color:#A6A6A4;margin:0;padding:0 0 0 10px;text-align:center;}
a{text-decoration:none;color:#1782AC;border:none;}
a:hover{text-decoration:underline;}
#wp-calendar #prev a,#wp-calendar #next a{font-size:0.9em;}
#wp-calendar a{text-decoration:none;display:block;}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:left;width:100%;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
#wp-calendar{empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar td{text-align:center;padding:3px 0;}






/* BLOG TOP*/
.cat_blog h3,.cat_blog h3 a {
	color: #4D3918;
	text-decoration: none;
}






#wp-calendar td.pad:hover{background-color:#fff;}
.navigation{width:500px;float:none;color:#666;}
.tag_cloud {width: 500px; overflow: hidden;}
.tag_cloud a { display: inline;}
.alignright{float:right;margin-top:0px; margin-left: 10px; margin-bottom: 10px;}
.alignleft{float:left;margin-top:0px; margin-right: 10px; margin-bottom: 10px;}
.space{;height:5px;clear:both;margin:0 auto;padding:0;}
#searchform{height:26px;line-height:26px;float:left;margin:0;padding:0 0 10px;}
input#s{color:#5188d2;width:105px;border:1px solid #cbcbcb;background:#fcfcfc;}
input#searchsubmit{}
#commentform{margin:0;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:380px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-top:1px solid #cedeef;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h3{margin:0;}
ol.bob{border-top:1px solid #cedeef;list-style:none;margin:0 0 1px;padding:15px;}
ol.bob li{display:block;list-style:none;background:transparent url(images/hb.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}



/**/

/* 2nd,3rd pages */

#h2 {
}


/* STAFF */



#staff h2 {
	color: #D44E4D !important;
	font-size: 1.1em;
	padding: 10px;
	border-top: #51472C 1px solid;
	border-bottom: #51472C 1px solid;
}
* html #staff h2 {
	height: 3.0em;
	line-height: 3.0;
}
#staff li {
	display: block;
	background: url(images/main_listmark.gif) no-repeat left 4px;
	min-height: 11px;
	height: auto !important;
	height: 11px;
	float: left;
	padding-left: 15px;
	margin-right: 10px;
}
#staff ul {
	clear: both;
	overflow: hidden;
	margin-left: 0px;
}
#staff ul:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #staff ul {
    height: 1em;
    overflow: visible;
}
/**/

div.staffimg {
	float: left;
	width: 130px;
	margin-right: 10px;
	margin-bottom: 20px;
}
img.img {
	padding: 4px;
	border: #B7B7B7 1px solid;
	margin: 0px;
}
.staff {
	clear: both;
	margin-bottom: 20px;
}
.staff_text {
	width: 355px;
	margin-left: 145px;
}
* html .staff_text {
	width: 350px;
}

/**/


/* TOP */

/**/


/* New Images */
#newImges {
	margin-bottom: 10px;
	overflow: hidden;
}
* html #newImges {
	width: 185px;
}
#newImges:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #newImges {
    height: 1em;
    overflow: visible;
}
/**/
#newImges img {
	float: left;
	display: block;
	width: 85px;
	height: 85px;
	margin-right: 5px;
	margin-bottom: 5px;
}
/**/



.plan p {
	display: inline;
}

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}


.clear {
	clear: both;
}