@charset "UTF-8";

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

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

img {
	vertical-align:top;
	}

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

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

body
{
	text-align:center;
	color:#ffffff;
	background:#000000 url(img/body_bg.gif) repeat-x left 400px;
	font-size:12px;
}

table {
	font-size:12px;
	}

a
{
	text-decoration:none;
	color:#aaaaaa;
	background-color:transparent;
}

a:hover
{
	text-decoration:underline;
	color:#ffffff;
	background-color:transparent;
}

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

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

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

div#container
{
	width:810px;
	margin:0 auto;
	text-align:center;
	background:transparent url(img/container_bg.png) repeat-y left top;
	behavior: expression(IEPNGFIX.fix(this));
}

#container-inner
{
        width:800px;
        text-align:left;
}

*+html div#container-inner
{
		width:800px;
	margin-left:0px;
}

#main-container
{
       width:100%;
       margin:0 auto;
       text-align:center;
}

/* ---------- container_end ---------- */

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

div#header
{
	width:100%;
	height:400px;
	margin:0 auto;
	color:inherit;
}

div#header img
{
	float:left;
	margin:0px 0 0 0px;
}

div#header p
{
	text-align:right;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	position:relative;
	top:40px;
	left:0;
}

div#header p a,
div#header p a:hover
{
	color:#339999;
}

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

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

div#banner
{
	width:800px;
	margin:0px 0 0px 0;
	text-align:left;
}

div#banner-inner
{
	color:#ffffff;
	height:20px;
}

div#banner-inner h1
{
	position:relative;
	top:0px;
	left:15px;
	font-size:12px;
	font-weight:bold;
	width:95%;
}

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

div#banner-inner h1 a:hover
{
	text-decoration:underline;
}

div#banner-inner h2
{
	position:relative;
	top:42px;
	left:15px;
	font-size:12px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
width:95%;
}

/* ---------- banner_end ---------- */

/* ---------- wrapper ---------- */

div#wrapper
{
	width:100%;
	text-align:left;
	color:inherit;
}

/* ---------- wrapper_end ---------- */

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

div#main
{
	float:right;
	text-align:left;
	width:560px;
	color:#ffffff;
}

div.main-contents
{
	padding:15px;
	padding-left:0;
}

div.main-contents p
{
	font-size:12px;
	color:#ffffff;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}

div.info-box
{
	padding-bottom:40px;
}

div.info-box h3
{
	font-size:110%;
        color:#000000;
        padding:5px 0 0 25px;
	background:transparent url(img/title_h3.gif) no-repeat left top;
	width:549px;
	height:27px;
	_width:574px;
	_height:32px;
        margin-bottom:10px;
}

h3
{
	font-size:110%;
	color:#000000;
	background:transparent url(img/title_h3.gif) no-repeat left top;
	height:27px;
	line-height:27px;
	margin-bottom:10px;
	text-indent:20px;
}

h4
{
	font-size:100%;
        color:#ffffff;
        padding:0px 0 0 30px;
        margin-bottom:20px;
	background:transparent url(img/title_h4.png) no-repeat left bottom;
        width:301px;
	_width:331px;
	height:21px;
}

* html h4 { behavior: expression(IEPNGFIX.fix(this)); } 

h5
{
	font-size:100%;
        color:#ffffff;
        padding:0px 0 0 30px;
        margin-bottom:20px;
	background:transparent url(img/title_h5.png) no-repeat left bottom;
	width:544px;
	height:21px;
	_width:574px;
}

* html h5 { behavior: expression(IEPNGFIX.fix(this)); } 

div.info-box img
{
	float:left;
	margin-right:0px;
	vertical-align:middle;
}

div.info-box p
{
	font-size:12px;
	color:#ffffff;
	background-color:transparent;
	line-height:150%;
	margin-bottom:20px;
}

div.news-box
{
	margin-bottom:40px;
}

div.news-box h3
{
	font-size:2px;
	text-indent:-9999px;
	background:#ffffff url(img/news_h3.gif) no-repeat left top;
        padding:0;
	color:inherit;
	width:584px;
	height:50px;
}

div.news-box-inner
{
       background:#ffffff url(img/news_box_bg.gif) no-repeat left top;
       width:574px;
       height:165px;
}

div.news-box-inner ul
{
	list-style-type:none;
}

div.news-box-inner li
{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#999999;
	line-height:150%;
        _line-height:120%;
	list-style-position:outside;
	display:block;
	color:inherit;
	padding-bottom:1px;
	width:100%;
}

span.list-border
{
	display:block;
	padding: 6px 5px 6px 20px;
}

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



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

div#sidebar
{
	float:right;
	width:220px;
	color:#666666;
	text-align:left;
}

div#sidebar ul
{
	list-style-type:none;
	width:100%;
}

div#sidebar img
{
        margin:0 0 20px 0;
        padding:0;
}

div#sidebar-inner
{
	padding:15px 0 ;
	margin:0 auto;
}

div#category-archives h4
{
	font-size:2px;
	text-indent:-9999px;
	background:transparent url(img/contents_menu_bg.gif) no-repeat left top;
	color:inherit;
	width:170px;
	height:54px;
}

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

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

div.category-archives ul li
{
	font-size:12px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	background-color:transparent;
        margin-top:5px;
	margin-bottom:13px;
}

div.category-archives ul li a
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#ffffff;
	background:transparent url(img/cat_bg.gif) no-repeat left top;
	display:block;
	height:35px;
	line-height:35px;
	text-indent:20px;
}

div.category-archives ul li a:hover
{
	color:#dddddd;
        font-decoration:none;
	background:transparent url(img/cat_bg_aft.gif) no-repeat left top;
}

div.category-archives ul.sub-category
{
	padding:5px 0;
}

div.category-archives ul li ul.sub-category li
{
	font-size:100%;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	background:#ffffff;
	margin:0;
	padding:0;
}

div.category-archives ul.sub-category li a
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	background:transparent url(img/category_sublist.gif) no-repeat 0 0;
	display:block;
	padding:8px 6px 8px 38px;
	line-height:100%;
	border:0;
}

div.category-archives ul.sub-category li a:hover
{
	color:#666666;
	background-position:0 -300px;
	text-decoration:none;
}

div.contents-search h4
{
	font-size:2px;
	text-indent:-9999px;
	background:#ffffff url(img/search_title.gif) no-repeat left top;
	color:inherit;
	width:158px;
	height:32px;
}

div.search-form form input#search
{
	color:#333333;
	background-color:#ffffff;
	font-size:12px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	padding:2px;
	border:1px solid #ebebeb;
	width:124px;
}

div.contents-search
{
	margin-bottom:20px;
}

div.rss a
{
	font-size:2px;
	text-indent:-9999em;
	background: transparent url(img/rss.gif) no-repeat left top;
	display:block;
	height: 34px;
	text-decoration:none;
	margin-bottom:10px;
}

div.rss a:hover
{
	background-position:left bottom;
}

div.powered
{
	font-size:12px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	background-color:transparent;
	margin-bottom: 20px;
}

div.powered a
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#339999;
	background-color:transparent;
}

div.powered a:hover
{
	text-decoration:underline;
}

/* ---------- category-archives_end ---------- */

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

div#footer
{
        margin-left:20px;
	width:800px;
        _width:810px;
	background:#0A0A0A url(img/footer.gif) no-repeat left top;
	height:60px;
	color:#ffffff;
        text-align:center;
}

div#footer p
{
	background-color:transparent;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top:24px;
	left:0;
}

/* ---------- footer_end ---------- */

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

div#main p.navi
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:normal;
	padding:5px 10px;
	margin-bottom:15px;
}

div#main p.navi a
{
	color:#aaaaaa;
	background-color:transparent;
	text-decoration:none;
}

div#main p.navi a:hover
{
        color:#ffffff;
	text-decoration:underline;
}

div.entry
{
	margin-bottom:20px;
}

/*h3.entry-header
{
	color:#333333;
	background:transparent url(img/entry_title.gif) no-repeat left top;
	font-size:12px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	line-height:150%;
	padding:11px;
	margin-bottom:10px;
}*/

h3.entry-header a
{
	color:#ffffff;
	background-color:transparent;
	text-decoration:none;
}

h3.entry-header a:hover
{
	color:#ffffff;
	background-color:transparent;
	text-decoration:underline;
}

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

div.entry blockquote,
div.entry-body blockquote
{
	font-size:12px;
	line-height:150%;
	color:#333333;
	background:transparent url(img/blockquote.gif) repeat-y left top;
	padding:20px 25px;
	margin-bottom:20px;
}

div.entry-body
{
       font-size:12px;
       color:#ffffff;
}

div.entry h1,
div.entry-body h1
{
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
	background:transparent url(img/h1_bg.gif) no-repeat left bottom;
	border-top:1px solid #620200;
	padding:5px 10px 10px 10px;
	line-height:150%;
	margin-bottom:20px;
}

/*
div.entry h2,
div.entry-body h2
{
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
	background:transparent url(img/h2_bg.gif) no-repeat left bottom;
	border-top:1px solid #0070cc;
	padding:5px 10px 10px 10px;
	line-height:150%;
	margin-bottom:20px;
}
*/

/*div.trackbacks h3,
div.comments h3
{
	font-size:12px;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#333333;
	background:transparent url(img/h4_bg.gif) no-repeat left top;
	padding:18px 10px 6px 10px;
	border-bottom:1px solid #cccccc;
	line-height:150%;
	margin-bottom:20px;
}

div.entry h3,
div.entry-body h3
{
	font-size:90%;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#333333;
	background:transparent url(img/h3_bg.gif) no-repeat left top;
	padding:18px 10px 6px 10px;
	border-bottom:1px solid #cccccc;
	line-height:150%;
	margin-bottom:20px;
}*/

/*div.entry h4,
div.entry-body h4
{
	font-size:90%;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#333333;
	background:transparent url(img/h4_bg.gif) no-repeat left top;
	padding:18px 10px 6px 10px;
	border-bottom:1px solid #cccccc;
	line-height:150%;
	margin-bottom:20px;
}

div.entry h5,
div.entry-body h5
{
	font-size:12px;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#333333;
	background:transparent url(img/h5_bg.gif) no-repeat 2px 2px;
	padding: 0 10px 0 25px;
	line-height:150%;
	margin-bottom:20px;
}*/

div.mainbox h6,
div.entry-body h6{
	font-size:12px;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	line-height:150%;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px solid #aaa;
}

div.entry-tags h4
{
	font-size:12px;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#333333;
	background:transparent url(img/h6_bg.gif) no-repeat 2px 2px;
	padding: 0 10px 0 25px;
	line-height:150%;
	margin-bottom:5px;
	border:0;
}
div.entry-tags-inner
{
	color:inherit;
	background-color:#e4f1f1;
	padding:15px 15px 10px 15px;
}
div.entry-tags ul
{
	list-style-type:none;
	margin-bottom:20px;
}
div.entry-tags ul li
{
	color:#339999;
	background-color:transparent;
	font-size:12px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	float:left;
	margin-right:10px;
}

div.entry-info
{
	margin-bottom:20px;
}

div.entry-info ul
{
	list-style-type:none;
	text-align:right;
	border-top:1px solid #efefef;
	padding:5px 0 10px 0;
	width:100%;
}

div.entry-info ul li
{
	font-size:12px;
	color:#666666;
	background-color:inherit;
	display:inline;
}

div.entry-content
{
	padding-bottom:5px;
	width:100%;
}

div.entry-content p.posted
{
	margin-bottom:40px;
}


div.entry-content h3 a
{
	color:#ffffff;
	background-color:transparent;
	text-decoration:none;
}
div.entry-content h3 a:hover
{
	color:#ffffff;
	background-color:transparent;
	text-decoration:underline;
}

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

div.trackbacks p
{
	font-size:12px;
	color:#666666;
	background-color:inherit;
}

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

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

div.trackbacks dt
{
	font-size:12px;
}

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

div.trackbacks ul.trackback-info,
div#comments ul.comments-info
{
	border-top:1px solid #efefef;
	list-style:none;
	padding:5px 0;
	text-align:right;
	margin-bottom:10px;
}

div.trackbacks ul.trackback-info li,
div#comments ul.comments-info li
{
	color:#666666;
	background-color:inherit;
	font-size:12px;
	display:inline;
}

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

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

div#comments-open-data label
{
	font-size:12px;
	color:#333333;
	background-color:inherit;
}

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

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

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

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

input#comment-preview,
input#comment-post,
input#comment-cancel
{
	font-size:12px;
	text-indent:-9999px;
	color:#333333;
	width:80px;
	height:20px;
	cursor: pointer;	
}


input#comment-preview,
input#comment-post
{
	margin-top:5px;
}
input#comment-cancel
{
	background:transparent url(img/cancel.gif) no-repeat left top;
	margin-bottom:4px;
}


div.comment p
{
	font-size:12px;
	color:#333333;
	background-color:inherit;
}

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

input.searchsubmit
{
	border:0;
	position:relative;
	top:4px;
	left:10px;
}

h2.module-header
{
	color:#000000;
	background:transparent url(img/entry_title.gif) no-repeat left top;
	font-size:12px;
	font-weight:normal;
	padding:11px;
	margin-bottom:10px;
}

div.module-content
{
	color:#333333;
	background-color:#ffffff;
	padding:15px;
	margin-bottom:20px;
}

div.module-content ul
{
	list-style-type:disc;
	line-height:150%;
	padding:0 15px;
}

div.module-content ul li
{
	font-size:12px;
	font-weight:normal;
}

/* ---------- archives_end ---------- */

#sitemap ul
{
        margin-left:20px;
        margin-bottom:10px;
}

#sitemap ul li
{
        margin-left:10px;
        margin-bottom:5px;
}

div.shop-info
{
	color:dddddd;
	font-size:12px;
	width:180;
	background:transparent url(img/shop_name_body_bg.gif) repeat-y left top;
	margin-bottom:20px;
}

div.shop-info p
{
        margin-left:10px;
}

div.shop-info strong
{
        color:#ffffff;
}

div.shop-info img
{
        margin:0;
        padding:0;
}

div.coupon
{
        width:200px;
        height:86px;
        margin:0;
	background:transparent url(img/coupon_btn.gif) repeat left top;
}


div.coupon:hover
{
        width:200px;
        height:86px;
        margin:0px 0 0px 0;
        position:relative;
        bottom:3px;
	background:transparent url(img/coupon_btn_aft.gif) repeat left top;
}

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


/* Safariのフォントサイズを変更
==========================================================*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}


/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/* category
==========================================================*/
div.mainbox {
	padding-bottom:20px;
	clear:both;
	text-align:left;
	}
	
div.main-left {
	width:260px;
	float:left;
	text-align:center;
	}
	
div.main-right {
	width:260px;
	float:left;
	text-align:left;
	}
	
/* item list */
dl.item-list {
	width:130px;
	float:left;
	height:250px;
	text-align:center;
	}
	
dl.item-list dt img{
	width:120px;
	border:1px solid #ccc;
	}
	
ul.list-normal {
	padding:0;
	margin:0;
	margin-left:20px;
	}
	
ul.list-normal li{
	padding:0;
	margin:0;
	margin-left:15px;
	list-style:outside disc;
	line-height:140%;
	}
	
h2 {
	margin:0;
	padding:0;
	padding-bottom:10px;
	position:relative;
	}
	
h2 div.shopping {
	position:absolute;
	right:0;
	top:27px;
	width:172px;
	height:53px;
	background:#fff;
	}
	
div.ico-new {
	padding:1px;
	text-align:right;
	}
	
table.tbl-type strong {
	color:#FF6600;
	}
	
img.img-border {
	border:1px solid #ccc;
	}
	
div.entry-more {
	padding:10px;
	text-align:right;
	}
	
div.entry-moreb {
	padding:10px;
	text-align:left;
	}