@charset "utf-8";

/* ------------------------------------------------
CSS Information

 File name:   private.css
 Summary  :   個別のスタイル
--------------------------------------------------- */

/*
 #topFlash
--------------------------------------------------- */
#topFlash {
	float: left;
	width: 750px;
	margin: 0 0 25px 0;
	overflow: hidden;
}

/*
 #cart_login
--------------------------------------------------- */
#cart_login {
	text-align: center;
	padding: 29px 0 22px 0;
	background: #E9F0CF;
}
#cart_login table {
	text-align: left;
	margin: 0 auto;
}

/*
 #registry_advantage
--------------------------------------------------- */
#registry_advantage {
	height: 343px;
	background: url(../img/cart/bg_title_registry_advantage.gif) no-repeat bottom;
}
#registry_advantage01 {
	height: 259px;
	background: url(../img/cart/bg_title_registry_advantage01.gif) no-repeat bottom;
}
#registry_advantage ul ,
#registry_advantage01 ul {
	font-size: 12px;
	line-height: 22px;
	margin: 4px 0 0 0;
	padding: 0 0 0 65px;
}

/*
 .formTable
--------------------------------------------------- */
.form_error {
	background-color:#FFCECE;
}


/*
 .formTable
--------------------------------------------------- */
table.formTable {
	border-top: solid 1px #C3CF96;
	border-right: solid 1px #C3CF96;
}
table.formTable th {
	color: #000;
	font-weight: normal;
	text-align: left;
	padding: 13px 5px 12px 18px;
	width: 177px;
	vertical-align: middle;
	border-bottom: solid 1px #C3CF96;
	border-left: solid 1px #C3CF96;
	background: #E9F0CF;
}
table.formTable td {
	padding: 13px 10px 12px 19px;
	vertical-align: middle;
	border-bottom: solid 1px #C3CF96;
	background: #FFF;
}
table.formTable table td {
	border: none;
	padding: 5px 0px;
}
table.formTable th.not_must {
	background: #F4F4F4;
}

table.formTable_confirm {
	border-top: solid 1px #C3CF96;
	border-right: solid 1px #C3CF96;
}
table.formTable_confirm th {
	color: #000;
	font-weight: normal;
	text-align: left;
	padding: 10px 5px 9px 18px;
	width: 177px;
	vertical-align: middle;
	border-bottom: solid 1px #C3CF96;
	border-left: solid 1px #C3CF96;
	background: #E9F0CF;
}
table.formTable_confirm td {
	padding: 10px 10px 9px 19px;
	vertical-align: middle;
	border-bottom: solid 1px #C3CF96;
	background: #FFF;
}
table.formTable_confirm table td {
	border: none;
	padding: 5px 0px;
}


/*
 .formTable2
--------------------------------------------------- */
table.formTable2 {
	border-top: solid 1px #C3CF96;
	border-right: solid 1px #C3CF96;
}
table.formTable2 th {
	color: #000;
	font-weight: normal;
	text-align: left;
	padding: 5px 5px 5px 8px;
	width: 90px;
	vertical-align: middle;
	border-bottom: solid 1px #C3CF96;
	border-left: solid 1px #C3CF96;
	background: #E9F0CF;
}
table.formTable2 td {
	padding: 5px 5px 5px 8px;
	vertical-align: middle;
	border-bottom: solid 1px #C3CF96;
	background: #FFF;
}
table.formTable2 table td {
	border: none;
	padding: 5px 0px;
}
table.formTable2 th.not_must {
	background: #F4F4F4;
}


/*
 .cartTable
--------------------------------------------------- */
.cartTable {
}
.cartTable th {
	text-align: center;
	color: #FFF;
	font-weight: normal;
	border-left: 3px solid #FFF;
	background: #006600;
}
.cartTable th.cartTable_th {
	font-weight: bold;
	text-align: left;
	color: #363636;
	border: none;
	background: #FFF;
}
.cartTable td.cartTable_border {
	height: 16px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../img/bg/bg_style01.gif) no-repeat left 30%;
}
.cartTable td.cartTable_border01 {
	height: 18px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../img/bg/bg_style01.gif) no-repeat left 50%;
}

.cartTable td {
	font-size: 120%;
	line-height: 1.4;
	text-align: center;
	padding: 10px 0;
	border-left: 3px solid #FFF;
	background: #E9F0CF;
}
.cartTable td.cartTable_td {
	text-align: left;
	padding: 0 0 4px 0;
	border: none;
	background: #FFF;
}
.cartTable td.cartTable_td_img {
	text-align:center;
	padding: 0 0 4px 0;
	border: none;
	background: #FFF;
}
.cartTable td.cartTable_td01 {
	font-size: 100%;
	text-align: right;
	padding: 4px 0 0 0;
	background: #FFF;
}

/*
 #order-content
--------------------------------------------------- */
#order-content {
	width: 750px;
	overflow: hidden;
}
#order-content_left {
	float: left;
	width: 365px;
}
#order-ccontent_left_box01 {
	width: 345px;
	padding: 0 10px 10px 10px;
	background: #C0DD80;
}
#order-ccontent_left_box01 h3 {
	padding: 12px 0 5px 0;
}
#order-ccontent_left_box01 ul {
	width: 330px;
	padding: 10px 5px 10px 10px;
	background: #FFF;
}
#order-content_left01 {
	float: left;
	width: 345px;
}
#order-content_right {
	float: right;
	width: 290px;
}

/*
 .cart-content
--------------------------------------------------- */
.cart-content {
	width: 750px;
	overflow: hidden;
}
.cart-content_left {
	float: left;
	width: 400px;
}
/*
.cart-content_left_box01 {
	width: 345px;
	padding: 0 10px 10px 10px;
	background: #C0DD80;
}
.cart-content_left_box01 h4 {
	padding: 12px 0 5px 0;
}
.cart-content_left_box01 ul {
	width: 330px;
	padding: 10px 5px 10px 10px;
	background: #FFF;
}
*/
.cart-content_right {
	float: right;
	width: 290px;
}

/*
 マイページ
--------------------------------------------------- */
.mypage_style01 {
	margin: 25px 0 0 0;
	width: 750px;
	overflow: hidden;
}
.mypage_style01 h4 {
	font-size: 120%;
	width: 195px;
	padding: 5px 0 4px 15px;
}
.mypage_style01_inner {
	padding: 15px 14px;
	width: 720px;
	overflow: hidden;
}
.mypage_style01_inner01 {
	float: left;
	width: 435px;
}
.mypage_style01_inner02 {
	float: right;
	width: 275px;
}

.mypage_style01_color01 h4 {
	background: #C0DD80;
}
.mypage_style01_color01	.mypage_style01_inner {
	border: 1px solid #C3CF96;
}
.mypage_style01_color02 h4 {
	background: #FFBD88;
}
.mypage_style01_color02	.mypage_style01_inner {
	border: 1px solid #FFBD88;
}
.mypage_style01_color03 h4 {
	background: #C4C4C4;
}
.mypage_style01_color03	.mypage_style01_inner {
	border: 1px solid #C4C4C4;
}

.mypage_style01_table01 {
	background: #C3CF96;
}
.mypage_style01_table01 td {
	padding: 7px 14px;
	background: #FFFFFF;
}

.mypage_style01_table02 {
	background: #C3CF96;
}
.mypage_style01_table02 th {
	padding: 2px 7px;
	background: #E9F0CF;
	font-weight: normal;
}
.mypage_style01_table02 td {
	padding: 17px 5px;
	background: #FFFFFF;
}


/*
 定期コース
--------------------------------------------------- */
.about_teiki_menu {
	border: 2px solid #237B0B;
}
.about_teiki_menu ul {
	width:696px;
	overflow: hidden;
	padding: 9px 0 10px 35px;
}
.about_teiki_menu li{
	float: left;
	width: 230px;
}

.about_teiki_bg01 {
	background: url(../img/guide/about_teiki_bg03.gif) no-repeat right bottom;
}

#lakanto_teiki	{
	width:523px;
	height:83px;
	background: url(../img/guide/lakanto_banner_img02.jpg) no-repeat top;
	padding-left:227px;
}

#teiki_list{
	clear:both;
	margin-bottom:10px;
}

#teiki_list li{
	float: left;
	width: 130px;
	height: 170px;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	border:#EFEFEF 1px solid;
	padding:3px;
	font-size:90%;
}

#teiki_list li:hover{
	background-color:#E2F4D2;
	border:#6EB92B 1px solid;
}

#teiki_list li img{
	padding:5px;
	height:120px;
	background-color:#FFF;
	clear:both;
}






/*リニューアル1周年入会キャンペーン--------*/

#cp201107 {
	height: 519px;
	width: 750px;
	background: url(../img/guide/201107cp_bg.jpg) no-repeat left top;
	position: relative;
	margin-top: 10px;
}
#cp201107 p, #cp201107 h3 {
	text-indent: -9999px;
}
#cp201107 ul#btn {
	position: absolute;
	left: 25px;
	top: 400px;
	height: 75px;
	width: 500px;
}
#cp201107 ul#btn li {
	height: 75px;
	width: 240px;
	float: left;
}
#cp201107 ul#btn li#right {
	margin-left: 7px;
}
#cp201107-otoku {
	height: 500px;
	width: 750px;
	background: url(../img/guide/201107cp_otoku.jpg) no-repeat left top;
	position: relative;
	margin-top: 10px;
	text-indent: -9999px;
}
li#otoku01 {
	height: 112px;
	width: 723px;
	background: url(../img/guide/otoku01.gif) no-repeat;
	position: absolute;
	left: 17px;
	top: 119px;
}
li#otoku02 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/otoku02.gif) no-repeat;
	position: absolute;
	left: 17px;
	top: 240px;
}
li#otoku03 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/otoku03.gif) no-repeat;
	position: absolute;
	left: 383px;
	top: 240px;
}
li#otoku04 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/otoku04.gif) no-repeat;
	position: absolute;
	left: 17px;
	top: 360px;
}
li#otoku05 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/otoku05.gif) no-repeat;
	position: absolute;
	left: 383px;
	top: 360px;
}



/*
 注文完了ページ
--------------------------------------------------- */
#print_contact {
	display: none;
}

/*
 guide
--------------------------------------------------- */
.faq_sub_t {
	border-left:#004B15 8px solid;
	border-bottom:#004B15 1px solid;
	padding:2px 10px;
	color:#004B15;
	font-size:16px;
	font-weight:bold;
	clear:both;
}

.faq_text {
	font-size:12px;
	letter-spacing:2px;
	line-height:150%;
	padding:20px 0 30px 20px;
	clear:both;
}

#faq_list {
	margin:0 0 0 15px;
	padding:0;
}

#faq_list li {
	margin:10px 0 20px 25px;
	list-style-type:decimal;
	border-bottom:#999 1px dotted;
	padding:0 0 5px 0;
	font-size:12px;
}

#faq_list2 {
	margin:0 0 0 15px;
	padding:0;
}

#faq_list2 li {
	margin:10px 0 20px 25px;
	list-style-type:square;
	border-bottom:#999 1px dotted;
	padding:0 0 5px 0;
	font-size:12px;
}

#faq_list3 {
	margin:0;
	padding:0;
}

#faq_list3 li {
	margin:10px 0 20px 10px;
	list-style-type:none;
	border-bottom:#999 1px dotted;
	padding:0 0 5px 0;
	font-size:12px;
}
#faq_list3 li p {
	padding:5px 10px;
}
#faq_list3 li .title {
	background-color:#FFC;
	border-bottom:#A2A200 1px dotted;
	font-size:14px;
	font-weight:bold;
}

.page_top {
	font-size:10px;
	letter-spacing:2px;
	padding:5px 0;
	text-align:right;
}


/*2012/02/07 定期コースキャンペーン*/

#cp201202 {
	width: 750px;
	background: url(../img/guide/201202cp_bg.jpg) repeat-y;
	margin-top: 10px;
}
#cp201202_course {
	height: 190px;
	background: url(../img/guide/201202cp_course.jpg) no-repeat left bottom;
	width: 750px;
	position: relative;
}
#cp201202_course p {
text-indent: -9999px;
}
#cp201202_course ul {
	position: absolute;
	left: 230px;
	top: 90px;
	height: 75px;
	width: 477px;
}
#cp201202_course li {
	float:left;
}
ul#chuui {
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul#chuui li {
	list-style: disc;
}


/*2012/06/12 定期コースキャンペーン*/

#cp201206-otoku {
	height: 370px;
	width: 750px;
	background: url(../img/guide/201206cp_otoku.jpg) no-repeat left top;
	position: relative;
	margin-top: 10px;
	text-indent: -9999px;
}
li#otoku01 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/201206_otoku01.gif) no-repeat;
	position: absolute;
	left: 17px;
	top: 122px;
}
li#otoku02 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/201206_otoku02.gif) no-repeat;
	position: absolute;
	left: 383px;
	top: 122px;
}
li#otoku03 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/201206_otoku03.gif) no-repeat;
	position: absolute;
	left: 17px;
	top: 240px;
}
li#otoku04 {
	height: 112px;
	width: 355px;
	background: url(../img/guide/201206_otoku04.gif) no-repeat;
	position: absolute;
	left: 383px;
	top: 240px;
}

div#cource-price {
	width:750px;
	zoom:1;
}
div#cource-price:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#gohan {
	width:365px;
	float:left;
	background: url(../img/guide/gohan_course_bg.gif) no-repeat left bottom;
	text-align: center;
	padding-bottom: 30px;
}
div#lakanto {
	width:365px;
	float:right;
	background: url(../img/guide/lakanto_course_bg.gif) no-repeat left bottom;
	text-align: center;
	padding-bottom: 30px;
}

.osake {
	border:3px solid #DEDEDE;
	padding:15px;
	font-size:14px;
	color:#666;
}

.koe {
	border:3px solid #EFEFEF;
	padding:15px;
	color:#333;
	height:100px;
}
dl.rankTable {
	display:flex;
	flex-wrap: wrap;
	border: 1px solid #abd074;
	border-top: none;
	margin-top: 15px;
}
dl.rankTable dt{
	background: #E9F0CF;
	width: 30%;
	padding: 10px;
	box-sizing: border-box;
	border-top: 1px solid #abd074;
	align-items: center;
	display: flex;
}
dl.rankTable dd{
	padding: 10px;
	margin: 0;
	border-left: 1px solid #abd074;
	border-top: 1px solid #abd074; 
	width: 70%;
	background: #fff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
dl.rankTable dd.rankTxt {
	font-weight: bold;
	font-size: 1.4em;
	color: #FF6600;
}

@media screen and (max-width: 599px) {
	dl.rankTable {
		flex-flow: column nowrap;
	}
	dl.rankTable dt,
	dl.rankTable dd{
		width: 100%;
	}
	dl.rankTable dd{
		border-left: none;
	}
	
	.koe {
		height:auto;
	}
	#product_free_space2 p.koe img {
		width: 50%;
	}
}
/*
 カート画面 定期カート商品メッセージ
--------------------------------------------------- */
table.StdOrderMassageTable {
	border-top: solid 1px #C3CF96;
	border-bottom: solid 1px #C3CF96;
	border-left: solid 1px #C3CF96;
	border-right: solid 1px #C3CF96;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
table.StdOrderMassageTable td {
	padding: 5px 5px 5px 8px;
	vertical-align: middle;
	border: none;
	padding: 5px 0px;
	background: #FFF;
}

/*
 　医薬品販売について
--------------------------------------------------- */
#medicine table.medicine_table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1px #cecece;
	border-collapse: collapse;
 }
#medicine table.medicine_table tr {
	width: 100%;
	border: solid 1px #cecece;
}
#medicine table.medicine_table th {
	width: 30%;
	padding: 10px;
	border: solid 1px #cecece;
	background: #F8F8F8;
	font-weight: bold;
	text-align: left;
}
#medicine table.medicine_table td {
	width: 70%;
	padding: 10px;
	border: solid 1px #cecece;
}

#medicine table.medicine_table span.medicine_text_bold {
	font-weight: bold;
}
#medicine table.medicine_table span.medicine_attention_color {
	color: #FF0005;
}
#medicine table.medicine_table span.medicine_table_ttl {
	display: inline-block;
	margin-top: 10px;
}
#medicine table.medicine_table .medicine_shop_img img {
	width: 48%;
    margin: 1%;
    vertical-align: middle;
}
#medicine table.medicine_table .medicine_url {
	word-break: break-all;
}

/* 要指導医薬品、第1類医薬品、第2類医薬品及び第3類医薬品の提供及び指導に関する解説 */
#medicine table.medicine_table_info {
	width: 100%;
	margin-top: 20px;
	border: solid 1px #cecece;
	border-collapse: collapse;
}
#medicine table.medicine_table_info tr {
	width: 100%;
	border: solid 1px #cecece;
}
#medicine table.medicine_table_info th {
	width: 25%;
	padding: 10px;
	border: solid 1px #cecece;
	background: #F8F8F8;
}
#medicine table.medicine_table_info td {
	width: 25%;
	padding: 10px;
	border: solid 1px #cecece;
}

/* 医薬品販売に関するご注意 */
#medicine ul.medicine_attention {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
}