@charset "UTF-8";
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 12px;
	line-height:150%;
}
td, th, input, textarea, select {
	font-family: sans-serif;
	font-size: 12px;
	line-height:150%;
}
.f10l12 {
	font-size: 10px;
	line-height: 12px;
}
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.small {
	font-size: 11px;
}
.red {
	color:#cc0000;
}
.green {
	color:#1c7000;
}
.green2 {
	color:#1b6c00;
}
.orange {
	color:#ff8a00;
}
.blue {
	color:#36a7ff;
}
.pad-t10 {
	padding-top:10px;
}
.pad10 {
	padding:10px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml45 {
	margin-left:45px;
}
.ml220 {
	margin-left:220px;
}
.mt4 {
	margin-top:4px;
}
.mt10 {
	margin-top:10px;
}
.mt12 {
	margin-top:12px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:10px;
}
.mb35 {
	margin-bottom:35px;
}
h1, h2, h3, td, p, form, dl, hr {
	margin: 0px;
	padding: 0px;
}
img {
	border: none
}
.clear {
	clear: both;
}
ul.no-margin {
	margin:0px;
}



/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
a:link, a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover, a:active {
	color: #5792c0;
	text-decoration: none;
}
a.blue {
	color:#5792c0;
}
a img {
	text-decoration: none;
	border-style: none;
}
.hide {
	display:none;
}
#pankuzu a:link, #pankuzu a:visited {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
#pankuzu a:hover, #pankuzu a:active {
	color: #5792c0;
	text-decoration: none;
	font-weight: bold;
}
#header {
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	height: 53px;
	width: 944px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
	background-color: #FFFFFF;
}
#header p a {
	background-image: url(../images/site_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 330px;
	height: 53px;
	display:block;
}
#header #header-menu {
	position: absolute;
	height: 53px;
	width: 350px;
	top: 0px;
	right: 0px;
	background-image: url(../images/bg_header-menu.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#header-menu ul {
	height: 12px;
	margin-top: 9px;
	margin-left: 41px;
	width: 202px;
	padding-left: 100px;
}
#header-menu li {
	text-decoration: none;
	display: block;
	float: left;
}
#header-menu li#home a {
	display: block;
	height: 12px;
	width: 53px;
	overflow: hidden;
}
#header-menu li#inq a {
	display: block;
	height: 12px;
	width: 78px;
	overflow: hidden;
}
#header-menu li#sitemap a {
	display: block;
	height: 12px;
	width: 71px;
	overflow: hidden;
}
#header-menu div#users-guide {
	height: 19px;
	width: 116px;
	position: absolute;
	left: 0px;
	top: 27px;
}
#header-menu div#users-guide a {
	display: block;
	height: 19px;
	width: 116px;
	overflow: hidden;
}
#header-menu div#mypage {
	height: 19px;
	width: 95px;
	position: absolute;
	left: 119px;
	top: 27px;
}
#header-menu div#mypage a {
	display: block;
	height: 19px;
	width: 95px;
	overflow: hidden;
}
#header-menu div#cart {
	height: 19px;
	width: 119px;
	position: absolute;
	left: 217px;
	top: 27px;
}
#header-menu div#cart a {
	display: block;
	height: 19px;
	width: 119px;
	overflow: hidden;
}
#contents-area {
	width: 945px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/bg_contents-area.gif);
	background-repeat: repeat-y;
}
#main-area {
	background-image: url(../images/img_top-main.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	height: 605px;
}
#main-area h1, #main-area h2 {
	visibility: hidden;
	font-size: 1px;
	line-height: 1px;
	color: #FFFFFF;
}



/* TOP PAGE RIGHT PLATE
------------------------------------------------*/



#main-area #top-category {
	width: 230px;
	margin-top:14px;
	margin-right:24px;
}
#main-area #skincare {
	background-image: url(../images/plate_skin-care.jpg);
	background-repeat: no-repeat;
	width: 226px;
	background-color: #FFFFFF;
	border: 1px solid #e9e9e9;
}
#main-area #skincare h2 a {
	display:block;
	visibility: visible;
	width: 226px;
	height: 41px;
	text-indent: -9999px;
	overflow: hidden;
}
#skincare p {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
	width: 158px;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 5px;
}
#skincare ul {
	margin-left: 17px;
	padding-left: 17px;
	margin-top: 0px;
}
#skincare li {
	font-family: sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #5792c0;
}
#skincare a, #form-area a {
	color: #5792c0;
}
#main-area #makeup {
	background-image: url(../images/plate_makeup.jpg);
	background-repeat: no-repeat;
	width: 226px;
	background-color: #FFFFFF;
	border: 1px solid #e9e9e9;
}
#main-area #makeup h2 a {
	display:block;
	visibility: visible;
	width: 226px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
#makeup p {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
	width: 158px;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 5px;
}
#main-area #spa {
	background-image: url(../images/plate_spa.jpg);
	background-repeat: no-repeat;
	width: 226px;
	background-color: #FFFFFF;
	border: 1px solid #e9e9e9;
}
#main-area #spa h2 a {
	display:block;
	visibility: visible;
	width: 226px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
#spa p {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
	width: 150px;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 5px;
}



/* TOP CAMPAIGN + INFORMATION
------------------------------------------------*/



#main-area #top-contents {
	margin-left: 16px;
	margin-top: 457px;
}
#main-area #beginner {
	/* background-image: url(../images/plate_beginner.jpg); */



	background-repeat: no-repeat;
	height: 136px;
	width: 221px;
}
#beginner p {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
	margin-top: 40px;
	margin-left: 15px;
}
#beginner a {
	background-image: url(../images/btn02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 77px;
	margin-top: 5px;
	margin-left: 15px;
	overflow: hidden;
}
* html #beginner a {
	margin-left: 0px;
}
*:first-child+html #beginner a {
	margin-left: 0px;
}
#main-area #info {
	/* background-image: url(../images/plate_info.jpg); */



	background-repeat: no-repeat;
	height: 136px;
	width: 480px;
}
#main-area #info table {
	margin-top: 45px;
	margin-left: 16px;
	color: #464646;
}
#main-area #info th {
	background-image: url(../images/info_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-right: 12px;
	padding-left: 12px;
	text-align: left;
	height: 20px;
	vertical-align: middle;
}
#main-area #info td {
	text-align: left;
	vertical-align: middle;
	height: 20px;
}
#main-area #banner-area {
	height: 63px;
	width: 731px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#banner-area ul {
	margin-left: 65px;
	padding-left: 0px;
	margin-top: 12px;
	padding-top: 0px;
}
#banner-area li {
	text-decoration: none;
	display: block;
	float: left;
}
#banner-area #maquia02, #banner-area #maquia03 {
	margin-left: 73px;
}
#banner-area #maquia01 a {
	background-image: url(../images/btn_maquia.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 140px;
	overflow: hidden;
}
#banner-area #maquia02 a {
	background-image: url(../images/btn_maquia.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 140px;
	overflow: hidden;
}
#banner-area #maquia03 a {
	background-image: url(../images/btn_maquia.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 140px;
	overflow: hidden;
}
#contents-area #menu {
	background-image: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
	float: left;
	width: 214px;
	position: relative;
	min-height:599px;
	height: auto !important;
	height: 599px;
}
#menu ul {
	position: absolute;
	left: 27px;
	top: 62px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	text-decoration: none;
	display: block;
}
#menu li#concept a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#menu li#interview a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#menu li#products a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#menu li#caresteps a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#menu li#recommend a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#menu li#media a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#menu li#blog a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#menu li#point a {
	display: block;
	height: 33px;
	width: 178px;
	overflow: hidden;
}
#footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 81px;
	width: 945px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	font-family: sans-serif;
	font-size: 10px;
	line-height: 13px;
	background-position: 0px 0px;
}
#footer ul {
	list-style-type: none;
}
#footer div {
	width: 731px;
	margin-right: 0px;
	margin-left: 214px;
	text-align: center;
}
#footer li {
	text-decoration: none;
	display: block;
	float: left;
}
#footer a {
	color: #464646;
	text-decoration: none;
}
#main-base h1, #main-base h2 {
	visibility: hidden;
	font-size: 1px;
	line-height: 1px;
	color: #FFFFFF;
}
#main-base #main {
	width: 688px;
	margin-top: 129px;
	margin-left: 17px;
	margin-bottom: 50px;
}
#form-area {
	color: #464646;
}
#main-base {
	color: #666666;
}



/* FORM.HTML
------------------------------------------------*/



#form-page #main-base {
	background-image: url(../images/ttl_form.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#form-page #main #title {
	background-image: url(../images/txt_form-lead.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 301px;
	margin-top: 0px;
	margin-right: 19px;
	float: right;
	text-indent: -9999px;
	margin-bottom: 33px;
}
#form-page #main #form-area {
	margin-left: 19px;
	clear: both;
	width: 649px;
	margin-bottom: 30px;
	text-align: center;
}



/* DELIVERY.HTML
------------------------------------------------*/



#delivery-page #main-base {
	background-image: url(../images/ttl_delivery.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#delivery-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	text-align: center;
	margin-top: 12px;
}
#delivery-page #contents-area #main-base #main #add {
	height: 20px;
	width: 197px;
	margin-left: 19px;
	margin-top: 15px;
}



/* LOGIN.HTML
------------------------------------------------*/



#login-page #main-base {
	background-image: url(../images/ttl_login.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#login01 {
	background-image: url(../images/img_login01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 44px;
	width: 687px;
}
#login-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#login-page #form-area p {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 16px;
}
#login-page #form-area p#note {
	font-family: sans-serif;
	font-size: 10px;
	line-height: 14px;
}
#login02 {
	background-image: url(../images/img_login02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 56px;
	width: 687px;
}
.greenbase {
	background-color: #faffec;
	border: 1px solid #c1c1c1;
}



/* DELIVERY2.HTML (w/o menu)
------------------------------------------------*/



#delivery2-page #header {
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	height: 53px;
	width: 714px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px 0px 0px 14px;
	background-color: #FFFFFF;
}
#delivery2-page #header p {
	background-image: url(../images/site_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 380px;
	height: 53px;
	margin-left: -14px;
}
#delivery2-page #contents-area {
	width: 728px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/bg_contents-area2.gif);
	background-repeat: repeat-y;
}
#delivery2-page #main-area {
	height: auto;
}
#delivery2-page #main-base {
	background-image: url(../images/ttl_delivery2.jpg);
	background-repeat: no-repeat;
	width: 715px;
	position: relative;
	margin-left: 14px;
	padding: 0px;
	margin-bottom: 0px;
	height: auto;
}
#delivery2-page #main-base #main {
	width: 680px;
	margin-top: 129px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0px;
}
#delivery2-page #main #form-area {
	padding-top: 50px;
	_padding-top: 0px;
	margin: 0px 0px 0px 14px;
}
*+html body#delivery2-page #main #form-area {
	padding-top: 0px;
}
#delivery2-page #contents-area #main-base #main #add {
	height: 20px;
	width: 197px;
	margin-left: 19px;
	margin-top: 15px;
}
#delivery2-page #main #title {
	background-image: url(../images/txt_form-lead.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 301px;
	margin-top: 0px;
	margin-right: 19px;
	float: right;
	text-indent: -9999px;
	margin-bottom: 33px;
}
#delivery2-page #footer {
	background-image: url(../images/bg_footer2.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 61px;
	width: 728px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	font-family: sans-serif;
	font-size: 10px;
	line-height: 13px;
	background-position: 0px 0px;
}
#delivery2-page #footer div {
	width: 729px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
}



/* CART.HTML
------------------------------------------------*/



#cart-page #main-base {
	background-image: url(../images/ttl_cart.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#cart-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	text-align: center;
	padding-top: 30px;
}
#cart-page #contents-area #main-base #main #add {
	height: 20px;
	width: 197px;
	margin-left: 19px;
	margin-top: 15px;
}
#cart-page #main #title {
	background-image: url(../images/txt_form-lead.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 301px;
	margin-top: 0px;
	margin-right: 19px;
	float: right;
	text-indent: -9999px;
	margin-bottom: 33px;
}
img.img {
	border: 1px solid #dbdbdb;
}



/* THANKS.HTML
------------------------------------------------*/



#thanks-page #main-base {
	background-image: url(../images/ttl_thanks.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#thanks-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	text-align: center;
	margin-top: 12px;
}
#thanks-page #contents-area #main-base #main #add {
	height: 14px;
	width: 649px;
	margin-left: 19px;
	margin-top: 15px;
}



/* CONFIRM.HTML
------------------------------------------------*/



#confirm-page #main-base {
	background-image: url(../images/ttl_confirm.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#confirm-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	text-align: center;
	margin-top: 12px;
}
#confirm-page #contents-area #main-base #main #add {
	height: 20px;
	width: 197px;
	margin-left: 19px;
	margin-top: 15px;
}



/* FORM2.HTML
------------------------------------------------*/



#form2-page #main-base {
	background-image: url(../images/ttl_form2.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#form2-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	text-align: center;
	margin-top: 12px;
}
#form2-page #contents-area #main-base #main #add {
	height: 20px;
	width: 197px;
	margin-left: 19px;
	margin-top: 15px;
}
.subtitle {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 2px;
	text-align: left;
	padding-top: 5px;
}
.dot {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 8px;
	margin-bottom: 8px;
}



/* CART.HTML
------------------------------------------------*/



#notice-page #main-base {
	background-image: url(../images/ttl_notice.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#notice-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	text-align: center;
	padding-top: 30px;
}
.notice {
	width:618px;
	height:330px;
	padding: 15px;
	border: 1px solid #a5acb2;
	overflow: auto;
	text-align: left;
	background-color: #FFFFFF;
	margin-top:8px;
}
.notice p {
	margin-bottom:1em;
}



/* REMINDER1.HTML
------------------------------------------------*/



#reminder1-page #main-base {
	background-image: url(../images/ttl_reminder.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
}
#reminder1-page #main #form-area {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#reminder1-page #form-area p {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 16px;
}



/* form parts
------------------------------------------------*/



.form {
	border-top: 1px solid #c8c8c6;
	border-left: 1px solid #c8c8c6;
}
.m5 th, .m5 td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.m12 th, .m12 td {
	padding-top: 12px;
	padding-bottom: 12px;
}
.form .right, .form2 .right {
	text-align: right;
}
.form .right2, .form2 .right2 {
	text-align: right;
	vertical-align: middle;
	padding-right:10px;
}
.form .right2b, .form2 .right2b {
	text-align: right;
	vertical-align: middle;
	padding-right:10px;
	background-color: #ffffff;
}
.form .center, .form2 .center {
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}
.form .center2, .form2 .center2 {
	text-align: center;
	vertical-align: middle;
	padding-right: 0px;
	padding-left: 0px;
}
.form .center3, .form2 .center3 {
	vertical-align: middle;
}
.form th {
	text-align: left;
	vertical-align: top;
	color:#1c7000;
	background-color: #faffec;
	padding-left:12px;
	padding-right:0px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right: 1px solid #c8c8c6;
}
.form th div, .form2 th div {
	padding-left: 30px;
	min-height:16px;
	height: auto !important;
	height: 16px;
}
.form th div.enq, .form2 th div.enq {
	padding-left: 30px;
	min-height:16px;
	height: auto !important;
	height: 16px;
	width: 120px;
}
.form th div.mark, .form2 th div.mark {
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.form th.gray, .form2 th.gray {
	color:#666666;
}
.form td {
	text-align: left;
	vertical-align: top;
	color:#666666;
	padding-left:12px;
	padding-right:0px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #ffffff;
	border-right: 1px solid #c8c8c6;
}
.form td a, .form2 td a {
	color:#5792c0;
}
.form td.orange, .form2 td.orange {
	color:#ff8a00;
}
.form .in td, .form2 .in td {
	background-image: url(none);
	padding: 0px;
	vertical-align: baseline;
	border-style: none;
}
.form2 {
	border-top: 1px solid #c8c8c6;
}
.form2 th {
	text-align: left;
	vertical-align: top;
	color:#1c7000;
	background-color: #faffec;
	padding-left:12px;
	padding-right:0px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-left: 1px solid #c8c8c6;
	border-right: 1px solid #c8c8c6;
}
.form2 td {
	text-align: left;
	vertical-align: top;
	color:#666666;
	padding-left:12px;
	padding-right:0px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #ffffff;
	border-right: 1px solid #c8c8c6;
}
.form2 th.space, .form2 td.space {
	background-color: #ffffff;
	border: 0px;
}
.form td span {
	font-size:11px;
}
.feild {
	border: 1px solid #a5acb2;
}
.w105 {
	width:105px;
}
.w230 {
	width:230px;
}
.w260 {
	width:260px;
}
.w285 {
	width:285px;
}
.w630 {
	width:630px;
}



/* COMMON
------------------------------------------------*/



#main-base #pankuzu {
	position: absolute;
	right: 27px;
	top: 100px;
	text-align: right;
}
a.arrow {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	color:#1b6c00;
}
#main-base .text {
	margin-left:17px;
	width:688px;
	padding-bottom: 20px;
}
.note div {
	text-indent: -1em;
	padding-left: 1em;
}
.subtitle2 {
	height:27px;
	font-size: 16px;
	line-height:1;
	font-weight: bold;
	color:#1b6c00;
	background-image: url(../images/dot2.gif);
	background-repeat: repeat-x;
	padding-top:12px;
	padding-left:3px;
	margin-bottom:5px;
}






/* 02 CONCEPT
------------------------------------------------*/



#concept-page #main-base {
	background-image: url(../concept/images/ttl_concept.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	height: auto !important;
	min-height:2000px;
	height: 2000px;
}
#concept-page #main-base h3 {
	visibility: hidden;
}
#concept-page #main-base #text01 {
	line-height:165%;
	position: absolute;
	left: 337px;
	top: 520px;
}
#concept-page #main-base #text01 p {
	margin-top:20px;
	margin-left:5px;
}
#concept-page #main-base #text02 {
	position: absolute;
	left: 17px;
	top: 840px;
}
#concept-page #main-base #text03 {
	position: absolute;
	left: 17px;
	top: 985px;
	width:687px;
	background-image: url(../concept/images/green_box_bg.gif);
	border: 1px solid #e8f4dc;
}
#concept-page #main-base #text04 {
	position: absolute;
	left: 17px;
	top: 1100px;
	width:687px;
	background-image: url(../concept/images/pink_box_bg.gif);
	border: 1px solid #fbe1e6;
}
#concept-page #main-base #text03 .left, #concept-page #main-base #text04 .left {
	float:left;
	width:280px;
}
#concept-page #main-base #text03 .right, #concept-page #main-base #text04 .right {
	float:left;
	width:390px;
	padding-top:17px;
}
#concept-page #main-base #text03 p, #concept-page #main-base #text04 p {
	padding-top:8px;
	padding-bottom:8px;
}
#concept-page #main-base #text03 .btn a, #concept-page #main-base #text04 .btn a {
	margin-right:16px;
}
#concept-page #main-base #history {
	position: absolute;
	left: 17px;
	top: 1230px;
	width:670px;
	height:475px;
	background-image: url(../concept/images/profile_bg.jpg);
	background-repeat: no-repeat;
	padding-top:30px;
	padding-left:20px;
	line-height:1.5;
}

#concept-page #main-base #history p {
	width:340px;
	margin-top:5px;
}
.pb10 {
	padding-bottom:10px;
}
#concept-page #main-base #history strong {
	color:#269501;
}
#concept-page #main-base #history02 {
	position: absolute;
	left: 17px;
	top: 1235px;
	width:670px;
	height:475px;
	background-image: url(../concept/images/profile_bg.jpg);
	background-repeat: no-repeat;
	padding-top:30px;
	padding-left:20px;
	line-height:1.25;
}
#concept-page #main-base #history02 p {
	width:340px;
	margin-top:5px;
}
.pb10 {
	padding-bottom:10px;
}
#concept-page #main-base #history02 strong {
	color:#269501;
}
#concept-page #main-base #text05 {
	position: absolute;
	left: 28px;
	top: 1750px;
	width:610px;
	padding:15px 30px;
	background-color: #f6fbf5;
}
#concept-page #main-base #text05 .col1 {
	float:left;
	width:200px;
}
#concept-page #main-base #text05 .col2 {
	float:left;
	width:155px;
	margin-left:30px;
	margin-right:30px;
}
#concept-page #main-base #text05 .col3 {
	float:left;
	width:190px;
}
#concept-page #main-base #text05 strong {
	color:#5b7c50;
}



/* 03 INTERVIEW
------------------------------------------------*/



#interview-page #main-base {
	background-image: url(../interview/images/ttl_interview.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:605px;
	height: auto !important;
	height: 605px;
	padding-top:129px;
}
#main-base #backnum {
	position: absolute;
	right: 50px;
	top: 70px;
	text-align: right;
	font-size:14px;
}
#main-base #backnum a {
	margin-left:20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
#main-base #backnum a:link,#main-base #backnum a:visited {
	color: #5792c0;
	text-decoration: underline;
}
#main-base #backnum a:hover,#main-base #backnum a:active {
	color: #666666;
	text-decoration: none;
}
#interview-page #main-base table td, #interview-page #main-base table th {
	vertical-align: top;
}
#interview-page #main-base .lead {
	color:#36a7ff;
	line-height:165%;
	padding-top:12px;
	padding-bottom:35px;
}
#interview-page #main-base th.que, #interview-page #main-base th.ans {
	width:30px;
	padding-right:5px;
}
#interview-page #main-base .top-border th.que,  #interview-page #main-base .top-border td.que,  #interview-page #main-base .top-border th.ans,  #interview-page #main-base .top-border td.ans {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: top;
	text-align: left;
}
#interview-page #main-base .que {
	color:#1b6c00;
	font-weight: bold;
	padding-bottom:4px;
	padding-top: 5px;
}
#interview-page #main-base .que em {
	display:block;
	margin-top:2px;
	padding:2px 4px 3px;
	_padding:2px 3px 3px;
	color:#ffffff;
	line-height:1;
	font-weight: bold;
	background-color: #b6d687;
	font-style: normal;
}
#interview-page #main-base .ans {
	padding-top: 5px;
	padding-bottom:25px;
}
#interview-page #main-base .ans em {
	display:block;
	margin-top:2px;
	padding:2px 4px 3px;
	_padding:2px 3px 3px;
	color:#ffffff;
	line-height:1;
	font-weight: bold;
	background-color: #e0ad8d;
	font-style: normal;
}
#interview-page #main-base .que p, #interview-page #main-base .ans p {
	margin-bottom: 12px;
}
#interview-page #main-base .que strong.mt0,  #interview-page #main-base .ans strong.mt0 {
	top: 0px;
}
#interview-page #main-base .top-dot {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 5px;
	margin-top:3px;
}
.w318 {
	width:318px;
}
.w360 {
	width:360px;
}
.w370 {
	width:370px;
}
.right-col {
	float:right;
}
.left-col {
	float:left;
}
#inter {
	padding-top:10px;
	clear: both;
}
#inter .product {
	width:330px;
	margin: 12px 10px 12px 0px;
}
#inter .product th {
	width:90px;
	text-align: left;
}
#inter .product th img {
	width:81px;
	border: 1px solid #c8c8c8;
}
#inter a:link, #together a:visited {
	color: #5792c0;
	text-decoration: underline;
}
#inter a:hover, #together a:active {
	color: #666666;
	text-decoration: none;
}



/* 04 PRODUCTS
------------------------------------------------*/



#products-page #main-base {
	background-image: url(../products/images/ttl_products.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:667px;
	height: auto !important;
	height: 667px;
	padding-top:151px;
}
#products-page #main-base .text {
	padding-bottom:15px;
	margin-bottom: 25px;
	background-image: url(../images/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.lineup {
	width:117px;
	height:200px;
	margin-left:17px;
	float:left;
	font-size:10px;
	line-height:14px;
	position: relative;
	margin-top:20px;
}
.lineup img {
	margin-bottom:3px;
	border: 1px solid #c8c8c8;
}
.lineup .buy {
	position: absolute;
	left: 40px;
	bottom: 0px;
	font-size:12px;
}
.lineup a {
	text-decoration: none;
}
.lineup a:link span, .lineup a:visited span {
	text-decoration: underline;
	color: #666666;
}
.lineup a:hover span, .lineup a:active span {
	text-decoration: none;
	color: #5792c0;
}
.lineup .buy a:link, .lineup .buy a:visited {
	text-decoration: underline;
}
.lineup .buy a:hover, .lineup .buy a:active {
	text-decoration: none;
}
/* IE6 */

* html .lineup {
	width:117px;
	height:220px;
	margin-left:10px;
	float:left;
	font-size:10px;
	line-height:14px;
	position: relative;
	margin-top:20px;
}



/* 06?16 SKIN+MAKE
------------------------------------------------*/






/*スキンケアのヘッダ部分*/
#skin-page #main-base {
	background-image: url(../products/skin/images/ttl_skin.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:500px;
	height: auto !important;
	height: 500px;
	padding-top:206px;
	padding-bottom:30px;
}



/*メイクのヘッダ部分*/
#make-page #main-base {
	background-image: url(../products/make/images/ttl_make.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:500px;
	height: auto !important;
	height: 500px;
	padding-top:206px;
	padding-bottom:30px;
}



/*キャンペーンのヘッダ部分*/
#canpaign-page #main-base {
	background-image: url(../products/images/ttl_campaign.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:500px;
	height: auto !important;
	height: 500px;
	padding-top:206px;
	padding-bottom:30px;
}



/*グッズのヘッダ部分*/
#goods-page #main-base {
	background-image: url(../products/images/ttl_goods.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:500px;
	height: auto !important;
	height: 500px;
	padding-top:206px;
	padding-bottom:30px;
}



/*スパ商品のヘッダ部分*/
#spa-page #main-base {
	background-image: url(../products/images/ttl_spa.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:500px;
	height: auto !important;
	height: 500px;
	padding-top:206px;
	padding-bottom:30px;
}



/*リード*/
#main-base #lead {
	float:right;
	margin-right:0px;
	width:401px;
	text-align: left;
}



/*購入ボタン*/
.box-buy {
	margin-top:20px;
	margin-left:186px;
	width:216px;
	padding-top:7px;
	background-image: url(../products/images/buy_head.gif);
	background-repeat: no-repeat;
	text-align: center;
	background-position: left top;
}
.box-buy .body {
	background-color: #f3f3f3;
	width:216px;
	padding-bottom:7px;
	background-image: url(../products/images/buy_end.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.box-buy .body img {
	vertical-align: bottom;
}
.box-buy .body select {
	height:20px;
}
.box-buy .body a {
	text-decoration: none;
	border-style: none;
}



/*こだわり*/
.box-kodawari {
	width:401px;
	margin-top:12px;
}
.box-kodawari .body {
	background-image: url(../products/images/kodawari_end.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 47px;
	width: 401px;
}
.box-kodawari table {
	margin:auto 10px;
}
.box-kodawari td {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:3px;
	vertical-align: top;
	color:#5b7c50;
}



/*商品写真*/
#photo {
	width: 280px;
}
#photo .thumb {
	margin-top:13px;
}
#photo ul, #photo li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#photo li {
	float:left;
	margin-right:5px;
}
#photo li img {
	border: 1px solid #c8c8c8;
}
#photo p {
	margin-top:10px;
	width: 268px;
	clear:left;
	font-size: 10px;
	line-height: 14px;
	padding-bottom:30px;
}



/*ご使用方法*/
#howto {
	clear:both;
}
#howto ol {
	margin: 12px 0px 0px;
	padding: 0px;
	list-style: none;
}
#howto li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#howto li {
	float:left;
	width:163px;
	margin: 0px 6px 0px 0px;
	border: 1px solid #c8c8c8;
	padding: 0px;
	min-height:292px;
	height: auto !important;
	height: 292px;
}
#howto li img {
	border-bottom: 1px solid #c8c8c8;
	line-height: 1;
}
#howto li div {
	padding:3px 6px;
}
#howto li div {
	letter-spacing: -1px;
	_letter-spacing: 0px;
}
*:first-child+html #howto li div {
	letter-spacing: 0px;
}



/*ご一緒に...*/
#together {
	padding-top:30px;
	clear: both;
}
#together ul {
	margin: 10px 0px 0px;
	padding: 0px;
	list-style: none;
}
#together li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#together li {
	float:left;
	width:336px;
	margin: 0px 6px 12px 0px;
	padding: 0px;
}
#together li img {
	float:left;
	width:81px;
	margin-right:8px;
	border: 1px solid #c8c8c8;
}
#together a:link, #together a:visited {
	color: #5792c0;
	text-decoration: underline;
}
#together a:hover, #together a:active {
	color: #666666;
	text-decoration: none;
}



/* 19 STEP
------------------------------------------------*/



#step-page #main-base {
	background-image: url(../step/images/ttl_step.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:667px;
	height: auto !important;
	height: 667px;
	padding-top:241px;
	padding-bottom:30px;
}
#step-page #main-base div.lead {
	position: absolute;
	left: 271px;
	top: 155px;
	width:434px;
	color:#666666;
}
#step-page #main-base #ttl {
	margin-left:213px;
}
#step-page #main-base #morning {
	float:left;
	margin-left:36px;
	width:317px;
	background-image: url(../step/images/morning.jpg);
	background-repeat: no-repeat;
	_margin-left:18px;
	padding-bottom:98px;
}
#step-page #main-base #night {
	float:left;
	margin-left:18px;
	width:317px;
	background-image: url(../step/images/night.jpg);
	background-repeat: no-repeat;
}
#step-page #main-base #morning .img1,  #step-page #main-base #night .img1 {
	width: 272px;
	height:96px;
	margin-left: 21px;
	margin-top: 54px;
}
#step-page #main-base #morning .img2,  #step-page #main-base #night .img2 {
	width: 272px;
	height:96px;
	margin-left: 21px;
}
#step-page #main-base #morning .img3,  #step-page #main-base #night .img3 {
	width: 272px;
	height:96px;
	margin-left: 21px;
}
#step-page #main-base #morning .img4,  #step-page #main-base #night .img4 {
	width: 272px;
	height:96px;
	margin-left: 21px;
}
#step-page #main-base #morning .img5,  #step-page #main-base #night .img5 {
	width: 272px;
	height:96px;
	margin-left: 21px;
}
#step-page #main-base #morning .img6,  #step-page #main-base #night .img6 {
	width: 272px;
	height:96px;
	margin-left: 21px;
}

#step-page #main-base #morning .img7,  #step-page #main-base #night .img7 {
	width: 272px;
	height:96px;
	margin-left: 21px;
}
#step-page #main-base #morning .img1,  #step-page #main-base #morning .img2,  #step-page #main-base #morning .img3,  #step-page #main-base #morning .img4,  #step-page #main-base #morning .img5,  #step-page #main-base #morning .img6 {
	background-image: url(../step/images/morning-arrow.gif);
	background-repeat: no-repeat;
	background-position: 40px bottom;
}
#step-page #main-base #night .img1,  #step-page #main-base #night .img2,  #step-page #main-base #night .img3,  #step-page #main-base #night .img4,  #step-page #main-base #night .img5,  #step-page #main-base #night .img6 {
	background-image: url(../step/images/night-arrow.gif);
	background-repeat: no-repeat;
	background-position: 40px bottom;
}
#step-page #main-base #morning .img1 img,  #step-page #main-base #morning .img2 img,  #step-page #main-base #morning .img3 img,  #step-page #main-base #morning .img4 img,  #step-page #main-base #morning .img5 img,  #step-page #main-base #morning .img6 img,  #step-page #main-base #morning .img7 img,  #step-page #main-base #night .img1 img,  #step-page #main-base #night .img2 img,  #step-page #main-base #night .img3 img,  #step-page #main-base #night .img4 img,  #step-page #main-base #night .img5 img,  #step-page #main-base #night .img6 img,  #step-page #main-base #night .img7 img {
	float:left;
	margin-right:12px;
}
#step-page #main-base #morning a:link,  #step-page #main-base #morning a:visited,  #step-page #main-base #night a:link,  #step-page #main-base #night a:visited {
	text-decoration: none;
}
#step-page #main-base #morning a:link span,  #step-page #main-base #morning a:visited span {
	text-decoration: underline;
	color:#a35e4d;
}
#step-page #main-base #night a:link span,  #step-page #main-base #night a:visited span {
	text-decoration: underline;
	color:#5792c0;
}
#step-page #main-base #morning a:hover span,  #step-page #main-base #morning a:active span,  #step-page #main-base #night a:hover span,  #step-page #main-base #night a:active span {
	text-decoration: none;
}
#step-page #main-base #morning .img1 img,  #step-page #main-base #morning .img2 img,  #step-page #main-base #morning .img3 img,  #step-page #main-base #morning .img4 img,  #step-page #main-base #morning .img5 img,  #step-page #main-base #morning .img6 img,  #step-page #main-base #morning .img7 img {
	border: 1px solid #d0a59a;
}
#step-page #main-base #night .img1 img,  #step-page #main-base #night .img2 img,  #step-page #main-base #night .img3 img,  #step-page #main-base #night .img4 img,  #step-page #main-base #night .img5 img,  #step-page #main-base #night .img6 img,  #step-page #main-base #night .img7 img {
	border: 1px solid #8eadbc;
}



/* 21 MEDIA
------------------------------------------------*/



#media-page #main-base {
	background-image: url(../media/images/ttl_media.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:150px;
}
#media-page #main-base #media-ph {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 275px;
	height: 724px;
	overflow: hidden;
}
#media-page #main-base #text {
	padding-left:282px;
	padding-right:30px;
	padding-bottom:10px;
	width:393px;
	background-image: url(../media/images/media_body.jpg);
	background-repeat: repeat-y;
}
#media-page #main-base .subtitle2 {
	margin-bottom:12px;
	margin-top:23px;
}
.media {
	margin-left:5px;
}
.media td {
	padding:1px 10px 1px 0px;
}



/* 23 PONT
------------------------------------------------*/



body#point-page #main-base {
	background-image: url(../point/images/ttl_point.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:150px;
	padding-bottom:50px;
}
.subtitle3 {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 2px;
	text-align: left;
	padding-top: 5px;
	color:#1b6c00;
	font-size:16px;
	margin-bottom:12px;
	margin-top:30px;
}



/* 25 SHOP
------------------------------------------------*/



body#shop-page #main-base {
	background-image: url(../shop/images/ttl_shop.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	min-height:962px;
	height: auto !important;
	height: 962px;
	padding-top:479px;
}
body#shop-page #main-base h3 {
	visibility: hidden;
}
body#shop-page #main-base #lead {
	text-align: center;
	width: 100%;
}
body#shop-page #main-base #lead p {
	margin-bottom:25px;
}
.green-box {
	background-color: #fafff2;
	border: 1px solid #8fc67c;
}
.green-box td {
	padding:13px;
}
body#shop-page #main-base #menu-list,  body#shop-page #main-base #other-shops {
	margin-left:26px;
	width:671px;
	padding-bottom: 20px;
}
#menu-list,  #other-shops {
	clear:both;
}
#menu-list,  #other-shops {
	padding-top: 10px;
}
#menu-list .title,  #other-shops .title {
	margin-bottom: 15px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
#menu-list p,  #other-shops p {
	margin-bottom:25px;
}
#other-shops {
	margin-bottom:25px;
	background-image: url(../shop/images/shop_photo02.jpg);
	background-repeat: no-repeat;
	background-position: 350px bottom;
}



/* 26 RECRUIT
------------------------------------------------*/



#recruit-page #main-base {
	background-image: url(../recruit/images/ttl_recruit.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:261px;
}
#recruit-page #main-base div.lead {
	position: absolute;
	left: 415px;
	top: 155px;
	width:290px;
	color:#666666;
}
.recruit th {
	padding: 6px 20px;
	border-bottom: 1px solid #cdddb6;
	text-align: left;
}
.recruit td {
	padding: 6px 20px;
	border-bottom: 1px solid #cdddb6;
}



/* COMPANY
------------------------------------------------*/



#company-page #main-base {
	background-image: url(../company/images/ttl_company.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:150px;
}



/* 27 FAQ
------------------------------------------------*/



#faq-page #main-base {
	background-image: url(../faq/images/ttl_faq.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:155px;
}
#faq-page #main-base .faq {
	background-color: #faffec;
	padding: 12px 20px;
	margin-top: 5px;
}
#faq-page #main-base .faq ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#faq-page #main-base .faq li.col-1, #faq-page #main-base .faq li.col-2 {
	background-image: url(../faq/images/arrow.gif);
	background-repeat: no-repeat;
	float: left;
	width: 200px;
	padding-left: 16px;
	padding-right: 20px;
	padding-bottom: 5px;
}
#faq-page #main-base .faq li.col-3 {
	background-image: url(../faq/images/arrow.gif);
	background-repeat: no-repeat;
	float: left;
	width: auto;
	padding-left: 16px;
	padding-bottom: 5px;
	clear: right;
}
#faq-page #main-base .faq a:link, #faq-page #main-base .faq a:visited {
	color: #5792c0;
	text-decoration: underline;
	font-weight: bold;
}
#faq-page #main-base .faq a:hover, #faq-page #main-base .faq a:active {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
#faq-page #main-base .lead {
	color:#36a7ff;
	line-height:165%;
}
#faq-page #main-base .top-dot {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 5px;
	margin-top:3px;
}
#faq-page #main-base .que {
	padding-left:36px;
	position: relative;
	color:#1b6c00;
	font-weight: bold;
	padding-bottom:4px;
}
#faq-page #main-base .que strong {
	display:block;
	padding:3px 6px 1px;
	color:#ffffff;
	line-height:1;
	font-weight: bold;
	background-color: #b6d687;
	position: absolute;
	left: 0px;
	top: 1px;
	_left: -36px;
}
#faq-page #main-base .ans {
	padding-left:36px;
	position: relative;
	text-indent: 0px;
	margin: 0px 0px 25px;
}
#faq-page #main-base .ans strong {
	display:block;
	padding:3px 6px 1px;
	color:#ffffff;
	line-height:1;
	font-weight: bold;
	background-color: #e0ad8d;
	position: absolute;
	left: 0px;
	top: 1px;
	_left: -36px;
}
#faq-page #main-base .que strong.mt0,  #faq-page #main-base .ans strong.mt0 {
	top: 0px;
}



/* 28 POLICY
------------------------------------------------*/



body#policy-page #main-base {
	background-image: url(../policy/images/ttl_policy.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:150px;
	padding-bottom:50px;
}



/* 29 CONTACT
------------------------------------------------*/



body#contactus-page #main-base {
	background-image: url(../contactus/images/ttl_contact.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:130px;
	padding-bottom:50px;
}
body#contactus-page #main-base #lead {
	margin-right:15px;
	text-indent: -1em;
	padding-left: 1em;
}
body#contactus-page #main-base .text {
	margin-left:85px;
	margin-top:60px;
	width:608px;
}



/* 30 SITEMAP
------------------------------------------------*/



#sitemap-page #main-base {
	background-image: url(../sitemap/images/ttl_sitemap.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:130px;
	padding-bottom:50px;
}
#sitemap-page #main-base .text {
	float:left;
	width:335px;
	margin-left:17px;
	padding-bottom:0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#sitemap-page #main-base .subtitle3 {
	margin-top: 20px;
}
#sitemap-page #main-base .text ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sitemap-page #main-base .text li {
	background-image: url(../sitemap/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin: 0px;
	padding-left: 8px;
}
#sitemap-page #main-base .subtitle3 a:link,  #sitemap-page #main-base .subtitle3 a:visited {
	color:#1b6c00;
}
#sitemap-page #main-base .subtitle3 a:hover,  #sitemap-page #main-base .subtitle3 a:active {
	color:#666666;
}



/* CAMPAIGN
------------------------------------------------*/



#campaign-page #main-base {
	background-image: url(../products/recommend/images/ttl_campaign.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:205px;
	padding-bottom:50px;
}



/* CAMPAIGN2
------------------------------------------------*/



#campaign2-page #main-base {
	background-image: url(../campaign/images/ttl_campaign.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:164px;
	padding-bottom:50px;
}
#campaign1, #campaign2 {
	position: relative;
}
#campaign1 div#campaign1-btn {
	position: absolute;
	left: 35px;
	top: 250px;
}
#campaign2 div#campaign2-btn {
	position: absolute;
	left: 34px;
	top: 241px;
}



/* 31 GUIDE
------------------------------------------------*/



#guide-page #main-base {
	background-image: url(../guide/images/ttl_guide.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:115px;
	padding-bottom:50px;
}
#guide-page #main-base .text-right {
	margin-left:260px;
	width:445px;
	padding-bottom: 0px;
}



/* MY PAGE
------------------------------------------------*/



#my-page #main-base {
	background-image: url(../images/ttl_my_page.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:115px;
	padding-bottom:50px;
}
#my-page #main-base #main {
	width: 688px;
	margin-top: 20px;
	margin-left: 17px;
	margin-bottom: 50px;
}
#my-page #main #navi {
	width: 162px;
	position: absolute;
	left: 38px;
	top: 160px;
}
#my-page #main #navi ul {
	margin: 0px 0px 25px;
	padding: 0px;
}
#my-page #main #navi li {
	width: 152px;
	list-style: none;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#my-page #main #navi li a:link, #my-page #main #navi li a:visited {
	color: #5792c0;
	text-decoration: underline;
}
#my-page #main #navi li a:hover, #my-page #main #navi li a:active {
	color: #666666;
	text-decoration: none;
}
#my-page #main #navi #point-info {
	padding:7px;
	background-color: #fef5ea;
	border: 1px solid #fedcb5;
}
#my-page #main #navi #point-info strong {
	color:#ff8a00;
	font-weight: normal;
}
#my-page #main #form-area {
	margin-left: 207px;
	clear: both;
	width: 469px;
	margin-bottom: 30px;
	text-align: center;
}
#my-page #main #form-area2 {
	margin-left: 19px;
	width: 649px;
	margin-bottom: 30px;
	margin-top: 20px;
	text-align: center;
}
#summary {
	padding:7px;
	background-color: #ffffff;
	border: 1px solid #c1c1c1;
	line-height: 20px;
	text-align: left;
	margin-bottom: 10px;
}



/* BLOG
------------------------------------------------*/



#blog-page #main-base {
	background-image: url(../blog/images/ttl_blog.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	padding-top:383px;
	padding-bottom:50px;
}
#blog-page #main-base div.lead {
	width: 400px;
	left: 233px;
	top: 273px;
	position: absolute;
	font-size: 12px;
	line-height: 20px;
	color: #36a7ff;
}
#blog-page #contents-area {
	background-image: url(../blog/images/bg_contents-area3.gif);
	background-repeat: repeat-y;
}
#blog-page #main-base #side-navi {
	float: left;
	width: 201px;
	position: relative;
	margin-left:30px;
	_margin-left:15px;
}
#blog-page #main-base #side-navi a:link,  #blog-page #main-base #side-navi a:visited {
	color:#1c7000;
	text-decoration: none;
}
#blog-page #main-base #side-navi a:hover,  #blog-page #main-base #side-navi a:active {
	color:#1c7000;
	text-decoration: underline;
}
#blog-page #main-base #side-navi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#blog-page #main-base #side-navi li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 16px;
}
#blog-page #main-base #side-navi #profile,  #blog-page #main-base #side-navi #calendar,  #blog-page #main-base #side-navi #category,  #blog-page #main-base #side-navi #archive {
	background-image: url(../blog/images/side_box_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
}
#blog-page #main-base #side-navi .body {
	margin-left: 13px;
	width:175px;
	padding-bottom:5px;
}
#blog-page #main-base #side-navi #profile {
	font-size: 10px;
	line-height: 14px;
}
#blog-page #main-base #side-navi #profile .books {
	padding:7px;
	background-color: #eff7e2;
	margin-right:3px;
}
#blog-page #main-base #side-navi #profile h3 {
	background-image: url(../blog/images/side_profile.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 46px;
	width: 201px;
}
#blog-page #main-base #side-navi #calendar h3 {
	background-image: url(../blog/images/side_calendar.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 46px;
	width: 201px;
}
#blog-page #main-base #side-navi #calendar p.month {
	text-align: right;
	margin-top: -28px;
	margin-right: 13px;
	padding-bottom:10px;
}
#blog-page #main-base #side-navi #calendar table {
	width:168px;
}
#blog-page #main-base #side-navi #calendar th,  #blog-page #main-base #side-navi #calendar td {
	text-align: center;
	padding: 2px;
	font-size:10px;
}
#blog-page #main-base #side-navi #calendar th {
	color:#1c7000;
	font-weight: bold;
}
#blog-page #main-base #side-navi #category h3 {
	background-image: url(../blog/images/side_category.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 46px;
	width: 201px;
}
#blog-page #main-base #side-navi #archive h3 {
	background-image: url(../blog/images/side_archive.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 46px;
	width: 201px;
}
#blog-page #main-base #text {
	float: left;
	width: 474px;
	position: relative;
}
#blog-page #main-base #text .entry {
	margin-left:17px;
	width:474px;
	background-color: #FFFFFF;
	background-image: url(../blog/images/entry_end.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	margin-bottom: 20px;
}
#blog-page #main-base #text .entry p.category-name {
	font-size:10px;
	text-align: right;
	width: 390px;
	padding-top: 35px;
	padding-bottom: 10px;
}
#blog-page #main-base #text .entry a:link,  #blog-page #main-base #text .entry a:visited {
	color:#1c7000;
	text-decoration: none;
}
#blog-page #main-base #text .entry a:hover,  #blog-page #main-base #text .entry a:active {
	color:#1c7000;
	text-decoration: underline;
}
#blog-page #main-base #text .entry-title {
	width:474px;
	background-color: #FFFFFF;
	background-image: url(../blog/images/entry_head.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 60px;
	padding-top:15px;
}
#blog-page #main-base #text .entry-title h3 {
	font-size: 14px;
	font-weight: bold;
	color: #1c7000;
	padding: 4px;
	width: 300px;
	margin-left: 85px;
	border-top: 1px dotted #b7b7b7;
	border-bottom: 1px dotted #b7b7b7;
}
* html #blog-page #main-base #text .entry-title h3 {
	margin-left: 0px;
}
*:first-child+html #blog-page #main-base #text .entry-title h3 {
	margin-left: 0px;
}
#blog-page #main-base #text .entry-title .date {
	padding: 4px;
	width: 307px;
	margin-left: 85px;
}
#blog-page #main-base #text .entry-body {
	width:402px;
	border-right: 1px solid #a4c699;
	border-left: 1px solid #a4c699;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 10px;
	text-align: justify;
}
#blog-page #main-base #text .entry-body img.ph-left {
	margin-right:10px;
	margin-bottom:5px;
}

.lineup .detail {
	position: absolute;
	top:200px;
	left: 0px;
	bottom: 0px;
	font-size:12px;
}
.lineup .detail a:link, .lineup .detail a:visited {
	text-decoration: underline;
}
.lineup .detail a:hover, .lineup .detail a:active {
	text-decoration: none;
}
#blog-page #main-base #text05 {
	margin-top:30px;
	margin-left: 28px;
	width:610px;
	padding:15px 30px;
	background-color: #f6fbf5;
}
#blog-page #main-base #text05 .col1 {
	float:left;
	width:200px;
}
#blog-page #main-base #text05 .col2 {
	float:left;
	width:155px;
	margin-left:30px;
	margin-right:30px;
}
#blog-page #main-base #text05 .col3 {
	float:left;
	width:190px;
}
#blog-page #main-base #text05 strong {
	color:#5b7c50;
}



/* INFO
------------------------------------------------*/



#info-page #contents-area {
	width: 731px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../info/images/bg_contents-area.gif);
	background-repeat: repeat-y;
}
#info-page #header {
	background-image: url(../info/images/bg_header.gif);
	background-repeat: repeat-x;
	height: 53px;
	width: 731px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
	background-color: #FFFFFF;
}
#info-page #header p a {
	background-image: url(../images/site_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 330px;
	height: 53px;
	display:block;
}
#info-page #footer {
	background-image: url(../info/images/bg_footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 81px;
	width: 731px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	font-family: sans-serif;
	font-size: 10px;
	line-height: 13px;
	background-position: 0px 0px;
}
#info-page #footer div {
	width: 731px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
}
#info-page #main-base {
	background-image: url(../info/images/ttl_info.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	padding-top:164px;
	padding-bottom:50px;
}
#info-page #main-base div.text {
	margin-left:44px;
	width:613px;
	background-color: #FFFFFF;
	border: 1px solid #c5c5c5;
	padding: 8px 18px 18px;
	margin-bottom: 23px;
}
#info-page #main-base div.text dl {
	margin:0px;
	padding:0px;
}
#info-page #main-base div.text dt {
	margin:0px;
	padding:10px 0px 5px;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../info/images/dot_gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 608px;
}
#info-page #main-base div.text dd {
	margin:0px;
	padding:5px 0px;
	width: 608px;
}

/* point
------------------------------------------------*/

.point-list {
	clear:both;
	padding:8px 0px 16px;
}
.point-list .point-img {
	float:left;
	width:255px;
}
.point-list .point-img img {
	margin:0px;
	padding: 0px;
	border: 1px solid #c1c1c1;
}
.point-list .point-memo {
	float:left;
	width:390px;
}
.point-list .point-memo dt {
	color:#5792c0;
	font-weight: bold;
}
.point-list .point-memo dt strong {
	font-size:14px;
	color:#666666;
}
.point-list .point-memo dd {
	padding-top:18px;
	margin-left: 0px;
}
.point-list .point-memo dd select {
	width:70px;
}





/* VOICE
------------------------------------------------*/
#voice-page #main-base {
	background-image: url(../products/voice_img/ttl_voice.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 731px;
	position: relative;
	height: auto !important;
	min-height:2300px;
	height: 2300px;
}
#voice-page #main-base #pankuzu {
	margin-top: -10px;
	text-align: right;
}
#voice-page #text01{
	line-height:165%;
	margin-left: 305px;
	margin-top: 190px;
	width:403px;
}
#backnum-voice{
	margin-right: 30px;
	margin-top: 20px;
	text-align: right;
	font-size:14px;
}
#backnum-voice a {
	margin-left:20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
#backnum-voice a:link,#backnum-voice a:visited {
	color: #5792c0;
	text-decoration: underline;
}
#backnum-voice a:hover,#backnum-voice a:active {
	color: #666666;
	text-decoration: none;
}
#voice-page #main-contents{
	margin-top:30px;
	margin-left:18px;
	width:680px;padding-bottom:30px;
}

#voice-page #main-contents h3{
	text-align: center;
	margin-top: 70px;
	margin-bottom: 25px;
}
.deco-box{
	width:645px;
	background-image: url(../products/voice_img/deco_body.jpg);
	background-repeat: repeat-y;
	padding-left:35px;
	padding-top: 35px;
	padding-bottom: 35px;
}
.deco-box .voice{
	width:568px;
	background-image: url(../products/voice_img/product_box_body.gif);
	background-repeat: repeat-y;
	padding-bottom: 30px;
}
.deco-box .voice .left-ph{
	width:129px;float:left;background-color: #f4f9e9;
}
.deco-box .voice .right-txt{
	width:435px;float:left;margin:0px;padding:0px;
}
.deco-box .voice .right-txt h4{margin:0px;padding:0px;}
.deco-box .voice .right-txt .btn{
	padding-bottom:12px;
	background-color: #f4f9e9;
	background-image: url(../products/voice_img/product_box_head.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 20px;
	width:435px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.deco-box .voice .right-txt p{color: #494949;width:380px;padding-top:20px;}
.deco-box .voice .right-txt p.deco-line{
	background-image: url(../products/voice_img/deco_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 60px;
}
.deco-box .voice .right-txt p strong{
	display:block;
	margin-bottom: 15px;
	background-image: url(../products/voice_img/icon_letter.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 35px;
	color: #255225;
}
#voice-page .pagetop{
	padding-bottom: 8px;
	text-align: right;
	width: 560px;
	padding-top: 8px;
	padding-bottom:40px;
}
#voice-page .pagetop a{
	color: #266c0f;
	font-weight: bold;
}






/* for print
------------------------------------------------*/



@media print {
body {
	_zoom:72%;
}
}