﻿@charset "utf-8";

/* 基本 */

body{background:url(../img/common/bodybg.gif) no-repeat;background-position:top center;background-color:#fcf5f0;font-size:12pt;font-weight:normal;color: #4F5958;margin:0;padding:0 0 50px 0;font-family: serif;}

ul{margin:0 0 0 30px; padding:0;list-style-type:disc;font-size:14px; letter-spacing:0px; line-height:22px;}
ol{color:#333333; font-size:14px; line-height:22px;margin:0;padding:0 0 0 25px; letter-spacing:0px;}
li{margin:0; padding:0;}
img {border:0;}
.clear{clear:both;}
a:link,a:visited{color: #FF3333; text-decoration:none;}
a:hover,a:active {color: #FF3333; text-decoration: underline;}

p{color:#666666; font-size:13px; line-height:20px;margin:0;padding:0;font-family: serif !important;letter-spacing:0px;} 
html:not(:target) p { letter-spacing:-1px; } /* モダンブラウザ向け */  




/* メインナビ */
#mainNavi {position:absolute;top:52px;right:0;display: block;height: 31px;width: 505px;padding: 0px;margin: 0px;clear: both;float: none;}
#mainNavi em{text-indent: -9999px;float: left;list-style-type: none;padding: 0px;margin: 0px;}
#mainNavi a{text-decoration: none;display: block;background-image: url(../img/common/menu.gif);height: 31px;background-position: left top;outline:none;}
#menu01 a{width: 73px;background-position: 0px 0px;}
#menu02 a{width: 85px;background-position: -73px 0px;}
#menu03 a{width: 90px;background-position: -158px 0px;}
#menu04 a{width: 68px;background-position: -248px 0px;}
#menu05 a{width: 85px;background-position: -316px 0px;}
#menu06 a{width: 104px;background-position: -401px 0px;}
#menu01 a:hover,#menu01ed a{width: 73px;background-position: 0px -31px;}
#menu02 a:hover,#menu02ed a{width: 85px;background-position: -73px -31px;}
#menu03 a:hover,#menu03ed a{width: 90px;background-position: -158px -31px;}
#menu04 a:hover,#menu04ed a{width: 68px;background-position: -248px -31px;}
#menu05 a:hover,#menu05ed a{width: 85px;background-position: -316px -31px;}
#menu06 a:hover,#menu06ed a{width: 104px;background-position: -401px -31px;}

/* サイドナビ */
#SideMenu{display: block;padding: 0px;margin: 0px;}
#SideMenu a{background-image: url(../img/sidemenu.gif);text-decoration: none;display: block;width: 139px;}
#SideMenu em{text-indent: -9999px;list-style-type: none;}

#Smenu01 a{height: 39px;background-position: 0px 0px;}
#Smenu02 a{height: 53px;background-position: 0px -39px;}
#Smenu03 a{height: 53px;background-position: 0px -92px;}
#Smenu04 a{height: 53px;background-position: 0px -145px;}
#Smenu05 a{height: 53px;background-position: 0px -198px;}

#Smenu01 a:hover,#Smenu01ed a{height: 39px;background-position: -139px 0px;}
#Smenu02 a:hover,#Smenu02ed a{height: 53px;background-position: -139px -39px;}
#Smenu03 a:hover,#Smenu03ed a{height: 53px;background-position: -139px -92px;}
#Smenu04 a:hover,#Smenu04ed a{height: 53px;background-position: -139px -145px;}
#Smenu05 a:hover,#Smenu05ed a{height: 53px;background-position: -139px -198px;}


/* 見出し */
h1{background-image: url(../img/common/logo.gif); background-repeat:no-repeat;display: block; width:354px; height:0px;padding: 0 0 63px 0;margin:0;background-position: left top;text-indent:-9999px;}
h1 a {display:block;margin: 0;width:270px;height:40px;padding:20px 0 0 0;text-indent: -9999px;overflow: hidden;}
h2{padding:0;margin:0;text-indent: -9999px;}
h3{background-image: url(../img/common/bg_h3.gif); background-repeat:no-repeat; width:635px; height:19px;padding:8px 0 6px 20px;margin:15px 0 15px 0;color:#666; font-size:15px; font-weight:bold; letter-spacing:0;}
#midasi01 {background-image: url(../img/headword/midasi01.gif);height: 38px;background-position: left top;background-repeat: no-repeat;}
#midasi02 {background-image: url(../img/headword/midasi02.gif);height: 38px;background-position: left top;background-repeat: no-repeat;}
#midasi03 {background-image: url(../img/headword/midasi03.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#midasi04 {background-image: url(../img/headword/midasi04.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#midasi05 {background-image: url(../img/headword/midasi05.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#midasi06 {background-image: url(../img/headword/midasi06.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#midasi07 {background-image: url(../img/headword/midasi07.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#midasiShopInfo {background-image: url(../img/headword/midasi-info.gif); width:685px; height: 38px;background-position: left top;background-repeat: no-repeat;}

#headwordEyebrow {background-image: url(../img/headword/eyebrow.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#headwordLip {background-image: url(../img/headword/lip.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#headwordEyeline {background-image: url(../img/headword/eyeline.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#headwordNail {background-image: url(../img/headword/nail.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}
#headwordEyelash {background-image: url(../img/headword/eyelush.gif);width:685px;height: 38px;background-position: left top;background-repeat: no-repeat;}


/* ラッパー */
*html #wrapperSide {
behavior: expression(IEPNGFIX.fix(this));
} 
#wrapperSide{background:url(../img/common/wrapperside.png) repeat-y;background-position:0px 0px;width:971px;left:auto;right:100%;height:100%;margin:11px auto 0 auto; padding:0;}
#wrapper{background:url(../img/common/wrapperbg.gif) repeat-x;background-position:top;
position:relative;width:900px;left:auto;right:auto;height:auto;margin:0 auto 0 auto; padding:0 20px 10px 20px;background-color:#fff;}
/* ヘッダー */
#header{position:relative;width:900px;height:100px;}
#logo{position:absolute;width:283px;height:33px;top:18px;left:0px;}
#topinfo{position:absolute;width:294px;height:28px;top:20px;right:0;}
/* コンテンツエリア */
#ContentArea{width:900px; padding:0 0 20px 0;margin:20px 0 0 0; clear:both;}
#Content{width:650px; background-color:#fff; margin:0;padding:0;float:left;}
#Banner {width: 192px;float:right;margin:13px 0 0 0;}
#Banner img{margin:0 0 0 0; border:1px solid #bfbfbf;}
/* フッター */
#footerBottom{background:url(../img/common/wrapperbottom.gif) no-repeat;background-position:center;height:145px;}
.footer{width:900px; background-color:#fff;padding:20px 0 0 0; margin:0; border-top:1px solid #dfdbbf;}
.footerMenu{width:880px; padding:10px; margin:0;text-align:center; background-color:#fcfcfc;border:1px solid #d7d7d7;}
.footerMenu p{font-size:10px;}
.footerMenuLine{ border-left:1px solid #d7d7d7;padding:1px 5px 1px 5px;}
.copy{width:900px; padding:0; margin:10px 0 0 0;text-align:center;}
.copy p{font-size:11px;color:#78726c;}
.copy img{margin:5px 0 0 0;}
.footer a:link,.footer a:visited{color: #666; text-decoration:none;}
.footer a:hover,.footer a:active {color: #666; text-decoration: underline;}

/* 共通 */
.ContentBox{margin:30px 0 0 0; padding:10px 0 0 0;background:url(../img/h3back.gif) no-repeat;}
.green{color:#ffa500;}
.green2{color:#249f14;}
.top10{margin:10px 0 0 0;}

/* テーブル */
.backYellow{ background-color:#FFFFCC;}
.backGreen{ background-color:#ccfcc5;}
.backGreen2{ background-color: #d1f1da; font-size:13px; font-weight:normal;padding:2px 5px; letter-spacing:-1px;margin:0 5px 0 0;}

table.price {margin-bottom: 10px;width: 650px;border-spacing: 0px;border-collapse: collapse;color:#161611;background-color: #fbf9f8; line-height:20px;}
table.price th {color:#666666;background-color: #dbf2f2;width: 200px;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.price td.bgGreen{color:#666666;background-color: #dbf2f2;width: 100px;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.price td.bgGray{color:#666666;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}

table.price02 {margin-bottom: 10px;width: 650px;border-spacing: 0px;border-collapse: collapse;color:#161611;background-color: #fbf9f8; line-height:20px;}
table.price02 th {color:#666666;background-color: #dbf2f2;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.price02 td.bgGreen{color:#666666;background-color: #dbf2f2;width: 120px;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.price02 td.bgGray{color:#666666;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}


table.priceNail {margin-bottom: 10px;width: 650px;border-spacing: 0px;border-collapse: collapse;color:#161611;background-color: #fbf9f8; line-height:20px;}
table.priceNail th {color:#666666;background-color: #dbf2f2;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.priceNail td.bgGreen{color:#666666;background-color: #dbf2f2;　width: 70px;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.priceNail td.bgGray{color:#666666;background-color: #fbf9f8; border: width: 70px;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.priceNail td.bgGreenW{color:#666666;background-color: #dbf2f2;　width: 150px;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.priceNail td.bgGrayW{color:#666666;background-color: #fbf9f8; border: width: 150px;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}



/* トップページ */
.flash{width:900px;height:538px; margin:0 0 0 0;}
#TopContent{width:590px; background-color:#fff; margin:0;padding:0;float:left;}
#Topics {width: 580px;height:185px; margin:10px 0 0 0;padding:30px 40px 70px 40px;color: #333333;background-color:#fff;}
#Topics p{line-height: 16px; font-size:13px;padding: 0; margin:7px 0 0 0;}
#Topics a:link,#Index #Topics a:visited,#Contents a:link,#Contents a:visited {color: #999999;}
#Topics a:hover,#Index #Topics a:active,#Contents a:hover,#Contents a:active {color: #FFFFFF;}
#topicstop {color: #333333;margin:0;width: 580px; font-size:18px; font-weight:bold; padding: 0 0 10px 0;border-bottom: 1px solid #333333;}

.topicstitle{font-size: 14px; font-weight:bold; color: #a29900;padding: 0; margin:0;}
.conceptText{color: #cccccc;margin:0;width: 380px; padding: 0; margin:13px 0 0 0; float:right;}
.TopBox{padding:0;margin:10px 10px 30px 35px;}
.TopConcept{padding:0;margin:0;}
.TopBoxImage{padding:0;margin:0;width:150px;height:263px; float:left;}
.TopBoxText{padding:0 0 20px 0;margin:0;width:410px; float:right;}
.list{text-align:right;}
#BannerTop {width: 283px;float:right;margin:13px 0 0 0;}
#BannerTop img{margin:0 0 0 0; border:1px solid #bfbfbf;}


/* サービスページ */
.serviceBack{width:650px;height:275px; margin:0 0 10px 0;background-image: url(../img/service/serviceback.jpg);background-repeat: no-repeat;background-position: bottom right;}
.service01{width:430px;}

.serviceBox {float:left;margin:0 5px 0 0; padding:0;}
.service_area {width:300px;margin: 0px;padding:10px 10px 0 10px;background-image: url(../img/common/servicebox.gif);background-repeat: no-repeat;background-position: 0px 0px; }
.service_area_bottom{width:320px;height:8px;margin: 0 0 10px 0;padding:0px;background-image: url(../img/common/servicebox_bottom.gif);background-repeat: no-repeat;background-position: 0px 0px; }
.service_body {width:290px;padding: 5px 5px 0 5px;}
.service_img {width:100px;padding: 0;margin:0; float:left;}
.service_text {width:180px;padding: 0;margin:0; float:right;}
.service_body h4{ font-size:13px; padding:0;margin:0 0 5px 0;}
.service_body h4 a{ color:#666;}
.service_text img{ text-align:bottom;}


.serviceBt{background:url(../img/common/shousai.gif) no-repeat;width:135px;height:25px;text-indent:-9999px;display:block; padding:0 0 3px 0;margin-top:5px;margin-left:auto;margin-right:auto;clear:both;}
.serviceBt a{width:135px;height:25px;display:block;outline:none;}
.serviceBt a:hover{background:url(../img/common/shousai02.gif) no-repeat;}

.centerBt{background:url(../img/btn/btn.gif) no-repeat;width:221px;height:41px;text-indent:-9999px;display:block; padding:0 0 20px 0;margin-top:30px;margin-left:auto;margin-right:auto;clear:both;}
.centerBt a{width:221px;height:41px;display:block;outline:none;}
.centerBt a:hover{background:url(../img/btn/btn02.gif) no-repeat;}

.centerBlogBt{background:url(../img/btn/blogbtn.gif) no-repeat;width:215px;height:39px;text-indent:-9999px;display:block; padding:0 0 20px 0;margin-top:10px;margin-left:auto;margin-right:auto;clear:both;}
.centerBlogBt a{width:215px;height:39px;display:block;outline:none;}
.centerBlogBt a:hover{background:url(../img/btn/blogbtn02.gif) no-repeat;}

.eyebrow_body {padding: 20px; margin:0 0 20px 0; border: 1px dotted #CCC; background-color:#fcfbfa;}
.eyebrow_title {padding:0 0 10px 0; margin:0 0 10px 0; border-bottom: 1px dotted #CCC; font-size:14px; font-weight:bold;}
.eyebrowC{text-align:center;margin:20px 0 40px 0;}
.eyebrowL{float:left; width:250px;}
.eyebrowR{float:right; border: 1px dotted #CCC; }

.eyebrowL2{float:left; width:400px;}
.eyebrowR2{float:right;width:230px;}
.eyebrowL3{float:left; width:370px;}
.eyebrowR3{float:right;width:250px;}
.eyelashL2{float:left; width:380px;}
.eyelashR2{float:right;width:250px;}

.flowBox {background:url(../img/common/flowbox.gif) no-repeat;background-position:top left;background-color: #fcfbfa;border: 1px dotted #cccccc;margin:0 0 10px 0;padding:20px;}
.flowTitle {padding: 0; margin:0; font-size:14px; font-weight:bold;}
.flowTitleSub {font-size:13px; font-weight:normal;}
.flowBody {padding: 10px 0 0 0;}
.flowBody img{margin: 20px 0 0 0;}

.liplineL{float:left; width:430px;}
.liplineR{float:right;width:185px;}
.lensL{float:left; width:430px;}
.lensR{float:right; width:200px;}


.nailL{float:left; width:340px;}
.nailR{float:right;width:300px;margin:0 0 0 0;}


h3.attendh3{background-image: url(../img/common/attendh3.gif); background-repeat:no-repeat; width:635px; height:19px;padding:8px 0 6px 20px;margin:30px 0 0 0;color:#ff777a; font-size:15px; font-weight:bold; letter-spacing:0;}
.attend{background:url(../img/common/attend.gif) no-repeat;background-position:bottom right;border: 4px double #ffdddd;padding: 10px 30px 30px 30px;margin:10px 0 0 0; background-color:#fdfaf7;}
.attend h4{ font-size:13px; font-weight:normal;padding:0;margin:15px 0 8px 0; color:#FF6666;}
.attend p{ font-size:11px; font-weight:normal; padding:0; margin:0 0 0 10px;line-height:17px;}
.width20{width:20%;}
.width30{width:30%;}

/* ギャラリーページ */
.gallery_area {width:600px;margin: 0px;padding:10px 25px 0 25px;background-image: url(../img/common/gallerybox_side.gif);background-repeat: no-repeat;background-position: 0px 0px; }
.gallery_area_bottom{width:650px;height:8px;margin: 0 0 20px 0;padding:0px;background-image: url(../img/common/gallerybox_bottom.gif);background-repeat: no-repeat;background-position: 0px 0px; }
.gallery_title {padding: 13px 0; margin:0 20px 5px 20px;border-bottom: 1px dotted #CCC; font-size:14px; font-weight:bold;}
.gallery_body {padding: 10px 20px 10px 20px;}
.gallery_img {padding: 0;margin:20px 0 0 0;background-image: url(../img/common/yaji.gif);background-repeat: no-repeat;background-position: center;}
.gallery_img .left{float:left; border: 1px dotted #CCC; }
.gallery_img .right{float:right; border: 1px dotted #CCC; }

.gallery_titleB{padding: 13px 0 13px 80px; margin:0 0 5px 0;background-image: url(../img/common/icon-b.gif);background-repeat: no-repeat;background-position: 0px 6px; border-bottom: 1px dotted #CCC; font-size:14px; font-weight:bold;}
.gallery_titleC{padding: 13px 0 13px 80px; margin:0 0 5px 0;background-image: url(../img/common/icon-c.gif);background-repeat: no-repeat;background-position: 0px 6px; border-bottom: 1px dotted #CCC; font-size:14px; font-weight:bold;}




/* 店舗紹介ページ */
.companyprofileBox {padding:0;margin:10px 10px 30px 35px;width: 650px;}
table.gaiyou {margin-bottom: 10px;width: 650px;border-spacing: 0px;border-collapse: collapse;color:#161611;background-color: #fbf9f8; line-height:20px;}
table.gaiyou th {color:#666666;background-color: #dbf2f2;width: 140px;border: 1px solid #fff;font-size: 12px;text-align: center;padding:5px 0 5px 0;font-weight: normal;}
table.gaiyou td {color:#666666;border: 1px solid #fff;font-size: 12px;text-align: left;padding:5px 0 5px 10px;font-weight: normal;}
table.gaiyou td.imgarea{width:200px;border: 1px solid #fff;padding:0;margin:0;text-align: right;}
.centerImg img{margin-left:auto;margin-right:auto;margin-top:20px;}

/* お問い合わせページ */
table#formTable {margin:10px 0 10px 0;width: 580px;border-spacing: 0px;border-collapse: collapse;color:#161611;background-color: #fcfcf7; line-height:20px;}
table#formTable th {background-color: #ccfcc5;width: 150px;border: 1px solid #888888;font-size: 14px;text-align: center;padding:3px 0 3px 0;font-weight: bold;}
table#formTable td {border: 1px solid #888888;font-size: 14px;text-align: left;padding:3px 0 3px 10px;font-weight: normal;}
.formBt{ text-align:center; margin:20px 0 0 0;}
.inquiry{margin:20px 0 40px 30px;}



/*---Q&A---*/
.qaindex {margin: 0;}
.qaindexL {float:left;width:300px;}
.qaindexR {float:right;width:350px;}
.qaindex p{margin: 0 0 0 10px;padding: 2px 15px;font-size: 13px;line-height: 15px;background-image: url(../img/qa/list_yellow.gif);background-repeat: no-repeat;background-position: 0px 6px;}
.qaindex p a:link{color: #666;text-decoration:none;}
.qaindex p a:active{color: #666;text-decoration:none;}
.qaindex p a:visited{color: #666;text-decoration:none;}
.qaindex p a:hover{color: #666;text-decoration:underline;}
.qa_area {background:url(../img/common/flowbox.gif) no-repeat;background-position:top left;width:600px;margin-top: 10px;padding:15px 25px 5px 25px;border:1px solid #e2e2e2;background-color: #fcfbfa;}
.qa_title {padding: 8px 0 8px 35px;margin:0 0 5px 0;background-image: url(../img/qa/q.gif);background-repeat: no-repeat;background-position: 0px 6px; border-bottom: 1px dotted #CCC; font-weight:bold;font-size:16px;}
.qa_body {padding: 5px 15px 10px 35px;background-image: url(../img/qa/a.gif);background-repeat: no-repeat;background-position: 0px 6px;}
.qamain{margin:50px 0 0 0;}

.subpanks{margin:0;font-size:12px;}
.subpanks a{color: #12499e;text-decoration:underline;}
.subpanks a:hover{color:#12499e;text-decoration:underline;}
.subpanks2{margin: 0; padding:0;text-align:right;}
.subpanks2 a{color: #12499e;text-decoration:underline;outline:none;}
.subpanks2 a:hover{color:#12499e;text-decoration:underline;}

/* nail */
.clearfix {
zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after { /* for modern browser */
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.photoWrapper{
	width:600px;
	margin:20px auto 28px;
}
h4{
	margin-bottom:6px;
}
.photoWrapper h4 img{
	border:none;
}
.photoRow{
	width:192px;
	margin-right:12px;
	float:left;
}
.photoWrapper img{
	border:1px solid #ccc;
}
.photoWrapper p{
	margin-bottom:12px;
}

.chartLeft{
	width:290px;
	float:left;
}

.chartRight{
	width:290px;
	float:right;
}
.chartLeft img,.chartRight img{
	border:none;
}
#price{

	margin:20px 0 40px 3px;
}

#price th{
	width:20%;
}
#price td{
	width:30%;
}
#price table{
	margin-bottom:20px;
		width:646px;
}
#price table.base td{
	width:80%;
}
#left{
	margin-right:0;
}
