html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0;
list-style-type: none; }

img {
border-style: none; 
width:auto;
max-width:100%;
height:auto;
max-height:100%;
}


a:link,a:visited {
color: #583f10;
text-decoration: underline; }

a:hover {
color: #906;
text-decoration: underline; }


/*****/

body {
color: #583f10;
font-size: 90%;
font-family: "HiraMaruPro-W4", "¥á¥¤¥ê¥ª";
line-height: 1.8;
background-image: url(img/bg_header.png),url(img/bg_body.png);
background-repeat: repeat-x,repeat;
background-position: center top, center top;
 }


div#page {
width:90%;
min-width:700px;
margin: 0 auto;
 }

div#header { 
padding: 20px 0 ;
}

div#header #logo img{
	vertical-align: baseline;
}

div#header p { 
padding : 20px 0 0 0;
}

ul.crumb{
font-size: 80%;
background-color: #fff;
margin-bottom: 30px;
padding: 3px; 
}

ul.crumb li {
display: inline; 
}

/*main*/
div#main {
margin: 0 300px 0 0;
min-width:400px;
}

div#main div.fullbody{
	margin: 0 0 20px 0;
}
div#main div.blogbody{
	position: relative;
	
}

div#main h1,
div#main h2 {
color: #fff;
font-weight: bold;
background-image:    url(img/bg_title.png);
background-position: left bottom;
padding:5px 10px 5px 30px;

text-shadow: 1px 1px 0px #422e0c;
box-shadow: 1px 1px 1px 1px #ccc;
border-radius: 3px;

}

div#main div.blogbody h1:before,
div#main div.blogbody h2:before {
content: url(img/icon_title.png);
position: absolute;
top:-5px;
left:5px;
}

div#main h1 a,
div#main h2 a{
color: #fff;
 }
 
div#main div.articlebody {
padding: 10px 10px 10px 25px;
background-color: rgba(255,255,255,0.6);
border: solid 5px rgba(255,255,255,0.8);
border-radius: 3px;
 }

div#main h3 {
font-weight:bold;
margin:20px 0 0 0;
}
 
div#main div.articlebody img{
margin-right: 10px; 
}
div#main div.articlebody p.more {
text-align: right;
margin: 20px 0px 10px 0;
}

div#main p.button{
	text-align: right;
}

p.date {
font-size: 10px;
text-align: right;
}

div.menu {
text-align: center;
padding:10px;
 }
div.posted {
font-size: 80%;
text-align: right;
padding-right: 5px;
padding-left: 5px; }

div.article_tags {
font-size: 80%;
text-align: right;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
border-top: 1px dotted #999; }

div#main .indent{
	margin: 20px 0 0 0;
}
div#main form{
	margin: 0 0 20px 0;
}

.articlebody table {
font-size : 80%;
border:solid 1px #999;
border-collapse:collapse;
margin:10px 0 20px 0;
}

.articlebody table td {
border : solid 1px #583f10;
padding:3px;
vertical-align : top;
}
.articlebody table td:first-child {
width:100px;
}

.articlebody table th {
color : #fff;
background-color : #583f10 ;
border : solid 1px #583f10;
border-right : solid 1px #fff;
padding:3px;
}



/*menu*/

div#menu {
width: 269px;
float: right;
margin-bottom: 40px; }

div#menu div#category {
background-image: url(img/bg_menu_top.png) , url(img/bg_menu_bottom.png);
background-repeat: no-repeat, no-repeat;
background-position:  left top, left bottom;
padding: 118px 0 69px 0;
}
div#menu div#category>ul {
background-image: url(img/bg_menu.png);
background-repeat: repeat-y;
background-position:left top;
padding: 0 20px 0 30px;}

div#menu div#category>ul>li {
padding: 0 0 10px 0;}

div#menu div#category ul ul li a:link:before {
content: url(img/icon_menu.png);
display: inline;
margin: 0 5px 0 10px;
vertical-align: middle;
}

div#menu div#category ul ul li a:hover:before {
content: url(img/icon_menu_o.png);
display: inline;
margin: 0 5px 0 10px;
vertical-align: middle;
}

div#menu div#category ul ul li.nolink:before {
content: url(img/icon_menu.png);
display: inline;
margin: 0 5px 0 10px;
vertical-align: middle;
}

div#menu p.banner {
text-align:center;
margin:0 20px 5px 20px;
border-radius : 3px;
background-color:#fff;
padding:5px;
}

div#menu p.banner span{
font-size:80%;
}




/*footer*/
div#footer {
font-size: 80%;
line-height: 120%;
text-align: center;
clear: both;
margin-top: 20px;
padding: 5px; }

/*top*/
p.lead {
/*padding: 10px 10px 10px 25px;*/
margin: 0 0 20px 0;
/*background-color: rgba(255,255,255,0.6);
border: solid 5px rgba(255,255,255,0.8);
border-radius: 3px;*/
}


div.list {
background-color: #fff;
margin-bottom: 40px;
border: solid 4px #d3c7b4;
margin: 20px 0 0 0; 

border-radius: 3px;
}

div.list ul {
margin: 10px; }

div.list ul li {
background-image: url(img/icon_menu_o.png);
background-repeat: no-repeat;
background-position: left center;
padding: 10px 10px 10px 30px;
border-bottom: 1px dotted #d0c7d0; }

*>html p.lead span.bookmark,*>html div#main div.title p {
display: none; }
* html p.lead {
font-size: 90%;
line-height: 150%;
background-color: #f1e8ee;
margin-bottom: 20px;
padding: 5px;
border: dotted 1px #999; }
/*cate*/
div.pagecount {text-align: center; }

/*parma*/
div.separate {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #999; }
.indent {
margin-left: 20px; }
p.indent {
width: 440px;
margin-left: 20px; }
div.list h3 {
color: #d306a3;
clear: both;
padding-top: 20px; }

dl.book dt {
width: 150px;
float: left; }