@import url(https://fonts.googleapis.com/css?family=Cinzel);

.grecaptcha-badge {
    display: none;
}
.newarrivalRank
{
 text-align:center;
 font-family: 'Cinzel', serif!important;
 font-size:30px;
 padding:30px;    
}
#tableAbout 
{
width:100%;
}
#tableAbout td img
{
margin-bottom:15px;
}
.noborderTable td
{
    border:solid 0px #fff;
    padding:5px;
}
#categoryDetail
{
    padding: 20px 20px 30px 20px; 
}
#tableLease img
{
 max-width:none;   
     width: 230px; 
     margin-left:10px;
     margin-right:70px;
     float: right;
}
#tableLease td
{
     width: 180px; 
     vertical-align:top;
     padding-bottom:15px;
}
#tableLease
{
table-layout:fixed;
width:700px;
margin-left:50px;
}
#tableLease td p
{
 margin:0px;
}
.thispage
{
background-color:#696553;
color:#fff;
padding:10px;
margin-right:20px;
font-size:14px;
}
.otherpage
{
background-color:#fff;
border:solid 1px #696553;
color:#696553;
padding:10px;
margin-right:20px;
font-size:14px;
}
.otherpage:hover
{
background-color:#696553;
color:#fff;
}
#selectmenu
{
 position:absolute;
 top:60px;
 left:210px;
 width:1050px;
z-index:120;
}
#selectmenu2
{
 position:absolute;
 top:60px;
 left:846px;
 width:300px;
z-index:120;
}
#selectmenu3
{
 position:absolute;
 top:60px;
 left:85px;
 width:250px;
z-index:120;
}
#selectmenu4
{
 position:absolute;
 top:60px;
 left:440px;
 width:250px;
z-index:120;
}
#selectmenu9 {
    position: absolute;
    top: 60px;
    left: 325px;
    width: 250px;
    z-index: 120;
}
#selectmenu5
{
  position:absolute;
 top:60px;
 left:678px;
 width:250px;
z-index:120;
}
#selectmenu6
{
  position:absolute;
 top:60px;
 left:565px;
 width:250px;
z-index:120;
}
.dropmenu
{
background-color:#fff!important;
color:#696553!important;
text-decoration:none!important;
width:300px!important;
height:30px!important;
line-height:30px!important;
padding:5px!important;
padding-left:10px!important;
display:block!important;
border-bottom:dotted 1px #696553;
text-align: left!important;
text-decoration: none!important;
text-indent: 0px!important;
white-space: nowrap!important;
word-break: break-all!important;
background-image:none!important;
font-size:12px;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.dropmenu:hover
{
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90)";
color:#ff727d!important;
}

#page_contents ol li {
background: url(img/list1.png) no-repeat 0 6px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding:0px 0px 0px 20px!important;
}
#page_contents ul li {
background: url(img/list2.png) no-repeat 0 6px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding:0px 0px 0px 20px!important;
}
.pankuzu
{
float:right;
position:relative;
top:-50px;
}
.pankuzu li
{
display: inline;
}

#paytable 
{
   margin:0px auto;
    width:400px;
}.
#paytable td
{
border:solid 1px #ddd;
padding:10px 20px;
}
.paytd1
{
 background-color:#f4f4f4;
}
.cke_show_borde td
{
border:solid 1px #dddddd!important;
padding:10px!important;
}

/*ボックス追加 from*/
.itemPicFrame
{
	width:330px;
height:228px;
overflow: hidden;
}
.itemBox
{
    float:left;
	width:330px;
	height:398px;
	padding-left:17px;
	padding-right:20px;
	padding-top:17px;
	margin-bottom:20px;
background-image: url("../img/frame.png");
background-repeat: no-repeat;
}
.itemBox img
{
	width:330px;
}
.itemTitle
{
    margin-top:15px; 
    margin-left:0px; 
    font-weight:bold;    

}
.itemText
{
    margin-top:5px; 
    margin-left:0px; 


}
/*ボックス追加 to*/

.tableUse td
{
 border:solid 1px #dddddd;
padding:10px;
}
body {
color: #333333;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, sans-serif;
 font-size:11px;
}
img {
   vertical-align:bottom
}
/*フォントサイズはこちら*/
.layout_rightbox
{
 font-size:11px;
}

.product_ranking a
{
text-decoration:none;
}
p{
padding:0px;
margin:0px;
}
/*見出し*/
h1
{
background-image: url("../img/midashi1.png");
padding:0px;
margin:0px;
width:730px;
height:41px;
line-height: 23px;
color:#6A6655;
font-size:15px;
padding-top:0px;
padding-left:20px;
font-weight:bold;
background-repeat: no-repeat;
}
h2
{
background-image: url("../img/midashi2.png");
padding:0px;
margin:0px;
width:740px;
height:31px;
color:#ffffff;
font-size:15px;
padding-top:12px;
padding-left:20px;
font-weight:bold;
background-repeat: no-repeat;
}
h3
{
background-image: url("../img/midashi3.png");
color:#2b7707;
padding:0px;
margin:0px;
width:730px;
height:35px;
font-size:15px;
padding-top:8px;
padding-left:30px;
font-weight:bold;
background-repeat: no-repeat;
}
h4
{
background-image: url("../img/midashi4.png");
color:#fff!important;
padding:0px;
margin:0px;
width:730px;
height:48px;
font-size:15px;
padding-top:9px;
padding-left:20px;
font-weight:normal;
background-repeat: no-repeat;
}
h5
{
background-image: url("../img/midashi5.png");
color:#ffffff;
padding:0px;
margin:0px;
width:730px;
height:48px;
font-size:18px;
font-weight:bold;
padding-top:17px;
padding-left:40px;
background-repeat: no-repeat;
}
h6
{
background-image: url("../img/midashi6.png");
color:#72cec0;
padding:0px;
margin:0px;
width:750px;
height:53px;
font-size:20px;
font-weight:bold;
text-align:center;
padding-top:10px;
background-repeat: no-repeat;
}
#page_contents_bg
{
background-image: url("../img/pegetop.png");
background-color:#fff;
background-repeat: no-repeat;

    -webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;  
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding:10px;
font-size:14px;
color:#696553;
line-height:23px;
}
#page_contents_bg a
{
color:#999966;
}
#page_contents_bg a:hover
{
color:#c7c7ab;
}
#page_contents p
{
 margin-left:10px;
margin-right:10px;
}
#page_contents div
{

}
.layout_rightbox
{
    width:200px;
margin-top:20px;
float:left;
}
.layout_leftbox
{
    width:770px;
    line-height:20px;
float:left;
margin-top:70px;
margin-left:30px;
}
.leftbox
{
margin-left:0px;
margin-right:0px;
}
/* ------------一番上のバー------------ */
.background_1
{
background-color:#000000;
}
.background_1 a
{
 text-decoration:none;
}
.background_1 a:hover
{
 color:#ffffff;
 text-decoration:underline;
}
/* ------------一番下のバー フッター------------ */
.background_4
{
height:120px;
background-image: url("../img/footer.png");
background-repeat: repeat-x;
margin-top:20px;
background-color:transparent;
}
.foot_plus
{
height:200px;
width:1000px;
position: relative;
}
/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_0{
background-image:url("../img/green2.png"),url("../img/bg.png");
background-repeat:no-repeat,repeat-x;
background-position:right 10px,top left;
}
.background_2 .layout_centering{

}
/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_3 .layout_centering{

}
/* ------------バックグランド　コンテンツ1000px内側------------ */
.background_3_2{
}
/* ------------バックグランド　各ボックス------------ */
.box
{
border: solid 0px #ffffff!important;
}
/* ------------ナビバー設定------------ */

#headerMenu{
  margin:0;
  padding:0;
margin-top:15px;
position:relative;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
    #headerMenu ul.menu li a {
        text-decoration: none;
        text-indent: -9999px;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        background: url(../img/menu3.jpg?20230825) no-repeat;
        background-repeat: no-repeat;
    }
    #headerMenu ul.menu li a:hover {
        background: url(../img/menu3BG.png?20230825) no-repeat;
    }

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu{
  width:1000px;        /* メニュー全体の幅 */
}
#headerMenu ul.menu li a{
  line-height:60px;   /* ボタンの高さ */

}


/* ------------ナビバー設定 背景------------ */

#headerMenu ul.menu li.menu1 a{ background-position: 0px 0px; width:125px; }
#headerMenu ul.menu li.menu1 a:hover{ background-position: 0px 0px; }

#headerMenu ul.menu li.menu2 a{ background-position: -125px; width:125px; }
#headerMenu ul.menu li.menu2 a:hover{ background-position: -125px 0px; }

#headerMenu ul.menu li.menu3 a{ background-position: -250px 0px; width:115px; }
#headerMenu ul.menu li.menu3 a:hover{ background-position: -250px 0px; }

#headerMenu ul.menu li.menu4 a{ background-position: -365px 0px; width:115px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -365px 0px; }

#headerMenu ul.menu li.menu5 a{ background-position: -480px 0px; width:125px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -480px 0px; }

#headerMenu ul.menu li.menu6 a{ background-position: -605px 0px; width:115px; }
#headerMenu ul.menu li.menu6 a:hover{ background-position: -605px 0px; }

#headerMenu ul.menu li.menu7 a{ background-position: -720px 0px; width:165px; }
#headerMenu ul.menu li.menu7 a:hover{ background-position: -720px 0px; }

#headerMenu ul.menu li.menu8 a{ background-position: -885px 0px; width:115px; }
#headerMenu ul.menu li.menu8 a:hover{ background-position: -885px 0px; }

/* ------------ナビバー設定------------ */
/* ------------#box_5:左バナー------------ */
.registMust
{
 color:red!important;
padding-left:10px;
}

.sidelink {
    display:block;
    color:#333333;
    width:208px;
    height:26px;
    background-image:url(https://danro-salon.com/img/leftmenu.png);
    text-decoration:none;
    padding-left:30px;
    padding-top:9px;
border-bottom:dotted 1px #613C33;
font-size:12px;
  }
  .sidelink:hover {
    color:#333333;
    background-image:url(https://danro-salon.com/img/leftBG.png);
    text-decoration:underline;
  }

.salontable td
{
border-bottom:dotted 1px #b3b3b3;
vertical-align:top;
padding:3px;
}

.footlink
{
color:#ffffff;padding-left:20px;padding-right:20px;
}
.footlink:hover
{
 text-decoration:none;
color:#ffffff;
}

/*------------------------------------------------------------*/

/*画像*/

/*------------------------------------------------------------*/
.mediumPic
{
width:400px;
}
.largePic
{
width:600px;
}
.smallPic
{
width:200px;
}
.floatLeftPic
{
float:left;margin-right:10px;
}
.floatRightPic
{
float:right;margin-left:10px;
}  
table#salonMenu
{
 
}
table#salonMenu td
{
 border:solid 1px #613c33;
padding:10px;
text-align:center;
color:#613c33;
}
table#salonMenu td.noborder
{
 border:solid 0px #613c33;
}
.onlymobile
{
 display:none;
}
#kaimonoBox
{
width:200px;       
margin-top:10px;
  height:105px;
  display:block;
   background:url(../img/topcart.png) no-repeat;
}
.layout_centering2{
    margin:0px auto;
    width:1508px;
}
#display_edit_tool_box
{
z-index:99;
}



















#viewer {
	margin: 0 auto;
	width: 1508px;
	height: 536px;
	text-align: left;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}
.product_ranking
{

}
.product_ranking img
{
 float:left;
}
.product_ranking_item
{
margin-top:10px;
 border-bottom:solid 1px #C8C8C8;
 float:left;
 width:182px;
 padding-left:10px;
 padding-bottom:10px;
 height:50px;
line-height:19px;
}
.product_ranking_item_left
{
 float:left;
 width:65px;
}
.product_ranking_item_right
{
 float:left;
 width:117px;
}
.marginRight
{
 margin-right:10px;
 margin-bottom:0px;
}
.item_name
{
 color:#474d23;
 font-size:12px;
 font-weight:bold;
}
.item_name2
{
color:#909090;
font-size:10px;
line-height:11px!important;
}
   /* ------------ナビバー設定------------ */

#headerMenu_second{
  margin:0;
  margin-top:20px;
  padding:0;
}
#headerMenu_second ul.menu_second{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu_second ul.menu_second li{
  display:inline;
}
#headerMenu_second ul.menu_second li a{
  text-decoration:none;
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  background:url(img/topcategorymenu.png) no-repeat;
background-repeat: no-repeat;
}
#headerMenu_second ul.menu_second li a:hover{
  background:url(img/topcategorymenuBG.png) no-repeat;
}

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu_second{
  width:780px;        /* メニュー全体の幅 */
}
#headerMenu_second ul.menu_second li a{
  line-height:58px;   /* ボタンの高さ */
}

/* ------------ナビバー設定 背景------------ */

#headerMenu_second ul.menu_second li.menu1_second a{ background-position: 0px 0px; width:165px; }
#headerMenu_second ul.menu_second li.menu1_second a:hover{ background-position: 0px 0px; }

#headerMenu_second ul.menu_second li.menu2_second a{ background-position: -165px; width:218px; }
#headerMenu_second ul.menu_second li.menu2_second a:hover{ background-position: -165px 0px; }

#headerMenu_second ul.menu_second li.menu3_second a{ background-position: -383px 0px; width:173px; }
#headerMenu_second ul.menu_second li.menu3_second a:hover{ background-position: -383px 0px; }

#headerMenu_second ul.menu_second li.menu4_second a{ background-position: -557px 0px; width:224px; }
#headerMenu_second ul.menu_second li.menu4_second a:hover{ background-position: -557px 0px; }


/* ------------ナビバー設定------------ */     
.colorWhite
{
color:#fff;
text-decoration:none;
}
.colorWhite:hover
{
color:#fff;
text-decoration:underline;
}
#product_login
{
 display:none;
}
.product
{
background-color:#fff;
margin-left:0px;
margin-right:0px;
width:672px;
}
.edit_toolbox
{
z-index:50;
}
#kaimonoBox
{
position:relative;
}
#kaimonoBox_text
{
position:absolute;
font-size:16px;
font-weight:bold;
color:#666666;
top:45px;
left:15px;
}
html
{
background-image: url("../img/bg.jpg");
}
.aloha .aloha-ui-toolbar .ui-tabs-nav li.ui-state-active a
{
 display:none;
}
.aloha .aloha-ui-toolbar .ui-tabs-nav li a
{
 display:none;
}
.editable
{
border:solid 0px #fff;
}


#pnlNormalForm input
{
min-height:21px;
margin-bottom:10px;
}
#pnlNormalForm select
{
margin-bottom:10px;
}
#pnlNormalForm textarea
{
margin-bottom:10px;
}
.recipe_cate
{
text-decoration:underline;
font-weight:bold;
color:#715959;
}
.recipe_cate:hover
{
color:#715959;
text-decoration:none;
}
#ShopKeeper td,#ShopKeeper th
{
 padding:10px;
 border:solid 1px #dddddd;
}
#ranking1
{
 position:absolute;
top:50px;
left:80px;
}
#ranking2
{
 position:absolute;
top:270px;
left:65px;
}
#ranking3
{
 position:absolute;
top:430px;
left:80px;
}
#rankingtext1
{
 position:absolute;
top:200px;
left:50px;
color:#474d23;
font-weight:bold;
}
#rankingtext2
{
 position:absolute;
top:380px;
left:30px;
color:#474d23;
font-weight:bold;
}
#rankingtext3
{
 position:absolute;
top:550px;
left:50px;
color:#474d23;
font-weight:bold;
}

.otoiawase_form
{
text-align:left; padding:0px 0px 0px 0px;border:solid 0px #C6C6C6;margin-bottom:50px;
}
.otoiawase_table
{
border-collapse: collapse;
width:100%;
margin:0px auto;
border:solid 2px #8a9e98;
}
.otoiawase_table input
{
margin-right:10px;
vertical-align:middle;
}
.tdleft
{
background-color:#e6edd9;
color:#696553;
border:solid 1px #8a9e98;
padding:20px;
}
.tdright
{
background-color:#eee;
border:solid 1px #8a9e98;
padding:20px;
}
.tdright input
{
padding:5px;
}
span.registMust
{
color:#eb727d!important;
margin-left:10px;
}
.contact
{
position:absolute;top:410px;left:600px;display:block;height:131px;width:340px;background-image:url(img/contact.png)
}
.contact:hover
{
background-image: url("../img/contactBG.png");
}

.sidemenu
{
background-color:#fff;
background-image:url("../img/listmark.png");
width:224px;
height:33px;
margin-bottom:1px;
margin-left:4px;
display:block;
background-repeat: no-repeat;
padding:10px 0px 0px 40px;
background-position: top 10px left 10px;
color:#333333;
text-decoration:underline;
}
.sidemenu:hover
{
color:#FF7000;
text-decoration:none;
background-image:url("../img/listmarkBG.png");
}
.estimate
{
background-image:url("../img/freemitsumori.png");
width:275px;
height:142px;
display:block;
}
.estimate:hover
{
background-image:url("../img/mitsumoriBG.png");
}
a.opa:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80)";
background-color:#fff!important;
}
a{
    color:#696553;
}
a:hover{
    color:#c9c9c9;
text-decoration:none;
}
.side_box
{
background-color:#EEEEEE;
position:relative;
margin-top:10px;
}
.side_box2
{
background-color:#fff;
position:relative;
margin-top:10px;
}
.category_list
{
 display:block;
cursor:pointer;
margin-left:20px;
margin-bottom:10px;
}
.category_box
{
padding:20px 0px 10px 0px;
}
.slidedown
{
 cursor:pointer;
}
.nodisp
{
display:none;
}
.colorSelect
{
width:10px;
height:10px;
background-color:pink;
border:solid 1px #dddddd;
float:left;
margin-top:3px;
margin-right:10px;
}
hr
{
width: 97%;
margin-left: auto;
margin-right: auto;
border-top: 2px dotted #8e855f;
border-bottom: 0px dotted #8e855f;
background-color:#fff;
color:#fff;
}
.footerlink a
{
margin-right:20px;
padding-right:20px;
border-right:solid 1px #696553;
font-size:12px;
}

#btnFormSubmit {
    border: 0px;
    width: 226px!important;
    height: 60px;
    background: url(./img/soushin.png) left top no-repeat;
text-indent:-9999px;
}
#btnFormSubmit:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80)";
background-color:#fff!important;
}
#btnRegister{
    border: 0px;
    width: 226px!important;
    height: 60px;
    background: url(./img/kounyu.png) left top no-repeat;
text-indent:-9999px;
}
#btnRegister:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80)";
background-color:#fff!important;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80)";
background-color:#fff!important;
}
.pcnodisp
{
 display:none;
}

.selectedPage a
{
border:solid 1px #333333;
background-color:#f6f6f6;
color: #333333;
margin-right:10px;
padding:2px 8px;
float:left;

text-decoration:underline;
font-size:14px;
}
.unselectedPage a
{
border:solid 1px #333333;
background-color:#ffffff;
color:#333333;
margin-right:10px;
padding:2px 8px;
float:left;
font-size:14px;
}
.unselectedPage a:hover
{
border:solid 1px #333333;
background-color:#333333;
color:#ffffff;
}
.columPage
{
text-align:center;
margin-left:auto;
margin-right:auto;
}