@charset "utf-8";
@import "default.css";

/* common selectors */
body { font-size: 12px; line-height: 140%; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}
a { color: #0a3c10;}
a:hover { color: #147d21;}
.page-header { margin-bottom: 20px;}
.text-header { background: url(../images/bg_textheader.jpg) no-repeat left top; height: 23px; line-height: 23px; color: #fff; margin-bottom: 5px; padding-left: 38px;}
.m20 { margin-bottom: 20px;}
.num-style { margin-bottom: 20px;}
.num-style li { list-style-type: decimal; margin-left: 24px;}
.num-style li h4 { font-weight: normal;}
.small { font-size: 82%; line-height: 140%;}
.btn-contact { margin: 30px 10px 50px 0px; text-align: right;}
.tbl-def { border-collapse: collapse; width: 560px;}
.tbl-def th { border: 1px solid #87171d; background: #9f070f; color: #fff; padding: 4px; text-align: center; font-weight: normal;}
.tbl-def td { border: 1px solid #87171d; text-align: center; padding: 4px;}
.btn-center { text-align: center; margin: 10px 0px;}
.tc { text-align: center;}
.tr { text-align: right;}
.pagetop { text-align: right; margin: 20px 0px; font-size: 92%;}
.pagetop a { color: #666;}
.alert-box { padding: 5px; border: 1px solid #c00; margin: 10px 0px; background: #fef7f7; line-height: 160%;}


#header { position: relative; height: 63px; width: 950px; margin: 0 auto; }
#header h1 { position: absolute; left: 160px; top: 5px; font-size: 11px;}
#header #tel { position: absolute; left: 818px; top: 5px; line-height: 120%; font-size: 14px;}
#header #header-login { position: absolute; left: 530px; top: 40px;}
#header #header-login p { vertical-align: top;}
#header #header-login input.textform { border: 1px solid #000; width: 124px; height: 18px; vertical-align: top;}

#footer { clear: both; background: #000;}
#footer #footer-inner { width: 950px; margin: 0 auto;}
#footer #footer-inner #footer-nav { padding: 12px 0px 30px 0px; text-align: center; color: #ffffff; font-size: 13px;}
#footer #footer-inner #footer-nav a { color: #ffffff; text-decoration: none;}
#footer #footer-inner #footer-nav a:hover { text-decoration: underline;}
#footer #footer-inner #copyright { text-align: center; color: #ffffff; padding-bottom: 10px;}

#global-nav { background: url(../images/bg_globalnav.jpg) repeat-x left top; height: 28px;}
#global-nav p { width: 950px; margin: 0 auto; text-align: right; color: #fff; font-size: 13px; line-height: 28px;}
#global-nav p a { color: #fff; font-weight: bold; text-decoration: none;}
#global-nav p a:hover { text-decoration: underline;}

#container { background: #80090f;}
#container #contents-wrapper { width: 950px; margin: 0 auto; background: #ffffff;}

#main-image { margin-bottom: 7px;}

#left-column { width: 168px; float: left; padding-left: 5px; margin-right: 14px;}
#main-column { width: 560px; float: left;}
#right-column { width: 179px; float: right; padding-right: 3px;}
#main-column-1 { width: 910px; padding: 20px;}

.side-cat-box { background: url(../images/bg_sidecat1.jpg) repeat-y left top; width: 168px; margin-bottom: 5px;}
.side-cat-box ul { margin-left: 31px; padding-top: 4px; padding-bottom: 8px; background: url(../images/line_sidecat.jpg) no-repeat left top;}
.side-cat-box ul li { margin-left: 9px;}
.side-cat-box .side-cat-box-bottom { padding-bottom: 10px; background: url(../images/box_sidecat_btm.jpg) no-repeat left bottom;}
.side-cat-box2 { background: url(../images/bg_sidecat2.jpg) repeat-y left top; width: 168px; margin-bottom: 5px;}
.side-cat-box2 ul { padding-top: 12px; padding-bottom: 10px; background: url(../images/line_sidecat2.jpg) no-repeat left top;}
.side-cat-box2 ul li { margin-left: 4px; margin-bottom: 3px;}
.side-cat-box2 .side-cat-box-bottom2 { padding-bottom: 10px; background: url(../images/box_sidecat2_btm.jpg) no-repeat left bottom;}

#right-banner-area1 { margin-bottom: 5px;}
#right-banner-area1 li { margin-bottom: 5px;}
.right-side-box { border: 1px solid #ccc; padding: 1px; margin-bottom: 8px;}
.right-side-box .inner { background: #eae9e9; padding: 3px 3px 6px 3px;}
.right-side-box .inner ul { margin-top: 6px;}
.right-side-box .inner li { margin-bottom: 5px;}

/* top page */
.top-content-block { margin-bottom: 15px;}
#tbl-news { width: 560px; margin: 10px 0px;}
#tbl-news td { padding: 0px 0px 5px 0px; vertical-align: top;}
#tbl-news td.date { width: 167px; text-align: center;}
#top-pickup h2 { margin-bottom: 10px;}

/* item common */
.item-list { background: url(../images/dotline1.jpg) repeat-x left bottom; padding: 10px 0px;}
.item-block { width: 132px;}
.item-padding { margin-right: 10px;}
.item-block .photo { border: 1px solid #b8b8b8; margin-bottom: 3px;}
.item-block .price { color: #7e0202;}
.item-block .item-name { color: #444;}
.item-block .item-name a { color: #444;}
.item-block .status { margin: 5px 0px;}
.page-number-area { margin-bottom: 20px;}
.page-str { width: 200px; float: left;}
.page-str strong { font-size: 112%;}
.page-nav { width: 300px; float: right; text-align: right;}

/* category */
#category-image { margin-bottom: 20px;}
#category-name { margin-bottom: 20px;}
#category-description { margin-bottom: 20px; color: #80090f;}

/* item detail */
.item-detail { margin-top: 15px; margin-bottom: 10px;}
.item-detail .photo { width: 292px; height: 342px;}
.item-detail .text { width: 262px; vertical-align: middle;}
.item-detail .text h3 { font-size: 120%; font-weight: bold; border-bottom: 1px solid #80090f; color: #80090f; padding: 0px 3px;}
.item-detail .text .spec { margin: 36px 0px;}
.item-detail .text .spec p { margin-bottom: 1em;}
.status_icon { margin-top: 15px;}
.item-detail2 { border-top: 1px solid #222;}
.item-detail2 .sub-photos { width: 148px;  padding-top: 15px;}
.item-detail2 .sub-photos li { margin: 0px 13px 18px 7px;}
.item-detail2 .sub-photos li img { border: 1px solid #ccc;}
.item-detail2 .item-info { width: 394px; padding-top: 20px; padding-left: 10px; border-left: 1px dotted #ccc;}
.item-detail2 .item-info .item-wrapping { margin: 10px auto 46px; text-align: center;}
.item-detail2 .item-info .item-messagecard { margin-bottom: 20px;}
.item-detail2 .item-info .price { font-weight: bold; text-align: right;}
.item-detail2 .item-info .stock { text-align: right;}
.item-detail2 .item-info .btn-cart { text-align: right; margin: 5px 0px 35px 0px;}
#reviews { margin: 10px 0px 30px 0px;}
.reviewtitle { font-weight: bold;}
.reviewcomment { margin: 5px 0px 20px 20px;}
.cart-area p { text-align: right;}
.btn-cart { margin: 10px 0px;}
.btn-post-review { padding-bottom: 20px;}


/* */
#page-title-image { margin-bottom: 25px;}
.content { padding-bottom: 30px;}
.content p { margin-bottom: 1em;}
.sub-header { border-left: 3px solid #80090f; border-bottom: 1px solid #c3b79d; padding: 0px 0px 2px 8px; margin-bottom: 12px;}
.text-title { color: #80090f; font-size: 112%; margin-bottom: 15px;}
.page-description { margin-bottom: 20px;}
.examples-comment { margin: 20px;}
.page-nav-buttons { text-align: center; padding: 20px 0px;}
#merit-block { background: #f7f6f4; padding: 10px 15px;}
#merit-block p { margin: 10px 0px;}
#merit-block strong { font-weight: normal; color: #80090f;}
#rental-recommend dd { background: #faf2f3; padding: 5px; margin-bottom: 15px;}
#rental-recommend dd p { background: url(../images/rental/arrow_red.gif) no-repeat 0px 3px; padding-left: 23px; font-weight: bold; margin: 0px 0px 0px 0px;}
#rental-flow { width: 430px; margin: 0 auto;}
#rental-flow td { text-align: left; padding: 4px 6px;}
#rental-flow td.icon { text-align: center;}
#page-order .left { width: 234px;}
#page-order .right { width: 326px;}
#page-order .tbl-layout td { vertical-align: top; padding: 3px 8px;}
#page-list .list { padding: 10px 0px;}
#page-list .item { width: 120px;}
#page-list .item-padding { padding-right: 5px;}
#page-indiv .photo { text-align: center;}
#page-wrapping .left { width: 326px;}
#page-wrapping .right { width: 234px;}
#page-message .left { width: 368px;}
#page-message .right { width: 192px;}
#page-example li.banner { margin-bottom: 12px;}
#page-example .category-block { margin: 10px 0px;}
#page-example .category-block .sub-header { font-weight: normal;}
#page-example .category-block li { background: url(../images/dotline1.jpg) repeat-x left bottom; padding-bottom: 5px; margin-bottom: 10px;}
#page-example .category-block li span.label { display: block; width: 50px; float: left;}
#page-example .category-block li span.body { display: block; margin-left: 50px; }
#page-about p { margin-bottom: 1em;}
#page-about #greeting-photo { padding: 0px 0px 5px 8px;}
#page-about #greeting-sign { text-align: right; margin: 20px 0px;}
#page-about #shop-outside { background: url(../images/about/bg_shopoutside.jpg) no-repeat right top; padding-right: 250px; min-height: 369px;}
#page-about #shop-text { text-align: right; margin: 20px 10px 0px 0px;}
#page-about .staff { margin-bottom: 40px;}
#page-about .staff .pic { width: 229px; background: url(../images/about/bg_photoedge_upper.gif) no-repeat left top; }
#page-about .staff .pic-bottom { background: url(../images/about/bg_photoedge_lower.gif) no-repeat left bottom; padding-bottom: 11px;}
#page-about .staff .pic-bottom img { margin: 4px 4px 0px 4px;}
#page-about .staff .text { width: 330px;}
#page-school #tbl-school-info { width: 540px; border: 1px solid #c3b79d; margin: 10px auto;}
#page-school #tbl-school-info td { background: #f8f8f8; padding: 15px 5px 10px 15px;}
#page-school #tbl-school-schedule { margin: 0 auto;}
#page-school #tbl-school-schedule td { padding: 3px 6px; vertical-align: top;}
#page-school #school-profile .left { padding: 0px 15px; width: 170px;}
#page-school #school-profile .right { width: 330px;}
#page-school #school-profile .right h4 { font-weight: normal; font-size: 112%; margin-bottom: 15px;}
#page-faq #qa dt { background: url(../images/qa/icon_q.gif) no-repeat left top; padding-left: 30px; height: 22px; border-bottom: 1px solid #c3b79d; margin-bottom: 15px;}
#page-faq #qa dd { background: url(../images/qa/icon_a.gif) no-repeat left top; padding-left: 30px; margin-bottom: 30px;}
.page-navigation { padding: 10px 0px; margin-top: 10px; text-align: center; background: url(../images/dotline1.jpg) repeat-x left top;}
#page-review #reviews .indiv { margin-bottom: 20px;}
#page-review #reviews .photo { width: 150px;}
#page-review #reviews .desc { width: 400px;}
#page-review #reviews h3 { font-weight: normal; font-size: 112%; border-bottom: 1px solid #c3b79d; margin-bottom: 10px; padding-bottom: 3px;}
#page-review #reviews h3 a { text-decoration: none; color: #80090f;}
#page-sitemap .left { width: 250px; border-right: 1px dotted #c0c0c0;}
#page-sitemap .right { width: 250px;}
#page-sitemap li { margin-bottom: 5px; background: url(../images/icon_list.gif) no-repeat 0px 3px; padding-left: 15px;}
#page-sitemap .level1 { margin-left: 20px; margin-top: 10px;}
#page-sitemap .level2 { margin-left: 50px;}

/* shopping */
#under02column_cart { min-height: 300px; _height: 300px;}
#under02column_cart .empty { text-align:center; padding-top: 30px;}
#undercolumn .title { margin-bottom: 20px;}
#under02column .title { margin-bottom: 20px;}
#under02column .tbl-def { width: 910px;}
#under02column .tbl-def td { text-align: left; padding: 5px;}
#under02column .tbl-def th { border-bottom: 1px solid #fee; background: #450508; padding: 5px;}
#undercolumn .tbl-def td { text-align: left; padding: 5px;}
#undercolumn .tbl-def th { border-bottom: 1px solid #fee; background: #450508; padding: 5px;}
.tblareabtn { text-align: center; margin: 20px 0px;}
.flowarea { text-align: center; margin-bottom: 20px}
.box60 { width: 60px;}
.box120 { width: 120px;}
.box300 { width: 300px;}
.box380 { width: 380px;}
.area380 { width: 380px; height: 300px;}
.area660 { width: 700px; height: 100px;}
.area470 { width: 540px; height: 400px; overflow: auto;}
.attention { color: #f00;}
#under02column .payarea h3 { font-size: 112%; font-weight: bold; margin-bottom: 10px; padding-bottom: 4px; border-bottom: double 3px #ccc;}
#under02column .payarea .tbl-def { margin-bottom: 20px; /*width: 500px;*/}
#shopping-confirm .tbl-def { margin-bottom: 30px;}
#shopping-confirm .tbl-def thead th { font-weight: bold; text-align: left; background: #a10b13;}
#shopping-confirm .delivname th { width: 220px;}
#completetext p { margin-bottom: 15px;}
#completetext em { font-weight: bold; font-size: 108%; margin: 10px 0px; }

/* mypage */
#mypagecolumn .title { margin-bottom: 20px;}
#under02column .loginarea { margin-bottom: 30px;}
#mynavarea { width: 200px; float: left;}
#mycontentsarea { width: 700px; float: right;}
#mynavarea #customer-data { margin: 20px 0px;}
#mynavarea #customer-data .point { margin: 10px 0px;}
#mynavarea #customer-data .point em { font-weight: bold;}
#mypagecolumn .tbl-def { margin: 20px 0px;}
#mypagecolumn .tbl-def td { text-align: left; padding: 5px;}
#mypagecolumn .tbl-def th { border-bottom: 1px solid #fee; background: #450508; padding: 5px;}


/*search_area bloc*/

div.search_area {
	margin-bottom:3px;
	padding:30px 0px 0px 6px;
	height: 58px;
	width: 157px;
    background: url("../images/search_area/searchBox_bg.jpg") no-repeat;
}
div.search_area input {
    background: url("../images/search_area/searchBox_txt.jpg") no-repeat;
	width: 101px;
	height: 21px;
}
div.search_area a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#sitemap {width:950px;margin: 0 auto;}
.sitemap-nav { margin-bottom: 15px; margin-left:30px;margin-top:30px;width: 155px;float:left;color: #ffffff;}
.sitemap-nav a{ color: #ffffff; text-decoration: none;}
.sitemap-nav a:hover { text-decoration: underline;}
.sitemap-nav li{ list-style-type: none; margin: 0px 0px 0px 5px;  line-height: 20px;}
.sitemap-logo {margin-bottom: 30px;color: #ffffff;}
.sitemap-logo li{ float:left;margin-left:30px;}

/* category */
#ctg_top_area:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ctg_top_area{ width:540px; zoom: 1;  color:#412001; line-height:1.3em; margin:0 0 23px; }
#ctg_top_txt{ width:335px; float:left; background:url(../images/category/frame_toptxt_middle.gif) left top repeat-y; padding:0; margin:0; }
#ctg_top_txt #ctg_top_txt_lyr1{ background:url(../images/category/frame_toptxt_top.gif) left top no-repeat; padding:0; margin:0; }
#ctg_top_txt #ctg_top_txt_lyr2{ background:url(../images/category/frame_toptxt_bottom.gif) left bottom no-repeat; padding:15px 15px 20px 12px; margin:0; }
#ctg_top_img{ width:200px; float:right; text-align:right; }
#ctg_top_img img#ctg_top_no1{ padding: 5px 10px 28px; border:solid 1px #c9c9c9; background:url(../images/category/txt_no1.gif) center bottom no-repeat; }

/* Description Block - Ice flower and Preserved flower */
#dblk_icepre{ margin:0 0 20px; color:#412001; }
#dblk_icepre #dblk_icepre_img:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#dblk_icepre #dblk_icepre_img{ zoom: 1; margin:0 0 12px; }
#dblk_icepre #dblk_icepre_img .left{ width:275px; }
#dblk_icepre #dblk_icepre_img .right{ width:275px; }
#dblk_icepre strong{ color:#ea68a2; font-weight:normal; }

/* Description Block - Order Message Gelbox */
#dblk_odrmsg_gelbox:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#dblk_odrmsg_gelbox{ zoom: 1; margin:0 0 20px; }
#dblk_odrmsg_gelbox .left{ width:250px; }
#dblk_odrmsg_gelbox .right{ width:280px; }
#dblk_odrmsg_gelbox .left p{ padding:0 0 7px 15px; }
#dblk_odrmsg_gelbox .left a{ color:#ea68a2; text-decoration:none; }


/******************************/
/* Item List */

ul.usr_dlvex_list_ex{
	position:absolute;
	width:570px;
	margin:15px -10px 20px 0;
	padding:0;
	border-bottom:dashed 1px #999999;
}
ul.usr_dlvex_list_ex li{
	margin:0;
	padding:0 0 29px;
	width:190px;
	float:left;
}
ul.usr_dlvex_list_ex li p{
	margin:0;
	padding:12px 0 0 3px;
	width:170px;
}
ul.usr_dlvex_list_ex li img{
	border:solid 1px #b1b1b1;
}
ul.usr_dlvex_list_ex li a{
	color:#000000;
	text-decoration:none;
}
ul.usr_dlvex_list_ex li a:hover{
	color:#999999;
	text-decoration:none;
}
ul.usr_dlvex_list_ex li a:hover img{
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}