@charset 'utf-8';
@import url("./common.css");

/* ====================================
  INDEX index.css
--------------------------------------
  1.header_img
  2.news
  3.side
  4.food_box
  5.restrant_news
  6.syuhen_box
   7.tenpo
===================================== */
#sideL{
    width		: 530px;
	float		: left;
	padding		: 0px 10px 5px 20px;
	}
.sideL_p{
	font-size	: 5px auto 5px;
	}

/* 1.plan
=====================================*/
#plan{
	width		: 500px;
	margin-left	: 10px;
	float		: left;
	}

#plan h3{
	margin		: 5px 0 0 0;
	padding		: 0px;
	font-size	: 12px;
	color		: #FFF;
	border		: none;
	}

#plan h3 a,
#planx h3 a:hover{
	color		: #FFF;
	text-decoration	: none;
	}

#plan img{
	margin		: 5px 10px 5px  0;
	float		: left;
	}

#plan p{
	margin		: 3px 5px;
	}




/* 3.side
=====================================*/
#side{
	width		: 230px;
	float		: right;
	}

/* 4.food_box
------------------------------------------------*/
.food_box{
	width		: 520px;
	margin		: 5px 0 10px 10px;
	}

.food_box h3{
	margin		: 10px 0 0 0;
	padding		: 0px;
	font-size	: 14px;
	color		: #2F8A2F;
	border		: none;
	}

.food_box h3 a,
.food_box h3 a:hover{
	color		: #F52020;
	text-decoration	: none;
	}

.food_box img{
	margin		: 5px 10px 5px  0;
	float		: left;
	}

.food_box p{
	margin		: 3px 5px;
}

/* 4-1.osusume_box
------------------------------------------------*/
.osusume_box {
	width		: 525px;
	float       : left;
	margin		: 7px 0 5px;
	}

.osusume_box img{
	float       : left;
	margin-left: 8px;
	}
	
/* 5.restrant_news
------------------------------------------------*/
#restrant_news {
	background: url('../img/restrant_bg.gif') repeat-y;
	width: 540px;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 10px;}

#restrant_news .photo {
	float: left;
	width: 160px;
	padding-left: 15px;}
	
#restrant_news h4{
    margin		: 10px 0 0 0;
	font-size	: 14px;
	color		: #F52020;}

#restrant_news .news_txt {
	float: left;
	width: 320px;
	font-size	: 11px;
	padding-left: 10px;}

#restrant_news .news_txt .more {
	text-align: right;
	padding-top: 10px;}

#back_number {
	background: url('../img/back_number.gif') #eeeeee no-repeat right top;
	width: 510px;
	margin-left: 15px;
	margin-top: 10px;}

#back_number .title {
	width: 100%;
	border-bottom: 1px solid #999;}

#back_number ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0 10px;
	line-height: 1.5em;}

#back_number li {
	border-bottom: 1px dotted #999;
}

#back_number .back {
	text-align: right;
	padding: 10px 0 10px 0;}
	
/* 6.syuhen_box
------------------------------------------------*/
.syuhen_box{
	width		: 520px;
	margin		: 5px 0 10px 10px
	}

.syuhen_box h3{
	margin		: 10px 0 0 0;
	padding		: 0px;
	font-size	: 14px;
	color		: #034BFF;
	border		: none;
	}

.syuhen_box h3 a,
.syuhen_box h3 a:hover{
	color		: #034BFF;
	text-decoration	: none;
	}

.syuhen_box img{
	margin		: 5px 10px 5px  0;
	float		: left;
	}

.syuhen_box p{
	margin		: 3px 5px;
}

/* 7.tenpo
=====================================*/
#tenpo{
	width		: 525px;
	margin-left	: 10px;
	float		: left;
	}

#tenpo h3{
	margin		: 5px 0 0 0;
	padding		: 0px;
	font-size	: 12px;
	color		: #F52020;
	border		: none;
	}

#tenpo h3 a,
#planx h3 a:hover{
	color		: #F52020;
	text-decoration	: none;
	}

.info-box {
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F52020;
}
.info-text {
	background-color: #EAEAEA;
	padding: 10px;
	width: 270px;
	margin-bottom: 15px;
}
.info-image {
	float: right;
}
.info-image li {
	display: inline;
	float: left;
	margin-left: 5px;
	width: 100px;
}
.info-image img {
	padding: 1px;
	border: 1px solid #CCC;
}

/* Contact　お問い合わせ
=====================================*/	
.contact_box{
	width		: 520px;
	text-align	: center;
	margin		: 5px auto;
	}

.contact_box h2{
	margin		: 5px;
	text-align	: left;
	font-size	: 14px;
	font-weight	: bold;
	}
	
.contact_box table{
	margin		: 0 auto;
	font-size	: 11px;
	text-align	: left;
	background	: #D0CFCF;
	border-collapse	: collapse;
	border-top	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.contact_box th,
.contact_box td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #999;
	border-bottom	: solid 1px #999;
	}
	
.contact_box th,
.btn_send{
	text-align	: right;
	}

.btn_send input{
	padding		: 0 15px;
	}

.thanks{
	width		: 500px;
	margin		: 20px auto;
	padding		: 5px;
	background	: #D0CFCF;
	border		: solid 1px #999;
	}
