@charset "utf-8";

body {
	font-family:Verdana, "ＭＳ Ｐゴシック", Osaka;
	color:#333333;
	font-size:76%;
	height:100%;
	letter-spacing:0;
	line-height:150%;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#F0F0F0;
	background:url(../images/bg.jpg) repeat 0;
}	


	
#container {
	width:916px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg.jpg) repeat-y 0;
}

img {
	border:0 ;
}

li img {
	vertical-align:top;
}	

html, h1, h2, h3, h4, h5, p, dl, dt, dd, li, ul, ol, form, div, img {
	margin:0;
	padding:0;
}

ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

table {
	border-collapse:collapse;
	font-size:100%;
	border-spacing: 0;
}

a{
text-decoration:none;
color:#003399;

}

a:hover{
text-decoration:underline;
color:#003399;
}

h1 {
	font-size:100%;
	font-style:normal;
	margin:10px 0 0 0;
}	

h2, h3, h4 {
 	font-weight:normal;
	font-size:100%;
}	


/*フロートに関するクラス*/

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.sp {
	clear:both;
	display:block;
	margin:0;
	padding:0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/*フォントに関するクラス*/

.fontsize86 {
	font-size:86%;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}	

.col_gray {
	color:#666666;
}
	


/*余白に関するクラス*/

.padT5 {
	padding-top:5px;
}
	
.padT10 {
	padding-top:10px;
}

.padT20 {
	padding-top:20px;
}	

.padT30 {
	padding-top:30px;
}	

.padB5 {
	padding-bottom:5px;
}

.padB10 {
	padding-bottom:10px;
}

.padB15 {
	padding-bottom:15px;
}	

.padB20 {
	padding-bottom:20px;
}

.padL5 {
	padding-left:5px;
}

.padL10 {
	padding-left:10px;
}

.ttl {
	padding-top:25px;
	padding-bottom:25px;
}
		

/*位置関するクラス*/

.center {
	text-align:center;
	margin:0 auto;
}

.texright {
	text-align:right;
}
	
/*幅指定*/
	
.w180 {
	width:180px;
}
	
.w360 {
	width:360px;
}

.w580 {
	width:580px;
}

.w230 {
	width:230px;
}
	
	
	
	



/*===========================

headerについて

===========================*/
/*#head {
	
	height:42px;
	padding-top:28px;
}*/
	
#wrapper {
	width:845px;
	margin:0 auto;
	text-align:left;
}

#container {
	width:845px;
	background:url(../images/wrap_sideline.jpg) repeat-y 0;
}
	
#header {
	background-color:#290E0E;
	height:42px;
	width:100%;
	padding-top:30px;
}
	
#headBox {
	width:845px;
	margin:0 auto;
}

#wrapTopcap {
	text-align:left;
}
	
#name {
	float:left;
	width:224px;
	margin-left:20px;
}
	

#info {
	float:right;
	margin-right:20px;
	margin-bottom:5px;
	width:92px;
}

/*===========================

headerについて

===========================*/



#contents {
	width:780px;
	margin:0 auto;
}

h1 {
	float:left;
	margin-bottom:20px;
}

#gnavarea {
	float:right;
	padding-top:30px;
}

#gnavarea li {
	display:block;
	float:left;
	padding:0 20px;
	border-right:1px dotted #666666;
}

.border01 {
	border-left:1px dotted #666666;
}

h2 {
	margin-bottom:20px;
}
	

#leftBox {
	width:505px;
	float:left;
}

h3 {
	margin-bottom:20px;
}

h4 {
	margin:20px 0;
}

.news {
	padding:5px;
}
	
	
.news dt {
	width:80px;
	float:left;
	margin-bottom:5px;
}
.news dd {
	margin-bottom:5px;
}

.n01 {
	background-color:#C8CAD1;
}

.n02 {
	background-color:#E5DBD6;
}

.n03 {
	background-color:#D3D4C5;
}	
	
#rightBox {
	width:240px;
	float:right;
}
	
.event dt {
	width:80px;
	float:left;
	margin:5px 0;
}	

#bannerarea {
	padding-top:20px;
	padding-bottom:40px;
}

#bannerarea p {
	margin-bottom:10px;
}

#footerBox {
	width:780px;
	margin:0 auto;
	background-color:#A17E6C;
	color:#ffffff;
}

#footerBox ul {
	padding:20px;
	width:400px;
	float:left;
}
	
#footerBox li {
	display:block;
	float:left;
}	

#footerBox a {
	color:#ffffff;
}	

#copyright {
	float:right;
	padding:20px;
}
/*===========================

パンくず

===========================*/

#panzarea {
	padding:0 0 30px 0;
}

#panzarea li {
	float:left;
}
	

/*===========================

会社情報について

===========================*/
#aboutBox .floatBox {
	width:780px;
	padding-bottom:30px;
	clear:both;
}

#aboutBox #leftarea {
	width:360px;
	float:left;
}

#aboutBox th, #aboutBox td {
	padding:5px 0;
}

#aboutBox th {
	text-align:left;
	padding-left:20px;
}

#aboutBox #bannerarea li {
	display:block;
	float:left;
}

/*===========================

運営店舗一覧について

===========================*/
#manageBox {
	padding-bottom:100px;
}
	
#manageBox .imgarea {
	float:left;
	margin:0 20px;
}

#manageBox .texarea {
/*	padding-left:10px;*/
/*	width:200px;*/
	width:190px;
	float:right;
}

#manageBox .texarea dt {
	padding-bottom:10px;
	height:25px;
}
	
#manageBox #rightarea {
	float:right;
	width:360px;
}

#manageBox .btn_detail {
	text-align:right;
}

#manageBox .left {
	clear:both;
}
		
#manageBox .line {
	padding:20px 0;
	clear:both;
}

* html #manageBox .texarea  {
	width:180px;
}

* html #manageBox .imgarea {
	float:left;
	margin:0 10px;
}
	
	
/*===========================

運営店舗詳細について

===========================*/			
#shopBox .floatBox {
	width:780px;
}

#shopBox .floatBox02 {
	width:780px;
	padding-top:30px;
}	

					
#shopBox .texarea01 {
	width:360px;
	float:right;
}

#shopBox .ex_area {
	background-color:#EFEFEF;
	padding:10px;
	width:470px;
	float:left;
}

#shopBox .ex_area table {
	width:470px;
}

#shopBox .ex_area th {
	padding-left:20px;
}
	
#shopBox .imgarea {
	width:261px;
	float:right;	
}
	
#shopBox #bannerarea {
	padding:30px 0;
	}	
	
#shopBox #bannerarea li {
	display:block;
	float:left;
}

/*===========================

ニュースについて

===========================*/	

#newsBox {
	width:700px;
	margin:0 auto;
	padding-bottom:30px;
	padding-top:0px;
	min-height:600px;
}

#newsBox dt {
	float:left;
}

#newsBox .list dt {
	width:100px;
	margin-bottom:20px;
	padding-bottom:5px;
}

#newsBox .list dd {
	margin-bottom:20px;
	font-size:120%;
	border-bottom:1px dotted #666666;
	padding-bottom:5px;

}
#newsBox .newslist td {
	border-bottom:1px dotted #666666;
}

#newsBox table {
	width:700px;
}

#newsBox .icon {
	width:100px;
}		

#newsBox td {
	vertical-align:center;
	/*padding-bottom:20px;*/
	padding:10px 0;
}

#newsBox td.ttl {
	font-size:110%;
}		

#newsBox .company_ttl {
	background-color:#C8CAD1;
	font-size:120%;
	font-weight:bold;
	padding:5px;
	margin-bottom:30px;
}

#newsBox .event_ttl {
	background-color:#ECEAEB;
	font-size:120%;
	font-weight:bold;
	padding:5px;
	margin-bottom:30px;
}

#newsBox .restaurant_ttl {
	background-color:#D3D4C5;
	font-size:120%;
	font-weight:bold;
	padding:5px;
	margin-bottom:30px;
}

#newsBox .cafe_ttl {
	background-color:#E5DBD6;
	font-size:120%;
	font-weight:bold;
	padding:5px;
	margin-bottom:30px;
}

#newsBox #freearea {
	padding-bottom:30px;
}
/*-- 2010.02.03 ogushi add s--*/
/* にき亭 */
#newsBox .management01{
	background-color:#D3D4C5;
}
/* 由庵 */
#newsBox .management02{
	background-color:#D3D4C5;
}
/* HOI AN CAFE */
#newsBox .management03{
	background-color:#D3D4C5;
}
/* 青羅 */
#newsBox .management04{
	background-color:#D3D4C5;
}
/* ALIZE */
#newsBox .management05{
	background-color:#E5DBD6;
}
/*-- 2010.02.03 ogushi add e--*/



	
/*===========================

プロデュースについて

===========================*/	
#produceBox #supportBox {
	border:1px solid #333333;
	background-color:#EFEFEF;
	padding:20px;
}

#produceBox td {
	padding:10px;
}