@charset "euc-jp";

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

	ファイル名  : common/css/common.css
	概要　　　  : このCSSはトップページのスタイルを定義したファイルです。
	サイト名　  : 峠の釜めし本舗おぎのや
	URL         : 
	作成日      : 2009.12.16
	更新日      : 

	--------------------------LIST--------------------------
	 01: Body Style
     02: Main bckground	 
	 03: Section
	--------------------------------------------------------

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

/* --------------------------------------------------
 01: Main Visual
 -------------------------------------------------- */
#mainvisual {
	background: url(../images/img_main_bg.jpg) center top repeat-x;
	clear:both;
}
/* --------------------------------------------------
 02: Main bckground
 -------------------------------------------------- */

.top #main-container{
	background: url(../images/bg_main_top.gif) repeat-y left top;
}
/* --------------------------------------------------
 03: Section 01
 -------------------------------------------------- */

.top #section_01 {
	float:left;
	width:600px;
	padding-top:15px;
	background:url(../images/bg_logo.gif) no-repeat right bottom;
	min-height:700px;
}


.top .info_box{
	background:url(../images/bg_dotted.gif) repeat-x left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
.top .info_box .left{
	margin-right:20px;
}
.top .info_box dl{
	float:right;
	width:380px;
}
.top .info_box dt{
	margin-bottom:10px;
}

.top .top_news li{
	background:url(../images/bg_dotted.gif) repeat-x left bottom;
	padding:0px 0px 5px 64px;
	text-indent:-5.3em;
	margin-bottom:5px;
}

.top .top_news li a{
	margin-left:10px;
}

/* --------------------------------------------------
 03: Section 02
 -------------------------------------------------- */
.top #section_02 {
	float:right;
	width:300px;
	text-align:center;
	padding-top:20px;
}
.top #section_02 ul.sublink{
	border-bottom:1px solid #e2e2e2;
}
.top #section_02 ul.sublink li{
	margin-bottom:20px;
}
.top #section_02 .other_link{
	width:260px;
	margin:20px auto 0px auto;
	background:url(../images/bg_dotted.gif) repeat-x left bottom;
	padding-bottom:20px;
}

.top #section_02 .other_link:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.top #section_02 .other_link { display: inline-block; }
/* exlude MacIE5 \*/
* html .top #section_02 .other_link { height: 1% }
.top #section_02 .other_link {display:block;}
/* end MacIE5 */

.top #section_02 .other_link .right{
	float:right;
	width:165px;
	text-align:left;
}
.top #section_02 .other_link dt{
	background:url(../images/arrow_normal.gif) no-repeat left center;
	padding-left:10px;
}
.top #section_02 .other_link dd{
	font-size:10px;
	line-height:140%;
}