@charset "utf-8";

/* Reset ---------------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
p{line-height: 180%;}

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica ;
background: #ffffff url(../images/bg01.gif) repeat-x top center;
color: #0d0320;
}

body { font-size: 12px; }



a:link { color:#e53490; text-decoration: none; }
a:visited { color:#e53490; text-decoration: none;}
a:hover { color:#e4debc; text-decoration: underline; }
a:focus { color:#e4debc; text-decoration: underline; }
a:active { color:#e53490; }

/* Class ---------------------------------------------------------------------------------------------- */

/* clearfix */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
* html .clearfix{ height:1%; overflow:visible; }
/* setting of float */
.fleft{ float:left; }
.fright{ float:right; }
.hr{ clear: both; font-size: 0px; height:1%;}
.hr hr{ display:none; }

/* setting of reset */
.clearBd{ border: none !important; }
.clearMt{ margin-top: 0px !important; }
.clearMr{ margin-right: 0px !important; }
.clearMl{ margin-left: 0px !important; }
.clearMb{ margin-bottom: 0px !important; }
.clearMg{ margin: 0px !important; }
.clearPb{ padding-bottom: 0px !important; }
.clearPg{ padding: 0px !important; }

/* setting of align */
.txtCenter { text-align:center; }
.txtLeft { text-align:left; }
.txtRight { text-align:right; }
.mgCenter{ margin-left: auto !important; margin-right: auto !important; }

/* setting of table */

/* setting of margin */
.mt02 { margin-top: 2px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }

.mr02 { margin-right: 2px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }

.mb02 { margin-bottom: 2px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb17 { margin-bottom: 17px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }

.ml02 { margin-left: 2px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }


/* setting of padding */
.pt02 { padding-top: 2px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }

.pr02 { padding-right: 2px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pt45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }

.pb02 { padding-bottom: 2px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }

.pl02 { padding-left: 2px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }


/* setting of list */
.list01{ margin: 0 1em 0 2em; }
.list01 li{ line-height: 140%; margin-bottom: 0.3em;}
ol.list01 li{ list-style: decimal outside; }
ul.list01 li{ list-style: disc outside; }

.list02 li{ float: left; width: 153px; margin-bottom: 5px; }

.dlstyle01 dt{ margin: 0 1em 0.5em 0; float: left;}
.dlstyle01 dd{ margin: 0 0 0.5em 0; }
.dlTbl01 dt { float: left; width: 1em; padding-bottom: 10px; line-height: 160%; }
.dlTbl01 dd { padding: 0 0 10px 1em; line-height: 160%; }
.dlTbl02 dt { float: left; width: 2em; padding-bottom: 10px; line-height: 160%; }
.dlTbl02 dd { padding: 0 0 10px 2em; line-height: 160%; }
.dlTbl03 dt { float: left; width: 3em; padding-bottom: 10px; line-height: 160%; }
.dlTbl03 dd { padding: 0 0 10px 3em; line-height: 160%; }
.dlTbl04 dt { float: left; width: 4em; padding-bottom: 10px; line-height: 160%; }
.dlTbl04 dd { padding: 0 0 10px 4em; line-height: 160%; }
.dlTbl05 dt { float: left; width: 5em; padding-bottom: 10px; line-height: 160%; }
.dlTbl05 dd { padding: 0 0 10px 5em; line-height: 160%; }

/* setting of dl */
.dl04 dt{margin: 0 0 3px 0; width: 4em; float: left; line-height: 1.6em;}
.dl04 dd{ margin: 0 0 3px 4em; line-height: 1.6em; }
.dl06 dt{margin: 0 0 3px 0; width: 6em; float: left; line-height: 1.6em;}
.dl06 dd{ margin: 0 0 3px 6em; line-height: 1.6em; }
.dl08 dt{margin: 0 0 3px 0; width: 8em; float: left; line-height: 1.6em;}
.dl08 dd{ margin: 0 0 3px 8em; line-height: 1.6em; }
.dl10 dt{margin: 0 0 3px 0; width: 10em; float: left; line-height: 1.6em;}
.dl10 dd{ margin: 0 0 3px 10em; line-height: 1.6em; }
.dl11 dt{margin: 0 0 3px 0; width: 11em; float: left; line-height: 1.6em;}
.dl11 dd{ margin: 0 0 3px 11em; line-height: 1.6em; }
.dl12 dt{margin: 0 0 3px 0; width: 12em; float: left; line-height: 1.6em;}
.dl12 dd{ margin: 0 0 3px 12em; line-height: 1.6em; }
.dl14 dt{margin: 0 0 3px 0; width: 14em; float: left; line-height: 1.6em;}
.dl14 dd{ margin: 0 0 3px 14em; line-height: 1.6em; }
.dl16 dt{margin: 0 0 3px 0; width: 16em; float: left; line-height: 1.6em;}
.dl16 dd{ margin: 0 0 3px 16em; line-height: 1.6em; }
.dl18 dt{margin: 0 0 3px 0; width: 18em; float: left; line-height: 1.6em;}
.dl18 dd{ margin: 0 0 3px 18em; line-height: 1.6em; }
.dl20 dt{margin: 0 0 3px 0; width: 20em; float: left; line-height: 1.6em;}
.dl20 dd{ margin: 0 0 3px 20em; line-height: 1.6em; }
.dl22 dt{margin: 0 0 3px 0; width: 22em; float: left; line-height: 1.6em;}
.dl22 dd{ margin: 0 0 3px 22em; line-height: 1.6em; }
.dl24 dt{margin: 0 0 3px 0; width: 24em; float: left; line-height: 1.6em;}
.dl24 dd{ margin: 0 0 3px 24em; line-height: 1.6em; }
.dl26 dt{margin: 0 0 3px 0; width: 26em; float: left; line-height: 1.6em;}
.dl26 dd{ margin: 0 0 3px 26em; line-height: 1.6em; }
.dl28 dt{margin: 0 0 3px 0; width: 28em; float: left; line-height: 1.6em;}
.dl28 dd{ margin: 0 0 3px 28em; line-height: 1.6em; }
.dl38 dt{margin: 0 0 3px 0; width: 38em; float: left; line-height: 1.6em;}
.dl38 dd{ margin: 0 0 3px 38em; line-height: 1.6em; }



/* setting of position */
.posR{ position: relative; }
.posA{ position: absolute; }

/* setting of text */
.burasage{padding-left:1em;text-indent:-1em;}
.burasage2{padding-left:2em;text-indent:-2em;}

/* setting of font */
.fsize10{ font-size: 0.9em; }
.fsize14{ font-size: 1.2em; }
.fsize16{ font-size: 1.4em; }
.fsize18{ font-size: 1.6em; }
.fsize20{ font-size: 1.8em; }

/* setting of width */
.w90p{ width: 90%; }
.w95p{ width: 95%; }
.w100p{ width: 100%; }
.w10{ width: 10px; }
.w20{ width: 20px; }
.w30{ width: 30px; }
.w40{ width: 40px; }
.w50{ width: 50px; }
.w100{ width: 100px; }
.w150{ width: 150px; }
.w200{ width: 200px; }
.w250{ width: 250px; }
.w300{ width: 300px; }
.w350{ width: 350px; }

/* setting of display */
.dNone{ display: none; }
.dShow{ display: show; }

/* setting of font */
.fsize10{ font-size: 0.9em; }
.fsize14{ font-size: 1.2em; }
.fsize16{ font-size: 1.4em; }
.fsize18{ font-size: 1.6em; }
.fsize20{ font-size: 1.8em; }

/* setting of png */
.iepngfix{ behavior: url("/js/iepngfix/iepngfix.htc"); }

.ico_m{vertical-align: -1px;}


/* layout ---------------------------------------------------------------------------------------------- */
#wrapper{ width:905px; margin: 0 auto; padding-bottom: 20px; }
#mainCont{ float: right; width: 509px; padding-top: 15px; }
#header { margin-bottom: 50px; }
#header ul { margin-left: 10px; height: 1%;}
#header ul li{ float: left; padding-left: 60px; }
#logo{ text-align: right; margin-bottom: 60px; }

#subCont{ float: left; width: 338px; }
#visual{ margin-bottom: 20px; }
#subInner{ margin: 0 5px; }
#galleryNavi{ background: url(../images/bgLine01.gif) repeat-x left bottom; padding-bottom: 20px; margin-bottom: 20px;   }
#galleryNavi li{ float: left; padding: 0 7px 7px 0;}
#galleryNavi li img{ border: 2px solid #e4debc; }
#subNavi{ float: left; width: 174px; }
#subNavi li{ margin-bottom: 15px; }
#subLocal{ float: left; width: 149px; font-size: 0.9em; }
#subLocal h2{ margin-bottom: 15px;} 
#footer{ padding: 60px 0 0; font-size: 10px; color: #726d77; }
#ftPagetop{ text-align: right; float: right; width: 100px; }
#ftTxt{ float: left; width: 500px; }
#ftCopy{ float: right; margin-top: 30px;}
#ftBread{ margin-bottom: 10px; float: left; width: 800px; }
#ftBread span{ margin: 0 3px; }
#ftBread a{ color: #726d77; text-decoration: underline; }


#pagetop{ text-align: right; margin: 40px 0 10px; padding: 10px 0 10px; background: url(../images/ftBg01.gif) repeat-x left bottom; }

.inner{ width:950px; margin: 0 auto; text-align:left; height:1%;}
.inner2{ width:960px; margin: 0 auto; text-align:left; height:1%;}

.waku01{ background: url(../images/waku01.gif) no-repeat left top; padding: 2px 0 2px; }
.waku01_inner{ background: url(../images/waku01.gif) no-repeat left bottom; }

/*  ---------------------------------------------------------------------------------------------- */
#home .sec01{ margin-bottom: 40px;}
#home .sec01 .data{ float: left; width: 548px; position: relative; min-height: 225px; height: auto !important; height: 225px;}
#home .sec01 .txt01{ margin: 0 144px 0 63px; }
#home .sec01 .btn01{ position: absolute; bottom: 0; right: 0; }
#home .sec01 .btn02{ position: absolute; top: 122px; right: 0; }
#home .sec01 .banner{ float: right; width: 320px; }
#home .sec01 .banner dt{ font-weight: bold; margin-bottom: 10px;}
#home #idxProducts .pic02{ background: url(../../images/idxProductsPic02.jpg) no-repeat left top; }
#home #idxAbout .banner{ background: url(../../images/idxAboutBn01.jpg) no-repeat left top; padding-top: 135px;}
#home #idxStyling .banner{ background: url(../../images/idxStylingBn01.jpg) no-repeat left top; padding-top: 158px;}
#home #idxAbout .hover,
#home #idxStyling .hover { background-position: -320px top; }
#home .hover { cursor: pointer; }
#home .hover a:link { text-decoration: none; }
#home .hover a:visited {text-decoration: none; }

#about #salonArea{ padding: 25px 45px; }


.dot03{ background: url(../images/bg_dot03.gif) repeat-x center; }
dd.dot03{ text-align: right; }

#mainCont h2,
#mainCont h3{ margin-bottom: 10px;}
#mainCont .hdbd01{ background: #ffffff; padding-right: 3px; }
#mainCont dt .hdbd01{ padding-right: 5px; }
#mainCont dd .hdbd01{ padding-left: 5px; }
#mainCont .cont01{ margin-bottom: 30px; padding: 0 0 1px 20px; background: url(../images/bg_dot02.gif) repeat-y;  }
#mainCont .cont01 .cont01_2{ margin-left: 10px;}
#mainCont .cont02 .cont01_2 .hea_slider{ margin-bottom: 5px; font-weight: bottom; }
#mainCont .cont02 .cont01_2 .cont_slider{ font-size: 0.9em; }
#mainCont .cont01 .teikei{ margin-bottom: 10px; }
#mainCont .cont01 .teikei li{ margin-bottom: 5px; }
#mainCont .cont02{ margin-bottom: 30px; padding: 0 0 1px 20px; background: url(../images/bg_dot02.gif) repeat-y;  }
#mainCont .cont02 .cont01_2{ font-size: 0.9em; margin-left: 10px;}
#mainCont .cont02 .cont01_2 h3{ margin-bottom: 5px; font-weight: normal;}

#access .dl01 dt{ margin-bottom: 5px; }
#access .dl01 dd{ margin-bottom: 20px; }
#access h3 { font-weight: bold; }
#access h3 span{ font-weight: normal; }
.accessTbl th,
.accessTbl td{ padding-top: 5px; padding-bottom: 5px; }
.accessTbl th{ white-space: nowrap; }
.accessTbl td{ padding-left: 10px; }
.accessTbl td textarea{ width: 350px; height: 180px; }
#access .hissu{ color: #ff0000;}
#access th .hissu{ margin-left: 10px; }
.accessForm{ border-top: 1px solid #0d0320; padding: 20px 15px 15px 15px; }
.accessForm .btn01{}
.accessForm table th,
.accessForm table td{ border-bottom: 1px dotted #e0e0e0; padding-top: 10px; padding-bottom: 10px; }
#errMsg{ margin: 0 1em 0 1.3em; }
#errMsg li{ color: #ff0000; margin-bottom: 10px; list-style: disc;}

#ttTxt{ float:left; width: 308px; }
#ttTxt h2{ font-weight: bold; line-height: 140%; }
#ttTxt p{ margin-bottom: 30px; }
#ttPic{ float:right; width: 178px; }
#ttPic li{ margin-bottom: 20px; }
#ttTtl{ border-bottom: 1px solid #0d0320; padding: 0 0 5px 0; margin-bottom: 10px; font-size: 1.2em;}
#ttTtl span{ margin-right: 10px; }
#ttFromHana{ border: 1px solid #0d0320; padding: 15px; }
#testimonials #subLocal li{ margin-bottom: 10px; }

/* news */
#news #subLocal ul{ margin-bottom: 20px; }
#news #subLocal li{ margin-bottom: 10px; }
#news .navigation{ padding: 20px 10px 0; border-top: 1px dotted #e0e0e0; }
#news .navigation .alignleft{ float: left; width: 40%; }
#news .navigation .alignright{ float: right; width: 40%; text-align: right;}
#news .entry .title{ font-weight: bold; margin-bottom: 20px; font-size: 1.4em; }
#news .entry p{ margin-bottom: 5px; }
#news .entry hr{ margin: 20px 0; height: 1px; border: none; border-top: 1px #e0e0e0 dotted; }
#news .entry img{ margin-bottom: 10px; border: 3px solid #e0e0e0;}
#news .postmetadata{ color:#77767a; font-size: 0.9em; padding: 50px 0 0 0;  margin-bottom: 0; line-height: 100%; }
#news .loop .title{ font-weight: bold; margin-bottom: 20px; font-size: 1.4em; }
#news #newsList01 li{ background: url(../images/bg_dot03.gif) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 10px; }
#news .navigation{ font-size: 0.9em; }

#thumb-gallery img{ border: 3px solid #e4debc; }
#thumb-gallery li{ float: left; padding: 0 10px 10px 0;}

#popup{ background: none; }

/* print ---------------------------------------------------------------------------------------------- */
@media print{
	*:first-child+html .inner{ width: 951px; }
	* html .inner{ width: 951px; }
}