@charset "utf-8";

/* ---------- reset ---------- */

*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family: Verdana, Arial, sans-serif;
}

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body
{
	color:inherit;
	background-color:#ffffff;
	text-align:center;
	margin-bottom:15px;
}

a
{
	color:#3D5008;
	background-color:inherit;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

/* ---------- body_end ---------- */

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div#container:after,
div#wrapper:after,
div#content:after,
div#sidebar :after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div#container,
* html div#wrapper,
* html div#content,
* html div#sidebar  { height: 1% }
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar  {display:block;}
/* end MacIE5 */

/* ---------- container ---------- */

div#container
{
	background-image:url(img/middle_bg.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
	width:810px;
	margin:0 auto;
	text-align:left;
}

div.container-inner
{
	margin:0 5px;
}

div.container-archive
{
}

/* ---------- container ---------- */

/* ---------- header ---------- */

div#header
{
	width:100%;
	color:inherit;
	background: url(img/head_bg.jpg) repeat-x left top;
	height:218px;
	_height:199px;
        margin:0 auto;
}

div.header-inner
{
        width:810px;
        height:205px;
	background: url(img/header.png) no-repeat left top;
        margin:0 auto;
        padding-top:5px;
}
* html div.header-inner { behavior: expression(IEPNGFIX.fix(this)); } 
div#header img
{
	float:left;
}

div#header p
{
	text-align:right;
	font-size:70%;
	padding-top:25px;
}

div#header p a
{
	color:#1a86e2;
	background-color:inherit;
}

/* ---------- header_end ---------- */

/* ---------- banner ---------- */

div#banner
{
	padding:1px;
        margin:0 auto;
        width:810px;
        text-align:center;
}

div.banner-inner
{
}

div.banner-inner h1
{
	font-weight:normal;
	font-size:80%;
	position:relative;
	width:800px;
        text-align:left;
}

div.banner-inner h1 a
{
	color:#ffffff;
	background-color:inherit;
	text-decoration:none;
}

div.banner-inner h2
{
	color:#ffffff;
	font-weight:normal;
	font-size:60%;
	position:relative;
	width:800px;
}

/* ---------- banner_bg ---------- */

/* ---------- search ---------- */

div#search-content
{
	background-image:url(img/search_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:29px;
}

div.search-form form
{
	width:200px;
	float:right;
}

div.search-form form input#search
{
	font-size:80%;
	color:#acacac;
	background-color:#ffffff;
	border:1px solid #b4b4b4;
	width:136px;
	padding:2px;
}

div.search-form form input.searchsubmit
{
	border:0;
	font-size:80%;
	position:relative;
	top:4px;
	left:0;
}

/* ---------- search_end ---------- */

/* ---------- content ---------- */

div#content
{
	padding:15px 10px 0 0;
}

/* ---------- content_end ---------- */

/* ---------- main ---------- */

div#main
{
	float:right;
	width:575px;
}

div#info-box
{
	padding:5px 0 0 0;
	text-align:left;
	margin-bottom:25px;
}

div#info-box img
{
}

div#info-box p
{
	font-size:12px;
	color:#555555;
	background-color:inherit;
	line-height:150%;
}


div#news-box
{
	margin-bottom:15px;
}

div#news-box h3.news-header
{
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/whatsnew.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:29px;


}

div.news-box-inner ul
{
	list-style-type:none;
	font-size:80%;
}

div.news-box-inner ul li
{
	color:#555555;
	padding:5px 0 4px 28px;
	background-color:inherit;
	background-image:url(img/whatsnew_icon.gif);
	background-repeat:no-repeat;
	background-position:14px 10px;
	border-bottom:1px solid #dddcdc;
}

div.news-box-inner ul li a
{
	color:#1284f6;
	background-color:inherit;
}

/* ---------- main_end ---------- */

/* ---------- sidebar ---------- */

div#sidebar
{
	float:left;
	width:190px;
	text-align:left;
	margin-top:-10px;
}

div.contents-menu
{
	margin:0 0 10px 0;
	color:#423636;
	background-color:inherit;
	font-size:80%;
}

div.contents-title
{
	width:190px;
	height:46px;
}

div.contents-title h4
{
	font-size:2px;
	font-weight:normal;
	text-indent:-9999px;
	background:transparent url(img/contents_menu.jpg) no-repeat left top;
	height:39px;

}
div.contents-info
{
	width:190px;
        margin-bottom:5px;
}

div.contents-info h4
{
	font-size:2px;
	font-weight:normal;
	text-indent:-9999px;
	background:transparent url(img/hanamiki_logo.jpg) no-repeat left top;
	height:69px;
}
div.contents-info .bar
{
	background:transparent url(img/bar.jpg) no-repeat left top;
        height:4px;
        width:190px;
	font-size:2px;
	font-weight:normal;
	text-indent:-9999px;
        margin-bottom:3px;
}
div.contents-info .info
{
	font-size:70%;
	color:#888D74;
	background-color:inherit;
	line-height:150%;
        padding:0 0 5px 8px;
}

div.category-archives {
	margin-bottom:20px;
	}

div.category-archives ul
{
	list-style-type:none;
}

div.category-archives ul li
{
	color:#423636;
	background-color:inherit;
}

div.category-archives ul li a
{
	text-decoration:none;
	color:#3D5008;
	background:transparent url(img/menu.jpg) no-repeat left top;
	display:block;
	padding:10px 6px 10px 40px;
	line-height:100%;
}

div.category-archives ul li a:hover
{
	background:transparent url(img/menu.jpg) no-repeat;
	background-position:0px -300px;
	line-height:100%;
	text-decoration:none;
}

div.category-archives ul.sub-category li
{
}

div.category-archives ul.sub-category li a
{
	color:#423636;
	background:transparent url(img/submenu.gif) no-repeat left top;
	display:block;
	padding:2px 18px 2px 38px;
}

div.category-archives ul.sub-category li a:hover
{
	background:transparent url(img/submenu.gif) no-repeat;
	background-position:0px -300px;
	line-height:100%;
}

div.rssfeed
{
	font-size:2px;
	text-indent:-9999px;
	margin:0 5px 10px 5px;
}

div.rssfeed a
{
	display:block;
	background:transparent url(img/rss.gif) no-repeat left top;
	width:180px;
	height:39px;
}

div.rssfeed a:hover
{
	background:transparent url(img/rss.gif) no-repeat left bottom;
}


span.powered
{
	font-size:60%;
	color:#0b2947;
	background-color:inherit;
	padding-left:10px;
}

a.movabletype
{
	font-size:55%;
	color:#1284f6;
	background-color:inherit;
}

/* ---------- sidebar_end ---------- */

/* ---------- footer ---------- */

div#footer
{
	width:100%;
	color:inherit;
	background:#ffffff url(img/footer_bg.jpg) repeat-x left bottom;
	height:82px;
        margin:0 auto;
}

div.footer-inner
{
	background-image:url(img/footer.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:23px;
        width:810px;
        margin:0 auto 10px auto;
}
div#footer p
{
                text-align:center; 
	color:#666666;
	font-size:60%;
	font-weight:normal;
	line-height: 130%;
}
div#footer a
{
	color:#3D5008;
}
div#footer a
{
	text-decoration:underline;
}
/* ---------- footer_end ---------- */

/* ---------- archives ---------- */

div.banner-archives
{
	background-image:url(img/banner_inner_archives.gif);
	background-repeat:no-repeat;
	background-position:50% 0;
	height:80px;
}

div.banner-archives h1
{
	font-weight:normal;
	font-size:150%;
	position:relative;
	top:15px;
	left:30px;
	width:90%;
}

div.banner-archives h1 a
{
	color:#ffffff;
	background-color:inherit;
	text-decoration:none;
}

div.banner-archives h2
{
	color:#ffffff;
	font-weight:normal;
	font-size:90%;
	position:relative;
	top:25px;
	left:30px;
	width:90%;
}

div#main p.navi
{
	font-size:60%;
	margin-bottom:10px;
	color:#413738;
	background-color:inherit;
}

div#main p.navi a
{
	color:#3D5008;
	background-color:inherit;
}

div.entry
{
	margin-bottom:40px;
	width:540px;
}

div.entry blockquote
{
	font-size:80%;
	line-height:150%;
	color:#423636;
	background:transparent url(img/blockquote.gif) repeat-y left top;
	padding:15px 20px;
	margin:0 0 10px 0;
}

div.entry h1,
#main h1
{
	color:#4a6c9a;
	font-size:120%;
	font-weight:bold;
	background:transparent url(img/entry_h1.gif) repeat-y left bottom;
	border-top:1px solid #f2f2f2;
	padding:7px 10px 16px 10px;
	margin:0 0 15px 0;
}

div.entry h2,
#main h2
{
	color:#3D5008;
	font-size:90%;
	font-weight:bold;
	background:transparent url(img/h2.jpg) no-repeat left top;
	padding:10px 10px 10px 20px;;
	margin:0 0 10px 0;
        width:548px;
}

div.entry h3,
#main h3
{
	color:#3D5008;
	font-size:14px;
	font-weight:bold;
	background: #ffffff url(img/h3.jpg) no-repeat 0px 0px;
	margin:0 0 5px 0;
	padding:10px 15px 6px 35px;
        width:528px;
        height:44px;
}

div.entry h4,
div.trackbacks h4,
div#comments h4, #main h4
{
	color:#A5C06C;
	font-size:13px;
	font-weight:bold;
	background: #ffffff url(img/h4.jpg) no-repeat 0px 6px;
	padding:6px 15px 0 23px;
	margin-bottom:10px;
}

div.entry h5,
#main h5
{
	color:#DA8697;
	font-size:12px;
	font-weight:bold;
	background: #ffffff url(img/h5.jpg) no-repeat 0px 6px;
	margin:0 0 5px 0;
	padding:5px 15px 5px 25px;
}

div.entry h6,
#main h6
{
	background:#ffffff url(img/h6.jpg) no-repeat 0px 6px;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:5px 15px 5px 25px;
}

div.entry p,
div.comments-body p,
p.comments-open-moderated
{
	font-size:12px;
	color:#423636;
	background-color:inherit;
	line-height:130%;
	margin-bottom:5px;
}

div.entry-body
{
}

div.entry-info ul
{
	list-style-type:none;
	line-height:100%;
	padding:2px 0;
}

div.entry-info ul li
{
	font-size:60%;
	color:#2B2828;
	background-color:inherit;
	display:inline;
}

div.trackbacks,
div#comments
{
	margin:0 0 15px 0;
}

div.trackbacks p
{
	font-size:80%;
	color:#423636;
	background-color:inherit;
}

div.trackbacks p input
{
	border:1px solid #cccccc;
}

div.trackbacks dl
{
	padding:10px 0 0 0;
}

div.trackbacks dt
{
	font-size:80%;
}

div.trackbacks dd p
{
	padding:0 0 5px 0;
}

div.trackbacks ul.trackback-info,
div#comments ul.comments-info
{
	border-top:2px solid #d8d8d8;
	list-style:none;
	padding:3px 0;
	margin-bottom:10px;
}

div.trackbacks ul.trackback-info li,
div#comments ul.comments-info li
{
	color:#2b2828;
	background-color:inherit;
	font-size:60%;
	display:inline;
}


div.comments-post h5
{
	color:#423636;
	background-color:inherit;
	font-size:80%;
	font-weight:normal;
	margin:0 0 5px 0;
}

div#comments-open-data legend
{
	font-size:80%;
	margin: 0 0 5px 0;
	padding:0;
}

div#comments-open-data label
{
	font-size:80%;
	color:#423636;
	background-color:inherit;
}

dl#name-email input,
dl#comments-open-text textarea
{
	color:#423636;
	background-color:inherit;
	font-size:80%;
	border:1px solid #cccccc;
}

ul.cookie,
#comments-open-data ul.inline
{
	list-style:none;
	padding:3px 0;
}

#comments-open-data ul.comments-open-footer
{
	list-style:none;
	padding:10px 0 20px 0;
}

#comments-open-data ul.comments-open-footer li
{
	display:inline;
	margin:0 10px 0 0;
}

#comments-open-data ul.comments-open-footer li input
{
	width:80px;
	font-size:80%;
	color:#423636;
	background-color:#e9e9e9;
}

div.comment p
{
	font-size:80%;
	color:#423636;
	background-color:inherit;
}

input.search-input
{
	color:#acacac;
	background-color:#ffffff;
	border:1px solid #b4b4b4;
	width:200px;
	padding:2px;
}

input.searchsubmit
{
	border:0;
	position:relative;
	top:4px;
	left:0px;
}
/* ---------- archives_end ---------- */
/*--- sitemap ---*/
#sitemap h3{
        color:#3D5008;
	font-size:14px;
	font-weight:bold;
	background: #ffffff url(img/h3.jpg) no-repeat 0px 0px;
	margin:0 0 5px 0;
	padding:10px 15px 6px 35px;
        width:528px;
        height:34px;
}
#sitemap {
	font-size:80%;
	color:#666666;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}
#sitemap ul {
                margin-left:20px;
}
/*--- sitemap ---*/
a:hover .rollover{
 color: #D1A3F5;
 opacity: 0.6;
 filter: alpha(opacity=60);
 }
 
/* ---------- option ------------------- */
.img-left{
	float:left;
	margin:0 20px 10px 0;
	}
/*
.img-right {
	float:right;
	margin:0 0 10px 20px;
	}*/
	
.img-border {
	padding:2px;
	border:1px solid #DA8697;
	} 

.mgb-10 {
	margin-bottom:10px;
	}
	
.mgb-20 {
	margin-bottom:20px;
	}

.mgb-30 {
	margin-bottom:30px;}

.pdl-20 {
	padding-left:20px;
	}
	
/* ---------- category ------------------- */

div.entry-box {
	width:570px;
	padding:5px;
	margin-bottom:20px;
	}	
	
div.entry-box p {
	margin-bottom:10px;
	font-size:12px;
	color:#555555;
	line-height:130%;
	}
	
table td {
	font-size:12px;
	color:#555555;
	line-height:140%;
	}	

div.box1 {
	width:550px;
	}
	
div.box1-l {
	width:320px;
	float:left;
	}
	
div.box1-r {
	width:205px;
	text-align:right;
	float:right;
	}

dl.item {
	width:160px;
	float:left;
	height:180px;
	margin-bottom:20px;
	margin-right:10px;
	margin-left:0px;
	text-align:center;
	}
	
dl.item dd {
	color:#555;
	font-size:12px;
	padding-top:5px;
	}
	
dl.q-and-a {
	font-size:12px;
	color:#555555;
	margin:10px 0;
	}
	
dl.q-and-a dt {
	font-weight:bold;
	}
	
dl.q-and-a dd {
	padding:10px 20px;
	line-height:140%;
	}
	
table.tbl-price td {
	padding:3px;
	border-bottom:1px dotted #A5C06C;
	font-size:12px;
	}

div.img-dec {
  background-image: url("img/shadow_001.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: 10px 5px 10px 15px;
  padding: 0px;
  position: relative;
  float:right;
  }

div.img-dec img {
  background-color: #FFFFFF;
  margin: -5px 5px 5px -5px;
  position: relative;
  vertical-align: bottom;
  }

div.img-fuchi {
  background-image: url("img/shadow_001.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: 25px 5px 10px 5px;
  padding: 0px;
  position: relative;
  }

div.img-fuchi img {
  background-color: #FFFFFF;
  border: 1px solid #A9A9A9;
  margin: -5px 5px 5px -5px;
  padding: 4px;
  position: relative;
  vertical-align: bottom;
  }

div.img-ded {
  background-image: url("img/shadow_001.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: 10px 5px 10px 15px;
  padding: 0px;
  position: relative;
  }

div.img-ded img {
  background-color: #FFFFFF;
  margin: -5px 5px 5px -5px;
  position: relative;
  vertical-align: bottom;
  }



	
.img-border {
	padding:2px;
	border:1px solid #ccc;
	}