@charset "UTF-8";
@import url("style-base.css");
@import url("style-menu.css");
@import url("style-blog2.css");
@import url("style-osaka.css");
@import url("style-tokyo.css");
@import url("style-com.css");
td { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; line-height: 150%; }

.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}
.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.img_n {
	float: none;
	border: none;
}
textarea,select,input {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}



/************************************************************* all ************/

#pan{
background:url(img/panback.gif) repeat-x 0 0;
height:25px;
padding:10px 0 10px 5px;
font-size:10px;
letter-spacing:1px;
}



#for{
margin-top:20px;
padding-right:20px;
}


p{
color:#72716F;
line-height:180%;
}

#next{
margin:20px auto;
width:300px;
}
#next td{
text-align:center;
width:100px;
font-size:12px;
}

.m-l15{margin-left:15px;}
.m-t15{margin-top:15px;}
/************************************************************* index ************/
#top {
width:785px;
height:329px;
margin:0px auto;
background:url(img/back01.gif) no-repeat 0 0;
}

#top h2{
float:left;
width:442px;
}

#con-left-top{
float:left;
width:205px;
padding-left:25px;
padding-top:15px;
}

#con-center-top{
width:352px;
padding-left:20px;
padding-top:15px;
float:left;
}

#con-right-top{
float:right;
width:190px;
padding-right:15px;
padding-top:15px;
}

#info{
border-bottom:1px solid #B9B1A1;
line-height:120%;
letter-spacing:1px;
margin-bottom:10px;

}
#info dl{
border-bottom:1px dotted #B9B1A1;
padding:6px 5px;
font-size:10px;
}
#info dt{
font-weight:bold;
color:#B0CFA2;
}

#banner01 li{
margin-bottom:10px;
margin-top:5px;
}



/************************************************************* index ************/

#con-left{
width:343px;
float:left;
padding:0px;
}
#con-right{
width:235px;
float:left;
padding:0px;
}
#con-right img{
margin-bottom:150px;
}
#con-left p{
color:#72716F;
line-height:180%;
padding:8px 8px;
}



/************************************************************* make ************/

#make01{
background:url(img/inner/makeback01.gif) no-repeat 200px 0;
margin-bottom:20px;
}
#make01 p{
color:#72716F;
line-height:180%;
padding:8px 8px;
width:220px;
}

#make02{
background:url(img/inner/makeback02.gif) no-repeat 330px 50px;
margin-bottom:40px;
}
#make03	{
	width: 330px;
	margin-bottom: 40px;
}
#make04	{
	width: 575px;
	margin-bottom: 20px;
}
.make05	{
	width: 545px;
	margin: auto;
}
.make05 h5	{
	margin-bottom: 15px;
}
.make05 p	{
	margin-bottom: 15px;
}
.make05 .right	{
	float: right;
	padding-left: 15px;
}
#make02 p{
color:#72716F;
line-height:180%;
padding:8px 8px;
width:300px;
margin-bottom:20px;
}
#prod-titlebox	{
	background: url(img/inner/prod-img01.gif) no-repeat 0 0;
	width: 575px;
}
#prod-titlebox h4	{
	text-indent: -9999px;
}
.margintottom15	{
	margin-bottom: 15px;
}
.memotxt10	{
	font-size: 10px;
	padding: 2px 10px 15px 10px;
	line-height: 130%;
}
.prod-box01	{
	width: 575px;
	padding: 85px 0 0 0; 
}
.prod-box01 .left	{
	float: left;
	padding-right: 10px;
}
.leftbox01	{
	float: left;
	padding-right: 1px;
}
.prod-komebox	{
	background: url(img/inner/prod-img22.jpg) no-repeat 0 0;
	width: 545px;
	height: 206px;
	margin: auto;
}
.prod-komebox p	{
	padding: 90px 10px 0 175px;
}
.prod-komebox ul	{
	list-style-type: none;
	margin: 15px 0 0 240px;
}
.prod-komebox li	{
	background: url(img/inner/prod-img23r.gif) no-repeat 0 0;
	width: 219px;
	height: 41px;
	text-indent: -9999px;
}
.prod-komebox li a:link,
.prod-komebox li a:visited	{
	background: url(img/inner/prod-img23.gif) no-repeat 0 0;
	width: 219px;
	height: 41px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
.prod-komebox li a:hover	{
	background: none;
}


/************************************************************* what ************/

#what02{
margin-top:20px;
}
#what02 table{
margin-bottom:30px;
}
#what02 td{
color:#72716F;
line-height:180%;
}
#what02 h4{
color:#dd0000;
padding:10px 0 0 10px;
font-size:14px;
}

#what02 p.name{
padding-left:10px;
margin-bottom:0px;
line-height:100%;}

#what02 p{
color:#72716F;
line-height:180%;
padding:8px 8px;
width:560px;
margin-bottom:20px;
}

.what-pop {
 font-size:12px;
 padding:4px 16px;
 margin-top:16px;
 background-color: #DEDAD5;
 color:#660000;
}

/************************************************************* stores ************/

#stores01{
}
.stores-in{
margin:20px 0 0 0;
}
.stores-in div.s-left{
width:105px;
padding-left:10px;
float:left;
}
.stores-in div.s-right{
width:430px;
float:left;
padding-left:20px;
}
.stores-in div.s-right h4{
color:#A7111D;
font-size:14px;
}
.stores-in div.s-right h5{
height:13px;
color:#5E595A;
font-size:10px;
background:url(img/inner/point01.gif) no-repeat 0 2px;
text-indent:17px;
margin-top:3px;
}

.stores-in div.s-right a{
color:#5E595A;
text-decoration:underline;
}
.stores-in div.s-right a:hover{
color:#BF0D1B;
text-decoration:none;
}



/************************************************************* homesalon ************/


#con-left_2{
width:325px;
float:left;
padding:0px;
}
#con-right_2{
width:255px;
float:left;
padding:0px;
}
#con-right_2 img{
margin-bottom:50px;
}
#con-left_2 p{
color:#72716F;
line-height:180%;
padding:8px 8px;
}


/************************************************************* recipe ************/

.recipe-in{
border-bottom:1px solid #E6E6E7;
color:#72716F;
line-height:180%;
padding:8px 8px;
margin-bottom:15px;
}
.recipe-in img{
float:right;
padding:0px 0px 0px 10px;
}

.recipe-in2{
margin:5px 0px 35px 0px;
}
.reci-in2left{
width:150px;
float:left;
}
.reci-in2right{
width:400px;
float:left;
padding-left:15px;
}
.fordetail{
text-align:right;
margin-top:20px;
}


#recipe-cat{
}
#recipe-cat div.re-cat-in{
width:270px;
height:60px;
border-bottom:1px solid #DBDBDC;
border-right:1px solid #DBDBDC;
background:;
float:left;
margin-right:10px;
margin-bottom:10px;
}
#recipe-cat div.re-cat-in div.rci-left{
width:52px;
height:55px;
float:left;
background:#66CC00;
overflow:hidden;
}
#recipe-cat div.re-cat-in h4{
float:left;
width:200px;
padding-left:10px;
padding-top:20px;
font-size:12px;
font-weight:normal;
}
#recipe-cat div.re-cat-in h4 a{text-decoration:underline;}
#recipe-cat div.re-cat-in h4 a:hover{text-decoration:none;
}


div.re-ent01{
width:580px;
}
div.re-ent01 div.re-ent01-left{
float:left;
width:280px;
}
div.re-ent01 div.re-ent01-right{
float:right;
width:290px;
}

div.re-ent02{
margin:20px 0px 20px 0px;
width:450px;
}
div.re-ent02 ul{
list-style:decimal;
margin-left:20px;
}

div.re-ent02 li{
color:#72716F;
line-height:180%;
}

h3.recipettl{
font-size:14px;
font-weight:bold;
color:#473B1E;
margin:5px 0px;
border-left:5px solid #AF0915;
padding:5px 0px 5px 12px;
}

/************************************************************* news ************/

div.news-in{
width:556px;
padding:3px 10px;
margin-bottom:15px;
}

div.news-in h3{
color:#2E2D2B;
border-left:5px solid #BF0D1B;
height:22px;
font-size:14px;
padding-top:6px;
padding-left:10px;
background:url(img/back02.gif) repeat-x 0 0;
margin-bottom:8px;
}

p.day{
color:#BF0D1B;
font-weight:bold;
text-align:right;
padding-right:15px;
}

div.news-in h3 a{color:#2E2D2B;text-decoration:none;}
div.news-in h3 a:hover{color:#2E2D2B;text-decoration:none;}


/************************************************************* privacy ************/

div.privacy{
width:555px;
padding:0px 10px;
margin-bottom:40px;
}
div.privacy h3{
color:#66794C;
font-size:14px;
height:20px;
border-bottom:1px dashed #66794C;
background:url(img/point02.gif) no-repeat 2px 2px;
text-indent:12px;
margin:10px 0px;
}
div.privacy p{
margin-bottom:30px;
}

/************************************************************* rule ************/

#rule caption{
background:url(img/back03.gif) repeat-x 0 0;
height:22px;
padding-top:6px;
color:#FFFFFF;
font-weight:bold;
}

/************************************************************* lunch ************/


h4.cunch-sub{
font-size:16px;
color:#8BB676;
text-indent:10px;
border-left:4px solid #8BB676;
letter-spacing:3px;
margin-left:10px;
padding-top:3px;
height:23px;
}






/************************************************************* sitemap ************/

div#maparea{
width:548px;
color:#2E2D2B;
}
div.mapleft{
width:200px;
float:left;
}
div.mapright{
width:231px;
float:right;
}


div.maparea01{
background-color:#FFF1F1;
padding:8px 1px 8px 15px;
width:250px;
margin-bottom:15px;
}
div.maparea02{
background-color:#F6FFEF;
padding:8px 1px 8px 15px;
width:260px;
margin-bottom:15px;
}
div.maparea03{
background-color:#FFF7EB;
padding:8px 1px 8px 15px;
width:260px;
margin-bottom:15px;
}

ul.sitemap1{
}
ul.sitemap1 li{
margin:12px 0px;
}

li.map01-1{
background:url(img/point-red.gif) no-repeat 0px 2px;
font-weight:bold;
padding-left:17px;
padding-bottom:5px;
}
li.map01-2{
background:url(img/point-red2.gif) no-repeat 20px 5px;
padding-left:33px;
}



li.map02-1{
background:url(img/point-green.gif) no-repeat 0px 2px;
font-weight:bold;
padding-left:17px;
padding-bottom:5px;
}
li.map02-2{
background:url(img/point-green2.gif) no-repeat 20px 5px;
padding-left:33px;
}

li.map03-1{
background:url(img/point-yellow.gif) no-repeat 0px 2px;
font-weight:bold;
padding-left:17px;
padding-bottom:5px;
}
li.map03-2{
background:url(img/point-yellow2.gif) no-repeat 20px 5px;
padding-left:33px;
}







.news-in img{
padding-left:10px;
}




/************************************************************* all-table ************/

.box-td1	{
	padding: 6px;
	border-bottom: #C2AEA4 solid 1px;
	font-weight:bold;
	color:#6B574D;
vertical-align:top;
text-align:left;
}
.box-td2 {
	padding: 6px;
	border-left: #C2AEA4 dotted 1px;
	border-bottom: #C2AEA4 solid 1px;
	color:#6B574D;
vertical-align:top;
line-height:180%;
text-align:left;
}






div.rec{
padding:0px 20px;}


.recruit{
padding-left:15px;
width:480px;
}
.recruit dt{
color:#cc0000;
font-weight:bold;
padding:8px 0px;
}
.recruit dd{
padding:0px 0px 0px 20px;
line-height:180%;
color:#333333;
}
.re-p{
margin:15px;}

.box01{
border:1px solid #dddddd;
width:480px;
margin:auto;
background-color:#F9EFEF;
}







.tab01 td{
padding-bottom:4px;
padding-top:4px;
border-bottom:1px dotted #666666;
}

.tab02 td{
padding-bottom:4px;
padding-top:4px;
border-bottom:1px dotted #666666;
}





/************************************************************* Blog ************/

.pankuzu	{
	color: #6B5539;
	font-size: 10px;
	letter-spacing: 0.1em;
	margin: 0 16px 10px 0;
}
.pankuzu a	{
	color: #6B5539;
	text-decoration: none;
}
.pankuzu a:hover	{
	color: #A38C6F;
	text-decoration: underline;
}








/*******************************************************/


.img-mb01 img{
margin-bottom:15px;}


/************************************************************* recruit ************/
h3.recruit-ttl00{
color:#333333;
text-indent:10px;
border-left:4px solid #CC0000;
padding:4px 0px;
font-size:14px;
}

h3.recruit-ttl01{
color:#9BBF7D;
text-indent:10px;
border-left:4px solid #9BBF7D;
padding:4px 0px;
font-size:14px;
}


/************************************************************* forcompany ************/
.forcom01 {
	width: 247px;
	height: 148px;
	background: url(img/forcompany-bg.gif) repeat-x 0px 68px;
	float: left;
	margin-right: 25px;
}
.forcom01 p {
	padding: 10px 8px 0 9px;
	color: #333333;
}
.forcom02 {
	width: 247px;
	height: 148px;
	background: url(img/forcompany-bg.gif) repeat-x 0px 68px;
	float: left;
}
.forcom02 p {
	padding: 10px 8px 0 9px;
	color: #333333;
}
.forcom-form {
	clear: both;
	margin-top: 20px;
	text-align: center;
}
.forcom-form p {
	color: #333333;
}
.forcom-me {
	margin-top: 20px;
	padding: 20px;
	color: #333333;
}

/******************************ランダム*************************/

#tops-0 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/main-back01.gif) no-repeat 0 0;
}
#tops-1 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/main-back02.jpg) no-repeat 0 0;
}
#tops-2 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/main-back03.jpg) no-repeat 0 0;
}


#tops-0 h2{
float:left;
width:442px;
}

#tops-1 h2{
float:left;
width:442px;
}

#tops-2 h2{
float:left;
width:442px;
}



#tops-o-0 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/osaka/o-back01.jpg) no-repeat 0 0;
}

#tops-o-1 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/osaka/o-back02.jpg) no-repeat 0 0;
}

#tops-o-2 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/osaka/o-back03.jpg) no-repeat 0 0;
}


#tops-t-1 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/tokyo/t-back01.jpg) no-repeat 0 0;
}

#tops-t-2 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/tokyo/t-back02.jpg) no-repeat 0 0;
}

#tops-t-0 {
width:785px;
height:329px;
margin:0px auto;
background:url(img/tokyo/t-back03.jpg) no-repeat 0 0;
}







/***********************************************************    青山店、西新宿店の仮ページ用  **********************/

div#kari-inner{
width:780px;
margin:0px auto;
}

div#kari-inner h2{
background:url(img/kari/line55.gif) repeat-x 0px bottom;
padding:10px 10px 25px 10px;
margin-top:20px;
}


div.kari-right{
width:300px;
float:right;
padding-top:15px;
}
div.kari-left{
width:460px;
float:left;
padding-top:15px;
padding-left:10px;
}
div.kari01 p,div.kari02 p{
padding:8px 10px 2px 0px;
}


div.kari01{
background:url(img/kari/kari01.jpg) no-repeat 0 0;
padding:90px 300px 0px 10px;
}
div.kari02{
background:url(img/kari/kariimg02.jpg) no-repeat 0 0;
padding:70px 300px 0px 10px;
margin-top:15px;
height:393px;
}


h3.uline{
border-bottom:1px solid #D6CAAF;
width:740px;
margin:30px auto 0px auto;

padding:5px 0px 3px;
}




#karto{
background:url(img/kari/tokyo-back.jpg) no-repeat 0 0 ;
height:329px;
}
#karto p{
line-height:170%;
padding:30px 0px 0px 30px
}

.ttl_t01{
background:url(img/kari/ttlback05.gif) repeat 0 0;
border-left:6px solid #0B0600;
font-size:14px;
padding:6px 0px 6px 10px;
color:#ffffff;
line-height:110%;
margin-top:20px;
}

div.karibo{
background:url(img/kari/karibase.gif) no-repeat center top;
margin:2px;
margin-bottom:25px;
padding:10px;
line-height:180%;
}
div.karibo p{
padding-bottom:8px;
}