@charset "utf-8";

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

CSS information



file name  :style.css

info :index専用

 

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

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

 main_navi

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

ul#main_navi {

	display:block;

	width:900px;

	height:280px;

	padding:1px 0 1px 0;

	margin:0 0 10px 0;

	border-bottom:#bcbbbb solid 1px;

	border-top:#bcbbbb solid 1px;

}

ul#main_navi li{

	display:block;

	float:left;

	text-indent:-9999px;

}

ul#main_navi li a{

	display:block;

	width:300px;

	height:280px;

	outline:none;

	overflow:hidden;

}

ul#main_navi li.main_navi0304 { }



ul#main_navi li.main_navi01 { width:300px; background:url(../images/main_food_cafe.jpg) repeat-x; }

ul#main_navi li.main_navi02 { width:300px; background:url(../images/main_food_hirokiMode.jpg) repeat-x; }

ul#main_navi li.main_navi03 { width:300px; height:140px; background:url(../images/main_food_catering.jpg) repeat-x; float:none; }

ul#main_navi li.main_navi04 { width:300px; height:140px; background:url(../images/main_food_space.jpg) repeat-x; float:none; }



ul#main_navi li.main_navi01 a { width:300px; }

ul#main_navi li.main_navi02 a { width:300px; }

ul#main_navi li.main_navi03 a { width:300px; height:140px; }

ul#main_navi li.main_navi04 a { width:300px; height:140px; }





ul#main_navi li.main_navi01 a:hover{ background:url(../images/main_food_cafe_on.jpg) repeat-x; }

ul#main_navi li.main_navi02 a:hover{ background:url(../images/main_food_hirokiMode_on.jpg) repeat-x; }

ul#main_navi li.main_navi03 a:hover{ background:url(../images/main_food_catering_on.jpg) repeat-x; }

ul#main_navi li.main_navi04 a:hover{ background:url(../images/main_food_space_on.jpg) repeat-x; }





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

 contents

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

#index {



}

.contents {

	width:900px;

	height:auto;

	border-bottom:#bcbbbb solid 1px;

	padding-bottom: 11px;

	clear: both;

}

h2 {

	clear:both;

}

#contents_c dl dt,

#contents_l dl dt {

	line-height:0%;

}

#container {

	width:660px;

	float:left;

}





/*----- center -------*/

#contents_l h2{

	display:block;

	width:230px;

	height:28px;

	background:url(../images/h2_ttl_index06.gif) no-repeat 0 0;

	text-indent:-9999px;
	
}



#contents_c {

	width:430px;

	height:auto;

	float:left;

}

#contents_c h2#ttl_index01,

#contents_c h2#ttl_index02{

	display:block;

	width:420px;

	height:28px;

	text-indent:-9999px;

}

#contents_c h2#ttl_index01{	background:url(../images/h2_ttl_index01.gif) no-repeat 0 0; }

#contents_c h2#ttl_index02{	background:url(../images/h2_ttl_index02.gif) no-repeat 0 0; padding:0 0 0 0; }



#contents_c ul#information {

	padding:0 0 15px 0;

	font-size:0.63em;

}

#contents_c #information li {

	width:420px;

	height:auto;

	padding: 3px 0px;

	border-bottom: 1px dashed #dcdcdc;

	clear:both;

}

#contents_c #information li span {

	float:left;

	width:55px;

	display:block;

	color:#000000;

}

#contents_c #information li span.text {

	width:365px;

	height: auto;

	float: left;

	color:#333333

}

#information li#information_noborder {

	border:none;

}

#contents_c li:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

} /*IE7以外のモダンブラウザ向け*/

#contents_c li{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/

#contents_c li{height:1%;}

#contents_c li{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/



#contents_c p {	

	display:block;

	padding:0 0 10px 0;

}









#contents_c dl {

	display:block;

	width:420px;

	padding:0 0 6px 0;

	margin:0 0 6px 0;

	clear:both;

	border-bottom: 1px dashed #dcdcdc;

}

#contents_c dl dt,

#contents_u dl dt {

	display:block;

	width:106px;

	float:left;

	line-height:0%;

	height:65px;

	font-size:0px;

}

#contents_c dl dt img,

#contents_u dl dt img {

	width:96px;

	padding:1px;

	border:1px solid #b3b3b3;

	line-height:0;

}

#contents_c dl dt img a,

#contents_u dl dt img a {

	outline:none;

	overflow:hidden;

}

#contents_c dl dt a img:hover,

#contents_u dl dt a img:hover {

	border:1px solid #666666;

}

#contents_c dl dd,

#contents_u dl dd {

	line-height:140%;

	font-size:0.63em;

}

#contents_c dl dd.btn,

#contents_u dl dd.btn {

	display:block;

	height:20px;

	width:100px;

	float:right;

	background: url(../images/btn_party.gif) no-repeat 0 0;

	text-indent:-9999px;

}

#contents_c dl dd.btn a,

#contents_u dl dd.btn a {

	display:block;

	height:20px;

	width:100px;

}

#contents_c dl dd.btn a:hover,

#contents_u dl dd.btn a:hover {

	background: url(../images/btn_party_on.gif) no-repeat 0 0;

}









#contents_c dl:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

} /*IE7以外のモダンブラウザ向け*/

#contents_c dl{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/

#contents_c dl{height:1%;}

#contents_c dl{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/











/*----- right -------*/

#contents_r {

	width:230px;

	height:auto;

	float:left;

	font-size:0.63em;

}

#contents_r h2{

	display:block;

	width:230px;

	height:28px;

	background:url(../images/h2_ttl_index05.gif) no-repeat 0 0;

	text-indent:-9999px;

}

#contents_r a {

	color:#626262;

}

#contents_r a:hover {

	text-decoration:none;

}



#contents_r p {

	display:block;

	padding:5px 0 ;

	font-size:0px;

}

#contents_r p img{

	padding:1px;

	border:#EEEEEE 1px solid;

	line-height:0;

}



#contents_r div#fm{

	display:block;

	padding:3px 0;

	width:230px;

	height:297px;

	background:url(../images/bg_index05_div.gif) no-repeat 0 0;

}

#contents_r div#fm div{

	display:block;

	padding:4px;

	line-height:140%;

	width:222px;

	height:289px;

	overflow:auto;

}

#contents_r dl{

	display:block;

	padding:3px 0 4px 0;

	background:url(../images/line_sura.gif) no-repeat 0 100%;

}

#contents_r dl.end{

	background:none;

}

#contents_r dl dt{

	color:#fbc955;

}





/*----- under -------*/

#contents_u {

	width:660px;

	height:auto;

	clear:both;

	padding:10px 0 0 0;

}

#contents_u div.left {

	width:335px;

	height:auto;

	float:left;

}

#contents_u div.right {

	width:325px;

	height:auto;

	float:left;

}





#contents_u h2#ttl_index03,

#contents_u h2#ttl_index04{

	display:block;

	width:325px;

	height:28px;

	text-indent:-9999px;

}

#contents_u h2#ttl_index03{	background:url(../images/h2_ttl_index03.gif) no-repeat 0 0; padding:0 0 6px 0; }

#contents_u h2#ttl_index04{	background:url(../images/h2_ttl_index04.gif) no-repeat 0 0; padding:0 0 6px 0; }



#contents_u p {	

	display:block;

	padding:0 0 10px 0;

}



#contents_u dl {

	display:block;

	width:325px;

	padding:0 0 6px 0;

	margin:0 0 6px 0;

	clear:both;

	border-bottom: 1px dashed #dcdcdc;

}









#contents_u dl:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

} /*IE7以外のモダンブラウザ向け*/

#contents_u dl{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/

#contents_u dl{height:1%;}

#contents_u dl{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/



ul#l_navi {
	background-repeat: no-repeat;
	float: left;
	height: 130px;
	width: 232px;
	padding: 8px 0 5px 0;
}


ul#l_navi li {

	display:block;

	height:37px;

	width:231px;
	
}

ul#l_navi li a {

	display:block;

	height:37px;

	text-indent:-9999px;

	overflow:hidden;

	outline:none;

	width:231px;
	
}

ul#l_navi li.l_navi01 a { background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat 0 0px }

ul#l_navi li.l_navi02 a { background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat 0 -37px }

ul#l_navi li.l_navi03 a { background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat 0 -75px }




ul#l_navi li.l_navi01 a:hover {	background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat -230px 0px }

ul#l_navi li.l_navi02 a:hover {	background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat -230px -37px }

ul#l_navi li.l_navi03 a:hover {	background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat -230px -75px }



ul#l_navi li.l_navi01 a.on {	background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat -230px 0px }

ul#l_navi li.l_navi02 a.on {	background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat -230px -37px }

ul#l_navi li.l_navi03 a.on {	background:url(../../share/images/l_navi/l_navi_food.jpg) no-repeat -230px -75px }