@charset "utf-8";

/*basic style*/
* {margin:0;padding:0;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}
*+html body {font-size:small;}
a {text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}
ul,ol {list-style:none;}
img {border:0;}
h1,h2,h3,h4,h5,h6,strong {font-weight:normal;font-size:1em;}
em,address {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}

/*textsetting*/

body {background-color:#4D2A24;}

#wrap {font-size:93%;color:#666;}

.acckey {color:#fff;font-size:2px;}

#main p {line-height:1.8;}

/*common*/

#wrap,#header,#main,.note-boxc, #popup {position:relative;}

#logo,#function,#member-box,#loginSend,.note-line-top,.note-line-bottom,#footer,#footer-nav,#copyright,.acckey {position:absolute;}

#menu,#store-nav_box {float:left;}

#main,#store-content {float:right;}

#function li,#member dt,#member dd,#login dt,#login dd,#footer-nav li,#copyright li {display:inline;}

/*layout*/

html,body,#wrap {height:100%;}

body > #wrap {height:auto;min-height:100%;}

#wrap {width:979px;margin:auto;background:#fff url(../images/icon/mid-line.png) 206px 0 repeat-y;}

#container {padding-bottom:111px;}

/*header*/

#header {
	height:60px;
	background:transparent url(../images/design/header-bg.png) no-repeat;
	padding:12px 0 0 100px;
}

#logo {
	top:0px;
	left:30px;
}

/*navi*/

#navi {
	height:75px;
	background:transparent url(../images/design/navi-bg.png) 0 0 repeat-x;
}

#navi > li {
	float:left;
	width:97px;
}

#navi > li > a {
	display:block;
	overflow:hidden;
	position:relative;
	height:30px;
	z-index:1;
}

#navi > li > a > img {
	position:absolute;
}

#navi > li:hover > a, #navi li.selected > a {
	height:53px;
}

#navi > li:hover > a img, #navi li.selected > a img {
	bottom:0;
}

#navi2 img {
	left:-97px;
}

#navi3 img {
	left:-194px;
}

#navi4 img {
	left:-291px;
}

#navi5 img {
	left:-388px;
}

#navi6 img {
	left:-485px;
}

#navi7 img {
	left:-582px;
}

.navi-sub {
	position:absolute;
	width:707px;
	height:23px;
	background:transparent url(../images/design/navi-sub-bg.png) no-repeat;
	margin-left:88px;
	margin-top:-23px;
	padding-left:12px;
	line-height:23px;
}

.navi-sub li {
	display:inline;
	border-left:1px solid #000;
	padding-left:9px;
	margin-left:8px;
}

.navi-sub li:first-child {
	border:0;
}

.navi-sub a {
	color:#000;
}

/*main*/

#main {
	width:772px;
	padding-bottom:40px;
}

.title {
	margin-left:25px;
	height:18px;
	padding:3px 0 0 14px;
	background:transparent url(../images/design/title-bg.png) 0 0 no-repeat;
}

.title img {
	display:block;
}

/*note box*/

.note-box {
	border:1px solid #ccc;
	width:663px;
	margin-left:54px;
}

.note-boxc {
	background:#fbfbfb url(../images/design/note-box-bg.png) 0 0 repeat-y;
	margin-left:-14px;
	padding:16px 0 0 41px;
}

*+html .note-boxc {
	display:inline-block;
}

/*comment*/

.comment th {
	font-weight:normal;
	text-align:left;
}

.comment td {
	padding:3px 0;
}

/*page nav*/

.page-nav {
	text-align:center;
	margin-top:25px;
}

.page-nav li {
	display:inline;
	margin-left:4px;
}

.page-nav li.first-page {
	margin-left:0;
}

.page-nav a {
	border:1px solid #ccc;
	padding:2px 6px;
	color:#666;
}

li.current-page {
	color:#ff8a00;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
}

li.total-page {
	margin-left:10px;
}

.page-nav .first-page a, .page-nav .end-page a {
	border:0;
}

/*store nav*/

#store-nav_box {
	width:192px;
	background:transparent url(../images/design/store-nav-box-bg.png) 0 bottom no-repeat;
	padding-bottom:14px;
}

#store-nav {
	background:transparent url(../images/design/store-nav-bg.png) 0 0 repeat-y;
	color:#888888;
}

#store-nav li:first-child {
	background:transparent url(../images/design/store-nav-top-bg.png) 0 0 no-repeat;
	height:32px;
	padding-top:8px;
}

#store-nav li:first-child a {
	border:0;
}

#store-nav a {
	display:block;
	padding:8px 6px 0 12px;
	width:154px;
	height:22px;
	border-top:1px solid #e3e3e3;
	color:#888888;
}

#store-nav a:hover, #store-nav .selected a {
	text-decoration:none;
	color:#d46300;
	background:url(../images/icon/yellow-arrow.png) right 10px no-repeat;
}

/*gray cursor block*/

.gray-box {
	background:#f8f8f8 url(../images/design/gray-box-bottom.png) 0 bottom no-repeat;
	width:617px;
	padding-bottom:4px;
	margin:auto;
}

.gray-boxc {
	background:transparent url(../images/design/gray-box-top.png) 0 0 no-repeat;
	padding-top:4px;
}

/*form*/

.form-basic {
	width:618px;
	margin-left:75px;
}

.form-basic caption, .order-list caption, .jellytable caption {
	color:#70b500;
	padding-bottom:10px;
	text-align:left;
}

.form-basic thead td {
	padding-bottom:6px;
}

.form-basic tfoot td {
	padding-top:10px;
	color:#f00;
}

.form-basic tbody th, .form-basic tbody td {
	border-bottom:1px solid #ccc;
	padding:6px;
}

.form-basic tbody tr:first-child th, .form-basic tbody tr:first-child td {
	border-top:1px solid #ccc;
}

.form-basic tbody th {
	text-align:right;
	width:98px;
	background:#f3f3f3 url(../images/icon/yellow-line.png) 0 0 repeat-y;
	color:#9e9e9e;
	font-weight:normal;
}

.form-basic tbody td {
	border-right:1px solid #ccc;
}

.form-basic .example {
	color:#a6a6a6;
	margin-left:10px;
}

.form-basic .cue {
	color:#f00;
	margin-left:10px;
}

.list-basic {
	width:616px;
	margin:auto;
	color:#7b7b7b;
}

.list-basic th {
	border-top:1px solid #dbdbdb;
	border-bottom:5px solid #f5f5f5;
	background:transparent url(../images/icon/gradient/g1.png) 0 0 repeat-x;
	font-size:13px;
	height:26px;
}

.list-basic tr td {
	border-bottom:1px dashed #b7b7b7;
	padding-top:8px;
	padding-bottom:8px;
}

.list-basic tr:hover td {
	background-color:#c68400;
	color:#fff;
}

.list-basic a {
	color:#7b7b7b;
}

.list-basic tr:hover a {
	color:#fff;
}

.order-list {
	width:665px;
	margin:auto;
}

.order-list tfoot th, .order-list tfoot td {
	padding-top:8px;
	padding-bottom:6px;
	border-bottom:2px solid #dcdcdc;
	background-color:#f7f7f7;
	text-align:center;
	font-weight:normal;
}

.order-list tfoot td:first-child {
	padding-left:14px;
	text-align:left;
}

.order-total {
	font-weight:bold;
}

.order-note {
	color:#f00;
}

.order-bold {
	font-weight:bold;
}

.order-list tbody th {
	height:31px;
	background:transparent url(../images/icon/lyellow-line.png) 0 0 repeat-x;
	border-bottom:1px solid #dcdcdc;
	color:#cf7908;
	font-weight:normal;
}

.order-list tbody td {
	padding-top:10px;
	padding-bottom:8px;
	text-align:center;
}

.order-list tbody td.list_col2, .list_col2 {
	text-align:left;
}

#order-detail.order-list .list_col2 {
	width:278px;
	padding-left:16px;
}

#order-detail.order-list .list_col3 {
	width:30px;
}

#order-detail.order-list .list_col4 {
	width:140px;
}
/*
#order-detail.order-list .list_col5 {
	text-align:left;
}*/
#order-detail.order-list .list_col5 {
	text-align:right;
	padding-right:10px;
}

#order-detail.order-list tbody td {
	border-top:1px solid #dfdbda;
}

#order-detail.order-list tbody tr:first-child + tr td {
	border:0;
}

#order-detail [headers="total-price"] {
	text-align:left;
}

.price-list {
	width:662px;
	margin:10px auto 30px;
}

.price-list tfoot td {
	padding:6px 14px 6px 0;
	background-color:#900;
	text-align:right;
	color:#fff;
}

.price-list tbody th, .price-list tbody td {
	padding-top:5px;
	padding-bottom:5px;
}

.price-list tbody th {
	font-weight:normal;
	text-align:right;
	width:538px;
}

.price-list tbody td {
	padding-left:36px;
}

.items-info {
	line-height:1.6;
}

.items-info ul li {
	display:inline;
	margin-right:10px;
	color:#999;
}

.send-btn {
	position:absolute;
	left:50%;
	margin-left:-71px;
}

.send-btn.search-btn {
	margin-left:-45px;
}

/*shopping notice*/

.notice {
	width:612px;
	margin-left:98px;
	margin-top:40px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.notice ul, .notice ol {
	line-height:1.8;
}

.notice .content {
	margin-top:40px;
}

.notice .content:first-child {
	margin-top:0;
}

.notice h3 {
	position:relative;
	padding-left:1px;
	padding-bottom:4px;
	border-bottom:1px dotted #7a7a7a;
}

.notice h3 .meaning {
	position:absolute;
	top:-12px;
	left:-48px;
}

.notice .title_2ed {
	margin-top:20px;
	margin-bottom:4px;
	color:#70b500;
}

.notice h3 + .title_2ed {
	margin-top:10px;
}

.notice .title_2ed span {
	padding:1px 50px 2px 0;
	cursor:pointer;
	background:transparent url(../images/icon/icon-open.png) right 0 no-repeat;
}

.notice .title_2ed.active span {
	background-image:url(../images/icon/icon-close.png);
}

.notice p {
	margin-top:24px;
	counter-reset:no;
}

.notice .writing p:first-child {
	margin-top:0;
}

.notice .writing {
	display:none;
}

.notice h3 + p {
	margin-top:10px;
}

.notice .title_3rd {
	font-weight:bold;
}

.notice .remind {
	color:#f00;
}

.notice_ol li:before {
	counter-increment:no;
	content:"("counter(no)")";
}

*+html .notice_ol {
	list-style:decimal inside;
}

*+html .notice_ol li:before {
	content:"";
}

.notice_ul {
	margin-left:28px;
}

.notice_ul li {
	background:transparent url(../images/icon/gray-square.png) 0 10px no-repeat;
	padding-left:6px;
}

.notice_ul .remind {
	color:#c65d00;
}

.notice a {
	color:#ff6c00;
	text-decoration:underline;
}

/*inline block*/

.ib-layout li {
	display:inline-block;
	vertical-align:top;
}

/*menu*/

#menu {
	width:206px;
	padding-top:3px;
}

#product-menu {
	display:block;
	width:68px;
	height:55px;
	background:transparent url(../images/design/product-menu.png) no-repeat;
	color:#6a4a1b;
	padding:51px 0 0 81px;
	margin:0 0 12px 32px;
}

#product-menu:hover {
	text-decoration:none;
}

#banners {
	text-align:center;
	margin-top:10px;
}

#banners li {
	margin-top:8px;
}

#banners li:first-child {
	margin-top:0;
}

/*function*/

#function {
	width:126px;
	height:30px;
	padding-left:10px;
	line-height:30px;
	top:78px;
	right:0;
	background:transparent url(../images/design/functions-bg.png) no-repeat;
}

#function li {
	margin-left:7px;
}

#function img {
	vertical-align:middle;
}

* html #function img {
	margin-top:9px;
}

/*member area*/

#member-box {
	top:19px;
	right:0;
	width:397px;
	height:59px;
}

#member {
	text-align:right;
	padding-right:12px;
	color:#a53e00;
}

#member dt + dd {
	border-right:1px solid #a53e00;
	margin:0 5px; 0 9px;
	padding-right:7px;
}

#member img, #login input {
	vertical-align:middle;
}

#member a {
	color:#a53e00;
}

#login {
	width:391px;
	height:30px;
	margin-top:3px;
	padding:11px 0 0 6px;
	background:transparent url(../images/design/login-bg-trans.png) no-repeat;
}

#login dt {
	margin:0 4px 0 16px;
}

#login input[type="text"] {
	width:119px;
	height:18px;
	border:1px solid #9f8962;
	padding:1px 0 0 6px;
	color:#767676;
	position:relative;
}
#login input[type="password"] {
	width:119px;
	height:18px;
	border:1px solid #9f8962;
	padding:1px 0 0 6px;
	color:#767676;
	position:relative;
}

#loginSend {
	right:10px;
	bottom:7px;
}

/*footer*/

#footer {
	left:0;
	bottom:0;
	background:#f2f2f2 url(../images/design/footer-bg.png) 0 0 repeat-x;
	width:100%;
	height:79px;
	padding-top:32px;
}

#footer-nav {
	color:#8c8b8b;
	top:34px;
	right:22px;
}

#footer-nav li {
	margin-left:6px;
	border-left:1px solid #8c8b8b;
	padding-left:9px;
}

#footer-nav li:first-child {
	border:0;
}

#footer address {
	line-height:1.5;
	margin-left:18px;
	color:#8c8b8b;
}

.service-tel {
	color:#ff6c00;
}

#copyright {
	bottom:34px;
	right:4px;
	width:380px;
	height:19px;
	background:transparent url(../images/design/copyright-bg.png) no-repeat;
	line-height:19px;
	color:#a6a6a6;
}

#copyright span {
	color:#000;
	margin-right:4px;
}

#copyright li:first-child {
	margin:0 8px 0 8px;
}

#footer a {
	color:#8c8b8b;
}

#footer a:hover {
	color:#000;
	text-decoration:none;
}

#audio {
	position:absolute;
	top:27px;
	right:286px;
}

/*clear float*/
* html .clearfix {height:1%;}
*+html .clearfix {display:inline-block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* jelly */
.jellytable { width:665px; margin:auto; text-align:center; }
.jellytable tbody th { height:31px; background:transparent url(../images/icon/lyellow-line.png) 0 0 repeat-x; border-bottom:1px solid #dcdcdc; color:#cf7908; font-weight:normal; }
.jellytable tbody td { border-top:1px solid #dfdbda; padding-top:10px; padding-bottom:8px;}
.jellytable tfoot td { padding-top:8px; padding-bottom:6px; border-bottom:2px solid #dcdcdc; background-color:#f7f7f7;}
.j_col1 { width:110px; }
.j_col2 { padding-left:16px; text-align:left; }
.j_col3 { width:30px; }
.j_col4 { width:90px; text-align:right; padding-right:10px; }
.j_col5 { width:90px; text-align:right; padding-right:10px; }
.j_col6 { width:30px; }
.j_imp { color:#F00; }