@charset "utf-8";

/***********************************************************

 Default

************************************************************/

/* font size
-----------------------------------------------------------
20px : 142%
18px : 128%
16px : 114%
14px : 100%
13px :  93%
12px :  85%
11px :  78%
10px :  71%
----------------------------------------------------------- */

/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}

/* Hides from MacIE \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from MacIE */

/* IEでimgの拡大縮小を綺麗にする */

img {
	-ms-interpolation-mode: bicubic;
}

/***********************************************************

 Tag

************************************************************/

html {
	background: #0066BC;
}
body {
	margin: 0px;
	padding: 0px;
	color: #555555;
	text-align: center;
	word-break: break-all;
	font: 87%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
h1, h2, h3, h4, h5, h6, table, form, p, ul, ol, li, dl, dt, dd, img {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}
div, p, table, form {
	text-align: left;
}
p {
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 20px;
}
table {
	empty-cells: show;
	border-collapse: collapse;
}
th, td {
	vertical-align: top;
	line-height: 1.5;
	text-align: left;
}
img {
	border: 0px;
	vertical-align: top;
}
ul, ol {
	margin: 0px 0px 16px 36px;
	line-height: 1.5;
}
dl {
	line-height: 1.5;
}
form {
	font-size: inherit;
}
input, select, textarea {
	font-size: 100%;
}
input[type="text"] {
	padding: 1px;
}
input[type="button"] {
	font-size: 85%;
	width: 3.5em;
}
strong {
	font-weight: bold;
}
a:link, a:visited {
	color: #3E82CB;
	text-decoration: underline;
	outline: none;
}
a:hover, a:active {
	color: #FF3300;
	text-decoration: none;
	outline: none;
}
hr {
	display: none;
}
blockquote {
}
address {
}
abbr {
	border-bottom-width: 0;
}

/***********************************************************

 Class

************************************************************/

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.last {
	margin: 0px !important;
}
.small {
	font-size: 85%;
}
.large {
	font-size: 128%;
}
.note {
	text-indent: -1em;
	margin-left: 1em;
}
.point {
	color: #0068B7;
}
.necessary {
	color: #0068B7;
	font-weight: bold;
}

/***********************************************************

 Main Layout

************************************************************/

#container-outer {
	background: #FFF url(../images/container-outer-bg.jpg) no-repeat center top;
}
#container {
	position: relative;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#header {
	position: relative;
	height: 165px;
}
#content {
	position: relative;
}
#content-body {
	float: left;
	width: 620px;
	padding-bottom: 36px;
	position: relative;
}
#side {
	float: right;
	width: 220px;
	padding-bottom: 36px;
}
#footer {
	position: relative;
	background: #0066BC url(../images/footer-bg.jpg) repeat-x center top;
	margin-top: 21px;
}
#footer-inner {
	background: url(../images/footer-inner-bg.jpg) no-repeat center 35px;
}
#footer-body {
	position: relative;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 45px;
}

/***********************************************************

 Sub-Layout

************************************************************/

/* header
----------------------------------------------------------- */

#header h1 {
	position: absolute;
	top: 32px;
	left: 6px;
}
#header-info {
	position: absolute;
	top: 29px;
	right: 7px;
}
#header ul {
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}
#header ul li {
	float: left;
}
#menu {
	position: absolute;
	width: 864px;
	top: 100px;
	left: -2px;
}
#submenu {
	position: absolute;
	top: 73px;
	right: 7px;
}
#submenu li {
	margin-left: 6px;
}

/* #side
----------------------------------------------------------- */

#side ul {
	list-style: none;
}
#side-menu {
	line-height: 1;
	margin: 0;
	padding: 0;
}
#side-menu li {
	margin-bottom: 10px;
}
#side-item-menu {
	background: url(../images-side/side-item-menu-bg.jpg) no-repeat right top;
	min-height: 222px;
	_height: 222px;
	margin-bottom: 24px;
	padding: 10px;
}
#side-item-menu h2 {
	margin-bottom: 10px;
}
#side-item-menu ul {
	margin: 0px 0px 0px 2px;
	padding: 0px;
}
#side-item-menu li {
	background: url(../images/mark-link.gif) no-repeat left 4px;
	padding-left: 14px;
}
#side-item-menu li a:link, #side-item-menu li a:visited {
	color: #555555;
	text-decoration: underline;
}
#side-item-menu li a:hover, #side-item-menu li a:active {
	color: #999999;
	text-decoration: none;
}

/* footer 
----------------------------------------------------------- */

#footer .pagetop {
	position: absolute;
	top: -21px;
	right: 0px;
	height: 21px;
	line-height: 1;
}
#footer-menu {
	position: absolute;
	top: 12px;
	left: 0px;
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
}
#footer-menu li {
	float: left;
	background: url(../images/fmenu-bg.gif) no-repeat right top;
	padding: 0px 22px;
}
#footer-menu li.first {
	padding-left: 0px;
}
#footer-submenu {
	clear: both;
	text-align: right;
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 2px;
}
#footer-submenu a:link, #footer-submenu a:visited {
	color: #444444;
	text-decoration: underline;
}
#footer-submenu a:hover, #footer-submenu a:active {
	color: #999999;
	text-decoration: none;
}
#footer-info {
	font-size: 85%;
	color: #444444;
}
#footer-company-info {
	position: relative;
	float: left;
	width: 286px;
	padding-bottom: 16px;
}
#footer-company-info h2 {
	margin-bottom: 8px;
}
#footer-company-info p {
	margin-bottom: 16px;
}
#footer-company-info img {
	margin-left: -3px;
}
#footer-news {
	float: right;
	width: 564px;
}
#footer-news h3 {
	margin-bottom: 6px;
}
#footer-news dl {
	position: relative;
	margin-bottom: 24px;
}
#footer-news dl dt {
	position: absolute;
	width: 8.6em;
	color: #0068B7;
	text-align: right;
}
#footer-news dl dd {
	padding-left: 9.2em;
}
#footer-news dl dd a:link, #footer-news dl dd a:visited {
	color: #F36A6E;
	text-decoration: underline;
}
#footer-news dl dd a:hover, #footer-news dl dd a:active {
	color: #999999;
	text-decoration: none;
}
#copyright {
	border-top: 1px solid #B9E3F7;
	font-size: 71%;
	padding: 10px 0px 36px;
	text-align: center;
	color: #FFF;
}

/***********************************************************

 Layout-class

************************************************************/

.general-table {
	width: 100%;
	border-top: 1px solid #A4E2F2;
	margin-bottom: 24px;
}
.general-table th {
	background: #D7F1FF;
	border-bottom: 1px solid #A4E2F2;
	border-left: 1px solid #A4E2F2;
	padding: 10px;
	width: 140px;
	vertical-align: middle;
}
.general-table td {
	background: #FFF;
	border-bottom: 1px solid #A4E2F2;
	border-right: 1px solid #A4E2F2;
	padding: 10px;
	width: auto;
	vertical-align: middle;
}
.inner-list {
	margin: 8px 0px 0px 24px;
}

/***********************************************************

 ホーム /index

************************************************************/

#home #lead {
	background: url(../images/home-lead-bg.jpg) no-repeat center top;
	height: 300px;
	width: 872px;
	margin-right: -6px;
	margin-left: -6px;
	position: relative;
	margin-top: -12px;
}
#home #lead h2 {
	position: absolute;
	top: 117px;
	left: 137px;
}
#home #shop-information {
	position: absolute;
	width: 220px;
	top: 20px;
	right: 17px;
}
#home #shop-information p {
	margin-bottom: 10px;
}
#home #shop-information p.inner {
	margin: 4px 12px 12px;
	font-size: 85%;
}

/*--------------  ▼12.25　update   ---------------*/
#home #content-body h3 {
	margin: 0px;
}
#content-body #trial-set h4 {
	margin: 0px;
	width: 620px;
	height: 90px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*-------------- ▲ 12.25　update   ---------------*/

#home .item {
	background: url(../images/item-list-bg.gif) no-repeat left top;
	width: 180px;
	padding: 8px 10px 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 16px;
}
#home .item.last {
	margin-right: 0px !important;
	margin-bottom: 16px !important;
}
#home .item p {
	font-size: 85%;
	line-height: 1.4;
	margin-bottom: 12px;
}
#home .item .item-photo {
	margin: 0px;
	text-align: center;
}
#home .item .bt-item-link {
	margin: 0px;
	text-align: right;
}

/***********************************************************

 General Layout

************************************************************/

#content-body #page-header {
	margin-bottom: 10px;
}
#general #content-body h3 {
	margin-bottom: 12px;
}

/***********************************************************

 商品 /item/xx/

************************************************************/

.item-page .item-photo {
	background: url(../../item/images/item-photo-bg.png) no-repeat left top;
	text-align: center;
	height: 230px;
	width: 620px;
}
.item-page .item-description .indent {
	margin-left: 14px;
}
#general.item-page #content-body .item-description h3 {
	color: #0068B7;
	font-size: 114%;
	line-height: 1.5;
	margin-bottom: 20px;
}
.item-page .item-description .box {
	background: #C8E8FA;
	padding: 14px;
	margin: 0px 14px 20px 14px;
}
.item-page .item-description .box h4 {
	color: #0068B7;
	line-height: 1.2;
	margin-bottom: 8px;
}
.item-page .item-description .box p {
	margin: 0px;
}
.item-page .item-description .box ul {
	margin: 0px 0px 0px 24px;
}
.item-page .purchase {
	width: 100%;
}
.item-page .purchase th {
	width: 404px;
	text-align: right;
	vertical-align: middle;
}
.item-page .purchase th.wide {
	width: 618px;
}
.item-page .purchase td {
	width: 110px;
	text-align: right;
	vertical-align: middle;
}
.item-page .purchase span.price {
	font-size: 128%;
}
.item-page .purchase td.select-number {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
hr.separate {
	display: block;
	margin: 28px 0px;
}
.item-page .set-item-section {
	margin-bottom: 20px;
}
.item-page .set-item-section .photo {
	float: left;
	width: 220px;
	margin-bottom: 0px;
}
.item-page .set-item-section .text {
	float: right;
	width: 400px;
	margin: 14px 0px 0px 0px;
}
/*--------------    trial-set      ---------------*/

.item-description .trial-c-link {
	padding-top: 10px;
}
.item-description .trial-d-link {
	margin: 0px 0px 50px 10px ;
}

/***********************************************************

 便秘について /constipation/

************************************************************/

#constipation-section2, #constipation-section3, #constipation-section4 {
	border-top: solid 1px #75C0EA;
	padding-top: 24px;
	margin-top: 24px;
}
#constipation-section1 .indent {
	margin-left: 14px;
}
#constipation-section1 h4 {
	margin-bottom: 6px;
}
#constipation-section2 ul {
	list-style: none;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
#constipation-section2 li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#constipation-section2 li.right {
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
}

/***********************************************************

 お客様の声 /contribution/

************************************************************/

#contributions-section {
	background: url(../../contribution/images/section-bg.png) no-repeat top left;
	padding: 18px;
}
.contribution-section h4 {
	font-size: 114%;
	line-height: 1.2;
	color: #0068B7;
	min-height: 25px;
	_height: 25px;
	padding-top: 6px;
	padding-left: 25px;
	margin-bottom: 8px;
}
.contribution-section.female h4 {
	background: url(../../contribution/images/female-header-bg.gif) no-repeat bottom left;
}
.contribution-section.male h4 {
	background: url(../../contribution/images/male-header-bg.gif) no-repeat bottom left;
}
.contribution-section p {
	margin-left: 14px;
}

/***********************************************************

 よくあるご質問 /faq/

************************************************************/

.faq-page #content-body p.sub-lead {
	margin-top: -14px;
	margin-left: 40px;
	margin-bottom: 16px;
}
#faq-section {
	position: relative;
}
h4.question-section {
		margin-bottom: 18px;
}
h4.question-section a {
	position: relative;
	background: #8ACFF6 url(../../faq/images/question-bg.gif) no-repeat 10px 8px;
	padding: 9px 14px 8px 36px;
	color: #FFF;
	line-height: 1.5;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
h4.question-section a:link, h4.question-section a:visited {
	background: #8ACFF6 url(../../faq/images/question-bg.gif) no-repeat 10px 8px;
	color: #FFF;
	text-decoration: none;
}
h4.question-section a:hover, h4.question-section a:active {
	background: #C8E8FA url(../../faq/images/question-bg-over.gif) no-repeat 10px 8px;
	color: #0068B7;
	text-decoration: none;
}
.answer-section {
	padding-left: 14px;
}
.mark-answer {
	color: #75C0EA;
	font-weight: bold;
}
.arrow {
	background: url(../../faq/images/mark-arrow.gif) no-repeat 2px right;
	padding-right: 14px;
}

/***********************************************************

 お問い合わせ /inq/

************************************************************/

.inq-form input.input-middle {
	width: 240px;
}
.inq-form input.input-short {
	width: 72px;
}
.inq-form input.input-long {
	width: 336px;
}
.inq-form textarea {
	height: 16em;
	width: 95%;
}
.inq-page .form-button {
}
.inq-page .error-message {
	color: #FF0000;
}
#inq-section1 p {
	margin-left: 14px;
}
#inq-section2 #mail-information {
	background: url(../../inq/images/pict-mail.png) no-repeat left top;
	padding-left: 60px;
	font-size: 85%;
	margin-left: 14px;
}
.inq-page .privacy-link {
	text-align: right;
	margin-bottom: 6px;
}

/***********************************************************

 会社概要 /company/

************************************************************/

.company-page #map {
	width: 438px;
	height: 430px;
}
.company-page #privacy {
	border-top: solid 1px #75C0EA;
	padding-top: 24px;
	margin-top: 24px;
}

/***********************************************************

 ショッピングカート /cart/

************************************************************/

#cart-step {
	margin-bottom: 18px;
}
.cart-content-lead {
	background: url(../../cart/common/images/bg-cart.png) no-repeat right top;
	min-height: 70px;
	_height: 70px;
	margin-bottom: 18px;
}
.cart-content-lead p {
	margin: 6px 0px 0px 14px;
	padding-right: 118px;
}
#cart #content-body h4 {
	line-height: 1.5;
	margin-bottom: 12px;
}
#cart #content-body h4.cart-table-lead {
	margin-bottom: 4px;
}
#cart .cart-navi {
	margin: 24px 0px;
}

/* ショッピングカートの中身
----------------------------------------------------------- */

.view-cart-table {
	width: 100%;
	border-top: 1px solid #A4E2F2;
	margin-bottom: 16px;
}
.view-cart-table th {
	width: auto;
	background: #D7F1FF;
	border-top: 1px solid #A4E2F2;
	border-left: 1px solid #A4E2F2;
	border-right: 1px solid #A4E2F2;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.view-cart-table td {
	width: auto;
	background: #FFF;
	border-bottom: 1px solid #A4E2F2;
	border-left: 1px solid #A4E2F2;
	border-right: 1px solid #A4E2F2;
	padding: 10px;
	vertical-align: middle;
}
.view-cart-table td.cell-price {
	width: 56px;
	text-align: right;
}
.view-cart-table td.cell-number {
	width: 76px;
	text-align: center;
}
.view-cart-table td.cell-subtotal {
	width: 70px;
	text-align: right;
}
.view-cart-table td.cell-delete {
	width: 40px;
	text-align: center;
}
.view-cart-table tr.subtotal th {
	background: #D7F1FF;
	border: 1px solid #A4E2F2;
	width: auto;
	text-align: right;
}
.view-cart-table tr.subtotal td {
	background: #FFF;
	border: 1px solid #A4E2F2;
	width: auto;
	text-align: right;
}
.tpl-conf .view-cart-table td.cell-number {
	width: 48px;
}
.tpl-conf .view-cart-table td.cell-subtotal {
	width: 110px;
}
.view-cart-table tr.noitem td {
	width: auto;
	color: #0068B7;
	font-weight: bold;
}

/* ショッピングカートフォームパーツ
----------------------------------------------------------- */

#cart .view-cart-table .input-short {
	width: 21px;
	text-align: right;
}
#cart .input-postal {
	width: 84px;
}
#cart .input-short {
	width: 70px;
	text-align: right;
}
#cart input.input-middle {
	width: 140px;
}
#cart input.input-long {
	width: 264px;
}
#cart textarea {
	height: 16em;
	width: 95%;
}

/* ショッピングカート個別指定
----------------------------------------------------------- */

#cart .attention {
	font-size: 128%;
	line-height: 1.5;
	color: #F30;
	margin: 24px 0px;;
}
#cart-input-error {
	position: relative;
	background: #FFC;
	padding: 14px;
	margin-bottom: 24px;
	border: solid 1px #FC9;
}
#cart-input-error h3 {
	color: #F30;
	font-size: 114%;
	line-height: 1.5;
}
#cart-input-error p {
	margin-bottom: 12px;
}
#cart-input-error .error-message {
	color: #F30;
	margin-bottom: 0px;
}
.anotheraddress-check {
	position: relative;
	background: #FFC;
	padding: 12px;
	margin-bottom: 24px;
	border: solid 1px #FC9;
}
#cart.tpl-comp form.external {
	margin-bottom: 24px;
}