@charset "UTF-8";
/* ------------------------------------------- CSS Information
 File Name:      second.css
 Author:         Real Needs Creates
 Style Info:     Setting for each pages
 Date:			 20100224
----------------------------------------------------------- */


/* h2, h3
====================================================================== */

h2{
	padding:0 0 20px 0;
}


h2#h2new{
	background-image:url(../images/second/h2_top02.gif);
}

h3{
	padding:0 0 0 0;
}

h3.h3form{
	padding:0.2em 1em;
	margin:0 0 1em 0;
	border:1px solid #999999;
	background-color:#CCCCCC;
	color:#333333;
	font-weight:normal;
}

h4{
	margin:1em 0 0 0;
}

/* other
====================================================================== */

.center{
	text-align:center;
}

small{
	font-size:95%;
}

strong{
	font-size:110%;
	color:#003F8A;
	font-weight:normal;
}

em{
	color:#BF000D;
}

.blue{
	color:#003F8A;
}

.lightblue{
	color:#7FB5DE;
}
.header_bg {
	background-image: url(../images/yushoku/header_bg.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
	margin-left: 10px;
}



/*トップに戻るボタンの設定
------------------------------------------------------------------*/
	
ul.button_topofpage{
	clear:both;
	float:right;
	list-style:none;
}

ul.button_topofpage li {
	float:right;
	padding:0;
	width:130px;
	height:13px;
}
	
ul.button_topofpage li a{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
	width: 130px; 	/* for Win IE6 */
	height:13px;
	display: block;  
	text-indent: -9999px;  
	text-decoration: none;
/*	outline:none;*/
}

ul.button_topofpage li a:link, ul.button_topofpage li a:visited{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/* button "More info" Image at hover Setting */
ul.button_topofpage li a:hover, ul.button_topofpage li a:active{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
}





/* 左サイド
====================================================================== */


/*サイドメニュー
------------------------------------------------------------------*/
#sub dl.sidemenu{
	margin: 0 0 20px 0;
	letter-spacing:normal;
}

#sub dl.sidemenu dt {
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	font-size:95%;
}

#sub dl.sidemenu a {
	color: #666666;
	background-color:#E6E6E6;
	text-decoration: none;
	text-align: center;	
	border-bottom: 1px solid #ffffff;
	display: block;
	width: 180px;
	padding: 0.2em 0;
}

#sub dl.sidemenu a:hover {
	background: #F2F2F2;	/*オーバー時の背景色*/
	color:#BF000D;		/*オーバー時の文字色*/
}



/* サイド　お問い合わせ
------------------------------------------------------------------*/
#sub h4 {
	background-color:#999999;
	color:#FFFFFF;
	font-size:85%;
	text-align:center;
	margin:20px 0 0 0;
}

ul#subcontact {
	background-color:#F2F2F2;
	margin-bottom:20px;
	padding:0 0 1em 0;
	text-align:center;
	letter-spacing:normal;
	font-size:95%;
}


ul#subcontact li {
	background-image:none;
	line-height:140%;
	padding:0.2em 0;
}


/* バナー
------------------------------------------------------------------*/
ul#bunner{
	width:180px;
}
/* バナー
------------------------------------------------------------------*/
ul#bunner2{
	width:180px;
	height: 120px;
	margin-bottom: 20px;
}
ul#bunner2 li{
	background-repeat:no-repeat;
	float:left;
	height:120px;
	padding-bottom:20px;
	background-color: #FFF;
}
ul#bunner2 li a{
	display:block;
	text-indent:-9999px;
	width:180px;
	height:120px;
}
ul#bunner2 .bunner05{
	background-image:url(../images/common/bunner05.jpg);
	height: 120px;
}

ul#bunner li{
	background-repeat:no-repeat;
	float:left;
	height:60px;
	padding-bottom:20px;
	background-color: #FFF;
}

ul#bunner li a{
	display:block;
	text-indent:-9999px;
	width:180px;
	height:60px;
}

li.bunner01{
	background-image:url(../images/common/bunner01.jpg);
}

li.bunner02{
	background-image:url(../images/common/bunner02.jpg);
}

li.bunner03{
	background-image:url(../images/common/bunner03.jpg);
}

li.bunner04{
	background-image:url(../images/common/bunner04.jpg);
}
li.bunner06{
	background-image:url(../images/common/bn_letter.jpg);
}

ul#bunner3{
	width:180px;
	height: 120px;
	margin-bottom: 20px;
}
ul#bunner3 li{
	background-repeat:no-repeat;
	float:left;
	height:120px;
	padding-bottom:20px;
	background-color: #FFF;
}
ul#bunner3 li a{
	display:block;
	text-indent:-9999px;
	width:180px;
	height:120px;
}
ul#bunner3 .bunner05{
	background-image:url(../images/common/bunner05.jpg);
	height: 120px;
}


/* index.html
====================================================================== */

#top_img{
	padding:0 30px 10px;
}


/*main side
------------------------------------------*/

#main_top{
	float:left;
}

#main_top p{
	width:570px;
	padding-bottom:30px;
}



#main_top dl{
	float:left;
	padding:0 0 0 10px;
	line-height:200%;
	margin:0 0 3em 0;
}



#main_top dl dt{
	float:left;
	width:8em;
}

#main_top dl dd{
	padding-left:8em;
}




/*sub side
------------------------------------------*/

#sub_top{
	float:right;
	width:180px;
}



/* catering.html delivery.html party.html
====================================================================== */

.left{
	float:left;
	width:350px;
}

.imgright{
	float:right;
	margin:0 0 20px 0;
}

/* 画像を右寄せにして文字を回り込ませる */
p.fObject{
	display:block;
	float:right;
	width:auto;
	height:auto;
	margin:0 0 20px 20px;
	line-height:0;
}

/* フローとさせたオブジェクトのマージンが２倍になる回避 for IE 6 */
* html p.fObject {
	margin:0 0 20px 15px;
}

.caption{
	text-align:center;
	margin:0 0 2em 0;
}

/*お問い合わせ
------------------------------------------*/
ul.pContact{
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	letter-spacing:normal;
	padding:1em;
	margin:2em 0 2em 0;
	text-align:center;
	clear:both;
}


/*お届けエリアの表
------------------------------------------*/
table.area{
	width:370px;
}

table.deliveryarea{
	width:570px;
}
	
table.area,table.deliveryarea{
	border-bottom:#999999 dotted 1px ;
	margin:0 0 10px 0;
}

table.area caption,table.deliveryarea caption{
	padding:0 0 10px 0;
}


table.area td,table.deliveryarea td {
	padding:0.5em 1em;
	text-align:right;
	border-top:#999999 dotted 1px ;
}

table.area th,table.deliveryarea th {
	font-weight:normal;
	padding:0.5em 1em;
	background-color: #f7f8f8;
	border-top:#999999 dotted 1px ;
}


/*サンプルメニュー
------------------------------------------*/

dl.sumplemenu {
	padding:0 0 1em 0;
}

dl.sumplemenu dt{
	font-weight:bold;
	line-height:200%;
	color:#666666;
}


/*注意事項リスト
------------------------------------------*/

ul.attention{
	list-style-type:none;
	margin:1em 0 2em 1em;
}

ul.attention li{
	text-indent:-1em;
	line-height:150%;
	padding:0.3em 0;
}


/*コース料理
------------------------------------------*/
dl.course,dl.course_end{
	float:left;
	text-align:center;
	width:265px;
	padding:0 0 1.5em 0;
	letter-spacing:normal;
	border:dotted #CCCCCC 1px;
	margin:1em 0 2em;
}

dl.course{
	float:left;
}

dl.course_end{
	float:right;
}

dl.course dt,dl.course_end dt{
	padding:1.5em 0 0.5em;
}

.kitsphoto{
	float:right;
	margin:1em 0}


/*プロデュース内容
------------------------------------------*/
dl.produce{
	margin:1em 0 2em 0;
}

dl.produce dt{
	color:#003F8A;
	font-weight:bold;
}

dl.produce dd{
	text-indent:-1em;
	margin:0 0 0 1em;
}





/* shop.html
====================================================================== */

dl.shopdata,dl.shop{
	margin:0 0 2em 0;
}


dl.shopdata dt,dl.shop dt,dl.staffdata dt{
	float:left;
	width:7em;
	text-align:right;
	color:#666666;
}

dl.shopdata dd,dl.shop dd,dl.staffdata dd{
	padding:0 0 0 8em;
	color:#333333;
}

dl.shop{
	color:#666666;
	margin:0.5em 0 0 0;
}


dl.staffdata{
	float:left;
	margin:0 0 2em 0;
	letter-spacing:normal;
}


.imgleft{
	float:left;
	margin:0 1em 2em 0;
}


/* form.html, formCatering.html, formDelivery.html
====================================================================== */

table.contact{
	width:570px;
	margin:1.5em 0 2.5em 0;
	letter-spacing:normal;
	border-bottom:1px solid #CCCCCC;
}
	
table.contact th{
	font-weight:normal;
	padding:1em 0 1em 1em;
	border-top:1px solid #CCCCCC;
	background-color: #f7f8f8;
	white-space:nowrap;
	width:14em;
}

table.contact td{
	padding:1em 0 1em 1em;
	border-top:1px solid #CCCCCC;
}

table.contact em{
}

input,textarea, select{
	padding:1px;
}


/*お問い合わせボタンの設定*/

p.button03, p.button04 {
	padding:1em 0 0.5em 0;
}

p.button03 a, p.button04 a{
	display:block;
	width:260px;
	height:35px;
	background-position:0 0;
	background-repeat:no-repeat;
}

p.button03 a{
	background-image:url(../images/form/button03on.gif);
}

p.button04 a{
	background-image:url(../images/form/button04on.gif);
}

p.button03 a:hover, p.button04 a:hover {
	background-color:#FFFFFF;	/*for IE6*/
}

p.button03 a:hover img, p.button04 a:hover img{
	visibility:hidden;
}


/*お問い合わせフォームに戻るボタンの設定*/

p#button_form, p#button_home {
	float:left;
}

p#button_form{
	margin:20px 0 0 150px;
}

* html p#button_form{
	margin:20px 0 0 75px;
}

p#button_home{
	padding:20px 0 0 20px;
}

p#button_form a, p#button_home a{
	display:block;
	height:21px;
	background-position:0 0;
	background-repeat:no-repeat;
}

p#button_form a{
	background-image:url(../images/form/button_formOn.gif);
	width:139px;
}

p#button_home a{
	background-image:url(../images/form/button_homeOn.gif);
	width:68px;
}

p#button_form a:hover, p#button_home a:hover {
	background-color:#FFFFFF;	/*for IE6*/
}

p#button_form a:hover img, p#button_home a:hover img{
	visibility:hidden;
}

/*夕食おとどけ.com (ランディングページ)の設定*/

#runding {
	width: 820px;
	margin-left: 20px;
	height: 1170px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	vertical-align: top;
}
.runding_footer {
	font-size: 120%;
	color: #7FB5DE;
	text-align: center;
	margin-top: 15px;
}

