/*
Theme Name: LOHAS COSME BLOG 1.3
Theme URI: http://www.lohas-cosme.com/
Description: a theme for 'lohascosme blog' ver. 1.3. comment enabled.
Version: 1.3
Author: fullhouse limited.
Author URI: http://www.fhn.jp/
*/



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

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, a img, :link img, :visited img,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, textarea, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	letter-spacing: 0;
}

table {
	box-sizing: border-box;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

caption, th,
address, em, strong,
cite, code, dfn, var {
	font-style: normal;
	font-weight: normal;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/** --------------------------------------------------------------------------
 * set default styles
 * ------------------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6, dt, th, 
em, strong {
	font-weight: bold;
}

img {
	vertical-align: bottom;
}

th, td {
	vertical-align: middle;
}

input {
	*vertical-align: middle;
}

pre {
	font: 100% monospace;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

hr {
	display: none;
}


body {
	text-align: center;
background-image: url(/img/haikei.jpg);
	color: #333;
	font-size: 80%;
	line-height: 135%;
}


.HEADER2_BG{
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
color:#442e02;
background-image: url(/img/haikei_head.jpg);
}

.HEADER2_BG table{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#442e02;
font-weight: bold;
font-size:12px;
}

.HEADER2{
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
width:940px;
}


body, input, textarea, select {
	font-family: Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	*font-family: Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; /* IE 7 */
	_font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif; /* IE 6 */

	font-family: meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "\30D2\30E9\30AE\30CE\20Pro\20W3", arial, verdana, sans-serif;
}

a {
	color: #096;
	text-decoration: none;
}
a:visited {
	color: #096;
	text-decoration: none;
}
a:hover,
a:active {
	color: #096;
	text-decoration: underline;
}

/** --------------------------------------------------------------------------
 * frame
 * ------------------------------------------------------------------------ */

#main-wrapper {
	width: 830px;
	margin: 0 auto;
	background: #FFF;
	text-align: left;
}
#header {
	padding: 0 15px;
}
#banner {
	padding: 0 15px;
}
#lohas {
	padding: 0 14px 0 15px;
}
	#lohas #content-pane {
	}
	#lohas.single-col #content-pane {
		width: 802px;
	}
	#lohas.multi-cols #content-pane {
		width: 535px;
		float: left;
	}
	#lohas.multi-cols #menu-pane {
		width: 251px;
		float: right;
	}
#footer {
	padding: 0 15px;
}
*.replacer {
	position: absolute;
	margin-left: -9000px;
	width: 1000px;
	line-height: 0px;
	background: none;
}
/** --------------------------------------------------------------------------
 * utils
 * ------------------------------------------------------------------------ */

.cfwrap,
#pagefoot,
#header-nav,
#global-nav,
#member-info,
#scroll-menu-list,
.with-float-img-left,
.with-float-img-right,
#related li,
#actions ul,
#banner-inner-wrap,
#banner-month-wrap,
ul.date-info-list li,
div.col-wrap,
div.column,
#footer-link,
#lohas.multi-cols,
#lohas.multi-cols #menu-pane #ranking li,
#lohas.multi-cols #menu-pane #ranking li {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}

.cfwrap:after,
#pagefoot:after,
#header-nav:after,
#global-nav:after,
#member-info:after,
.with-float-img-left:after,
.with-float-img-right:after,
#related li:after,
#actions ul:after,
#scroll-menu-list:after,
#banner-inner-wrap:after,
#banner-month-wrap:after,
ul.date-info-list li:after,
div.col-wrap:after,
div.column:after,
#footer-link:after,
#lohas.multi-cols:after,
#lohas.multi-cols #menu-pane #ranking li:after,
#lohas.multi-cols #menu-pane #ranking li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hide   { display: none !important; }
.left   { text-align: left !important; }
.right  { text-align: right !important; }
.center { text-align: center !important; }
.top    { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.bold   { font-weight: bold; }
.blk    { display: block; }
.small  { font-size: 90%; }
.large  { font-size: 110%; }

.price { font-weight: bold; }
.youtube { display: block; padding: 10px 0; }
.float-right { float: right;}
.float-left  { float: left; }

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

#header #header-wrap {
	position: relative;
	min-height: 70px;
	_height: 70px; /* for IE 6.x */
	background: transparent url("./images/comm_header_bg.gif") no-repeat left top;
}
#header #header-wrap #site-id {
	position: absolute;
	z-index: 1000;
	top: 3px;
	left: 4px;
}
#header #header-wrap #site-id a {
	display: block;
	width: 92px;
	height: 63px;
	text-indent: -10000px;
	background: transparent url("./images/comm_site_id.gif") no-repeat left top;
}
#header #header-wrap #site-inf {
	position: absolute;
	top: 10px;
	left: 108px;
	z-index: 10;
	font-size: 12px;
	color: #FFF;
}

/** --------------------------------------------------------------------------
 * header navigation
 * ------------------------------------------------------------------------ */
#header #header-wrap #header-nav {
	position: absolute;
	z-index: 100;
	top: 10px;
	right: 0px;
}
#header #header-wrap #header-nav li {
	padding: 0 10px;
	float: left;
	font-size: 12px;
	background: transparent url("./images/comm_header_nav_bg.gif") no-repeat 0 50%;
}
#header #header-wrap #header-nav li:first-child,
#header #header-wrap #header-nav li.first-child {
	background-image: none;
}
#header #header-wrap #header-nav li a:link    { color: #FFF; text-decoration: none; }
#header #header-wrap #header-nav li a:visited { color: #FFF; text-decoration: none; }
#header #header-wrap #header-nav li a:hover,
#header #header-wrap #header-nav li a:active  { color: #FFF; text-decoration: underline; }

/** --------------------------------------------------------------------------
 * cart
 * ------------------------------------------------------------------------ */
#header #header-wrap #header-cart {
	position: absolute;
	z-index: 50;
	bottom: 10px;
	right: 10px;
	padding: 6px 8px 6px 32px;
	text-align: right;
	background: #91D0C7 url("./images/comm_header_cart.gif") no-repeat 6px 50%;
}
#header #header-wrap #header-cart span.bold {
	padding: 0 0.5em 0 1em;
}

/** --------------------------------------------------------------------------
 * global navigation
 * ------------------------------------------------------------------------ */
#header #global-nav {
	padding: 1px 0 1px 1px;
	border-bottom: #C7D7D5 1px solid;
	background-color: #8BC3BA;
}
#header #global-nav li {
	padding-right: 1px;
	float: left;
}
#header #global-nav li a {
	display: block;
	width: 113px;
	height: 36px;
	text-indent: -10000px;
}
#header #global-nav li #nav-item01 { background: transparent url("./images/comm_nav.gif") no-repeat    0   0; width: 114px; }
#header #global-nav li #nav-item02 { background: transparent url("./images/comm_nav.gif") no-repeat -114px 0; }
#header #global-nav li #nav-item03 { background: transparent url("./images/comm_nav.gif") no-repeat -227px 0; }
#header #global-nav li #nav-item04 { background: transparent url("./images/comm_nav.gif") no-repeat -340px 0; }
#header #global-nav li #nav-item05 { background: transparent url("./images/comm_nav.gif") no-repeat -453px 0; }
#header #global-nav li #nav-item06 { background: transparent url("./images/comm_nav.gif") no-repeat -566px 0; }
#header #global-nav li #nav-item07 { background: transparent url("./images/comm_nav.gif") no-repeat -679px 0; }

#header #global-nav li #nav-item01:hover,
#header #global-nav li #nav-item01:active,
#header #global-nav li #nav-item01.current { background: transparent url("./images/comm_nav.gif") no-repeat    0   -36px; }
#header #global-nav li #nav-item02:hover,
#header #global-nav li #nav-item02:active,
#header #global-nav li #nav-item02.current { background: transparent url("./images/comm_nav.gif") no-repeat -114px -36px; }
#header #global-nav li #nav-item03:hover,
#header #global-nav li #nav-item03:active,
#header #global-nav li #nav-item03.current { background: transparent url("./images/comm_nav.gif") no-repeat -227px -36px; }
#header #global-nav li #nav-item04:hover,
#header #global-nav li #nav-item04:active,
#header #global-nav li #nav-item04.current { background: transparent url("./images/comm_nav.gif") no-repeat -340px -36px; }
#header #global-nav li #nav-item05:hover,
#header #global-nav li #nav-item05:active,
#header #global-nav li #nav-item05.current { background: transparent url("./images/comm_nav.gif") no-repeat -453px -36px; }
#header #global-nav li #nav-item06:hover,
#header #global-nav li #nav-item06:active,
#header #global-nav li #nav-item06.current { background: transparent url("./images/comm_nav.gif") no-repeat -566px -36px; }
#header #global-nav li #nav-item07:hover,
#header #global-nav li #nav-item07:active,
#header #global-nav li #nav-item07.current { background: transparent url("./images/comm_nav.gif") no-repeat -679px -36px; }

/** --------------------------------------------------------------------------
 * banner
 * ------------------------------------------------------------------------ */
#banner #banner-wrap {
	margin-top: 10px;
	padding: 0;
}
#banner #banner-wrap.blog {
	margin-top: 10px;
	padding: 0;
}
#banner .imgbanner {
	height: 150px;
}
#banner .imgbanner h1 {
	text-indent: -10000px;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	line-height: 135%;
}
div#imgbanner h1 a {
	display: block;
	width: 800px;
	height: 150px;
	background: transparent url("./images/blog_key.jpg") no-repeat left top;
}

/** --------------------------------------------------------------------------
 * heading
 * ------------------------------------------------------------------------ */
#lohas.multi-cols #content-pane.common h2 {
	padding: 6px 8px 0px 5px;
	margin: 0;
	_height: 27px; /* for IE 6.x */
	min-height: 27px;
	font-size: 14px;
	text-shadow: -2px -2px 2px #FFF;
	background: transparent url("./images/comm_h2_bg.gif") no-repeat left top;
}
#lohas.single-col #content-pane.common h2.with-box {
	background: transparent url("./images/comm_h2_large_with_box_bg.gif") no-repeat left top;
}
#lohas.multi-cols #content-pane.common h2.with-box {
	background: transparent url("./images/comm_h2_with_box_bg.gif") no-repeat left top;
}
#lohas.single-col #content-pane.common h3.imgheading {
	font-size: 12px;
	text-shadow: -2px -2px 2px #FFF;
}
#lohas.single-col #content-pane.common h3.imgheading img {
	display: block;
	padding-bottom: 0.5em;
}
#lohas.multi-cols #menu-pane div.sidebox h2 {
	padding: 7px 8px 0px 8px;
	margin: 0;
	_height: 27px; /* for IE 6.x */
	min-height: 27px;
	font-size: 12px;
	color: #FFF;
	text-shadow: 2px 2px 2px #9999E2;
	background: transparent url("./images/comm_sidebox_head_blue.gif") no-repeat left top;
}

/** --------------------------------------------------------------------------
 * article
 * ------------------------------------------------------------------------ */
#lohas.single-col #content-pane div.article {
	margin-top: 15px;
}
#lohas.single-col #content-pane div.article.border-box {
	width: 800px;
	background: transparent url("./images/comm_border_box_large_bg.gif") repeat-y;
	border-bottom: #C6CED7 1px solid;
}
#lohas.multi-cols #content-pane div.article {
	margin-top: 15px;
}
#lohas.multi-cols #content-pane div.article.border-box {
	background: transparent url("./images/comm_border_box_bg.gif") repeat-y;
	border-bottom: #C6CED7 1px solid;
}
#lohas.single-col #content-pane div.with-float-img-left,
#lohas.single-col #content-pane div.with-float-img-right {
	margin-top: 10px;
	width: 800px;
}
#lohas.single-col #content-pane div.with-float-img-left div.float-box {
	float: right;
}
#lohas.single-col #content-pane div.with-float-img-right div.float-box {
	float: left;
}
#lohas.single-col #content-pane div.with-float-img-left.size-625 div.float-box,
#lohas.single-col #content-pane div.with-float-img-right.size-625 div.float-box {
	width: 625px;
}
#lohas.single-col #content-pane div.with-float-img-left.size-500 div.float-box,
#lohas.single-col #content-pane div.with-float-img-right.size-500 div.float-box {
	width: 500px;
}
#lohas.single-col #content-pane div.with-float-img-left img.float-img {
	display: block;
	float: left;
}
#lohas.single-col #content-pane div.with-float-img-right img.float-img {
	display: block;
	float: right;
}
#lohas.single-col #content-pane img.mgnplus {
	padding: 0 15px 15px 15px;
}

/** --------------------------------------------------------------------------
 * paragraph
 * ------------------------------------------------------------------------ */

#lohas.single-col #content-pane div.article p,
#lohas.multi-cols #content-pane div.article p {
	padding-bottom: 1em;
}
#lohas.single-col #content-pane div.article p.ingredients {
	background-color: #FFFFE2;
	padding: 10px;
}
#lohas.single-col #content-pane div.article.border-box p,
#lohas.multi-cols #content-pane div.article.border-box p {
	padding-left: 10px;
	padding-right: 10px;
}
#lohas.single-col #content-pane div.article p.campaign-plus {
	margin-top: 10px;
	border-bottom: #DEE3E7 1px solid;
}

/** --------------------------------------------------------------------------
 * ul
 * ------------------------------------------------------------------------ */

ul.square li {
	padding: 0 0 0.5em 13px;
	letter-spacing: 0.05em;
	background: transparent url("./images/comm_list_dot.gif") no-repeat left 0.2em;
}
ul.wp-nav {
	width: 535px;
	margin-top: 10px;
	padding-top: 10px;
	background: transparent url("../images/comm_dot_gray_2by1.gif") repeat-x left top;
}
ul.wp-nav li {

}
ul.wp-nav li.wp-navPrev {
	float: left;
}
ul.wp-nav li.wp-navNext {
	float: right;
}
ul.wp-nav li.wp-navPrev a {
	padding-left: 13px;
	background: transparent url("./images/comm_marker_allow_b_over.gif") no-repeat 0 50%;
}
ul.wp-nav li.wp-navNext a {
	padding-right: 13px;
	background: transparent url("./images/comm_marker_allow_h_over.gif") no-repeat 100% 50%;
}

/** --------------------------------------------------------------------------
 * ol
 * ------------------------------------------------------------------------ */

ol {
	margin: 0 15px;
	padding: 0 0 0.5em 2em;
	list-style: decimal outside;
}
ol li {
	padding: 0 0 0.5em 0;
	letter-spacing: 0.05em;
}
ol li ol {
	margin: 10px 0;
	padding-right: 0;
}

div.article ol {
}
div.article ol li {
}

.howtobuy ol {
	padding-bottom: 0.5em;
}
.howtobuy ol li {
	padding: 0 0 0.5em 0;
	letter-spacing: 0.05em;
}


/** --------------------------------------------------------------------------
 * feedback(comments)
 * ------------------------------------------------------------------------ */

div.wp-feedBack {
	border-top: #00B9BB 2px solid;
	padding: 3px 0px;
}
div.wp-feedBack div.commentBorder {
	padding: 10px 0px;
}
div.wp-feedBack ol.commentList {
	margin-top: 5px;
	padding-bottom: 10px;
}
div.wp-feedBack ol.commentList li {
	list-style: none;
	margin-bottom: 10px;
	background: #F6FFFF;
	padding: 10px 10px 5px 10px;
	border: #daebeb 1px solid;
}
div.wp-feedBack ol.commentList li p {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
}
div.wp-feedBack ol.commentList li p.metaInfo {
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	text-align: right;
	padding: 3px 0px 0px 0px;
	border-top: #D4F0BF 1px solid;
}
div.wp-feedBack ul.commentFooter {
	border-top: 1px #daebeb solid;
	margin: 0px;
	padding: 5px 0px;
}
div.wp-feedBack ul.commentFooter li {
	margin: 0px;
	padding: 0px;
	border: none;
	background: transparent;
	float: left;
}
form#commentForm {
	margin-top: 5px;
	padding: 5px 10px 0px 10px;
	background: #FAFAFA;
	border: #E0E0E0 1px solid;
}
form#commentForm label {
	display: block;
	width: 150px;
	color: #000000;
}
form#commentForm input#author,
form#commentForm input#email,
form#commentForm input#url {
	width: 300px;
}
form#commentForm textarea#comment {
	width: 500px;
	height: 200px;
}


/** --------------------------------------------------------------------------
 * menu-pane
 * ------------------------------------------------------------------------ */

#menu-pane div.sidebox {
	width: 251px;
	margin-top: 10px;
	background: transparent url("./images/comm_sidebox_std_bg.gif") repeat-y left top;
}
#menu-pane div.sidebox .boxlastchild {
	padding-bottom: 15px;
	background: transparent url("./images/comm_sidebox_std_foot.gif") no-repeat left bottom;
}
#menu-pane div.sidebox p {
	padding: 0 10px 1em 10px;
}
#menu-pane div.sidebox ul,
#menu-pane div.sidebox ol {
	padding: 0 10px 1em 10px;
}

/** --------------------------------------------------------------------------
 * sidebox - calendar
 * ------------------------------------------------------------------------ */

#menu-pane #calendar.sidebox {
	margin-top: 15px;
}
#menu-pane #calendar p {
	padding-bottom: 0.5em;
}
table#wp-calendar {
	width: 230px;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	line-height: 120%;
}
table#wp-calendar th {
	padding: 1px 0px;
	text-align: center;
}
table#wp-calendar th.sun {
	color: #FF0000;
}
table#wp-calendar th.sat {
	color: #234EFD;
}
table#wp-calendar td {
	padding: 1px 0px;
	text-align: center;
}
table#wp-calendar td.pad:hover {
	background-color: #fff;
}
/* Calendar Navigation */
table#calendarNav {
	padding: 5px 0px;
	width: 220px;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	line-height: 120%;
}
table#calendarNav td#prev {
	width: 50px;
	text-align: left;
}
table#calendarNav td#next {
	width: 50px;
	text-align: right;
}
table#calendarNav td#caption {
	width: 110px;
	text-align: center;
}
table#calendarNav td#next a,
table#calendarNav td#prev a {
	padding: 0px 8px;
}

/** --------------------------------------------------------------------------
 * sidebox - search
 * ------------------------------------------------------------------------ */

#menu-pane #search p {
	padding-bottom: 0.5em;
	text-align: center;
}
#menu-pane #search input[type="text"] {
	width: 155px;
}
#menu-pane #search input[type="submit"] {
	font-size: 85%;
	padding: 0 5px;
	text-align: center;
}
#menu-pane #search #keyword {
	width: 155px;
}
#menu-pane #search #submit_button {
	font-size: 85%;
	padding: 0 8px;
	text-align: center;
}

/** --------------------------------------------------------------------------
 * certs
 * ------------------------------------------------------------------------ */

#footer #cert-seals {
	width: 798px;
	margin-top: 15px;
	padding: 10px 0px 5px 0px;
	border: #B6BFC9 1px solid;
}
#footer #cert-seals p {
	padding: 0 10px 0.25em 10px;
}
#footer #cert-seals p span.notice {
	font-size: 90%;
	display: block;
}

/** --------------------------------------------------------------------------
 * footer banner and search
 * ------------------------------------------------------------------------ */

#footer #foot-cols {
	margin-top: 15px;
}
#footer #link-banner {
	padding-bottom: 2px;
	background: none;
}
#footer #link-banner ul {
	padding: 0;
}
#footer #link-banner li {
	padding-top: 10px;
}
#footer #link-banner li:first-child,
#footer #link-banner li.first-child {
	padding-top: 0;
}

/** --------------------------------------------------------------------------
 * footer links (sitemap)
 * ------------------------------------------------------------------------ */

#footer #footer-link {
	margin-top: 15px;
	padding: 10px 0;
	width: 800px;
	font-size: 90%;
	background: #E2E5EC;
}
#footer #footer-link li {
	padding: 0 0 0 10px;
}
#footer #footer-link ul.text-link {
	margin-top: 3px;
	padding-bottom: 5px;
}
#footer #footer-link ul.text-link li {
	font-weight: normal;
	padding: 0 0 0.2em 0;
}
#footer #footer-link ul.text-link li a {
	display: block;
	text-decoration: none;
	color: #333;
	padding-left: 1em;
}
#footer #footer-link ul.text-link li a:link {
	color: #333;
	text-decoration: none;
	background: transparent url("./images/comm_marker_link.gif") no-repeat 0 0.2em;
}
#footer #footer-link ul.text-link li a:visited {
	color: #666;
	text-decoration: none;
	background: transparent url("./images/comm_marker_link.gif") no-repeat 0 0.2em;
}
#footer #footer-link ul.text-link li a:hover,
#footer #footer-link ul.text_link li a:active {
	color: #42AD98;
	text-decoration: underline;
	background: transparent url("./images/comm_marker_link_over.gif") no-repeat 0 0.2em;
}
li#footer-link-guide    { width: 160px; float: left; }
li#footer-link-brand    { width: 200px; float: left; }
li#footer-link-items    { width: 125px; float: left; }
li#footer-link-lohas    { width: 130px; float: left; }
li#footer-link-contents { width: 130px; float: left; }

/** --------------------------------------------------------------------------
 * copyright, anchor
 * ------------------------------------------------------------------------ */
#pagefoot {
	margin-top: 15px;
	padding: 2px 0 30px 0;
	border-top: #42AD98 3px solid;
}
#pagefoot .returntop {
	float: right;
}
#pagefoot .copyright {
	float: left;
}
#pagefoot .returntop a {
	padding-left: 13px;
	display: block;
}
#pagefoot .returntop a:link    { background: transparent url("../images/comm_pagetop.gif") no-repeat 0 50%; }
#pagefoot .returntop a:visited { background: transparent url("../images/comm_pagetop.gif") no-repeat 0 50%; }
#pagefoot .returntop a:hover,
#pagefoot .returntop a:active  { background: transparent url("../images/comm_pagetop.gif") no-repeat 0 50%; }