@charset "shift_jis";
/* ==================================
メニュー用CSS
================================== */

/* MENU  */

h1 {
	margin-bottom: 10px;
}

div#menuTop {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#menuTop #menutopbox {
	width: 522px;
	float: left;
	text-align: left;
}

div#menutopbox .txt01 {
	margin: 0 0 10px 0;
}

div#gmenuTop {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#gmenuTop #gmenutopbox {
	width: 522px;
	float: left;
	text-align: center;
}

div#gmenutopbox h2 {
	margin: 0 0 10px 0;
}

div#gmenutopbox #gmenuLeftbox {
	width: 174px;
	float: left;
	text-align: center;
	padding: 25px 0 5px 0;
}

div#gmenuLeftbox h2 {
	margin: 0 0 10px 0;
}

div#menuwakuTop01 {
	width: 522px;
	margin: 0 0 0 0;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #66402E;
	border-right: 1px solid #66402E;
	border-left: 1px solid #66402E;
	color: #66402E;
	background-color: #E5DDBF;
	font-size: 120%;
}

div#menuwakuTop01 #menuwakuLeftbox {
	width: 150px;
	float: left;
	text-align: left;
	padding: 5px 0 5px 15px;
	margin: 0;
}

div#menuwakuTop01 #menuwakuRightbox {
	width: 190px;
	float: right;
	text-align: left;
	padding: 5px 15px 5px 5px;
}

div#menuwakuTop01 #menuwakuRightbox2 {
	width: 300px;
	float: right;
	text-align: right;
	padding: 5px 15px 5px 5px;
}

div#menuwakuTop02 {
	width: 522px;
	margin: 0 0 20px 0;
	text-align: center;
	padding: 5px 0px 5px 0px;
	border: 1px solid #66402E;
	color: #66402E;
	background-color: #FFFFFF;
}

div#menuwakuTop02 #menuwakuLeftbox {
	width: 285px;
	float: left;
	text-align: center;
	padding: 5px 0 5px 15px;
}

div#menuwakuTop02 #menuwakuLeft02box {
	width: 380px;
	float: left;
	text-align: center;
	padding: 5px 0 5px 0;
}

div#menuwakuTop02 #menuwakuRightbox {
	width: 120px;
	float: right;
	text-align: left;
	padding: 5px 10px 5px 5px;
}

div#menuwakuTop02 #menuwakuInbox {
	width: 460px;
	margin: 10px auto 5px auto;
	text-align: left;
	padding: 5px 15px 10px 15px;
	color: #66402E;
	background-color: #E5DDBF;
}

div#menuwakuTop02 #menuwakuInlink {
	width: 340px;
	text-align: right;
}

div#toplink {
	width: 522px;
	text-align: right;
	padding: 0 0 35px 0;
	margin-top: -10px;
}


.exte-table01 {
	width: 350px;
	margin: 0 5px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.exte-table02 {
	width: 350px;
	margin: 0 5px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.exte-td00 {
	width: 1em;
	white-space: nowrap;
}

.exte-td01 {
	width: 21em;
	white-space: nowrap;
}

.exte-td02 {
	width: 15em;
	white-space: nowrap;
}

.exte-td03 {
	width: 17em;
	white-space: nowrap;
}

.exte-td04 {
	width: 10em;
	white-space: nowrap;
}

.exte-td05 {
	width: 9em;
	white-space: nowrap;
}

.exte-td06 {
	width: 9em;
	white-space: nowrap;
}

.exte-td07 {
	width: 7em;
	white-space: nowrap;
}

.exte-td08 {
	width: 7em;
	white-space: nowrap;
}


.exte-bar01 {
	background: url(../../menu/img/menu_l01.gif) repeat-x left top;
}

.exte-m01 {
	width: 3em;
	text-align: right;
}

.exte-m02 {
	width: 4em;
	text-align: right;
}

.exte-m03 {
	width: 4em;
	text-align: right;
}

.exte-m04 {
	width: 3em;
	text-align: right;
}

.exte-m05 {
	width: 4em;
	text-align: right;
}

.exte-m06 {
	width: 5em;
	text-align: right;
}

.exte-m07 {
	width: 5em;
	text-align: right;
}

.exte-m08 {
	width: 5em;
	text-align: right;
}

#cutbox01 {
	text-align: center;
	width: 500px;
	margin: 0 10px;
}

.cut-table01 {
	width: 240px;
	margin: 5px 5px 0 5px;
	text-align: left;
	color: #66402E;
}

.cut-table02 {
	width: 240px;
	margin: 0 5px 0 5px;
	text-align: left;
	color: #66402E;
}

.cut-table03 {
	width: 450px;
	margin: 5px 5px 0 5px;
	text-align: left;
	color: #66402E;
}

.cut-table04 {
	width: 460px;
	margin: 0 5px 0 5px;
	text-align: left;
	color: #66402E;
}


.cut-td00 {
	width: 1em;
	white-space: nowrap;
}

.cut-td01 {
	width: 4em;
	white-space: nowrap;
}

.cut-td02 {
	width: 3em;
	white-space: nowrap;
}

.cut-td03 {
	width: 5em;
	white-space: nowrap;
}

.cut-td04 {
	width: 8em;
	white-space: nowrap;
}

.cut-td05 {
	width: 3em;
	white-space: nowrap;
}

.cut-td061 {
	width: 6em;
	white-space: nowrap;
}

.cut-td062 {
	width: 13em;
	white-space: nowrap;
}

.cut-td07 {
	width: 11em;
	white-space: nowrap;
}

.cut-bar01 {
	background: url(../../menu/img/menu_l01.gif) repeat-x left top;
}

.cut-m01 {
	width: 4em;
	text-align: right;
}

.cut-m02 {
	width: 4em;
	text-align: right;
}

.cut-m03 {
	width: 4em;
	text-align: right;
}

.cut-m04 {
	width: 4em;
	text-align: right;
}

.cut-m05 {
	width: 4em;
	text-align: right;
}

.cut-m06 {
	width: 4em;
	text-align: right;
}

.cut-m07 {
	width: 4em;
	text-align: right;
}

.cut-blk01 {
	width: 1em;
	white-space: nowrap;
}

#cutbox01 .left {
	width: 250px;
	float: left;
	text-align: left;
}

#cutbox01 .right {
	width: 250px;
	float: right;
	text-align: left;
}

.perm01-table01 {
	width: 365px;
	margin: 0px 10px 0 10px;
	text-align: left;
	color: #66402E;
}

.perm01-table02 {
	width: 365px;
	margin: 0px 10px 0 10px;
	text-align: left;
	color: #66402E;
}

.perm01-table03 {
	width: 490px;
	margin: 5px 10px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.perm01-table04 {
	width: 490px;
	margin: 5px 10px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.perm01-td00 {
	width: 1em;
	white-space: nowrap;
}

.perm01-td01 {
	width: 9em;
	white-space: nowrap;
}

.perm01-td02 {
	width: 7em;
	white-space: nowrap;
}

.perm01-td03 {
	width: 5em;
	white-space: nowrap;
}

.perm01-td04 {
	width: 7em;
	white-space: nowrap;
}

.perm01-td05 {
	width: 6em;
	white-space: nowrap;
}

.perm01-td06 {
	width: 7em;
	white-space: nowrap;
}

.perm01-td07 {
	width: 8em;
	white-space: nowrap;
}

.perm01-td08 {
	width: 7em;
	white-space: nowrap;
}

.perm01-td09 {
	width: 6em;
	white-space: nowrap;
}

.perm01-td10 {
	width: 7em;
	white-space: nowrap;
}

.perm01-td11 {
	width: 5em;
	white-space: nowrap;
}

.perm01-bar01 {
	background: url(../../menu/img/menu_l01.gif) repeat-x left top;
}

.perm01-m01 {
	width: 9em;
	text-align: right;
}

.perm01-m02 {
	width: 9em;
	text-align: right;
}

.perm01-m03 {
	width: 9em;
	text-align: right;
}

.perm01-m04 {
	width: 9em;
	text-align: right;
}

.perm01-m05 {
	width: 5em;
	text-align: right;
}

.perm01-m06 {
	width: 5em;
	text-align: right;
}

.perm01-m07 {
	width: 5em;
	text-align: right;
}

.perm01-m08 {
	width: 5em;
	text-align: right;
}

.perm01-m09 {
	width: 5em;
	text-align: right;
}

.perm01-m10 {
	width: 9em;
	text-align: right;
}

.perm01-m11 {
	width: 9em;
	text-align: right;
}

.color01-table01 {
	width: 365px;
	margin: 0 10px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.color01-table02 {
	width: 365px;
	margin: 5px 10px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.color01-td00 {
	width: 1em;
	white-space: nowrap;
}

.color01-td01 {
	width: 7em;
	white-space: nowrap;
}

.color01-td02 {
	width: 4em;
	white-space: nowrap;
}

.color01-td03 {
	width: 4em;
	white-space: nowrap;
}

.color01-td04 {
	width: 10em;
	white-space: nowrap;
}

.color01-bar01 {
	background: url(../../menu/img/menu_l01.gif) repeat-x left top;
}

.color01-m01 {
	width: 5em;
	text-align: right;
}

.color01-m02 {
	width: 5em;
	text-align: right;
}

.color01-m03 {
	width: 8em;
	text-align: right;
}

.color01-m04 {
	width: 5em;
	text-align: right;
}

.tre01-table01 {
	width: 500px;
	margin: 5px 10px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.tre01-table02 {
	width: 500px;
	margin: 5px 10px 0 10px;
	text-align: left;
	color: #66402E;
	line-height: 1.3;
}

.tre01-td00 {
	width: 1em;
	white-space: nowrap;
}

.tre01-td01 {
	width: 15em;
	white-space: nowrap;
}

.tre01-td02 {
	width: 20em;
	white-space: nowrap;
}

.tre01-td03 {
	width: 19em;
	white-space: nowrap;
}

.tre01-td04 {
	width: 20em;
	white-space: nowrap;
}

.tre01-td05 {
	width: 22em;
	white-space: nowrap;
}

.tre01-bar01 {
	background: url(../../menu/img/menu_l01.gif) repeat-x left top;
}

.tre01-m01 {
	width: 4em;
	text-align: right;
}

.tre01-m02 {
	width: 8em;
	text-align: right;
}

.tre01-m03 {
	width: 8em;
	text-align: right;
}

.tre01-m04 {
	width: 8em;
	text-align: right;
}

.tre01-m05 {
	width: 8em;
	text-align: right;
}









/* EXTENSION  */

div#exteTop {
	width: 522px;
	margin: 15px 0 35px 0;
}

div#exteTop #topbox {
	width: 522px;
	float: left;
	text-align: left;
}

div#topbox h2 {
	margin: 0 0 0 0;
}

div#topbox .txt01 {
	margin: 10px 0 10px 0;
}

div#exteTop #topLeftbox01 {
	width: 127px;
	float: left;
	text-align: center;
	border: 1px solid #66402E;
	padding: 5px 0 5px 0;
	color: #ffffff;
	background-color: #66402E;
	margin-top: 15px;
}

div#exteTop #topLeftbox02 {
	width: 127px;
	float: left;
	text-align: center;
	border-top: 1px solid #66402E;
	border-right: 1px solid #66402E;
	border-bottom: 1px solid #66402E;
	padding: 5px 0 5px 0;
	color: #66402E;
	margin-top: 15px;
}

div#exteTop #topLeftbox03 {
	width: 127px;
	float: left;
	text-align: center;
	border-right: 1px solid #66402E;
	border-bottom: 1px solid #66402E;
	padding: 5px 0 5px 0;
	color: #66402E;
}

div#exteTop #topLeftbox04 {
	width: 127px;
	float: left;
	text-align: center;
	border-right: 1px solid #66402E;
	border-bottom: 1px solid #66402E;
	border-left: 1px solid #66402E;
	padding: 5px 0 5px 0;
	color: #66402E;
}

#exteGuide {
	text-align: center;
	width: 530px;
}

#exteGuide .exteBox img {
	margin-top: 25px;
	margin-right: 4px;
	vertical-align: bottom;
}

/* EXTENSION　一人十色 */

div#exteHitori {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#exteHitori #hitoriLeftbox {
	width: 222px;
	float: left;
	text-align: left;
}

div#exteHitori #hitoriRightbox {
	width: 298px;
	float: right;
}

div#hitoriLeftbox h2 {
	margin: 10px 0 0 15px;
}

div#hitoriLeftbox .txt01 {
	width: 182px;
	margin: 12px 0;
}

div#hitoriLeftbox .baseStyle {
	width: 182px;
	padding: 5px 0;
	text-align: center;
	color: #ffffff;
	background-color: #66402E;
}

div#hitoriRightbox img {
	margin-bottom: 5px;
}

div#hitoriRightbox .comment {
	width: 274px;
	text-align: center;
}

#exteVariation {
	background: url(../../menu/exte/img/bg02.gif) repeat-y;
	width: 530px;
}

#exteVariation .exteBox {
	background: url(../../menu/exte/exte01/img/exte01_txt01.gif) no-repeat 20px 45px;
	padding: 0 0 0 130px;
}

#exteVariation .exteBox img {
	margin-right: 10px;
	vertical-align: bottom;
}

#exteVariation .exteNaturalBox {
	background: url(../../menu/exte/exte02/img/exte02_txt01.gif) no-repeat 20px 45px;
	padding: 0 0 0 130px;
}

#exteVariation .exteNaturalBox img {
	margin-right: 10px;
	vertical-align: bottom;
}


#exteVariation .exteBsysBox {
	background: url(../../menu/exte/exte03/img/exte03_txt01.gif) no-repeat 20px 45px;
	padding: 0 0 0 130px;
}

#exteVariation .exteBsysBox img {
	margin-right: 10px;
	vertical-align: bottom;
}


h3.mensTitle {
	margin-top: 25px;
}

.mensExte {
	margin: 25px 0 0 0;
	width: 522px;
}

.mensExte p {
	margin-bottom: 15px;
}

.mensExte .mensPhoto {
	float: right;
	margin-left: 20px;
}

/* EXTENSION　ナチュラル系 */

div#exteNatural {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#exteNatural #naturalLeftbox {
	width: 222px;
	float: left;
	text-align: left;
}

div#exteNatural #naturalRightbox {
	width: 274px;
	float: right;
	text-align: left;
	border: 1px solid #66402E;
	padding: 0;
	color: #66402E;
}

div#naturalLeftbox h2 {
	margin: 10px 0 0 15px;
}

div#naturalLeftbox .txt01 {
	width: 222px;
	margin: 17px 0 20px 0;
}

div#naturalLeftbox .baseStyle {
	width: 212px;
	padding: 10px 5px 5px 5px;
	text-align: center;
	color: #ffffff;
	background-color: #66402E;
}

div#naturalLeftbox .baseInfo {
	width: 192px;
	padding: 0 15px 10px 15px;
	text-align: left;
	color: #ffffff;
	background-color: #66402E;
}

div#naturalRightbox img {
	margin: 0;
}

div#naturalRightbox .comment {
	width: 274px;
	text-align: center;
}


/* EXTENSION　Ｂ系 */

div#exteBsys {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#exteBsys #bsysLeftbox {
	width: 222px;
	float: left;
	text-align: left;
}

div#exteBsys #bsysRightbox {
	width: 274px;
	float: right;
	text-align: left;
	border: 1px solid #66402E;
	padding: 0;
	color: #66402E;
}

div#bsysLeftbox h2 {
	margin: 10px 0 0 15px;
}

div#bsysLeftbox .txt01 {
	width: 222px;
	margin: 17px 0 20px 0;
}

div#bsysLeftbox .baseStyle {
	width: 212px;
	padding: 10px 5px 5px 5px;
	text-align: center;
	color: #ffffff;
	background-color: #66402E;
}

div#bsysLeftbox .baseInfo {
	width: 192px;
	padding: 0 15px 10px 15px;
	text-align: left;
	color: #ffffff;
	background-color: #66402E;
}

div#bsysRightbox img {
	margin: 0;
}

div#bsysRightbox .comment {
	width: 274px;
	text-align: center;
}

/* HOT PERM  */

div#permTop {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#permTop #permtopbox {
	width: 522px;
	float: left;
	text-align: left;
}

div#permtopbox h2 {
	margin: 0;
}

div#permtopbox .txt01 {
	margin: 10px 0 10px 0;
}

#permMenu {
	text-align: center;
	width: 530px;
}

#permMenu .permBox img {
	margin-top: 20px;
	margin-right: 4px;
	vertical-align: bottom;
}

div#permBox {
	width: 536px;
	margin: 15px 0 10px 0;
}

div#permBox #permLeftbox {
	width: 203px;
	float: left;
	text-align: left;
}

div#permBox #permRightbox {
	width: 316px;
	float: left;
	text-align: right;
	padding: 0 0 10px 4px;
	color: #66402E;
}

div#permLeftbox h2 {
	width: 183px;
	padding: 10px 0 5px 0;
	text-align: center;
	color: #ffffff;
	background-color: #66402E;
}

div#permLeftbox .baseStyle {
	width: 183px;
	padding: 0;
	text-align: center;
	color: #ffffff;
	background-color: #66402E;
}

div#permLeftbox .baseInfo {
	width: 163px;
	padding: 0 10px 10px 10px;
	text-align: left;
	color: #ffffff;
	background-color: #66402E;
	line-height:1.5;
	margin-bottom: 10px;
}

div#permLeftbox .txt01 {
	width: 183px;
	margin: 12px 0;
}

div#permRightbox img {
	margin-bottom: 5px;
}

#permAlbum {
	background: url(../../menu/perm/img/bg02.gif) repeat-y;
	width: 530px;
}

#permAlbum .permABox {
	text-align: center;
}

#permVariation .permVBox img {
	margin-right: 10px;
	vertical-align: bottom;
}

/* HENNA COLOR  */

div#colorTop {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#colorTop #colortopbox {
	width: 522px;
	float: left;
	text-align: left;
}

div#colortopbox h2 {
	margin: 0;
}

div#colorTop #colortopinfo {
	width: 522px;
	float: left;
	text-align: left;
}

div#colortopinfo h2 {
	margin: 0;
	float: right;
}

div#colortopinfo .txt01 {
	margin: 15px 0 10px 0;
}

div#colorFlow {
	width: 522px;
	margin: 15px 0 25px 0;
}

div#colorFlow #colorLeftbox {
	width: 220px;
	float: left;
	text-align: left;
}

div#colorLeftbox h2 {
	width: 180px;
	padding: 0 0 5px 0;
	text-align: center;
}

div#colorLeftbox .baseStyle {
	width: 192px;
	padding: 0 5px 5px 0;
	text-align: left;
}

div#colorFlow #colorRightbox {
	width: 300px;
	float: right;
	text-align: right;
}

div#colorRightbox h2 {
	padding: 0;
}

div#colorRightbox .baseStyle {
	width: 270px;
	padding: 0 5px 5px 5px;
	text-align: left;
}

#colorStory {
	background: url(../../menu/color/img/bg02.gif) repeat-y;
	width: 510px;
	padding-right: 20px;
}

#colorStory .storyTxtBox {
	float: right;
	width: 185px;
	padding: 10px;
	text-align: left;
	color: #66402E;
	background-color: #ffffff;
	margin-bottom: 5px;
	margin-top: 3px;
	border: 1px solid #AB927C;
}


div#colorStory #storyLeftbox {
	width: 285px;
	float: left;
	text-align: left;
	padding: 0 0 0 10px;
}

div#colorStory #storyRightbox {
	width: 200px;
	float: right;
	text-align: left;
}