@charset "UTF-8";

* {
color: #4d4d4d;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif,Osaka;
font-size:12px;
line-height:150%;
}

.tight li {
	line-height:5px;
}

body{
text-align:left;
background:#fff top repeat-x url(../images/bg_topline.gif);}


/*Layout*/

div#head {
height:115px;
text-align:left;
}

div#container {
width: 930px;
margin: 0 auto;
text-align: left;
float:left;
position:relative;
}

.btn-rg{
position:absolute;
right:0;
top:0;}

div#main {
width: 620px;
padding-left:40px;
float: left;
text-align:left;
}

div#mainContent {
width: 610px;
padding-left:5px;
text-align:left;
}


/*main*/

.section{
width:610px;
text-align:left;
padding-bottom:12px;
background:url(../images/top_boxline_under.gif) bottom no-repeat;}

.box1, .box2{
width:598px;
text-align:left;
padding:8px 6px 11px 6px;
position:relative;
}
.box1 img, .box2 img{
float:left;
padding-right:7px;
}
.box1{
background:#f0f0f0 url(../images/top_boxline_top.gif) top no-repeat;
}
#noData{
height:50px;
color:#B12100;
font-size:18px;
font-weight:bold;
padding-top:20px;
text-align:center;
}
.box2{
background:#f9f9f9 url(../images/top_boxline_top.gif) top no-repeat;
}
.smallTxt{
width:499px;
padding-left:98px;
text-align:right;
margin-top:2px;
}
.smallTxt,.smallTxt span{
font-size:10px;}

div#topics{
padding-top:50px;
height:190px;
background:url(../images/topics_bg.gif) top no-repeat;
text-align:center;
}



/*subContent*/

div#subContent {
width: 235px;
padding-left:15px;
padding-right:20px;
float: left;
text-align:left;
}

div#serchBox{
width:195px;
text-align:left;
padding-top:40px;
padding-left:20px;
padding-right:20px;
color:#f4f4db;
line-height:120%;
font-size:10px;
background:url(../images/serch_bg.gif) top no-repeat;
}
div#serchBox table td{
padding-bottom:8px;
background:url(../images/serch_line.gif) bottom repeat-x;
}
div#serchBox table td input{
font-size:12px;
line-height:125%;
color:#333;
height:18px;
width:124px;
}
div#serchBox a{
color:#f4f4db;
font-size:10px;
text-decoration:none;
}
div#serchBox a:hover{
color:#fff;
text-decoration:underline;
}

div#newSalon, div#newInfo, div#pickup {
width:100%;
padding-top:8px;
text-align:left;
}
div#newSalon ul {
width:;215px:
text-align:left;
background:url(../images/newsalon_bg.gif) top no-repeat;
padding:6px 8px 10px 12px;
}
div#pickup ul {
width:;215px:
text-align:left;
background:url(../images/newsalon_bg.gif) bottom no-repeat;
padding:6px 8px 10px 12px;
}
div#newInfo ul{
width:;215px:
text-align:left;
background-color:#f0f0f0;
padding:6px 8px 0 12px;
}
div#newSalon li, div#newInfo li, div#pickup li{
width:auto;
background:url(../images/newsalon_line.gif) bottom repeat-x;
padding-bottom:5px;
}
div#newInfo li.end{
background:none;
}
div#newInfo li dl{
position:relative;
}
div#newInfo li dl dt{
position:absolute;
padding:0 0 0 0;
}
div#newInfo li dl dd{
padding:0 10px 2px 80px;
}
div#newSalon li a, div#newInfo li a, div#pickup li a{
color:#6e1321;
text-decoration:underline;}
div#newSalon li a:hover, div#newInfo li a:hover, div#pickup li a:hover {
color:#b12100;
text-decoration:underline;}

div#qrcode{
padding-top:8px;}


/*Footer*/

div#footer {
width:auto;
font-size:10px;
padding-top:40px;
padding-left:26px;
height:85px;
background: url(../images/bg_underline.gif) repeat-x;
text-align:left;
clear: both;
margin: 0 auto;
}
div#footer img{
float:left;
}
div#footer a{
font-size:10px;
color:#6e1321;
text-decoration:underline;
}
div#footer a:hover{
color:#b12100;
text-decoration:underline;
}
div#footer p{
font-size:10px;
padding-top:24px;
float:left;
}

div#popfooter {
width:auto;
font-size:10px;
padding-top:20px;
height:60px;
text-align:center;
}

.sLink{
font-size:10px;}
.sLink a{
font-size:10px;
color:#6e1321;
text-decoration:none;}
.sLink a:hover{
color:#b12100;
text-decoration:underline;}

.mLink{
font-size:12px;}
.mLink a{
font-size:12px;
color:#6e1321;
text-decoration:underline;}
.mLink a:hover{
color:#b12100;
text-decoration:underline;}

#mainTxt{
background:url(../images/zaroneze/txtbg.gif) top repeat-x;
padding-bottom:12px;}
.txt{
font-size:12px;
text-align:left;}

#zaroBox{
width:590px;
text-align:left;
padding:10px 0;}
.zaroBoxInn{
width:270px;
text-align:left;
float:left;
padding-left:20px;}
.zaroBoxInn img{
padding-bottom:6px;}
.zaroBoxInn a{
color:#6e1321;
text-decoration:underline;}
.zaroBoxInn a:hover{
color:#b12100;

text-decoration:underline;}

#btnArea{
width:578px;
text-align:center;
background:#f7f7f7;
padding:18px;
border-top:2px solid #bf0234;
border-bottom:2px solid #bf0234;}


/*Font*/

.f-red{
color:#6e1321;}

.f-14-redbold{
font-size:14px;
font-weight:bold;
color:#6e1321;}
.f-10{
font-size:10px;}
.f-12-gray{
color:#4d4d4d;
font-size:12px;
font-weight:normal;}
.f-10-red{
color:#6e1321;
font-size:10px;}
.f-orenge{
color:#FF3300;}

.w350{
width:350px;}
.w300{
width:300px;}
.w250{
width:250px;}
.w200{
width:200px;}
.w150{
width:150px;}
.w100{
width:100px;}
.w95per{
width:95%;}


/* hack */

.box1:after,.box2:after,.glineBox:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.box1:after,.box2:after,.glineBox:after{
display: inline-table;
}
/* Hides from IE-mac ?*/
* html .box1:after,* html .box2:after,* html .glineBox:after{height: 1%;}
.box1:after,.box2:after,.glineBox:after{display: block;}
/* End hide from IE-mac */