@charset "UTF-8";
@import url("../../shared/css/reset.css");
@import url("../../shared/css/basic.css");
@import url("../../shared/css/global-header.css");
@import url("../../shared/css/design.css");
/*@import url("../../nasci/shared/css/legacyStyle.css");*/
/* screen.css
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

BONITA

	1. 
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/*
---------------------------------------------------------
---------------------------------------------------------
「定期お届けコース」のお申し込み
---------------------------------------------------------
---------------------------------------------------------
*/
/*
---------------------------------------------------------
共通スタイル
---------------------------------------------------------
*/
#regular {
}
#regular iframe {
	clear: both;
	height: 35px;
}
#regular {
	position: relative;
}
#regular #detail {
	clear: both;
	position: relative;/**/
	line-height: 1.5;
}
#regular a:hover img,
#regular input:hover {
	opacity: 0.50; /* opera firefox safari */
	filter: alpha(opacity=50); /*←IE用*/
	-moz-opacity: 0.50; /*←Mozilla用*/
}
#regular .note {
	text-indent: -1em;
	padding-left: 1em;
	padding-top: 7px;
	margin: 0px;
}
#regular .caution {
	color: #C00;
}
/*
---------------------------------------------------------
ヘッダー
---------------------------------------------------------
*/
#regular div.header {
	padding-top: 50px;
}
#regular div.header .description {
	padding-left: 35px;
	padding-bottom: 5px;
	margin: 0px;
}
#regular div.header .title {
	background: #AC69A3;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 35px;
	margin: 0px;
}
#regular div.header img {
	vertical-align: bottom;
}
/*
---------------------------------------------------------
アンデスティノサプリ＆デテーサの
「定期お届けコース」がついに登場！
---------------------------------------------------------
*/
#regular .section#top2 {
	margin-right: 22px;
	margin-left: 28px;
	padding-top: 20px;
}
#regular .section#top2 .note {
	padding-top: 7px;
	text-indent: -1em;
	padding-left: 1em;
}
#regular .section#top2 table.header {
}
#regular .section#top2 table.header td.image {
	padding-right: 15px;
}
#regular .section#top2 table.header td.entry {
}
#regular .section#top2 table.header td.entry h2.title {
	padding-bottom: 8px;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	color: #AC69A3;
}
/*  */
#regular .section#top2 h3.title {
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 0px;
}
/*  */
#regular .section#top2 .bg-mid {
	background: url(../img/p1_point_bg_mid.gif) repeat-y left top;
	zoom: 1;/* forIE */
	margin-top: 15px;
}
#regular .section#top2 .bg-mid .bg-top {
	background: url(../img/p1_point_bg_top.gif) no-repeat left top;
	zoom: 1;/* forIE */
}
#regular .section#top2 .bg-mid .bg-top .bg-btm {
	background: url(../img/p1_point_bg_btm.gif) no-repeat left bottom;
	zoom: 1;/* forIE */
	padding: 15px;
}
#regular .section#top2 .bg-mid .bg-top .bg-btm .tt {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#regular .section#top2 .bg-mid .bg-top .bg-btm table td {
	vertical-align: top;
}
#regular .section#top2 .bg-mid .bg-top .bg-btm table td.section1 {
	width: 253px;
}
#regular .section#top2 .bg-mid .bg-top .bg-btm table td.section2 {
	width: 60px;
	text-align: center;
	padding-top: 60px;
}
#regular .section#top2 .bg-mid .bg-top .bg-btm table td.section3 {
	line-height: 1.5;
	padding-top: 20px;
}
#regular .section#top2 .bg-mid .bg-top .bg-btm table td.section3 strong {
	font-size: 14px;
	font-weight: bold;
	color: #BA0000;
}
/*
---------------------------------------------------------

---------------------------------------------------------
*/
#regular .section#info {
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 28px;
	border-top: 2px dotted #CCC;
}
#regular .section#info .title {
	background: #DEDBDB;
	margin-bottom: 15px;
}
#regular .section#info .title img {
	vertical-align: bottom;
}
#regular .section#info .title td,
#regular .section#info .title td h2,
#regular .section#info .title td p {
	margin: 0px;
	padding: 0px;
}
#regular .section#info table.products {
	width: 100%;
	position: relative;
}
#regular .section#info table.products td {
	vertical-align: top;
}
#regular .section#info table.products td.section1 {
	width: 300px;
}
#regular .section#info table.products td.section2 {
	width: 5px;
}
#regular .section#info table.products td.section3 {
	width: 300px;
}
#regular .section#info table.products td.section1,
#regular .section#info table.products td.section3 {
	border: 2px solid #8D317D;
}
#regular .section#info table.products table.price-list {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
}
#regular .section#info table.products table.price-list th {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
#regular .section#info table.products table.price-list th.price1 {
	font-weight: bold;
}
#regular .section#info table.products table.price-list th.price2 {
	font-weight: bold;
	color: #BA0000;
	background: #FFE1A6;
}
#regular .section#info table.products table.price-list td {
	padding: 2px 5px;
}
#regular .section#info table.products table.price-list td.num {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
}
#regular .section#info table.products table.price-list td.price1 {
	text-align: right;
}
#regular .section#info table.products table.price-list td.price2 {
	background: #FFE1A6;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	padding: 2px 10px;
}
#regular .section#info table.products table.price-list td.price2 .firsttime {
	font-size: 11px;
	font-weight: bold;
	color: #900;
}
#regular .section#info table.products table.price-list td.off {
	font-size: 12px;
	color: #BA0000;
	font-weight: bold;
}
#regular .section#info table.products .entry {
	position: relative;
	zoom: 1;/* forIE */
}
#regular .section#info table.products .entry .title {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/p1_section1_t.gif) no-repeat center top;
	text-align: center;
	height: 31px;
	position: absolute;
	top: -18px;
	width: 300px;
}
#regular .section#info table.products .entry .title h3 {
	padding-top: 7px;
}
#regular .section#info table.products .entry .image {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 10px;
}
#regular .section#info table.products .entry .announce {
	padding: 5px 20px 0px 17px;
	color: #C00;
}
#regular .section#info table.products .entry .description {
	padding: 10px 5px 10px 10px;
}
#regular .section#info table.products .entry .description p {
	margin: 0px;
}
#regular .section#info table.products .entry .description h4 {
	font-weight: bold;
	color: #8B297E;
	font-size: 14px;
}
#regular .section#info table.products .entry .description strong {
	font-weight: bold;
	color: #BA0000;
}
/*
---------------------------------------------------------
120709更新　価格表
---------------------------------------------------------
*/
#regular .section#info table.products .recomend {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	background-color: #C00;
	text-align: center;
	margin-bottom: 5px;
}
#regular .section#info table.products .price-header {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
}
#regular .section#info table.products .price-header p {
	margin: 0;
}
#regular .section#info table.products .price-header .price-title {
}
#regular .section#info table.products .price-header .price-title strong {
	display: block;
	background-color: #E6E6E6;
	padding: 2px;
}
#regular .section#info table.products .price-header .price-description {
}
#regular .section#info table.products table.price-list2 {
	width: 270px;
	margin-right: auto;
	margin-left: auto;/*margin-bottom:10px;*/
}
#regular .section#info table.products table.price-list2 th,
#regular .section#info table.products table.price-list2 td {
	font-size: 12px;
}
#regular .section#info table.products table.price-list2 th {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	/*border-bottom: 1px solid #CCC;*/
}
#regular .section#info table.products table.price-list2 td {
	padding: 2px 1px;
}
#regular .section#info table.products table.price-list2 th.num,
#regular .section#info table.products table.price-list2 td.num {
	font-weight: bold;
	padding-left: 10px;
	width: 55px;
}
#regular .section#info table.products table.price-list2 th.price1 {
	width: 60px;
}
#regular .section#info table.products table.price-list2 td.price1 {
	text-align: right;
	font-weight: bold;
	width: 55px;
}
#regular .section#info table.products table.price-list2 th.price2 {
	width: 60px;
	padding: 2px 10px;
	font-weight: bold;
	color: #BA0000;
	background: #FFE1A6;
}
#regular .section#info table.products table.price-list2 td.price2 {
	background: #FFE1A6;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	padding: 2px 10px;
	width: 60px;color: #900;
}
#regular .section#info table.products table.price-list2 td.price2 .firsttime {
	font-size: 11px;
	font-weight: bold;
	color: #900;
}
#regular .section#info table.products table.price-list2 td.off {
	font-size: 12px;
	color: #BA0000;
	font-weight: bold;
}
/*cart-body*/

#regular .section#info table.products .cart-body {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	margin-top: 15px;
	border: 1px solid #DFDFDF;
	text-align: right;
}
/*
---------------------------------------------------------
お申し込み方法　お支払い方法
---------------------------------------------------------
*/
#regular .section#order {
	padding-right: 30px;
	padding-left: 28px;
	padding-top: 20px;
}
#regular .section#order .title {
	background: #DEDBDB;
	margin-bottom: 15px;
}
#regular .section#order .title img {
	vertical-align: bottom;
}
#regular .section#order table.index {
	width: 100%;
}
#regular .section#order table.index th,
#regular .section#order table.index td {
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top: 2px dotted #CCC;
}
#regular .section#order table.index th {
	width: 150px;
	padding-top: 15px;
}
#regular .section#order table.index td {
}
#regular .section#order table.index th.top,
#regular .section#order table.index td.top {
	border-style: none;
}
/*
---------------------------------------------------------
定期お届けコースQ&A
---------------------------------------------------------
*/
#regular .section#qa {
	margin-right: 0px;
	padding-top: 40px;
	padding-right: 30px;
	padding-left: 28px;
	border-top: 2px dotted #CCC;
}
#regular .section#qa table.qa {
	margin-bottom: 20px;
}
#regular .section#qa table.qa th,
#regular .section#qa table.qa td {
	padding: 3px 3px 10px;
	vertical-align: top;
}
#regular .section#qa table.qa th {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
#regular .section#qa table.qa td {
}
#regular .section#qa table.qa td.qa-q {
	font-size: 18px;
	font-weight: bold;
	color: #8B297E;
}
#regular .section#qa table.qa td.qa-a {
	font-size: 18px;
	font-weight: bold;
}
/*
---------------------------------------------------------
定期お届けコース　申し込みページ
---------------------------------------------------------
*/
#regular .section#course {
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin: 0px;
}
#regular .section#course strong.tc1 {
	font-weight: normal;
	color: #8B297E;
}
#regular .section#course .title {
	background: #DEDBDB;
	margin-bottom: 15px;
}
#regular .section#course .title h2 {
	margin: 0px;
}
#regular .section#course .title td,
#regular .section#course .title td h2,
#regular .section#course .title td p {
	margin: 0px;
	padding: 0px;
}
#regular .section#course .title img {
	vertical-align: bottom;
}
#regular .section#course .nav {
	padding-top: 15px;
	padding-bottom: 20px;
}
#regular .section#course .nav table {
}
#regular .section#course .nav table th {
	padding-right: 20px;
	text-align: left;
}
#regular .section#course .nav table td {
	padding-right: 10px;
}
#regular .section#course .nav table td img {
	vertical-align: bottom;
}
#regular .section#course h2.title {
	padding: 15px;
	border-left: 5px solid #999;
	font-size: 21px;
	background: #FFF;
}
#regular .section#course h3 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
#regular .section#course table.products {
}
#regular .section#course table.products td.image {
	width: 260px;
	text-align: center;
}
#regular .section#course table.products table.price-list {
	width: 300px;
}
#regular .section#course table.products table.price-list th {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
#regular .section#course table.products table.price-list th.price1 {
	font-weight: bold;
}
#regular .section#course table.products table.price-list th.price2 {
	font-weight: bold;
	color: #BA0000;
	background: #FFE1A6;
}
#regular .section#course table.products table.price-list td {
	padding: 2px 5px;
}
#regular .section#course table.products table.price-list td.num {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
}
#regular .section#course table.products table.price-list td.price1 {
	text-align: right;
}
#regular .section#course table.products table.price-list td.price2 {
	background: #FFE1A6;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	padding: 2px 10px;
	color: #333;
}
#regular .section#course table.products table.price-list td.off {
	font-size: 14px;
	color: #BA0000;
	font-weight: bold;
}
#regular .section#course table.products .title h3 {
	padding-top: 7px;
}
#regular .section#course table.products .image {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#regular .section#course table.products .announce {
	color: #C00;
}
#regular .section#course table.products .description {
	padding: 10px 10px 10px 0px;
}
#regular .section#course table.products .description strong {
	font-weight: bold;
	color: #BA0000;
}
/**/
#regular .section#course .cource-title {
	padding-top: 10px;
	margin: 0px;
}
#regular .section#course .cource-title img {
	vertical-align: bottom;
}
#regular .section#course table.list {
	width: 100%;
}
#regular .section#course table.list th {
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #EAEAEA;
}
#regular .section#course table.list th.num {
	width: 90px;
}
#regular .section#course table.list th.day {
}
#regular .section#course table.list th.price {
	width: 90px;
	padding-right: 0px;
	padding-left: 0px;
}
#regular .section#course table.list th.cart {
	border-right: none;
	width: 140px;
}
#regular .section#course table.list th,
#regular .section#course table.list td {
	border: 1px solid #CCC;
	padding: 5px;
}
#regular .section#course table.list td.num {
	font-weight: bold;
	text-align: center;
	width: 90px;
}
#regular .section#course table.list td.day {
	padding-left: 10px;
}
#regular .section#course table.list td.price {
	font-size: 14px;
	color: #BA0000;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	width: 70px;
}
#regular .section#course table.list td.cart {
	width: 140px;
	border-right: none;
}
#regular .section#course table.list td .cartjs_product_name {
	font-size: 14px;
}
/*
---------------------------------------------------------

---------------------------------------------------------
*/
#regular .footer {
	margin-right: 0px;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
	border-top: 2px dotted #CCC;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}
#regular .footer .contact {
	background: #8B297E;
	padding: 10px;
	font-size: 14px;
	color: #fff;
}
/*
---------------------------------------------------------

---------------------------------------------------------
*/
.box {
	position: absolute;
	visibility: hidden;
}
/*
---------------------------------------------------------
---------------------------------------------------------

---------------------------------------------------------
---------------------------------------------------------
*/
/*
---------------------------------------------------------

---------------------------------------------------------
*/
/*
---------------------------------------------------------

*/