@charset "UTF-8";


body {
	margin: 0;
	padding: 0;
	color: #333333;
	background-color: #ffffff;
	line-height: 120%;
	font-size: 80%;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}
p{
	padding: 0px;
	margin: 0px;
}

ul{
	margin: 0px;
	padding: 0px;
}

li{
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;
}

a:link, a: visited, a: active{ text-decoration: none; }
a:hover { text-decoration: underline }


/*
a:link { color: #00F;}
a:visited { color: #009;}
a:hover { color: #A0F; }
a:active { color: #F00;}
*/


/* common */
#wrapper {
	width: 900px;
	line-height: 120%;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	background-color: #FFC;
}


#header {
	width: 900px;
	height: 100px;
	background-color: #093;
}

#header a { color: #FFF; text-decoration: none; }

#header h1 img {
	float: left;
	margin: 10px 0 0 15px;}

#header ul {
	padding: 20px 10px 0 0;
}

#header ul li {
/*	float: left;*/
/*	margin: 30px 3px 3px 3px;*/
	list-style-type: none;
	text-align: right;
	color: #FFF;
	font-weight: bold;
	line-height: 150%;
}

#header phone {
	float: left;
}

#header mail {
	float: left;
}



/*menu button*/
ul.menu  {
   margin: 0;
   padding: 5px 0 0 0;
	background-color: #FFF;
	height: 40px;
}

ul.menu li {
   float: left;
   text-indent: -9999px;
   overflow: hidden;
   list-style: none;
}

ul.menu li a {
   display: block;
/*   width: 156px;
   height: 40px;*/
}

li.menu1 a		{ background: url(../img/global_menu.png) 0 0 no-repeat; width: 86px; height: 34px; }
li.menu1 a:hover	{ background: url(../img/global_menu.png) 0 -34px no-repeat; width: 86px; height: 34px; }
li.menu1 a:active	{ background: url(../img/global_menu.png) 0 -68px no-repeat; width: 86px; height: 34px; }

li.menu2 a		{ background: url(../img/global_menu.png) -86px 0 no-repeat; width: 124px; height: 34px; }
li.menu2 a:hover	{ background: url(../img/global_menu.png) -86px -34px no-repeat; width: 124px; height: 34px; }
li.menu2 a:active	{ background: url(../img/global_menu.png) -86px -68px no-repeat; width: 124px; height: 34px; }

li.menu3 a		{ background: url(../img/global_menu.png) -210px 0 no-repeat; width: 118px; height: 34px; }
li.menu3 a:hover	{ background: url(../img/global_menu.png) -210px -34px no-repeat; width: 118px; height: 34px; }
li.menu3 a:active	{ background: url(../img/global_menu.png) -210px -68px no-repeat; width: 118px; height: 34px; }

li.menu4 a		{ background: url(../img/global_menu.png) -328px 0 no-repeat; width: 103px; height: 34px; }
li.menu4 a:hover	{ background: url(../img/global_menu.png) -328px -34px no-repeat; width: 103px; height: 34px; }
li.menu4 a:active	{ background: url(../img/global_menu.png) -328px -68px no-repeat; width: 103px; height: 34px; }

li.menu5 a		{ background: url(../img/global_menu.png) -431px 0 no-repeat; width: 103px; height: 34px; }
li.menu5 a:hover	{ background: url(../img/global_menu.png) -431px -34px no-repeat; width: 103px; height: 34px; }
li.menu5 a:active	{ background: url(../img/global_menu.png) -431px -68px no-repeat; width: 103px; height: 34px; }

li.menu6 a		{ background: url(../img/global_menu.png) -534px 0 no-repeat; width: 118px; height: 34px; }
li.menu6 a:hover	{ background: url(../img/global_menu.png) -534px -34px no-repeat; width: 118px; height: 34px; }
li.menu6 a:active	{ background: url(../img/global_menu.png) -534px -68px no-repeat; width: 118px; height: 34px; }

li.menu7 a		{ background: url(../img/global_menu.png) -652px 0 no-repeat; width: 125px; height: 34px; }
li.menu7 a:hover	{ background: url(../img/global_menu.png) -652px -34px no-repeat; width: 125px; height: 34px; }
li.menu7 a:active	{ background: url(../img/global_menu.png) -652px -68px no-repeat; width: 125px; height: 34px; }

li.menu8 a		{ background: url(../img/global_menu.png) -777px 0 no-repeat; width: 99px; height: 34px; }
li.menu8 a:hover	{ background: url(../img/global_menu.png) -777px -34px no-repeat; width: 99px; height: 34px; }
li.menu8 a:active	{ background: url(../img/global_menu.png) -777px -68px no-repeat; width: 99px; height: 34px; }

li.menu9		{ background: url(../img/global_menu.png) -595px 0 no-repeat; width: 137px; height: 34px; }
li.menu9 a		{ background: url(../img/global_menu.png) -595px 0 no-repeat; width: 137px; height: 34px; }
li.menu9 a:hover	{ background: url(../img/global_menu.png) -595px -34px no-repeat; width: 137px; height: 34px; }
li.menu9 a:active	{ background: url(../img/global_menu.png) -595px -60px no-repeat; width: 137px; height: 34px; }.

li.menu9		{ background-color: #FFF; }


/* モダンブラウザ（Firefox Opera Safari）対策 */
ul.menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}


/* Win版IE7とMac版IE5対策 */
ul.menu {
   display:inline-block;
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.menu {
   height:1px;
}

ul.menu {
   display:block;
}
/* End hide from IE-mac */


#leftnavi {
	float: left;
	width: 180px;
	margin: 0;
	padding: 3px 0 0 0;
}

.lnv_block {
	width: 180px;
	text-align: center;
	margin: 0 0 10px 0;
}

.lnv_block2 {
	width: 180px;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	/*padding: 0 0 0 0;*/
}

.lnv_block3 {
	width: 180px;
	text-align: center;
	margin: 5px 0;
	padding: 0;
}


#rightnavi {
	float: left;
	width: 180px;
	margin: 0;
	padding: 8px 0 0 0;
}

.rnv_block {
	background-color: #FFF;
	width: 148px;
	text-align: left;
	margin: 0 0 10px 10px;
	padding: 5px;
	border-left: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-right: 1px solid #AAA;
}

/*:first-child+html .lnv_block2 { 
	width: 220px;
	text-align: center;
	margin: 0 0 10px 5px;
}*/


#main {
	width: 540px;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
}


#main h2 {
	height: 40px;
	background-image: url(../img/h2_bg_green540.png);
	background-repeat: no-repeat;
	color: #FFF;
	padding: 5px 0 0 5px;
	margin-left: -2px;
}

.h2_txt {
	padding: 8px 0 0 10px;
}

#main h3 {
	width: 520px;
	height: 25px;
	background-image: url(../img/h3_bg_capcell.gif);
	background-repeat: no-repeat;
	color: #060;
	padding: 5px 0 0 25px;
/*	margin-top: 10px;*/
}

#shop {
	width: 540px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}

#shop h4 {
	width: 510px;
	height: 25px;
	background-image: url(../img/h4_bg_green.gif);
	background-repeat: no-repeat;
	color: #060;
	padding: 5px 0 0 5px;
	margin-top: 10px;
}

#shop h5 {
	width: 525px;
	height: 25px;
	background-image: url(../img/h5_bg_orange.gif);
	background-repeat: no-repeat;
	color: #000;
	padding: 5px 0 0 5px;
	margin-top: 10px;
}

.shop_left {
	float: left;
	width: 270px;
}

.shop_left_ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	font-size: 90%;
}
.shop_left_li {
	border-bottom: 1px dotted #FC0;
}

#service .blockA {
	width: 530px;
	margin: 0;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	background-color: #FFF;
}


#shop .blockA {
	width: 530px;
	margin: 0;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	background-color: #FFF;
	background-image: url(../img/kusuriko_hata.gif);
	background-position: 180px 150px;
	background-repeat: no-repeat;
}

#shop .blockB {
	width: 530px;
	margin: 0;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	background-color: #FFF;
	background-image: url(../img/kusuriko_hata2.gif);
	background-position: 180px 150px;
	background-repeat: no-repeat;
}

#shop .blockC {
	width: 530px;
	margin: 0;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	background-color: #FFF;
	background-image: url(../img/kusuriko_hata2.gif);
	background-position: 180px 120px;
	background-repeat: no-repeat;
}

#company .blockA {
	width: 530px;
	margin: 0;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	background-color: #FFF;
}

#company .blockA img {
	float: left;
	margin: 5px;
}

#shop .blockA img {
/*	float: left;*/
	margin: 5px;
}

#main2 .blockA .title {
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 40px 0;
}

#shop .blockB img {
/*	float: left;*/
	margin: 5px;
}

#shop .blockC img {
/*	float: left;*/
	margin: 5px;
}


#shop .tenpo {
	list-style-type: none;
	margin-left: 30px;
}

.tenpo_tdA {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	padding: 1px;
	border-bottom: dotted 1px #FC0;
}

.tenpo_tdB {
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	padding: 1px 4px;
	border-bottom: dotted 1px #FC0;
}

.tenpo_tdC {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 1px;
	border-bottom: dotted 1px #FC0;
}

#shop .blockA .title {
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 40px 0;
}

.este_mail {
	margin-top: 10px;
	margin-left: 180px;
	
}

.estA_box {
	text-align: center;
}

.estA_left_photo {
	float: left;
	margin: 5px 10px 5px 55px;
}

.estA_left_txt {
	margin-left: 5px;
	height: 80px;
	vertical-align: middle;
	font-size: 120%;
	font-weight: bold;
	padding-top: 40px;
	text-align: left;
}

.estA_right_photo {
	float: right;
	margin: 5px 55px 5px 10px;
}

.estA_right_txt {
	margin-left: 5px;
	height: 80px;
	vertical-align: middle;
	font-size: 120%;
	font-weight: bold;
	padding-top: 40px;
	text-align: right;
}


.estB_left_photo {
	float: left;
	margin: 5px 10px 5px 15px;
}

.estB_left_txt {
	margin-left: 5px;
	height: 80px;
	vertical-align: middle;
	font-size: 120%;
	font-weight: bold;
	padding-top: 40px;
	text-align: left;
}

.estB_left_txt2 {
	margin-left: 5px;
	height: 80px;
	vertical-align: middle;
	font-size: 120%;
	font-weight: bold;
	padding-top: 10px;
	text-align: left;
}

.estB_right_photo {
	float: right;
	margin: 5px 15px 5px 10px;
}

.estB_right_txt {
	margin-left: 5px;
	height: 80px;
	vertical-align: middle;
	font-size: 120%;
	font-weight: bold;
	padding-top: 40px;
	text-align: right;
}

.cosmetic_box {
	width: 510px;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	border: 1px solid #AAA;
	padding: 5px;
	font-size: 90%;
	line-height: 140%;
}

.supplement {

}

.supplement_itembox {
	width: 124px;
	height: 250px;
	float: left;
	line-height: 1.5em;
/*	border: 1px solid #AAA;*/
	padding: 2px;
	margin: 2px;
	font-size: 90%;
	background-color: #CFC;
}

.supplementbox {
	float: left;
	width: 33%;
	vertical-align: top;
}

.supplementbox ul {
	margin-left: 2em;
}

.supplement_itembox img {
	margin: 2px 2px 2px 2px;
}

#footer {
	width: 900px;
	height: 480px;
	background-color: #093;
	background-image: url(../img/bottom2.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFF;
}

#footer .box {
	padding-top: 435px;
}


.tweet {
	color: 093;
	margin: 5px 0;
	padding: 3px;
	width: 510px;
	border: 1px solid #093;
}

.top_cont_ban {
	width: 540px;
	height: 80px;
	margin: 0 0 10px 0;
}

.top_cont_ban_l {
	float: left;
	margin: 0 10px 10px 0;
}

top_cont_ban_r {
	float: left;
	margin: 0 10px 0 0;
}


.service_cont_ban_l {
	float: left;
	margin: 0 5px 5px 0;
}


.rss_ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.rss_li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px dashed #AAA;
}

.date {
	font-size: 80%;
	color: #666;
	padding-right: 2em;
}



.rss_ul_r {
	width: 160px;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.rss_li_r {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px dashed #AAA;
}


.brand_left {
	width: 33%;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
}

.brand_center {
	width: 34%;
	text-align: center
	vertical-align: top;
	font-size: 90%;
}

.brand_right {
	width: 33%;
	text-align: right;
	vertical-align: top;
	font-size: 90%;
}

/* ======================================================================================== */

#header2 {
	width: 750px;
	height: 60px;
	background-color: #093;
	background-image: url(../img/header2_bg.jpg);
	background-repeat: no-repeat;
}

#header2 h1 img {
	float: left;
	margin: 8px 3px 3px 3px;
}

#header2 ul li {
	float: left;
	margin: 30px 3px 3px 3px;
	list-style-type: none;
}

#header2 phone {
	float: left;
}

#header2 mail {
	float: left;
}

#main2 {
	width: 520px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}

#main2 h2 {
	width: 510px;
	height: 25px;
	background-image: url(../img/h2_bg_green.gif);
	background-repeat: no-repeat;
	color: #FFF;
	padding: 5px 0 0 5px;
}

#main2 h3 {
	width: 500px;
	height: 25px;
	background-image: url(../img/h3_bg_capcell.gif);
	background-repeat: no-repeat;
	color: #060;
	padding: 5px 0 0 25px;
	margin-top: 10px;
}


.greenbox {
	width: 470px;
	padding: 5px;
	margin: 10px;
	border: 1px solid #060;
}

.greenbox li {
	margin-left: 15px;
}

.stf_box {
	width: 526px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	border: 2px solid #FC0;
	background-color: #FFF;
	background-image: url(../img/s_red_flower.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 5px;
	margin-bottom: 10px;
}

.stf_img {
	float: left;
	margin-right: 5px;
}

.bottom_banner {
	width: 900px;
	margin: 0;
}

.bottom_banner_td {
	width: 131px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}




.back_to_top {
	width: 540px;
	text-align: right;
	white-space: nowrap;
	margin: 5px 0;
}

#footer2 {
	width: 900px;
	height: 40px;
	background-color: #093;
	text-align: center;
	color: #FFF;
	padding: 10px 0 0 0;
}

.clear_both {
	clear: both;
	height: 0px;
}

.est01 {
	width: 506px;
	border-left: 2px solid #E5002D;
	border-bottom: 2px solid #E5002D;
	border-right: 2px solid #E5002D;
	padding: 5px;
	background-color: #FFF;
}

.est_01_midashi {
	font-size: 120%;
	font-weight: bold;
	color: #E5002D;
}

.est02 {
	width: 506px;
	border-left: 2px solid #EA5B02;
	border-bottom: 2px solid #EA5B02;
	border-right: 2px solid #EA5B02;
	padding: 5px;
	background-color: #FFF;
}

.est_02_midashi {
	font-size: 120%;
	font-weight: bold;
	color: #EA5B02;
}

.est03 {
	width: 506px;
	border: 2px solid #F3A166;
	padding: 5px;
	background-color: #FFF;
}


.est_03_midashi {
	font-size: 120%;
	font-weight: bold;
	color: #F60;
}


.read_textarea {
	border: 1px solid #009933;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	font-size: 90%;
	height: 185px;
	margin-top: 10px;
/*	overflow: scroll;*/
	padding: 5px;
	width: 528px;
	background-color: #FFF;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2) inset;
}


/* 20130613 twitter 埋込みタイムライン対応 */
.twitter-timeline {
	min-width:150px!important;
	*width: 140px!important;
	_width: 140px!important;
}