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

*                                                                              *
*  Web Site  :  http://www.takeda-design-room.com/                             *
*  Author    :  N.T                                                            *
*  Modified  :  27-Sep-2006                                                    *
*                                                                              *

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



/* General

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

* {
	list-style: none;
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background-image: url(img/bg_body.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #F8F7F9;
}

a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl, fieldset, address, li, div {
	font-size: 12px;
	color: #666666;
	line-height: 140%
}
input,textarea, th, td {
	font-size: 12px;
	line-height: 140%
}

address {
    font-style:normal;
}

hr {
	display: none;
}

img {
	border: none;
}

#wrap {
	height: 100%;
	min-height: 100%;
	background-image: url(img/bg_wrap.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 14px;
	padding-left: 14px;
	position: relative;
}


/*トップページ
************************************************************/
#toppage h1 {
	position: absolute;
	top: 5px;
	z-index: 2;
	left: 14px;
	width: 195px;
}

#toppage h1 span {
	position: absolute;
	left: -9999px;
}

#toppage #main {
	padding-top: 465px;
	padding-bottom: 75px;
}

#toppage #main #whatsnew {
	background-image: url(img/line_02.gif);
	background-repeat: repeat-y;
	background-position: 372px 0px;
	padding-right: 25px;
	padding-left: 25px;
}

#toppage #main #whatsnew #title {
	background-image: url(img/title_whatsnew.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 35px;
	width: 730px;
	text-indent: -9999px;
	background-color: #FFFFFF;
}

#toppage #wrap #whatsnew #left {
	width: 348px;
	float: left;
}

#toppage #main #whatsnew #left li {
	background-image: url(img/line_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-right: 10px;
	margin-left: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	margin-top: 8px;
}

#toppage #main #whatsnew #left .sign {
	background-image: url(img/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	display: block;
}

#toppage #main #whatsnew #left .date {
	color: #FA6804;
}

#toppage #main #whatsnew #right {
	float: left;
	width: 368px;
	padding-left: 14px;
}

#toppage #main #whatsnew #right img {
	padding: 1px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 7px;
	margin-bottom: 3px;
}

#toppage #main #whatsnew #right .seo {
	font-weight: normal;
	font-size: 10px;
	line-height: 150%;
}

#toppage #main #whatsnew #right .name {
	background-image: url(img/iida_text.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 75px;
	text-indent: -9999px;
	margin-left: 275px;
	margin-bottom: 5px;
	margin-top: 3px;
}

#toppage #main #whatsnew .clear_border {
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #FFFFFF;
}

#toppage #mainImg {
	background-image: url(img/main_img.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 780px;
	position: absolute;
	top: 120px;
	height: 330px;
	left: 14px;
}

#toppage #mainImg h2 {
	text-indent: -9999px;
}

#toppage #mainImg #bana01 {
	background-image: url(img/bana_webcounseling.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 102px;
	width: 240px;
	left: 485px;
	top: 5px;
	position: absolute;
}

#toppage #mainImg #bana01 a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 102px;
	width: 240px;
}

#toppage #wrap #mainImg dl {
	background-image: url(img/bana_waku.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 88px;
	width: 140px;
	padding-top: 11px;
	padding-left: 13px;
	color: #333333;
	padding-right: 11px;
}

#toppage #wrap #mainImg dl a {
	color: #333333;
}

#toppage #mainImg #bana02 {
	position: absolute;
	left: 436px;
	top: 112px;
}

#toppage #mainImg #bana03 {
	position: absolute;
	left: 606px;
	top: 112px;
}

#toppage #mainImg #bana04 {
	position: absolute;
	left: 436px;
	top: 221px;
}

#toppage #mainImg #bana05 {
	position: absolute;
	left: 606px;
	top: 221px;
}

#toppage #mainImg dt {
	float: left;
}

#toppage #mainImg dt img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

#toppage #mainImg .title {
	float: left;
	text-align: left;
	width: 65px;
	font-size: 10px;
	line-height: 100%;
}

#toppage #mainImg .title2 {
	float: left;
	text-align: left;
	width: 81px;
	font-size: 10px;
	line-height: 100%;
}

#toppage #mainImg .text {
	clear: both;
	line-height: 100%;
	font-size: 10px;
}

* html #toppage #mainImg .text {
	margin-top: -13px;
}

#toppage #main #blog {
	background-image: url(img/line_03.gif);
	background-repeat: repeat-y;
	background-position: 192px 0px;
	padding-top: 15px;
}

#toppage #main #blog #right {
	width: 570px;
	float: right;
	padding-bottom: 30px;
}

#toppage #main #blog #right .blogBox {
	background-image: url(img/bg_blogtitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 545px;
	position: relative;
}

#toppage #main #blog #right .blogBox h2 {
	left: 16px;
	top: 7px;
	position: absolute;
	color: #333333;
}

#toppage #main #blog #right .blogBox .date {
	position: absolute;
	top: 7px;
	right: 10px;
	color: #333333;
}
#toppage #main #blog #right .blogText01 {
	padding-top: 40px;
	padding-left: 12px;
	padding-right: 40px;
	padding-bottom: 15px;
}
#toppage #main #blog #right .linkother {
	color: #006633;
	padding-left: 290px;
	padding-bottom: 20px;
}

#main #blog #right .blogBox .linkother a {
	color: #006633;
}
#main #blog #right .blogBox .linkother a:hover {
	color: #006633;
}

#toppage #main #blog #left {
	width: 198px;
	padding-left: 12px;
	float: left;
}

#toppage #main #blog #left #qr {
	background-image: url(img/waku_qr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 165px;
	height: 154px;
	margin-left: 1px;
	margin-bottom: 18px;
}

#toppage #main #blog #left #qr #mobileTitle {
	position: absolute;
	left: -9999px;
}

#toppage #main #blog #left #qr p {
	padding-top: 37px;
	padding-left: 28px;
}

#toppage #main #blog #left h2 {
	background-image: url(img/bg_blogsidetitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 18px;
	width: 167px;
	text-align: center;
	padding-top: 2px;
}

#toppage #main #blog #left ul {
	background-color: #F3F3F3;
	width: 154px;
	margin-bottom: 18px;
	padding-top: 14px;
	padding-left: 13px;
	padding-bottom: 18px;
}



#header {
	background-image: url(img/bg_header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0px;
	width: 780px;
	height: 120px;
	z-index: 1;
	left: 14px;
}

#header ul {
	height: 40px;
	width: 502px;
	padding-top: 25px;
	padding-left: 278px;
}

#header li {
	float: left;
	background-image: url(img/bg_menu.jpg);
	background-repeat: no-repeat;

}

#header li a {
    display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 40px;
}

#header #manu01 {
	background-position: 0px 0px;
	width: 79px;
}

#header #manu02 {
	background-position: -79px 0px;
	width: 87px;
}

#header #manu03 {
	background-position: -166px 0px;
	width: 86px;
}

#header #manu04 {
	background-position: -252px 0px;
	width: 82px;
}

#header #manu05 {
	background-position: -334px 0px;
	width: 82px;
}

#header #manu06 {
	background-position: -416px 0px;
	width: 80px;
}

#toppage #header #pageid {
	background-image: url(img/bg_toppageid.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 55px;
	width: 780px;
}

#toppage #header #pageid p {
	background-image: url(img/icon_pageid.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding-right: 70px;
	position: absolute;
	left: 18px;
	top: 83px;
}
#footer {
	height: 40px;
	width: 540px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #99CC00;
	background-color: #EEEEEE;
	position: absolute;
	left: 14px;
	bottom: 0px;
	padding-top: 30px;
	padding-left: 240px;
}
#footer address {
	color: #333333;
}


/*サブベース
************************************************************/
#subpage #main {
	padding-top: 160px;
	padding-bottom: 120px;
	padding-right: 25px;
	padding-left: 25px;
}

#subpage #pageid {
	background-image: url(img/bg_subpageid.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 55px;
	width: 780px;
	position: absolute;
	left: 14px;
	top: 65px;
}

#subpage #pageid h1 {
	background-image: url(img/icon_pageid.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding-right: 70px;
	position: absolute;
	left: 18px;
	top: 18px;
}

#subpage #main #submenu {
	height: 16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #006633;
	position: absolute;
	right: 50px;
	top: 130px;

}
#subpage #main #submenu li {
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006633;
}

#subpage #main #submenu li a {
	color: #006633;
}

#subpage #main #submenu li a:hover {
	color: #006633;
	text-decoration: underline;
}

#subpage #main h2 {
	background-image: url(img/bg_subtitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	width: 720px;
	padding-top: 5px;
	padding-left: 10px;
	color: #333333;
	clear: both;
	font-size: 14px;
}

#subpage #siteid,#storypage #siteid {
	position: absolute;
	top: 5px;
	z-index: 2;
	left: 14px;
	width: 200px;
	background-color: #FFFFFF;
}

#subpage #siteid span,#storypage #siteid span {
	position: absolute;
	left: -9999px;
}

#subpage #main .subTitle01 {
	background-image: url(img/icon_02.gif);
	background-position: 3px 6px;
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-right: 15px;
	margin-left: 10px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #333333;
}

#subpage #main .subTitle02 {
	background-image: url(img/icon_01.gif);
	background-position: 3px 4px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-right: 15px;
	margin-left: 10px;
	color: #333333;
}

#subpage #main .text01 {
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 30px;
}
#subpage #main .text01 a {
	color: #0000FF;
	text-decoration: underline;
}


#subpage #main .text02 {
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 30px;
}

#subpage #main .text03 {
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 30px;
}

#subpage #main .photowaku {
	padding: 1px;
	height: 142px;
	width: 192px;
	border: 3px double #CCCCCC;
	margin-left: 10px;
	margin-right: 40px;
	float: left;
	margin-bottom: 30px;
}

#subpage #main .list01 {
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}
#subpage #main .list01 li {
	background-image: url(img/icon_03.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
}

.textBlack {
	color: #000000;
}

.textGreen {
	color: #99CC00;
}


/*BLOG
************************************************************/
#storypage #blogmain {
	padding-top: 140px;
	padding-bottom: 120px;
}
#storypage #blogmain #blog {
	padding-top: 15px;
}

#storypage #blogmain #blog #right {
	width: 570px;
	float: right;
	padding-bottom: 30px;
}

#storypage #blogmain #blog #right .blogBox {
	background-image: url(img/bg_blogtitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 545px;
	position: relative;
}

#storypage #blogmain #blog #right .blogBox h2 {
	left: 16px;
	top: 7px;
	position: absolute;
	color: #333333;
}

#storypage #blogmain #blog #right .blogBox .date {
	position: absolute;
	top: 7px;
	right: 10px;
	color: #333333;
}
#storypage #blogmain #blog #right .blogText01 {
	padding-top: 40px;
	padding-left: 12px;
	padding-right: 40px;
	padding-bottom: 15px;
}
#storypage #blogmain #blog #right .linkother {
	color: #006633;
	padding-left: 290px;
	padding-bottom: 20px;
}

#storypage #blogmain #blog #right .blogBox .linkother a {
	color: #006633;
}
#storypage #blogmain #blog #right .blogBox .linkother a:hover {
	color: #006633;
}

#storypage #blogmain #blog #left {
	width: 198px;
	padding-left: 12px;
	float: left;
}

#storypage #blogmain #blog #left #qr {
	background-image: url(img/waku_qr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 165px;
	height: 154px;
	margin-left: 1px;
	margin-bottom: 18px;
}

#storypage #blogmain #blog #left #qr #mobileTitle {
	position: absolute;
	left: -9999px;
}

#storypage #blogmain #blog #left #qr p {
	padding-top: 37px;
	padding-left: 28px;
}

#storypage #blogmain #blog #left h2 {
	background-image: url(img/bg_blogsidetitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 18px;
	width: 167px;
	text-align: center;
	padding-top: 2px;
}

#storypage #blogmain #blog #left ul {
	background-color: #F3F3F3;
	width: 154px;
	margin-bottom: 18px;
	padding-top: 14px;
	padding-left: 13px;
	padding-bottom: 18px;
}

.blogBox2 {
	width: 545px;
}

.blog_title {
	background-image: url(img/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #333333;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
.blog_comment {
	color: #333333;
	padding-left: 15px;
	padding-bottom: 10px;
}
.blog_comment a {
	color: #006633;
	text-decoration: underline;
}
.blog_comment a:hover {
	color: #99CC00;
	text-decoration: underline;
}
.bloginput {
    margin-top: 3px;
	margin-bottom: 3px;
}

/*新着情報
************************************************************/


/*事例
************************************************************/
#toppage #main #blog #right .exampleBox h2 {
	left: 16px;
	top: 7px;
	color: #333333;
	background-image: url(img/bg_blogtitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 35px;
	width: 530px;
	padding-top: 6px;
	padding-left: 15px;
}
#toppage #main #blog #right .exampleBox .exampleText00 {
	color: #333333;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 10px;
}
#toppage #main #blog #right .exampleBox .exampleImg01 {
	padding: 1px;
	border: 3px double #CCCCCC;
	margin-left: 80px;
	width: 372px;
	margin-bottom: 30px;
	height: 258px;
}

#toppage #main #blog #right .exampleBox .exampleImg011 {
	padding: 1px;
	border: 3px double #CCCCCC;
	margin-left: 80px;
	width: 372px;
	margin-bottom: 30px;
	height: 305px;
}


#toppage #main #blog #right .exampleBox .exampleText01 {
	color: #333333;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-right: 25px;
}
#toppage #main #blog #right .exampleBox .exsapmleText02 p {
	color: #333333;
}
#toppage #main #blog #right .exampleBox .exsapmleText02 {
	margin-bottom: 30px;
	padding-right: 25px;
}
#toppage #main #blog #right .exampleBox .exampleImg02 {
	padding: 1px;
	border: 3px double #CCCCCC;
	width: 250px;
	float: right;
	height: 187px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#toppage #main #blog #right .exampleBox .exampleImg03 {
	padding: 1px;
	border: 3px double #CCCCCC;
	margin-left: 150px;
	margin-bottom: 30px;
	width: 250px;
	height: 187px;
	margin-left: 150px;	
}


/*肌の悩み
************************************************************/
.worryBox {
	width: 340px;
	padding-left: 25px;
	margin-bottom: 30px;
	float: left;
	margin-top: 10px;
}
.worryBox .worryPhoto {
	background-image: url(img/worry_photobox.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 233px;
	width: 308px;
	padding-top: 8px;
	padding-left: 8px;
}
.worryBox p {
	width: 316px;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	color: #333333;
}


/*にきびについて
************************************************************/


/*にきび重症化
************************************************************/
#subpage #main .seriousText01 {
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 30px;
	float: left;
	width: 450px;
}

#subpage #main .seriousPhotowaku {
	padding: 1px;
	height: 142px;
	width: 192px;
	border: 3px double #CCCCCC;
	margin-left: 10px;
	float: left;
	margin-bottom: 30px;
}
#subpage #main .seriousBox {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 10px;
}

#subpage #main .seriousBox .line {
	background-image: url(img/line_04.gif);
	background-repeat: repeat-y;
	background-position: 100px 0px;
}

#subpage #main .seriousBox .left {
	width: 230px;
	float: left;
}
#subpage #main .seriousBox .left .leftBox {
	border: 1px solid #9BCE06;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	width: 170px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #333333;
}

#subpage #main .seriousBox .right {
	width: 480px;
	float: left;
}
#subpage #main .seriousBox .right .rightBox {
	background-image: url(img/line_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 10px;
}

#subpage #main .seriousBox .right .rightList {
	margin-left: 5px;
	margin-bottom: 2px;
	margin-top: 5px;
}
#subpage #main .seriousBox .right .rightList li {
	background-image: url(img/icon_03.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
}

#subpage #main .seriousphotowaku {
	padding: 1px;
	height: 265px;
	width: 355px;
	border: 3px double #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	margin-bottom: 50px;
}

#subpage #main .seriousBtn {
	background-image: url(img/serious_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 191px;
	float: left;
	margin-top: 252px;
}

#subpage #main .seriousBtn a {
    text-decoration: none;
    text-indent: -9999px;
    display: block;
	height: 20px;
	width: 191px;
}


#subpage #main .seriousList {
	margin-left: 15px;
	margin-bottom: 30px;
	margin-top: 10px;
}
#subpage #main .seriousList li {
	background-image: url(img/icon_03.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
}


/*お肌の仕組み
************************************************************/
#subpage #main .mechanismText01 {
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 30px;
	float: left;
	width: 300px;
}
#subpage #main .mechanismText01 li {
	background-image: url(img/icon_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}


#subpage #main .mechanismphotowaku01 {
	padding: 1px;
	height: 265px;
	width: 355px;
	border: 3px double #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	margin-bottom: 50px;
}
#subpage #main .mechanismTitle01 {
	background-image: url(img/line_01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 2px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
}
#subpage #main .mechanismTitle01 span {
	background-image: url(img/icon_03.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 12px;
}
#subpage #main .mechanismTitle02 {
	background-image: url(img/icon_03.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 2px;
	padding-left: 12px;
}
#subpage #main .mechanismPoint {
	background-image: url(img/mechanism_pointwaku.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 23px;
	width: 595px;
	margin-bottom: 35px;
	margin-left: 10px;
	padding-top: 7px;
	padding-left: 115px;
}


/*スキンケアベースメイク
************************************************************/
#subpage #main .baseamakeBox01 {
}
#subpage #main .baseamakeBox01 .left {
	width: 170px;
	float: left;
}
#subpage #main .baseamakeBox01 .left img {
	padding: 1px;
	border: 3px double #CCCCCC;
}

#subpage #main .baseamakeBox01 .right {
	float: left;
	background-image: url(img/basemake_commentbg_right.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;

}
#subpage #main .baseamakeBox01 .right .top {
	background-image: url(img/basemake_commenttopbg_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#subpage #main .baseamakeBox01 .right .top .bottom {
	width: 510px;
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
	background-image: url(img/basemake_commentbottombg_right.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#subpage #main .baseamakeBox02 {
}
#subpage #main .baseamakeBox02 .left {
	float: left;
	background-image: url(img/basemake_commentbg_left.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 540px;
}
#subpage #main .baseamakeBox02 .left .top {
	background-image: url(img/basemake_commenttopbg_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 540px;
}
#subpage #main .baseamakeBox02 .left .top .bottom {
	width: 510px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-image: url(img/basemake_commentbottombg_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#subpage #main .baseamakeBox02 .right {
	width: 170px;
	float: right;
}

#subpage #main .baseamakeBox02 .right img {
	padding: 1px;
	border: 3px double #CCCCCC;
}
#subpage #main .baseamakeBox03 {
	background-image: url(img/basemake_bgbox03.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 710px;
	margin-left: 10px;
	margin-top: 20px;
}
#subpage #main .baseamakeBox03 .baseamakeBox03in {
	background-image: url(img/basemake_bgbottombox03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
}
#subpage #main .baseamakeBox03 .baseamakeBox03in ul {
	background-image: url(img/basemake_bgtopbox03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 20px;
	padding-left: 20px;
}
#subpage #main .baseamakeBox03 .baseamakeBox03in li {
	background-image: url(img/icon_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
	padding-right: 15px;
}
#subpage #main .baseamakeBox03 .baseamakeBox03in p {
	font-weight: bold;
	padding-top: 5px;
	padding-left: 30px;
}
#subpage #main .basemakeBox04 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
	background-image: url(img/line_01.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#subpage #main .basemakeBox04 .left {
	width: 355px;
	float: left;
}
#subpage #main .basemakeBox04 .left p {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
}
#subpage #main .basemakeBox04 .left img {
	padding: 1px;
	border: 3px double #CCCCCC;
}

#subpage #main .basemakeBox04 .right p {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#subpage #main .basemakeBox04 .right img {
	padding: 1px;
	border: 3px double #CCCCCC;
}
#subpage #main .basemakeBox04 .basemakeBox04Text {
	clear: both;
	padding-top: 20px;
	padding-left: 60px;
	width: 600px;
}
#subpage #main .basemakeBox05 {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-image: url(img/line_01.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#subpage #main .basemakeBox05 .left {
	width: 250px;
	float: left;
	padding-top: 10px;
	padding-bottom: 15px;
}

#subpage #main .basemakeBox05 .right {
	float: left;
	padding-top: 10px;
	padding-bottom: 15px;
}
#subpage #main .basemakeBox05 .box05photowaku {
	padding: 1px;
	border: 3px double #CCCCCC;
	height: 106px;
	width: 133px;
	margin-bottom: 5px;
}

#subpage #main .basemakeBox06 {
	padding-right: 20px;
	padding-bottom: 30px;
}

#subpage #main .basemakeBox06 p {
	color:#333333;
	padding-bottom: 3px;
}


/*お客様インタビュー
************************************************************/
#subpage #interviewmain {
	padding-top: 140px;
	padding-bottom: 75px;
	padding-right: 25px;
	padding-left: 25px;
}


#subpage #interviewmain h2 {
	background-image: url(img/bg_subtitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 37px;
	width: 720px;
	padding-top: 5px;
	padding-left: 10px;
	color: #333333;
	clear: both;
	font-size: 14px;
}
#subpage #interviewmain .interviewText01 {
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 30px;
}
#subpage #interviewmain .interviewList {
	margin-left: 10px;
	width: 710px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 17px;
}
#subpage #interviewmain .interviewList h3 {
	background-image: url(img/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 15px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 3px;
}
#subpage #interviewmain .interviewList p {
	background-image: url(img/interview_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 147px;
	right: 5px;
	position: absolute;
	top: 0px;
}

#subpage #interviewmain .interviewList p a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 147px;
}

#subpage #interviewmain .interviewImg {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 30px;
}
#subpage #interviewmain .interviewBlog {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 30px;
}



/*美肌物語
************************************************************/
#storypage #wrap {
	background-image: url(img/bg_storywrap.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 14px;
	padding-left: 14px;
	position: relative;
}

#storypage #pageid {
	background-image: url(img/bg_storypageid.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 55px;
	width: 780px;
	position: absolute;
	left: 14px;
	top: 65px;
}

#storypage #pageid h1 {
	background-image: url(img/icon_pageid.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding-right: 70px;
	position: absolute;
	left: 18px;
	top: 18px;
}

#storypage #main {
	padding-top: 140px;
	padding-bottom: 120px;
	padding-right: 25px;
	padding-left: 12px;
}
#storypage #main #storyright {
	width: 545px;
	float: right;
}
#storypage #main #storyright h2 {
	background-image: url(img/story_bgtitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 35px;
	width: 530px;
	padding-top: 5px;
	padding-left: 15px;
	color: #333333;
	font-size: 14px;
}
#storypage #main #storyright .storyBox {
	background-image: url(img/story_wakutop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 540px;
	padding-top: 5px;
	padding-bottom: 20px;
}
#storypage #main #storyright .storyBox .storyBoxin {
	padding-top: 3px;
	background-image: url(img/story_wakubg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#storypage #main #storyright .storyBox h3 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	background-image: url(img/icon_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	margin-left: 10px;
	padding-bottom: 3px;
}
#storypage #main #storyright .storyBox .text {
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 22px;
	background-image: url(img/line_01.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-left: 1px;
	margin-right: 1px;
}
#storypage #main #storyright .storyBox .btn {
	background-image: url(img/story_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	height: 27px;
	width: 540px;
}
#storypage #main #storyright .storyBox .btn a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	height: 20px;
	width: 50px;
	margin-left: 482px;
}

#storypage #main #storyleft {
	float: left;
	width: 198px;
}
#storypage #main #storyleft #sideTitle {
	background-image: url(img/story_bgsidetitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 18px;
	width: 167px;
	padding-top: 2px;
	font-weight: bold;
	text-align: center;
}
#storypage  #main #storyleft ul {
	background-color: #EFEFEF;
	width: 152px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
#storypage #main #storyleft li {
	background-image: url(img/icon_05.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
	font-size: 10px;
	margin-bottom: 5px;
}



#storypage #main .text01 {
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 30px;
	color: #333333;
}

#storypage #main .text02 {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 30px;
	color: #333333;
	font-weight: bold;
	background-image: url(img/line_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 14px;
	margin-bottom: 20px;
}

#storypage #main .text03 {
	padding-bottom: 12px;
}
#storypage #main #storyright .imgRight {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}
#storypage #main #storyright .d_story {
	padding-bottom: 30px;
}
#storypage #main #storyright .d_storyleft {
	width: 220px;
	float: left;
}


#storypage #main #storyright .d_storyleft p {
	font-size: 10px;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 50px;
}

#storypage #main #storyright .d_storyright {
	float: left;
	width: 320px;
}


/*ウェブカウンセリング
************************************************************/
#counseling form {
	padding-bottom: 30px;
}

.top_counseling dl {
	float: left;
	clear: left;
	width: 710px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
.top_counseling dt {
	width: 160px;
	background-color: #EBEBEB;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	float: left;
	clear: left;
	background-image: url(img/form_dt.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 22px;
	padding-top: 3px;
}
.top_counseling dt.jyusyo {
	padding-top: 18px;
	padding-bottom: 19px;
}
.top_counseling .trouble dt {
	padding-top: 34px;
	padding-bottom: 36px;
}
.top_counseling .trouble dd input {
	margin-top: 3px;
	margin-bottom: 3px;
}
* html  .top_counseling .trouble dd input {
	margin-top: 0px;
	margin-bottom: 0px;
}
.top_counseling .exp dt {
	padding-top: 18px;
	padding-bottom: 18px;
}
.top_counseling .exp dd input, #counseling .exp dd select {
	margin-top: 3px;
	margin-bottom: 3px;
}

.top_counseling dd {
	float: left;
	padding-left: 20px;
	background-color: #FFFFFF;
	padding-top: 3px;
}
.top_counseling dd span {
	padding-left: 5px;
	color: #293A56;
}

.center_counseling {
	clear: both;
	padding-top: 30px;
}

* html .center_counseling {
	clear: both;
	padding-top: 0px;
	margin-top: 30px;
}
.center_counseling dl {
	float: left;
	clear: left;
	width: 710px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
.center_counseling dt {
	width: 460px;
	background-color: #EBEBEB;
	padding-right: 0;
	padding-left: 20px;
	float: left;
	clear: left;
	background-image: url(img/form_dt.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 22px;
	padding-top: 3px;
}
.center_counseling dd {
	float: left;
	padding-left: 20px;
	background-color: #FFFFFF;
	padding-top: 3px;
}

.bottom_counseling {
	clear: both;
	padding-top: 30px;
}

* html .bottom_counseling {
	clear: both;
	padding-top: 0px;
	margin-top: 30px;
}
.bottom_counseling dl {
	float: left;
	clear: left;
	width: 710px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
.bottom_counseling dt {
	width: 160px;
	background-color: #EBEBEB;
	padding-right: 0;
	float: left;
	clear: left;
	background-image: url(img/form_dt.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 22px;
	padding-top: 3px;
	text-align: center;
	padding-bottom: 2px;
}
.bottom_counseling .naiyokeika dt {
	padding-top: 50px;
	padding-bottom: 50px;
}

.bottom_counseling dd {
	float: left;
	padding-left: 20px;
	background-color: #FFFFFF;
	padding-top: 2px;
}
.bottom_counseling span {
	color: #FF5555;
}


.w_01 {
	width: 165px;
}
.w_02 {
	width: 70px;
}
.w_03 {
	width: 240px;
}
.w_04 {
	width: 120px;
}
.w_05 {
	width: 190px;
}
.w_06 {
	width: 328px;
	height: 100px;
}
.w_07 {
	width: 240px;
	margin: 5px 0px 0px 0px;
}
.w_08 {
	width: 480px;
	height: 100px;
}

.formBtn {
	text-align: center;
	clear: both;
}
.formBtn input {
	margin-top: 10px;
}


/*ご相談の流れ
************************************************************/

#subpage #main .flowTitle {
	background-image: url(img/flow_titlebg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	width: 700px;
	padding-top: 3px;
	padding-left: 10px;
	color: #333333;
	margin-left: 10px;
	font-size: 14px;
}
#subpage #main .flowText01 {
	background-image: url(img/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
}
#subpage #main .flowBanner {
	padding-left: 270px;
	padding-bottom: 50px;
}
#subpage #main .flowText02 {
	background-image: url(img/icon_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	margin-left: 12px;
	padding-bottom: 5px;
}


/*アクセス
************************************************************/
#subpage #main .access {
	width: 710px;
}
#subpage #main .access th {
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 160px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subpage #main .access td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
}


/*お問い合わせ
************************************************************/
#contact {
    padding-top: 30px;
	padding-bottom: 30px;
}
#contact dl {
	float: left;
	clear: left;
	width: 710px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
#contact dt {
	width: 160px;
	background-color: #EBEBEB;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	float: left;
	clear: left;
	background-image: url(img/form_dt.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 22px;
	padding-top: 3px;
}
#contact .exp dd input, #contact .exp dd select {
	margin-top: 3px;
	margin-bottom: 3px;
}

#contact dd {
	float: left;
	padding-left: 30px;
	background-color: #FFFFFF;
	padding-top: 3px;
}
#contact dd span {
	padding-left: 5px;
	color: #293A56;
}
#subpage #main #contact .naiyo {
	padding-top: 45px;
	padding-bottom: 45px;
}


/*特定商取引
************************************************************/
#subpage #main .tokusho {
	width: 710px;
	margin-bottom: 20px;
}
#subpage #main .tokusho th {
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 160px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subpage #main .tokusho td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
}

/*etc
************************************************************/
.clear {
    width: 100%;
    height: 1px;
    font-size: 1px;
    clear: both;
}

body > #wrap {
    height: auto;
}

.textorange {
	color: #FA6804;
}