@charset "UTF-8";

/*================================================
　 画面用CSS Document 
================================================*/

/*================================================
  トップページ用
================================================*/

/*=========================================
  各ページ共通部用スタイルシートの読み込み
===========================================*/
@import "base.css";


/*================================================
  メイン部
================================================*/

/*キャッチコピー
------------------------------------------------*/	
#main .catch-copy{
	float:left;
	width:550px;
	min-height:20px;
	padding:5px 0px 0px 10px;
	text-align:center;
	}

#main .catch-copy strong{
	font-size:140%;
	font-weight:bold;
	color:#274F00;
	line-height:1.2em;
	}
	
/*おかわり無料
------------------------------------------------*/
#main .okawari{
	background-color:#D2E9A5;
	float:left;
	width:530px;
	min-height:60px;
	text-align:center;
	border:black solid 2px;
	padding:5px 0px 5px 0px;
	margin:0px 5px 5px 10px;
	}

* html #main .okawari{	/*IE6対策*/
	width:550px;
	}
	
#main .okawari-text p{
	font-size:180%;
	font-weight:bold;
	line-height:1.2em;
	padding:0px 5px 0px 5px;
	}

#main .okawari-text strong{
	color:#FF0000;
	}

#main .okawari-text .small{
	font-size:120%;
	}

/*メニューwrapper
------------------------------------------------*/
#main .menu-wrapper{
	clear:both;
	/*width:530px;*/
	width:540px;
	min-height:298px;
	margin:10px 0px 0px 10px;
	padding:3px 3px 3px 3px;
	background-color:#FFEEDD;
	}

* html #main .menu-wrapper{	/*IE6対策*/
	width:582px;
	height:280px;
	}
	
*:first-child+html  #main .menu-wrapper{	/*IE7対策*/
	}
	
/*メイン画像
------------------------------------------------*/
#main .main-img{
	width:400px;
	float:left;
	}

* html #main .main-img{		/*IE6対策*/
	}

/*トップメニュー抜粋
------------------------------------------------*/
#main .top-menu{
	float:left;
	/*width:80px;*/
	width:125px;
	min-height:280px;
	padding:5px 5px 5px 5px;
	}

* html #main .top-menu{	/*IE6対策*/
	width:170px;
	height:280px;
	}
	
#main .top-menu .menu-item{
	float:left;
	width:110px;
	background-color:#603813;
	color:#FFFFCC;
	font-weight:bold;
	font-size:110%;
	}

* html #main .top-menu .menu-item{	/*IE6対策*/
	width:165px;
	}
	
#main .top-menu .menu_price{
	float:left;
	width:110px;
	color:#CC3300;
	font-weight:bold;
	font-size:105%;
	/*padding:3px 0px 3px 20px;*/
	padding:3px 0px 3px 10px;
	}

* html #main .top-menu .menu_price{	/*IE6対策*/
	width:140px;
	padding:3px 0px 3px 20px;
	}
	
#main .top-menu .menu_explain{
	float:left;
	width:125px;
	font-weight:bold;
	padding:5px 0px 2px 5px;
	}

* html #main .top-menu .menu_explain{	/*IE6対策*/
	width:160px;
	}
	

/*ブログ start
------------------------------------------------*/	
#main .blog{
	float:left;
	width:90%;
	padding:0px 20px 0px 10px; 
	}

* html #main .blog{		/*IE6対策*/
	}
	
#main .blog p{
	font-size:90%;
	color:#000060;
	}

/*新着情報 start
------------------------------------------------*/
#main .new-contents{
	float:left;
	width:90%; 
	padding:5px 0px 5px 10px;
	}

#main .new-contents ul{
	min-height:20px;
	overflow:auto; 
	}

* html #main .new-contents ul{		/*IE6対策*/
	height:20px;
	}

#main .new-contents li{
	text-align:left;
    list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
/*新着情報 end
------------------------------------------------*/