/* -- charset -- */
@charset "utf-8";

/* --****************
format
*****************-- */
html {
overflow-y: scroll;
}
html,body  {
width:100%;
height:100%}
body {
font: 12px/20px "メイリオ",Meiryo,"MS Pゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", verdana;
color:#543636;
}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 margin:0 auto;
padding:0;
 line-height: 1.4;
 letter-spacing: 1.2;
 word-break: break-all;
 word-wrap: break-word;
}
h1,h2,h3,h4,h5,h6,input,textarea {
font-size:100%;
font-weight:normal;
 line-height: 1.4;
 letter-spacing: 1.2;
padding:0;
margin:0;
 word-break: break-all;
 word-wrap: break-word;
}
input {
padding: 1px;
}
fieldset,img  {
border:0}
ol,ul {
list-style:none}
table {
border-collapse:collapse;
border-spacing:0}
caption,th {
text-align:left}
address,caption,cite,code,dfn,em,th,var {
font-style: normal;
font-weight: normal}
br {
letter-spacing:0}
/* --*html #cont-right_fortune  {
 _position: fixed;
 _right: -10px;
 _top: 0;
 overflow:hidden;
}-- */
p,a {
 letter-spacing: 0.04em;
 line-height: 1.3;
 word-break: break-all;
 word-wrap: break-word;
}

/* --support class-- */
.clear {
clear:both}
.clearfix:after  {

content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix  {
display:inline-block;
}
.sprite {
 overflow: hidden;
 display: block;
 background-repeat: no-repeat;
 height: 0;
}
/* -- exlude MacIE5 \-- */
* html .clearfix  {
 height: 1% }
.clearfix  {
display:block;
}
/* -- end MacIE5 -- */
.disp {
 text-indent:-9999px ;
 font-size:0;
 line-height:0}
.fL {
float:left}
.fR {
float:right}
.imgfL {
float:left;
 margin-right: 5px;
}
.imgfR {
float:right;
 margin-left: 5px;
}
.tAC {
text-align:center}
.tAL {
text-align:left;
}
.tAR {
text-align:right}
.hList {
 overflow:hidden;
}
.hList li {
 display:block;
 float: left;
 padding-right: 4px;
 margin-right: 4px}

.lsp {
letter-spacing:0.2em;
}
.att {
line-height: 1.5;
 color: #cc0000;
 }
.ovH {
 overflow: hidden}
.m0 {
 margin: 0;
}
.p0 {
 margin: 0;
}
.m0A {
 margin: 0 auto;
}
.m10A {
 margin: 10px auto;
}
.mT10 {
 margin-top: 10px;
}
.mB10 {
 margin-bottom: 10px;
}
.mB20 {
 margin-bottom: 20px}
.mB30 {
 margin-bottom: 30px!important;
}

/* --default link style-- */
a,a:active {
 text-decoration: underline;
}
a:hover {
 text-decoration:none}
a:visited {
}

.last {
 border: none;
 background: none;
}



/* --サムネ縁-- */

.ash {
 border: 1px solid #CFC9C6;
}


.hdlntxt {
 position: absolute;
 top: 13px;
 right: 10px;
 display: block;
 margin-bottom: 10px;
}
a.hdlntxt,p.hdlntxt,span.hdlntxt {
 color: #ffffff;
}
.fixpoint {
 position: relative;
}

.hdln300  {
 clear: both;
 background: url(../../images/common_caption_bg.gif) no-repeat scroll 0 0 transparent;
 font-size: 100%;
 height: 22px;
 letter-spacing: 1px!important;
 margin: 0!important;
 padding: 10px 0 0 20px;
 text-align: left;
 font-weight: bold;
 }


.ribbon  {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/topL.gif) repeat-y scroll 0 0 transparent;
 color: #4E1B1B;
 font-weight: bold;
 height: auto;
 padding: 0 0 0 15px;
 word-wrap: break-word;
 line-height: 1.3;
}
.dotline  {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/dot.gif) repeat-x left bottom;
}


/* --common-- */
.multibar655  {
 width: 655px;
 height: 26px;
border-top: solid 1px #d33545;
	}
.multibar480 {
border-top: solid 1px #d33545;
 width: 470px;
 height: 26px;
	}
.multibar800  {
 background: url( http://image.excite.co.jp/jp/ouchi/pc/bar800.jpg) no-repeat left top;
 width: 780px;
 height: 33px;
 margin-bottom: 10px;
 padding: 10px 10px 0 10px;
 }
h3.multibar800,h3.multibar800 a  {
}
h3.multibar655,h3.multibar655 a  {
 padding: 7px 0 0 10px;
 text-align: left;
 font-size: 108%;
 position: relative;
}
h3.multibar655 span {
 font-weight: normal;
 font-size: 85%;
 letter-spacing: 0;
 float: right;
 display: block;
 position: absolute;
 top: 8px;
 right: 0;
}
/*a.blue {
 color: #088FE4;
 text-decoration: underline;
}
a.blue:hover {
 text-decoration: none;
}*/
h3.article {
 padding: 7px 0 0 10px;
 text-align: left;
 font-size: 108%;
 position: relative;
 font-weight: bold;
}


#mobile  {
 width: 300px;
 margin-bottom: 10px;
 overflow: hidden;
 }
#mobile h3 {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/mobile.gif) no-repeat;
 padding-top: 43px;
}
.bannerText  {
 color: #FFFFFF;
 margin-right: 10px;
 padding-top: 15px;
 letter-spacing: 1px!important;
 }

#mobile ul {
 clear: both;
}
#mobile ul li {
 overflow: hidden;
 }
#mobile ul li div {
 width: 190px;
}


#sumaho  {
 width: 300px;
}
#sumaho h3 {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/sumaho.gif) no-repeat;
 padding-top: 43px;
}
#sumaho p.txt  {
 width: 235px;
 overflow: hidden;
 float: right;
 padding: 5px 0;
}
#sumaho p.a {
 background-position: 0 0;
}
#sumahoDetail a  {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/app.jpg) no-repeat;
 width: 300px;
 height: 127px;
 display: block;
 margin-top: 10px;
 }
.right-link  {
 color: #009BD5;
 text-decoration: none;
 }


#banner1  {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/banner1.gif) no-repeat;
 width: 300px;
 height: 250px;
 }
#banner2  {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/banner2.gif) no-repeat;
 width: 300px;
 height: 90px;
 }

#denryoku  {
 width: 300px;
}
#denryoku h3 {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/denryoku.gif) no-repeat;
 padding-top: 33px;
}
#denryoku p  {
 margin-right: 10px;
 padding-top: 8px;
 }
#kupon  {
 background: url(http://image.excite.co.jp/jp/ouchi/pc/kupon.gif) no-repeat;
 width: 300px;
 height: 225px;
 }
#kupon p  {
 color: #FFFFFF;
 margin-right: 10px;
 padding-top: 8px;
 }

/* ------右カラム------ */

div.side-menu {
 margin-bottom: 10px;
}
div.side-menu ul.tagcroud, div.side-menu ul.hs   {
 	padding: 5px 10px;
}
div.side-menu p {
 margin-left: 5px;
}
div.side-menu p.btom {
 width: 190px;
 float: right;
 margin: 5px 0 0 0;
}
#ad300x250 {
 width: 300px;
 height: 250px;
 margin-bottom: 10px;
}
img.sq {
 border: 3px solid #eac620;
}

/* .right_banner */
.right_banner {
margin: 0;
padding: 0 0 10px;
}

/* .moduleRightSection */
div.moduleRightSection {
	clear: both;
	border: solid 1px #ECE7D5;
 margin-bottom: 10px;
}
div.moduleRightSection .more {
	padding-right: 10px;
}

/* ------アトリエ------ */
ul.service  {
	padding: 0 10px;
 }
ul.service a.thmb {
 float: left;
}
ul.service a.thmb img {
 border: 1px solid #d1bdb2;
}
ul.service dl {
 float: right;
 width: 160px;
 margin-top: 5px;
 }
ul.service dt {
 font-weight: bold;
 margin: 0 0 5px 0;
}
ul.service dd {
 letter-spacing: 1.2;
}
ul.counselor a.thmb {
 float: left;
}
ul.counselor a.thmb img {
 border: 1px solid #d1bdb2;
}
ul.counselor dl {
 float: right;
 width: 210px;
 margin-top: 5px;
 }
ul.counselor dt {
 font-weight: bold;
 margin: 0 0 5px 0;
}
ul.counselor dd {
 letter-spacing: 1.2;
}
ul.tagcroud,ul.hs {
 clear: both;
 margin-top: 10px;
}
ul.tagcroud li {
 display: inline;
 padding: 3px;
}
ul.tagcroud li a {
 color: #088FE4;
}
ul.service dl.kitchen {
 float: right;
 width: 220px;
 margin-top: 5px;
 }
ul.hs li {
 display: inline;
 padding: 3px 0;
}
ul.hs li a {
 color: #088FE4;
}


div.side-menu div.todaymenu {
 border: 1px solid #cac8b7;
 width: 218px;
 margin: 10px auto;
 padding: 15px;
}
div.side-menu div.todaymenu a.thmb {
 display: block;
 width: 200px;
 margin: 10px auto;
 }
div.side-menu div.todaymenu a.thmb img {
border:  solid 1px #DEDEDE;
}
div.recipe-search {
 border: 1px solid #cac8b7;
 width: 218px;
 margin: 10px auto;
 padding: 10px 15px;
}

/* ------hoken------ */
div.side-menu div#shop-reserve dl dd {
 padding-right: 10px;
}

#leftcnt {

    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    width: 670px;
}

#breadcrumbs {
 width: 975px;
 margin: 5px auto 0 auto;
 padding: 0;
 display: block;
 overflow: hidden;
 zoom:1;
 height: 30px;
 text-align: left;
}
#breadcrumbs ul {
 margin: 5px auto 0 auto;
 display: block;
 overflow: hidden;
 zoom: 1;
}
#breadcrumbs ul li {
 float: left;
 margin: 0;
 padding: 0;
}

#sample {
 width: 975px;
 margin: 5px auto 0 auto;
 padding: 0;
 display: block;
 overflow: hidden;
 zoom:1;
 border: 1px solid #ff0000;
 height: 15px;
 background: #ff0000;
}

/* --記事リスト-- */
#searchresult {
 width: 480px;
}
#searchresult li {
 overflow: hidden;
 background: url(http://image.excite.co.jp/jp/ouchi/pc/dot.gif) repeat-x left bottom;
 padding: 10px 0;
}
#searchresult h4 {
 font-weight: bold;
 font-size: 108%;
}
#searchresult h4.topL a {
 font-weight: bold;
 font-size: 108%;
 margin-bottom: 5px;
}
#searchresult div {
 width: 310px;
 float: right;
 overflow: hidden;
 position: relative;
}
#searchresult p {
}
span.date {
 display: block;
 font-size: 77%;
 font-family:verdana;
 padding: 5px 0;
 font-weight: normal;
 line-height: 77%;
}

/*　ページネーション　*//*
#pager  {
 margin-top: 10px;
 float: right;
}
#pager ul {
 overflow:hidden;
 margin: 40px 0px 20px;
 text-align: center;
}
#pager li  {
 float: left;
 display: block;
 font-family: Verdana;
 text-align: center;
}
#pager li span, #pager li a {
font-size: 11px;
 display: block;
 font-weight: bold;
 border: 1px solid #FF94C0;
 float: left;
margin: 2px;
padding: 3px 6px;
text-decoration: none;
}
#pager li span.current {
color: #999;
margin: 2px;
padding: 3px 6px;
}
#pager li a {
 background-color: #EEEEEE;
color: #C80014;
}
#pager li a:hover {
 background-color: #C80014;
 border: 1px solid #C80014;
 color: #FFFFFF;
}*/

#pager  {
 margin-top: 10px;
 text-align: center;
 clear: both;
 margin: 40px 0px 20px;
}
#pager ul {
 overflow: hidden;
 text-align: center;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
}
/*#pager li {
 float: left;
 text-align: center;
 font-family: Verdana;
}*/
#pager li { display: inline;	color: #999999; font-size: 100%; font-family: Verdana; text-align: center; margin-top: 1em; margin-bottom: 1em; }
#pager li.page {	margin-left: 6px; }
#pager li a { font-weight: bold;	color: #C80014; }
#pager li.page a,
#pager li.page a:visited {	font-weight: bold;	text-decoration: none;	margin: 2px 8px 2px 2px;	padding: 3px 6px;	border: 1px solid #FF94C0;	color: #C80014;	background-color: #EEEEEE; }
#pager li.page a:hover { color: #fff; background-color: #C80014; border: solid 1px #C80014; }

#pager li span.current { margin: 2px 8px 2px 2px; padding: 3px 6px; color: #c0c0c0; background-color: #ececec; border: solid 1px; }

#article-list li {
clear: both;
margin-bottom: 20px;
 padding: 0 0 20px 0;
}
#article-list li div.thmb {
 width: 480px;
 text-align: center;
 margin: 10px auto;
}
#article-list li div.thmb img {

/*-webkit-box-shadow: 1px 1px 3px #666666;
-moz-box-shadow: 1px 1px 3px #666666;
box-shadow: 1px 1px 3px #666666;
color: #888888;*/

border:  solid 1px #DEDEDE;
}



#article-list li p.more {
 clear: both;
 display: block;
 float: right;
 margin: 5px 0 30px 0;
}

span.new {
 display: block;
 position: absolute;
 top: 6px;
 right: 0;
}



.mark {
 background: url(../../images/common_icon_arrow.gif) no-repeat left 2px;
 padding-left: 20px;
 display: block;
}
a.mark:hover {
 background-image: url(../../images/common_icon_arrow_red.gif);
	}
.mark_b {
 background: url(../../images/common_icon_arrow_gray.gif) no-repeat left 2px;
 padding-left: 17px;
 display: block;
}
p.more .mark_b {
 float: right;
	color: #C80014;
	text-decoration: underline;
}	
a.mark_b:hover {
 background-image: url(../../images/common_icon_arrow_red.gif);
	text-decoration: none;
	}
.mark_or {
 background: url(../../images/common_icon_arrow_red.gif no-repeat left 3px;
 padding-left: 17px;
 display: block;
}

#gnavi li a {	display: block;	}