body { margin: 0; color:#333; font-size: 14px; line-height: 23px; font-family: "Meiryo","MS ゴシック", sans-serif; background: #fff url('img/back-test.png') repeat-x; -webkit-text-size-adjust: 100%;}
div,p,ul { padding: 0; margin: 0;}
h1,h2 { font-weight: normal; padding: 0; margin: 0; line-height: 20px;}
a { text-decoration: none;}
img { border: 0;}
table { border-collapse: collapse;}
td { vertical-align: top; border: none; padding: 0;}

/*------------------------- HEADER ------------------------*/

.header { position: relative; padding: 0; margin: 0;}
#logo-new { height: 100px; margin-top: 10px;}
.header img { width: 90%; max-width: 400px;" id="logo-new;}
.header div { padding: 10px; border-top: 1px solid pink;}
.header p.p1 { font-size: 15px; color: #FF0066;}
.header p.p2 { font-size: 15px; color: #FF0066;}
.header p.p2 img { vertical-align: middle; margin-right: 8px; width: 25px; margin-bottom: 1px;}

.crevio-img { }
.crevio-img img { width: 100%; margin: 0;}

ul.concept { list-style: none;}
ul.concept li p { color: #CC0000; font-size: 14px; padding: 10px; border: 3px double #FF3366; margin: 1px 5px 10px 5px; text-align: center;}
ul.concept li span { font-size: 17px; display: block; background: #FFCCCC; padding: 10px; margin-bottom: 5px;}

/*--- CONCEPT2 ---*/
ul.concept2 { list-style: none;}
ul.concept2 li p { color: #CC0000; font-size: 14px; border: 3px double #FF3366; margin: 1px 5px 10px 5px; text-align: center; padding:0 0 10px 0;}
ul.concept2 li span { font-size: 30px; display: block; background: #FFCCCC; margin-bottom: 5px; line-height: 60px;}

ul.concept2 p.co1 { padding:0;}
ul.concept2 span.co2 { margin: 0;}

/*--- LINK ---*/
ul#nav3 { list-style: none; margin: 0; padding: 0 2px;}
ul#nav3 li { float: left; font-size: 16px; text-align: center; border: 1px #CCCCCC solid; padding:0; margin: 4px 2px 4px 2px; background-color: #FFFFFF; width: 50%; margin: 0; padding: 0; border: 0;}
ul#nav3 span { font-size: 14px;}
ul#nav3 a {  text-decoration: none; color: #6A3109; display: block; padding: 13px 0 10px 0;
 margin: 2px; background: #FF3399; padding: 20px 0; color: white; border: 1px solid #993366;

}
ul#nav3 a span { color: pink;}
ul#nav3 a:hover { background: #FFCCCC;}


/*------------------------- FOOTER ------------------------*/

.footer { padding: 20px 0;}
.footer p { font-size: 12px; color: #CC9900;}

/*------------------------- TOPPAGE ------------------------*/

div.photo { height: 400px; overflow: hidden; margin-bottom: 7px;}

/*--- news ---*/
ul#nav4 { list-style: none; float: none; width: 100%; margin: 0; padding: 0;}
ul#nav4 li { float: none;}

ul#nav4 li.right { position: relative; float: none; padding: 0; margin: 0; width: 100%;}


div.trouble { padding: 10px;margin: 5px;}
div.trouble p.tro-theme { line-height: 30px; border: 3px double #339999; border-radius: 8px; font-weight: bold; background: #BEF3D9; margin-bottom: 17px; padding: 10px 0 10px 10px; font-size: 16px;}
div.trouble p span.tro-theme2 { border-bottom: 1px solid #339999;; color:#006666; padding: 0 0 2px 5px;}
div.trouble p span.tro-color {font-size: 16px; color: #CC3300;}
div.trouble p span.tro-ex { color: #2E2E2E; line-height: 23px;}

/*--- 予約 ---*/

div.button-area { position: absolute; left:0px; top:460px; width: 100%; position: relative; margin: 0; padding: 0; background: white; top: 0; left: 0; text-align: center;}
div.backgro {text-align: center; background: white;}
a img.reserve { width: 100%;}
a img.voice { width: 100%;}
a img.sns { border: 1px solid #FF9999; width: 90px;}
a img.line { border: 1px solid #FF9999; padding-bottom: 40px; width: 150px;}
a.instalink {display: inline;}


.blog { background: #CC0066; padding: 1px; margin: 6px;}
.blog span { color: #fff; display: block; padding: 3px 0; text-align: center;}
.blog p { background: #fff; border-top: 1px solid #FF9999; text-align: center;}
.blog p a span { color: #FF3366; padding: 3px 0 0 0;}
.blog p a { color: #CC3300;}

/*--- STEP ---*/
div.step { padding: 0; margin: 6px;}

fieldset.set1 { border: 1px solid #FFCCCC; border-radius:8px; margin: 15px 0; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #fef0ec));
background: -webkit-linear-gradient(#fef0ec, #fff);
background: -moz-linear-gradient(#fef0ec, #fff);
background: -o-linear-gradient(#fef0ec, #fff);
background: -ms-linear-gradient(#fef0ec, #fff);
background: linear-gradient(#fef0ec, #fff);}


fieldset.set1 legend { margin: 0; padding: 5px 8px 5px 12px; font-size: 12px;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffcce7), color-stop(0.34, #ff94ae));
background: -webkit-linear-gradient(top, #ff94ae 34%, #ffcce7 100%);
background: -moz-linear-gradient(top, #ff94ae 34%, #ffcce7 100%);
background: -o-linear-gradient(top, #ff94ae 34%, #ffcce7 100%);
background: -ms-linear-gradient(top, #ff94ae 34%, #ffcce7 100%);
background: linear-gradient(to bottom, #ff94ae 34%, #ffcce7 100%); border-radius:4px; font-size: 13px;}
ul#nav4 li.right fieldset.set1 legend span { padding: 0 5px; font-size: 15px; color: #000000;}

ul#nav4 li.right div.topics { border: 1px solid rgba(255, 183, 214, 0.5); padding-bottom: 13px; margin-bottom: 10px;}
ul#nav4 li.right div.topics div { padding: 3px 28px 2px 28px; background: #e9aece; color: #fff; font-size: 15px; font-weight: normal; letter-spacing: 2px; margin: 7px 7px 4px 7px;}
ul#nav4 li.right div.topics p {  padding: 8px 10px 5px 10px; font-weight: normal; font-size: 16px; color: #FF6699; margin: 8px 12px; border-bottom: 1px dotted orange;}
ul#nav4 li.right div.topics span { padding: 0 20px;  display: block; color: #555555; line-height: 18px; font-size: 13px;}



fieldset.set1 div { padding: 0;}
fieldset.set1 div span { font-size: ;}
fieldset.set1 img { width: 180px; float: right; margin: 3px 0 5px 30px;}
fieldset.set1 p { margin: 10px 0 0 5px; color: #FF3366;}
fieldset.set1 ul { list-style: square; margin: 10px 24px 0 24px;}
fieldset.set1 ul li { float: none; color: #000000;}

.st-0 { width: 100%;}
.st-1 { width: 80%;} 
.st-2 { width: 80%;} 
.st-3 { width: 80%;} 

fieldset.set1 img.stimg{width: 80%; max-width: 350px; float: none; margin: 2px 0 0 2px;}
fieldset.set1 img.stimg2{width:80%; max-width: 350px; float: none; margin: 2px 0 0 2px;}
fieldset.set1 img.stimg3{ width: 60%; max-width: 200px; float: none; margin: 2px 0 0 2px;}




/*--- advertisement ---*/
.advertise { margin: 6px;}
.advertise p { font-size: 40px; color: white; text-align: center;}
.advertise span.value { font-size: 30px; color: white;} 
.advertise span.value2 { font-size: 14px; color: white;} 
.advertise span.surprise { font-size: 20px; color: black;} 

.int1wide2 { background: #66CCCC; padding:15px 0 15px 0; display: block; text-align: center;}
.int1wide3 { background: #66CC99; padding:15px 0 15px 0; display: block; text-align: center;}



/*--- e-este ---*/
div.page-col3 { width: 100%;}

div.exp { padding: 10px 0; position: relative; padding: 0;}
div.exp b { font-size: 15px; color: #CC9900;}
div.exp hr { border:0;border-top: 1px dotted #CC9900;}
div.exp p { font-size: 12px; margin-bottom: 40px;}
div.exp span { color:#CC3300; font-size:16px;}
div.exp img.bdr { border: 5px double #CC9933; border-radius: 8px; width: 80%; max-width: 350px; margin: 2px 0 0 2px;}

/*------- e-este ---------*/

div.page-col3 div.caption { margin: 31px 0 18px 0; border-width: 5px 0 1px 0; border-style: solid; border-color: #FFCC99; box-shadow: 0 2px 5px #ddd;}
div.page-col3 div.caption p { font-size: 18px; line-height: 20px; font-weight:bold; color: #CC0066; padding: 12px 10px 12px 10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #f3c5be));
background: -webkit-linear-gradient(#f3c5be, #fff);
background: -moz-linear-gradient(#f3c5be, #fff);
background: -o-linear-gradient(#f3c5be, #fff);
background: -ms-linear-gradient(#f3c5be, #fff);
background: linear-gradient(#f3c5be, #fff);
}
div.page-col3 div.caption span { display: block; font-size: 12px; line-height: 18px; border-top: 2px dotted #FFCC99; margin-top: 1px;
 padding: 7px 0 9px 0;}

div.page-col3 div.eqp {border: 1px solid pink; margin: 0 0 10px 0; padding: 0 0 20px 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #fcebff), color-stop(0.00, #f2e0ff));
background: -webkit-linear-gradient(top, #f2e0ff 0%, #fcebff 60%);
background: -moz-linear-gradient(top, #f2e0ff 0%, #fcebff 60%);
background: -o-linear-gradient(top, #f2e0ff 0%, #fcebff 60%);
}

div.page-col3 p.title-a { font-size: 15px; padding: 10px 0 0 30px; font-weight: bold;}

div.page-col3 hr { border:0;border-top:1px solid pink;}
div.page-col3 p.title-a span { font-size: 13px;}
 
div.page-col3 p { padding: 0; margin: 0;}
div.page-col3 p.subtitle-a { line-height: 22px; font-size: 15px; color: #FF3399; padding: 0 20px; margin:20px 0 20px 0;}
div.page-col3 p.paragraph { font-size: 13px; color: #003333; padding: 0 20px;}
div.page-col3 p.nb1 { font-size: 13px; color: #003333; padding: 0 20px;}
div.page-col3 p.nb2 { font-size: 13px; color: #003333; padding: 0 20px;}

div.page-col3 img.f-right { float: right; margin: 30px; }
.map { width: 100%; max-width: 493px;}


/*------- e-este ---------*/


div.page-col3 div.ttlstyle { text-align: center; border-width: 8px 0 1px 0; border-style: solid; border-color: #F34941; padding-bottom: 10px; box-shadow: 0 2px 5px #B9B9B9; background: #F99E99; color:#FFFFFF;}
div.page-col3 div.ttlstyle span.plan-title { border-top: 2px dotted #F34941;  display: block; margin-top: 3px; padding: 7px 0 9px 0;}
div.page-col3 div.ttlstyle span.plan-title2 { font-size:20px; display: block; padding-top: 10px; font-weight: bold; color:#FFFFFF;}
div.page-col3 div.ttlstyle span.square { font-size: 20px;}

/*------- machine ---------*/
.mc {}
.mc div.mc-1 { float:left;}
.mc div.mc-2 { float:left;}
.mc img {}
.mc img.pt {}


img.row { width: 100%; max-width: 250px; float: none; margin: 0;}


.mc img.row2 { margin: 10px 10px 10px 30px;}

.mc img.row3 { margin: 10px 10px 10px 60px;}
.mc img.row4 { margin-top: 40px;}
.mc img.row5 { margin-left: 26px;}
.mc img.row6 { margin: 350px 0 0 50px;}

.mc img.row7 {margin: 30px 0 0 30px;}

/*------- time ---------*/

.mg { margin: 0 7px 0 10px;}
.mg div.fs { font-size:15px; margin: 10px 10px 10px 0px; line-height: 25px;}
.mg div.fs2 { margin: 0 10px 0 10px; font-size: 10px}
div.exp div.caption span.mg-2 { margin-left:13px; font-size: 15px}


/*------- reserve ---------*/
ul#nav5 { list-style: none; padding: 0; margin: 6px;}
ul#nav5 li.space { margin-top: 40px;}
ul#nav5 li { margin: 0px;}
ul#nav5 li a { display: block; text-align: center; color: #FFFFFF; height: 80px; padding: 15px 0 15px 0; line-height: 40px;}
ul#nav5 a span.rs { font-size: 25px; color: white;}
ul#nav5 rs img { vertical-align: middle; margin-right: 8px; margin-bottom: 1px;}
ul#nav5 li a:hover { background: #FF6699;}

ul#nav5 li.col1 { background-color: #CC9966;}
ul#nav5 li.col2 { background-color: #CC3366;}
ul#nav5 li.col3 { background-color: #663366;}
ul#nav5 li hr { border:none; height: 1px; background: white; width: 90%;}
ul#nav5 li.reheigh { margin-bottom: 30px;}

#whitening { margin: 12px;}