@charset "UTF-8";

/* reset elements */
h1, h2, h3, h4, h5, h6 {
position: static;
margin: 0;
padding: 0;
}

div, hr, blockquote, address, noscript {
position: static;
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}

ul, ol, dl, dt, dd {
position: static;
margin: 0;
padding: 0;
}

pre, table, form {
position: static;
margin: 0;
padding: 0;
}

span, img {
position: static;
margin: 0;
padding: 0;
border: 0 none #fafaff;
font-style: normal;
font-weight: normal;
}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
position: static;
margin: 0;
padding: 0;
}

/*-- Basic Elements --*/
blockquote {
margin: 10px 20px;
padding: 5px 10px;
border-top: 1px solid #abb6ba;
border-right: 1px solid #abb6ba;
border-bottom: 1px solid #abb6ba;
border-left: 10px solid #abb6ba;
}

blockquote p {
margin: 0;
padding: 0;
}

ul {
padding-left: 2em;
}

ol {
padding-left: 2em;
}

dl dd {
padding-left: 2em;
}

/*-- Link Color --*/
a {text-decoration: none;}
a:link {color: #5f8d8a;}
a:visited {color: #5f8d8a;}
a:hover {color: #ff7d00; text-decoration: underline;}
a:active {color: #ff7d00;}


/*　class名がpictとthumbの画像に、テキストの回り込みをさせる　*/
/*img.pict {
	float:left;
	clear:left;
	margin:0px 10px 0px 0px;
	padding:0px;} */

img.thumb {
	float:left;
	clear:left;
	margin:0px 10px 0px 0px;
	padding:0px;}


/*-- Main Elements --*/
body {
margin: 0;
padding: 0;
text-align: center;
color: #404040;
font-family: Verdana, Helvetica, sans-serif;
background: #fff; 
}

div#container {
margin:  20px auto; 
width: 700px; 
text-align: left;
border-top: #a49c87 1px solid;
border-left: #a49c87 1px solid;
border-right: #a49c87 1px solid;
background: #fff; 
}

div#header {
width: 700px;
height: 65px;
margin: 0;
padding: 0;
background: #fff url(http://whss.biz/~obaco/sb/template/pulldown_titleback.gif) no-repeat;
}

div#content {
width:500px;
float:left;
}

div#sidebar {
margin-left: 500px;
}

div#footer {
clear: both;
margin: 0;
padding: 0;
width: 700px;
background: #a49c87;
}

/*-- header area --*/
h1 {
margin: 0;
padding: 10px 0 5px 10px;
font-size: 1.2em;
font-weight: bold;
}

div#header p {
margin: 0;
padding: 5px 0 5px 10px;
color: #422100;
font-size: 0.7em;
}

/*-- menu area --*/
div.menu {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 700px;
height: 2em;
text-align: center;
letter-spacing: 1px;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
background: #a49c87; 
}

div.menu a{
color: #fff;
background: #a49c87;
text-decoration: none;
display: block;
padding: 0;
line-height: 2em;
width: 90px;
font-weight: bold;
}
div.menu a:visited {color:#fff;}
div.menu a:hover{color:#fff; background-color: #bdb9ac; text-decoration: none;}
div.menu a:active {color: #fff;}

div.submenu a
{color:#e7e7e7; 
background: #9c9c8e; 
font-weight: normal;
border-top: 1px solid #e7e7e7;
}

div.submenu a:visited {color:#fff;}
div.submenu a:hover{color:#fff; background-color: #bdb9ac;}
div.submenu a:active {color: #fff;}

div#menu1{
position: absolute;
top: 0;
left: 0;
} 

div#menu2{
position: absolute;
top: 0;
left: 91px;
} 

div#menu3{
position: absolute;
top: 0;
left: 182px;
} 

div#menu4{
position: absolute;
top: 0;
left: 273px;
}

div#menu5{
position: absolute;
top: 0;
left: 364px;
}

div#menu6{
position: absolute;
top: 0;
left: 455px;
}

div.menu span{
display: none;
}

div.submenu {
visibility: hidden;
position: absolute;
left: 0;
}

/*-- content area --*/
h2,h3,h4 {
margin: 0;
padding: 10px 10px 2px 10px;
line-height: 1.1em;
font-weight: bold;
font-size: 1em;
text-align: left;
border-bottom: 1px dotted #c3c3af;
}

div.entry_navi {
margin: 10px;
padding: 0 5px 10px 0;
font-size: 0.825em;
text-align: center;
}

div.entry {
margin: 15px 5px 20px 5px;
padding: 0;
border: 1px solid #c3c3af;
}

div.entry div.entry_author {
margin: 0;
padding: 2px 10px 0 10px;
font-size: 0.825em;
text-align: right;
}

div.entry div.entry_body {
margin: 0;
padding: 20px 10px 5px 10px;
font-size: 0.825em;
line-height: 1.5em;
}

div.entry div.entry_more {
margin: 0;
padding: 5px 20px 15px 20px;
font-size: 0.825em;
line-height: 1.5em;
}

div.entry div.entry_state {
margin: 0;
padding: 2px 10px 10px 10px;
font-size: 0.7em;
text-align: right;
}

/*-- comment area --*/
div.comment {
margin: 15px 5px 20px 5px;
padding: 0;
border: 1px solid #c3c3af;
}

div.comment form {
margin: 10px 0 ;
padding: 0;
}

div.comment form dl {
font-size: 0.825em;
}

div.comment form dl dt {
display: block;
width: 8em;
margin: 0 0 5px 10px;
padding: 0;
}

div.comment form dl dt label#labelsubmit {
display: none;
}

div.comment form dl dd {
margin: 0 0 10px 10px;
padding: 0;
}

div.comment dl.body {
margin: 0;
padding: 5px 10px 10px 10px;
line-height: 1.5em;
font-size: 0.825em;
border-bottom: 1px dotted #c3c3af;
}

div.comment dl.body dt {
margin: 0;
padding: 10px 0 10px 0;
text-align: left;
}

div.comment dl.body dd {
margin: 0;
padding: 0;
text-align: right;
}

/*-- trackback area --*/
div.trackback {
margin: 15px 5px 20px 5px;
padding: 0;
border: 1px solid #c6ccca;
}

div.trackback p.link {
margin: 0 0 20px 0;
padding: 10px;
text-align: left;
font-size: 0.825em;
}

div.trackback dl.body {
margin: 0 0 10px 0;
padding: 5px 5px 10px 5px;
line-height: 1.5em;
font-size: 0.825em;
border-bottom: 1px dotted #c3c3af;
}

div.trackback dl.body dt {
margin: 0;
padding: 0;
text-align: left;
}

div.trackback dl.body dd {
margin: 0;
padding: 0;
text-align: right;
}

/*-- profile area --*/
div.profile {
margin: 15px 5px 20px 5px;
padding: 0;
border: 1px solid #c6ccca;
}

div.profile div.profile_body {
margin: 0;
padding: 20px 10px 5px 10px;
font-size: 0.825em;
line-height: 1.5em;
}

/*-- sidebar area --*/
div#sidebar dl {
margin: 15px 0 30px 0;
padding: 0;
}

div#sidebar dt {
margin: 0 10px;
padding: 2px 5px 2px 5px;
font-size: 12px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
color: #fff;
background: #a49c87;
text-align: center;
}

div#sidebar dd {
margin: 0;
padding: 0;
}

div#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}

div#sidebar ul li {
display: block;
margin: 0;
padding: 2px 20px;
font-size: 0.7em;
line-height: 1.5em;
}

div#sidebar dl.extra dt {
display: none;
}

div#sidebar dl.extra ul {
margin: 0;
padding: 0;
list-style: none;
}

div#sidebar dl.extra li {
margin: 0;
padding: 2px 0 2px 20px;
line-height: 1.3em;
}

div#sidebar dl.search dt{
margin: 0 10px;
padding: 2px 0 2px 10px;
font-size: 0.65em;
color: #404040;
background: #ffffff;
text-align: left;
}

div#sidebar dl.search dd{
margin: 0;
padding: 2px 0 2px 20px;
}

/*-- page area --*/
div.page {
font-size: 0.825em;
margin: 0;
padding: 30px 0px;
text-align:center;	
}

/*-- footer area --*/
div#footer address {
padding: 5px 0;
color: #e7e7e7;
text-align: center;
font-size: 0.7em;
font-weight: bold;
}