@charset "utf-8";
/*
Theme Name: Cloth 2 Columns (Green) 2.0
Theme URI: http://www.welcart.com/
Description: Welcart公式テンプレート｜布を基調としたテンプレート（緑色）
Author: FLAVOR DESIGN & USconsort
Tags: green, cloth, welcart, two columns, e-Shop, cart, shopping, net shop, commerce
*/

/*********************************************************************/
/* clearfix Start */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}
/* clearfix End */
/*********************************************************************/
/* base CSS Start */
body {
	margin: 0px;
	padding: 0px;
	background-image: url('./images/bg_main.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	line-height: 150%;
}
img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
a {
	color: #90A500;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
/* -- ul,li -- */
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
/* -- p -- */
p {
	margin: 0px;
	padding: 0px;
}
/* -- text -- */
.textleft,
div.textleft {
	text-align: left;
}
.textright,
div.textright {
	text-align: right;
}
.textcenter,
div.textcenter {
	text-align: center;
}
/* -- float -- */
.alignleft,
div.alignleft {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	float: left;
}
.alignright,
div.alignright {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	float: right;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* base CSS End */
/*********************************************************************/
/* layer CSS Start */
#layer_top {
	background-image: url('./images/bg_header.jpg');
	background-repeat: repeat-x;
	background-position: top;
}
#layer_bottom {
	background-image: url('./images/bg_footer.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}
/* layer CSS End */
/*********************************************************************/
/* wrap CSS Start */
#wrap {
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
/* wrap CSS End */
/*********************************************************************/
/* header CSS Start */
#header {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#header h1,
#header #site-title {
	margin: 0px;
	padding: 23px 0px 10px 0px;
	font-size: 30px;
	font-weight: bold;
}
#header h1 a,
#header #site-title a {
	color: #FFFFFF;
}
#header h1 a:hover,
#header #site-title a:hover {
	text-decoration: none;
}
#header p.discprition {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #BED431;
	font-size: 12px;
}
/* -- mainnavi -- */
div.mainnavi,
ul.mainnavi {
	padding: 0px;
	margin: 0px;
}
	div.mainnavi ul li,
	ul.mainnavi li {
		padding: 0px;
		margin: 0px;
		float: left;
		position: relative;
	}
		div.mainnavi ul li a,
		ul.mainnavi li a {
			width: 122px;
			height: 25px;
			padding: 5px 0px 0px 0px;
			margin: 0px;
			background-image: url('./images/bg_mainmenu.jpg');
			background-repeat: no-repeat;
			background-position: 0px 0px;
			display: block;
			color: #EAEAD5;
			font-weight: bold;
			font-size: 13px;
			text-align: center;
		}
			div.mainnavi ul li a:hover,
			ul.mainnavi li a:hover {
				background-position: -122px 0px;
				color: #1C2D23;
				text-decoration: none;
			}
		div.mainnavi ul ul,
		ul.mainnavi ul {
			display:none;
			position:absolute;
			top:30px;
			left:0;
			float:left;
			box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			z-index: 99999;
		}
			div.mainnavi ul ul li,
			ul.mainnavi ul li {
				min-width: 111px;	
			}
			div.mainnavi ul ul ul,
			ul.mainnavi ul ul {
				left:100%;
				top:0;
			}
			div.mainnavi ul ul a,
			ul.mainnavi ul a {
				background: none;
				background-color: #1f3026;
				height:auto;
				line-height:1em;
				padding:10px;
				width: 102px;
				border-bottom: 1px solid #FFF;
			}
			div.mainnavi ul ul :hover > a,
			ul.mainnavi ul :hover > a {
				background-color: #bed431;
				color:#fff;
			}
			div.mainnavi ul li:hover > ul,
			ul.mainnavi li:hover > ul {
				display:block;
			}
/* -- subnavi -- */
#header ul.subnavi {
	padding: 9px 0px 8px 0px;
	margin: 0px;
}
#header ul.subnavi li {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
}
/* header CSS End */
/*********************************************************************/
/* main CSS Start */
#main {
	width: 100%;
	margin: 0px;
	padding: 20px 0px;
}
/* main CSS End */
/*********************************************************************/
/* sidebar CSS Start */
#sidebar {
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* -- widget -- */
.sidebar li.widget {
	padding: 0px 0px 20px 0px;
}
.sidebar .widget_title {
	margin: 0px;
	padding: 0px 5px 5px 5px;
	background-image: url('./images/border_sidebar.png');
	background-repeat: repeat-x;;
	background-position: bottom;
	font-weight: bold;
}
.sidebar .widget_title img {
	vertical-align: bottom;
	padding: 0px 5px 0px 0px;
}
.sidebar li.widget ul,
.sidebar #calendar_wrap,
.sidebar .widget_tag_cloud div {
	padding: 0px 10px 0px 10px;
}
.sidebar #calendar_wrap,
.sidebar li.widget ul.ucart_featured_body,
.sidebar li.widget ul.ucart_calendar_body,
.sidebar li.widget ul.ucart_search_body,
.sidebar li.widget ul.ucart_login_body {
	padding-top: 10px;
}
#wp-calendar {
	width: 180px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid #CCCCCC;
}
#wp-calendar caption {
	padding: 3px 0px;
	background-color: #BED431;
	color: #FFF;
	font-weight: bold;
}
#wp-calendar th {
	background-image: url('./images/bg_sidebar_th.jpg');
	background-repeat: repeat;
	background-position: top;
	padding: 0px;
	border: 1px solid #CCCCCC;
	color: #FFF;
}
#wp-calendar td {
	background-color: #FFF;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
.sidebar .widget_archive li,
.sidebar .widget_categories li,
.sidebar .widget_pages li,
.sidebar .widget_meta li,
.sidebar .widget_links li,
.sidebar .widget_recent_comments li,
.sidebar .widget_recent_entries li,
.sidebar .widget_welcart_category li,
.sidebar .widget_welcart_post li,
.sidebar .widget_welcart_page li,
.sidebar .widget_welcart_bestseller li {
	padding: 5px 10px;
	background-image: url('./images/border_sidebar2.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}
/* widget search start */
.sidebar .widget_search a,
.sidebar .widget_welcart_search a,
.sidebar .widget_ucart_search a {
	margin-right: 5px;
	font-size: 10px;
	letter-spacing: 1px;
}
.sidebar .widget_search #searchsubmit,
.sidebar .widget_welcart_search #searchsubmit,
.sidebar .widget_ucart_search #searchsubmit {
	width: 30px;
	height: 24px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background-image: url('images/find2.png');
	background-repeat: no-repeat;
	background-color: #F7F7F7;
	cursor: pointer;
	text-indent: -9999px;
	border-style: none;
}
.sidebar .widget_search input#s,
.sidebar .widget_welcart_search input.searchtext,
.sidebar .widget_ucart_search input.searchtext {
	width: 70%;
}
.sidebar .widget_search input#s {
	width: 55%;
}
/* widget search end */
/* widget featured start */
.sidebar .widget_welcart_featured .thumimg,
.sidebar .widget_ucart_featured .thumimg {
	width: 150px;
	margin: 0px auto;
}
.sidebar .widget_welcart_featured .thumimg img,
.sidebar .widget_ucart_featured .thumimg img {
	border: 1px solid #CCCCCC;
	text-decoration: none;
}
.sidebar .widget_welcart_featured .thumtitle,
.sidebar .widget_ucart_featured .thumtitle {
	width: auto;
	padding: 0px 0px 0px 20px;
	margin: 15px 0px 0px 0px;
	background-image: url('images/list1.png');
	background-repeat: no-repeat;
	background-position: left 3px;
	text-align: left;
}
.sidebar .widget_welcart_featured .thumtitle a,
.sidebar .widget_ucart_featured .thumtitle a {
	text-decoration: underline;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
.sidebar .widget_welcart_featured .thumtitle a:hover,
.sidebar .widget_ucart_featured .thumtitle a:hover {
	font-weight: bold;
}
/* widget featured end */
/* sidebar CSS End */
/*********************************************************************/
/* content CSS Start */
#content {
	width: 740px;
	height: auto;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	float: right;
}
/* content CSS End */
/*********************************************************************/
/* content common CSS Start */
/* -- frame -- */
#frame {
	margin-bottom: 20px;
}
#frame .top_left {
	width: 8px;
	height: 40px;
	background-image: url('./images/frame_top_left.png');
	background-repeat: no-repeat;
	float: left;
}
#frame .top_left_2 {
	width: 8px;
	height: 40px;
	background-image: url('./images/frame_top_left_2.png');
	background-repeat: no-repeat;
	float: left;
}
#frame .top_center {
	width: 724px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background-image: url('./images/frame_top_center.jpg');
	background-repeat: repeat-x;
	float: left;
}
#frame .top_center h1,
#frame .top_center h2 {
	margin: 0px;
	padding: 0px;
	font-weight: 1.0em;
	font-size: 1.2em;
}
#frame .top_center h1.title,
#frame .top_center h1.pagetitle,
#frame .top_center h1.item_page_title,
#frame .top_center h1.cart_page_title,
#frame .top_center h1.member_page_title,
#frame .top_center h2.title {
	padding: 10px 0px 0px 40px;
	background-image: url('./images/arrow.png');
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
#frame .top_center img {
	vertical-align: middle;
	padding-right: 10px;
}
#frame .top_right {
	width: 8px;
	height: 40px;
	background-image: url('./images/frame_top_right.png');
	background-repeat: no-repeat;
	float: left;
}
#frame .side {
	margin: 0px;
	padding: 10px 20px 20px 20px;
	background-image: url('./images/frame_side.png');
	background-repeat: repeat-y;
}
#frame .bottom {
	width: 100%;
	height: 10px;
	background-image: url('./images/frame_bottom.png');
	background-repeat: repeat-x;
	background-position: bottom;
}
/* -- post -- */
.post {
	margin: 0px;
	padding: 10px 5px 0px 5px;
}
.post h3 {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 1.0em;
}
.post h3 a {
	text-decoration: underline;
}
.post h3 a:hover {
	text-decoration: none;
}
.post .home_meta {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	font-size: 0.9em;
}
.post .storymeta {
	padding: 0px 0px 10px 0px;
	font-size: 0.8em;
	text-align: right;
}
.post .storydate {
	font-weight: bold;
	text-align: right;
}
.post .entry,
.post .storycontent {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border: none;
}
.post .home_entry {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #333;
}
/* -- list -- */
div.list {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	float: right;
}
div.list a {
	width: 71px;
	height: 14px;
	padding: 1px 0px 0px 0px;
	margin: 0px;
	background-image: url('./images/list_button.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	display: block;
	font-size: 10px;
	text-align: center;
	line-height: normal;
}
div.list a:hover {
	background-position: 0px -15px;
	text-decoration: none;
	color: #17241D;
}
/* content common CSS End */
/*********************************************************************/
/* home.php CSS Start */
#content .top_image {
	margin-bottom: 20px;
}
#content .thumbnail_box {
	width: 151px;
	height: 220px;
	margin: 12px 6px 0px 6px;
	padding: 5px;
	background-color: #FFFFFF;
	float: left;
	border: 1px solid #CCCCCC;
}
#content .thumbnail_box .thumimg {
	padding: 3px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
#content .thumbnail_box .thumtitle {
	width: auto;
	margin: 10px 5px 5px 0px;
	padding: 0px;
	background-image: url('./images/list1.png');
	background-repeat: no-repeat;
	background-position: left 2px;
}
#content .thumbnail_box .thumtitle a {
	text-decoration: underline;
	white-space: normal;
	word-break: break-all;
}
/* home.php CSS End */
/*********************************************************************/
/* archive.php CSS Start */
#content .archive {
	border-bottom: 1px dotted #333;
}
#content .archive h2,
#content .archive h3 {
	float: none;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 14px;
}
#content .archive h2 a,
#content .archive h3 a {
	text-decoration: underline;
}
#content .archive h2 a:hover,
#content .archive h3 a:hover {
	text-decoration: none;
}
#content .archive .entry {
	padding: 0px 0px 10px 0px;
}
#content .archive small {
	padding: 0px 0px 5px 0px;
}
/* archive.php CSS End */
/*********************************************************************/
/* inquiry.php CSS End */
#content .inqbox table.inquiry_table {
	width: 100%;
	border: 1px solid #999999;
	border-collapse: collapse;
}
#content .inqbox table.inquiry_table th,
#content .inqbox table.inquiry_table td {
	margin: 0px;
	padding: 5px 10px;
	border: 1px solid #999999;
}
#content .inqbox table.inquiry_table th {
	background-color: #D3DF7D;
	color: #4B4F2C;
}
#content .inqbox .send {
	padding: 10px 0px 0px 0px;
	text-align: center;
}
#content .inqbox table.inquiry_table td input.inquiry_name {
	width: 250px;
}
#content .inqbox table.inquiry_table td input.inquiry_mailaddress {
	width: 250px;
}
#content .inqbox table.inquiry_table td textarea.inquiry_contents {
	width: 340px;
	height: 200px;
}
/* inquiry.php CSS Start */
/*********************************************************************/
/* page.php CSS End */
/* -- cart,member -- */
#usces-content {
	width: 920px;
	height: auto;
	padding: 0px 20px;
	margin: 0px;
}
#usces-content #frame .top_center {
	width: 904px;
}
#usces-content #frame .side {
	background-image: url('./images/frame_side_usces.png');
}
/* page.php CSS Start */
/*********************************************************************/
/* footer CSS Start */
#footer {
	width: 100%;
	height: 150px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
/* -- footernavi -- */
#footer .footernavi ul,
#footer ul.footernavi {
	padding: 5px 0px 8px 0px;
	margin: 0px;
}
#footer .footernavi ul li,
#footer ul.footernavi li {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
}
/* -- copyright -- */
#footer p.copyright {
	padding: 20px 0px 0px 0px;
	color: #CCC;
}
/* -- credit -- */
#footer p.credit {
	color: #CCC;
	font-size: 0.9em;
}
#footer p.credit a {
	color: #CCC;
	text-decoration: underline;
}
#footer p.credit a:hover {
	text-decoration: none;
}
/* footer CSS End */
/*********************************************************************/