/*
Salon de Excell ;
last update : 2006/10/03 ;

*/


/*----------------------------------------------------------------------------基本設定(文字・行間・種類・禁則処理・ボーダー)*/

body{
background:url(../common_images/shadow_bg.jpg) #fff repeat-y 0 0;
font-family:"ＭＳ Ｐゴシック","Hiragino kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
font-size:12px;
line-height:1.4em;
color:#949494;
text-align:left;
margin:0;
padding:0;
}

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre{margin:0px;padding:0px;}

table,img{border:0px;}
li{list-style:none;}

a:link{color:#ED6E6F;text-decoration:underline;}
a:visited{color:#ED6E6F;text-decoration:underline;}
a:hover{color:#FBA9AA;text-decoration:none;}
a:active{color:#FBA9AA;text-decoration:none;}
a:focus{outline:none;}

em{color:#c96;font-weight:bold;font-style:normal;}

.button {
	background-color: #ff3366;
	color: #fff;
}
.button:hover {
	background-color: #ff9999;
}

/*----------------------------------------------------------------------------wrap*/

#wrap{width:760px;margin:0;}
#hwrap{
background:url(../common_images/header_bg.jpg) #fff no-repeat 0 0;
width:760px;
height:96px;
text-align:left;
margin:0 auto;
}
#cwrap{
	margin:7px 10px 20px 10px;
	padding:0;
	text-align: left;
}
#mwrap{
width:736px;
text-align:left;
padding:0 3px;
margin:0 auto;
}
.content{text-align:left;padding-top:2px;}
.contxt{padding:0 17px 0 16px;}

/*----------------------------------------------------------------------------hset*/

h1{
font-size:10px;
font-weight:normal;
letter-spacing:0.1em;
color:#ED6E6F;
text-align:left;
margin:0 0 4px 8px;
}


/*----------------------------------------------------------------------------float*/

.crr{clear:both;}


/*----------------------------------------------------------------------------padding*/

.padb5{padding-bottom:5px;}
.padb10{padding-bottom:10px;}
.padt5{padding-top:5px;}
.padt10{padding-top:10px;}
.padlr1{padding:0 1px;}
.padlr5{padding:0 5px;}
.padl8{padding-left:8px;}
.padr10{padding-right:10px;}
.padr15{padding-right:15px;}

/*----------------------------------------------------------------------------margin*/

.martt1{margin-top:1px;}
.martb5{margin:5px 0;}
.martb10{margin:10px 0;}
.marb5{margin-bottom:5px;}
.marb10{margin-bottom:10px;}
.marb20{margin-bottom:20px;}
.marb30{margin-bottom:30px;}
.marr5{margin-right:5px;}

/*----------------------------------------------------------------------------font*/

.f10{font-size:10px;}
.fpink{color:#ED8888;}
.fbown{color:#B87100;}


/*----------------------------------------------------------------------------header*/

.hadd{padding:0 24px 4px 16px;font-size:10px;color:#EA934E;line-height:1.3em;}

.hadd a:link,.hadd a:visited{color:#AC4E4E;text-decoration:underline;}
.hadd a:hover,.hadd a:active{color:#DC8B8B;text-decoration:none;}

/*----------------------------------------------------------------------------navi*/

.navi01{background:url(../common_images/g_navi/menu_home.gif) no-repeat 0 0;width:168px;}
.navi02{background:url(../common_images/g_navi/menu_salon.gif) no-repeat 0 0;width:168px;}
.navi03{background:url(../common_images/g_navi/menu_facial.gif) no-repeat 0 0;width:168px;}
.navi04{background:url(../common_images/g_navi/menu_nail.gif) no-repeat 0 0;width:168px;}
.navi05{background:url(../common_images/g_navi/menu_bio.gif) no-repeat 0 0;width:168px;}
.navi06{background:url(../common_images/g_navi/menu_cosme.gif) no-repeat 0 0;width:168px;}
.navi07{background:url(../common_images/g_navi/menu_school.gif) no-repeat 0 0;width:168px;}
.navi01 a,.navi02 a,.navi03 a,.navi04 a,.navi05 a,.navi06 a,.navi07 a{padding-bottom:3px;height:29px;display:block;text-indent:-99999px;}
.navi01 a:hover{background:url(../common_images/g_navi/menu_home_on.gif) no-repeat 0 0;}
.navi02 a:hover{background:url(../common_images/g_navi/menu_salon_on.gif) no-repeat 0 0;}
.navi03 a:hover{background:url(../common_images/g_navi/menu_facial_on.gif) no-repeat 0 0;}
.navi04 a:hover{background:url(../common_images/g_navi/menu_nail_on.gif) no-repeat 0 0;}
.navi05 a:hover{background:url(../common_images/g_navi/menu_bio_on.gif) no-repeat 0 0;}
.navi06 a:hover{background:url(../common_images/g_navi/menu_cosme_on.gif) no-repeat 0 0;}
.navi07 a:hover{background:url(../common_images/g_navi/menu_school_on.gif) no-repeat 0 0;}

/*----------------------------------------------------------------------------banner*/
.banner01{background:url(../common_images/banner_01.gif) no-repeat 0 0;width:168px; height:40px;}
.banner01 a{padding-bottom:3px;height:40px;display:block;text-indent:-99999px;}
.banner01 a:hover{background:url(../common_images/banner_01_on.gif) no-repeat 0 0;}

/*----------------------------------------------------------------------------naviarea*/

.mobiqr{background-color:#f3f3f3;padding-left:6px;}
.mobitxt{background-color:#f3f3f3;font-size:10px;line-height:1.2em;padding:0 6px 0 4px;}

/*----------------------------------------------------------------------------footer*/

#footer{
 background:url(../common_images/footer_line.gif) #FFF no-repeat 0 0;
 margin:10px 0;
 padding-top:15px;
 font-size:10px;
 letter-spacing:0.1em;
 text-align:center;
}
.flink{margin-bottom:5px;color:#F49699;}


/*----------------------------------------------------------------------------topmain*/

.biotxt{
	background:url(../images/bio_bg.jpg) #F1EBFF no-repeat right;
	padding:5px 90px 0 6px;
	text-align: left;
}
.biotxt2/*----------------------------------------------------------------------------topmain*/

{
	background:#ffff99;
	padding:5px 70px 0 6px;
	text-align: left;
}
.newsdate{padding-left:5px;color:#666666;}


/*----------------------------------------------------------------------------lowmain*/

.pan{font-size:10px;letter-spacing:0.1em;margin-bottom:10px;}
.pan a:link,.pan a:visited{color:#AC4E4E;text-decoration:underline;}
.pan a:hover,.pan a:active{color:#DC8B8B;text-decoration:none;}

h2,h3{margin-bottom:12px;}

.cambox{
 background:url(../common_images/cam_bnr_bg.gif) #F6EDCB no-repeat 0 0;
 width:336px;
 height:88px;
 color:#7E5A2B;
 padding:10px;
 margin-top:15px;
 text-align:center;
 }
.camtxt{font-size:16px;font-weight:bold;color:#CC7D00;padding:5px 0;}

.gboxtxt{background-color:#F3F3F3;color:#747474;padding:3px 15px;}

.toplink{text-align:right;padding-right:17px;}
.toplink a:link,.toplink a:visited{color:#AC4E4E;text-decoration:underline;}
.toplink a:hover{color:#DC8B8B;text-decoration:none;}


.prtxt{font-size:10px;color:#936112;letter-spacing:0.1em;}

.tableLayout{color:#535353;margin:0px;}

.tableLayout th{color:#97323F;font-weight:normal;text-align:center;padding:3px 0;}
.tableLayout td.course{background-color:#F7F0DA;padding:3px 0 3px 5px;}
.tableLayout td.courset{background-color:#F7F0DA;padding:0 0 3px 20px;}
.tableLayout td.swhite{font-size:10px;color:#949494;line-height:1.3em;padding:2px 0 5px 20px;}
.tableLayout td.price{background-color:#F7F0DA;color:#8C4C3F;text-align:center;padding:3px 0;}
.tableLayout td.nprice{background-color:#F7F0DA;color:#8C4C3F;text-align:right;padding:3px 5px 3px 0;}
.tableLayout td.biotxt{background-color:#fff;padding:2px 0 2px 5px;}
.coursetxt{font-size:10px;color:#949494;line-height:1.3em;}
.schooltxt{padding:3px 0 0 16px;}

/*facial*/
.fcmemo{list-style-type:disc;padding:5px 0;margin-left:16px;}

/*biogel*/
.biomerit{padding:2px 0 1px 6px;}

ul.nailphoto{display:table;}
ul.nailphoto li{display:table-cell;}
ul.nailphoto li img {
    max-width:200% !important;
    width: 96px;
    height: 128px;
    margin: 0 8px 5px 0;
    border: solid 1px #cccccc;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
ul.nailphoto li img:hover {
    width: 240px;
    height: 320px;
    margin-top: -50px;
    margin-left: -120px;
}

.subt {
    position: relative;
    margin: 0 -1.8em 1.5em -1.8em;
    padding: 0.5em;
    color: #fff; /* テキスト色 */
    text-align:center; /* テキスト位置 */
    background: #B92A2C; /* 背景色 */
    font-size: 1.25em; /* フォントサイズ */
    font-weight: bold; /* フォント太さ */
    box-shadow: 0 1px 3px #777;
    -moz-box-shadow: 0 1px 3px #777;
    -webkit-box-shadow: 0 1px 3px #777;
    -o-box-shadow: 0 1px 3px #777;
    -ms-box-shadow: 0 1px 3px #777;
}
.subt:after,
.subt:before{
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #808080; /* 折り返しの色１ */
}
.subt:before{
    right: 0;
    border-left: 5px solid #808080; /* 折り返しの色２ */
}
.subt:after{
    left: 0;
    border-right: 5px solid #808080; /* 折り返しの色３ */
}