@charset "utf-8";
/*
Theme Name: wachaclub
Theme URI: http://www.wachaclub.com/
Description: wachaclub
Version: 1.0
Author: OPENSMILE .inc
Author URI: http://www.opensmile.co.jp/
Tags: wachaclub
*/


/* common setting */
body, div, p, form, img,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {
	overflow-y: scroll;
/*	background-color: #adadad; */
}

body {
	width: 100%;
	min-height: 100%;
	background: #fff url(images/bg_body.png) repeat-x center 25px;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #b22222;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

ul, ol, li {
	list-style-type: none;
}

/* common class */
.wrapper {
	padding: 10px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.headerfullcommon {
	height: 32px;
	margin: 0 0 4px 0;
	padding: 8px 0 0 10px;
	background: url(images/header_fullcommon.png) no-repeat left top;
	font-weight: bold;
}

.headerhalfcommon {
	height: 32px;
	margin: 0 0 4px 0;
	padding: 8px 0 0 10px;
	background: url(images/header_halfcommon.png) no-repeat left top;
	font-weight: bold;
}

/* common layout */
#page {
	width: 800px;
	margin: 0 auto;
	padding: 0 5px;
	background: url(images/bg_shadow.png) repeat-y top center;
/*	border-right: 1px solid #999999;
	border-left: 1px solid #999999; */
}

/* header layout */
#header {
	width: 100%;
}

#description {
	height: 25px;
	line-height: 1.5em;
	font-size: 12px;
}

#description p {
	display: inline;
	_margin: 2px 0 0 5px;
	margin: 4px 0 0 10px;
}

#description ul {
	display: inline;
	_margin: 2px 5px 0 0;
	margin: 4px 10px 0 0;
}

#description li {
	display: inline;
	padding: 0 0 0 14px;
}

#description a {
	text-decoration: none;
}

#description a:hover {
	text-decoration: underline;
}

#descriptionguide {
	background: url(images/icon_guide.png) no-repeat left center;
}

#descriptioncart {
	background: url(images/icon_cart.png) no-repeat left center;
}

h1 a {
	display: block;
	width: 100%;
	height: 170px;
	background: #000 url(images/bg_header.png) no-repeat top left;
}

h1 a span {
	display: none;
}

#globalnavi {
	display: inline;
	width: 505px;
	_margin: 10px 0 0 5px;
	margin: 20px 0 0 10px;
	padding: 0 0 10px 0;
}

#globalnavi ul {
	width: 100%;
	height: 39px;
	background: url(images/btn_globalnavi.png) no-repeat left top;
}

#globalnavi li {
	display: inline;
}

#globalnavi li a {
	display: block;
	height: 39px;
}

#globalnavi li a span {
	display: none;
}

#naviranking,
#navilist,
#navihowto,
#naviguide,
#navicart {
	width: 89px;
	margin: 0 15px 0 0;
}

#navicart {
	margin: 0;
}

#naviranking a:hover {
	background: url(images/btn_globalnavi.png) no-repeat 0 -39px;
}

#navilist a:hover {
	background: url(images/btn_globalnavi.png) no-repeat -104px -39px;
}

#navihowto a:hover {
	background: url(images/btn_globalnavi.png) no-repeat -208px -39px;
}

#naviguide a:hover {
	background: url(images/btn_globalnavi.png) no-repeat -312px -39px;
}

#navicart a:hover {
	background: url(images/btn_globalnavi.png) no-repeat -416px -39px;
}

#globalsearch {
	display: inline;
	width: 250px;
	_margin: 0 0 0 9px;
	margin: 0 0 0 18px;
	padding: 0 0 0 15px;
}

#globalsearch form {
	display: inline;
}

#globalsearch input#searchquery {
	width: 180px;
	font-size: 30px;
}

#globalsearch input#searchsubmit {
	position: relative;
	top: 12px;
	left: 6px;
	margin: 0;
	padding: 0;
}

/* wrapper layout */
#wrapper {
	width: 100%;
	height: auto;
	background: #fff url(images/bg_sidebar.png) repeat-y top right;
}

/* content layout */
#content {
	display: inline;
	width: 500px;
	min-height: 500px;
	_margin: 5px 0 0 5px;
	margin: 10px 0 0 10px;
	padding: 0 0 20px 0;
}

#content h2.itemheader {
	margin: 20px 0 10px 0;
	padding-left: 10px;
	border-left: 6px solid #006600;
	font-weight: bold;
	font-size: 120%;
}

#itemdescription {
	margin: 20px 0;
	line-height: 1.5em;
}

#voice {
	padding: 0 0 10px 0;
	font-size: 14px;
}

#voice dt {
	height: 34px;
	background: url(images/bg_topvoice.png) no-repeat bottom left;
	font-weight: bold;
}

#voice dd {
	margin: 0 0 10px 0;
	padding: 0 0 9px 0;
	background: url(images/bg_bottomvoice.png) no-repeat bottom left;
}

#voice dd span {
	display: block;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #f1f1f1;
	background-color: #f1f1f1;
}

#recommend li {
	display: inline;
	_margin: 0 0 0 12.5px;
	margin: 0 0 0 25px;
}

#recommend li.first {
	margin: 0;
}

/* sidebar layout */
#sidebar {
	display: inline;
	width: 270px;
	_margin: 0 0 0 9px;
	margin: 0 0 0 18px;
	padding: 10px 0 20px 0;
}

#sidebar h3 {
	height: 35px;
	margin: 10px 0 0 10px;
	padding: 8px 0 0 10px;
	background: url(images/header_sidebar.png) no-repeat top left;
	font-weight: bold;
}

#sidebar h3 a {
	display: block;
	padding: 0 0 0 10px;
	border-left: 4px solid #990000;
}

#sidebar ul {
	margin: 0 0 0 20px;
}

#sidebar ul li {
	line-height: 0;
}

#sidebar ul li a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 30px 0 10px;
	background: url(images/icon_arrowgrey.png) no-repeat 95% center;
	line-height: normal;
	text-decoration: none;
	color: #333;
}

#sidebar ul li a:hover {
	background: url(images/icon_arrowred.png) no-repeat 95% center;
	color: #b22222;
}

/* footer layout */
#footer {
	width: 100%;
}

#footerguide {
	padding-top: 10px;
	border-top: 3px solid #990000;
}

#footerguide h4 {
	border-bottom: 1px solid #999999;
	font-weight: bold;
}

#footercalendar {
	display: inline;
	width: 240px;
	_margin: 10px 0 10px 5px;
	margin: 20px 0 20px 10px;
}

#footercalendar p {
	margin: 10px 0;
}

#footerpayment {
	display: inline;
	width: 240px;
	_margin: 10px 15px;
	margin: 20px 30px;
}

#footerpayment p {
	margin: 10px 0;
}

#footershipping {
	display: inline;
	width: 240px;
	_margin: 10px 5px 10px 0;
	margin: 20px 10px 20px 0;
}

#footershipping p {
	margin: 10px 0;
}

#footernavi {
	padding: 10px 0;
	border-top: 3px solid #990000;
	background-color: #e8e6dd;
}

#footernavi li {
	display: inline;
	font-size: 80%;
}

#footernavi li.delimiter {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #666;
}

#footernavi a {
	text-decoration: none;
	color: #333;
}

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

#footercopyright {
	padding: 20px 0;
	background-color: #e8e6dd;
}

/* page navi */
.pagenavi div {
	margin: 10px 0;
}

/* cart layout */
ul.cart {
	margin: 10px 0;
}

ul.cart li {
	margin: .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px solid #999999;
	line-height: 1.5em;
	font-size: 80%;
}

ul.cart li h3 {
	margin: 0 4px 4px 0;
	font-weight: bold;
}

ul.cart li h3 span {
	margin: 0 10px 0 0;
}

ul.cart li img {
	display: inline;
	_margin: 0 5px 0 0;
	margin: 0 10px 0 0;
}

ul.cart input {
	vertical-align: middle;
}

ul.cart input.kosuu {
	width: 30px;
}

ul.cart input.cartadd {
}

.carticon {
	display: block;
	margin: 0 2px 0 0;
}

.carticon span {
	display: none;
}

.carticonnew {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat 0 0;
}

.carticonfree {
	width: 56px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat 0 -31px;
}

.carticonwrapping {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat 0 -62px;
}

.carticonwrappingok {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat 0 -93px;
}

.carticonpopular {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat 0 -124px;
}

.carticonlimit {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat -70px 0;
}

.carticontea {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat -70px -31px;
}

.carticonsale {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat -70px -62px;
}

.carticonice {
	width: 50px;
	height: 31px;
	background: url(images/icon_cartpack.gif) no-repeat -70px -93px;
}

/* crumbs layout */
#crumbs {
	height: 2.3em;
	margin: 0 0 10px 0;
/*	border-top: 1px solid #999999;
	border-bottom: 1px solid #990000; */
	font-size: 12px;
}

#crumbs li {
	padding-left: .75em;
	line-height: 2.3em;
	color: #777;
}

#crumbs li.first {
	padding: 0;
}

#crumbs li a {
	display: block;
	padding: 0 15px 0 0;
	background: url(images/delimiter_crumbs.gif) no-repeat right center;
}

/* top page pr layout */
#special {
	width: 100%;
}

#special p {
	margin: 10px 0 20px 0;
}

#pr {
	width: 100%;
}

#pr div {
	width: 240px;
}

#pr p {
	margin: 4px 0 20px 0;
	font-size: 80%;
}

/* popular category layout */
.popularcategory {
	display: inline;
	width: 240px;
	height: 130px;
	_margin: 0 0 10px 0;
	margin: 0 0 20px 0;
	background: url(images/bg_popularcategory.png) no-repeat left top;
	overflow: hidden;
}

.popularcategory h3 {
	margin: 6px 6px 2px 6px;
	font-weight: bold;
	font-size: 90%;
}

#popularcategory3 h3 {
	background: url(images/bg_popular3.jpg) no-repeat 160px -50px;
}

#popularcategory4 h3 {
	background: url(images/bg_popular4.jpg) no-repeat 160px -50px;
}

#popularcategory5 h3 {
	background: url(images/bg_popular5.jpg) no-repeat 160px -50px;
}

#popularcategory6 h3 {
	background: url(images/bg_popular6.jpg) no-repeat 160px -50px;
}

#popularcategory7 h3 {
	background: url(images/bg_popular7.jpg) no-repeat 160px -50px;
}

#popularcategory8 h3 {
	background: url(images/bg_popular8.jpg) no-repeat 160px -50px;
}

#popularcategory13 h3 {
	background: url(images/bg_popular13.jpg) no-repeat 160px -50px;
}

#popularcategory15 h3 {
	background: url(images/bg_popular15.jpg) no-repeat 160px -50px;
}

.popularcategory p {
	margin: 0 6px 6px 6px;
	width: 228px;
	height: 100%;
	line-height: 130%;
	font-size: 12px;
}

.popularcategory p a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #333;
}

.popularcategory p a:hover {
	text-decoration: none;
}

.descriptioncategory {
	padding: 10px 0;
	font-size: 80%;
}

.fragmentcategory {
	margin: 0 0 10px 0;
}

.fragmentcategory p {
	font-size: 80%;
}

.imagecategory {
	margin: 0 20px 20px 0;
}

.headcategory {
	margin: 4px 0 4px 0;
}

/* persistence list layout */
#persistencelist {
	margin: 0 0 20px 0;
}

#persistencelist li {
	margin: 0 0 10px 0;
	padding: 0;
}

/* persistence layout */
#persistence {
	margin: 0 0 20px 0;
	padding: 0 10px 10px 10px;
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	background: url(images/bg_persistence.png) repeat-y top left;
	overflow: hidden;
}

#persistence h2 {
	padding: 0 0 0 5px;
	border-left: 5px solid #990000;
	line-height: 150%;
	font-weight: bold;
}

#persistence p {
	margin: 10px 0;
}

#persistencedescription {
	margin: 0 0 10px 0;
	font-size: 80%;
}

/* record layout */
#record {
	font-size: 80%;
}

/*
#record dt {
	padding: 5px 0;
	font-weight: bold;
}

#record dd {
	padding: 5px 0;
}

#record .delimiter {
	border-bottom: 1px dashed #999999;
}*/


.wpcf7-form-control-wrap {
	display: block;
	width: 485px;
}

.customerlastname,
.customerfirstname,
.customerlastkana,
.customerfirstkana,
.customerarticleno1,
.customerarticleno2,
.customerarticleno3,
.customerarticleno4,
.customerarticleno5,
.customerarticlecapacity1,
.customerarticlecapacity2,
.customerarticlecapacity3,
.customerarticlecapacity4,
.customerarticlecapacity5 {
	width: 234px;
}

.customerbirthyear {
	width: 50px;
}

.customerbirthmonth,
.customerbirthday {
	width: 30px;
}

/* contact form layout */
#contactname,
#contactemail,
#contactcustomer,
#contactmessage {
	width: 100%;
	margin: 0 0 10px 10px;
}

/* customer form layout */
#customerno,
#customerlastname,
#customerfirstname,
#customerlastkana,
#customerfirstkana,

#customerbirthyear,
#customerbirthmonth,
#customerbirthday,

#customerzip,
#customeraddress,
#customertel,
#customeremail,
#customerarticleno1,
#customerarticleno2,
#customerarticleno3,
#customerarticleno4,
#customerarticleno5,
#customerarticlename1,
#customerarticlename2,
#customerarticlename3,
#customerarticlename4,
#customerarticlename5,
#customerarticlecapacity1,
#customerarticlecapacity2,
#customerarticlecapacity3,
#customerarticlecapacity4,
#customerarticlecapacity5,
#contactmessage {
	width: 100%;
	margin: 0 0 10px 10px;
}

#customercuorse,
#customerdate,
#customershipping {
	display: block;
	width: 100%;
	margin: 0 0 10px 10px;
}

.customertable {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

.customertable tr,
.customertable th,
.customertable td {
	font-weight: normal;
}

/* End captions */