@charset "utf-8";

/*
	* Name: index.css
	* Version: 1.0
	* Last Update: 2009.11.13
	* Author: TAXIWAY

	* Contents:
	  - 01. 領域設定 - ブロック -
	    - 01-01. 領域設定 - Flash -
	    - 01-02. 領域設定 - メインメニュー -
	    - 01-03. 領域設定 - 新着情報 -
	    - 01-04. 領域設定 - パーティープラン -
	    - 01-05. 領域設定 - メールマガジン -
	    - 01-06. 領域設定 - フッターボックス -


*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 01. 領域設定 - Flash -
	======================================== */
	body {

/*			letter-spacing:	1px;
*/	}
	
	
	/*Flashはめ込み部分*/
	#flash{
	}
	
	/* ========================================
	   * 02. 領域設定 - メインメニュー -
	======================================== */

	
	/*Category,Food,Locatioを囲う枠*/
	#cfl_menu_box{
		float:left;
		padding:0px 0px 20px 0px;
	}
	
	/*Category,Locatioから探すの部分*/
	.cfl_menu{
		float:left;
	}

	/*Foodから探すの部分*/
	#cfl_menu2{
		float:left;
		padding:0px 10px 0px 10px;
	}
	
	/* ========================================
	   * 03. 領域設定 - 新着情報 -
	======================================== */	
	
	#whatsnew{
		clear:both;
		height:819px;/*854  685px  715px*/
		background-image:url(../../img/img_index/index_news_back.jpg);
		background-repeat:no-repeat;
		padding:35px 10px 50px 10px;
		position:relative;
	}
	
	#whatsnew_text{
	position:absolute;
	top: 16px;
	left: 379px;
	color:#FFFFFF;
	letter-spacing:	1px;

	}
	
	
	#news_area{
		width:500px;/*510px*/
		height:789px;/*854  715px*/
		padding:10px 0px 10px 10px;
		overflow:auto;
		scrollbar-arrow-color:#5c5859;
		scrollbar-track-color:#d4d4d4;
		scrollbar-face-color:#231c16;
		scrollbar-shadow-color:#231c16;
		scrollbar-darkshadow-color:#231c16;
		scrollbar-highlight-color:#231c16;
		scrollbar-3dlight-color:#231c16;
		font-size:12px;
		line-height:20px;
/*		letter-spacing:1px;
*/		
		
	}



	#news_area a{
		text-decoration:none;
	}

		
	.news_box{
		float:left;
	}
	
	.news_icon{
		float:left;
		padding:3px 0px 0px 0px;
		width:60px;
	}
	
	.news_text{
		float:left;
		width:415px;
	}
	
	.news_line{
		clear:both;
	}
	
	/* ========================================
	   * 04. 領域設定 - パーティープラン -
	======================================== */	

	#patyplan_area{
		float:left;
		font-size:10px;
		padding:0px 0px 0px 0px;
		oveflow:hidden;
	}

	#patyplan_area .title{
		width:530px;
		height:32px;
		background-image:url(../../img/img_index/index_patyplan_title.jpg);
		background-repeat:no-repeat;
		position:relative;
	}

	#patyplan_area .title p{
	position:absolute;
	left: 317px;
	top: 4px;
	width: 234px;
	}

	
	
	#patyplan_1{
		height:55px;
		padding:0px 0px 0px 0px;
		font-size:12px;
		position:relative;
		line-height:18px;
	}
	#patyplan_1 p{
		height:18px;
	}
	

	#patyplan_2{
	position:absolute;
	left: 334px;
	top: 1px;
	}
	

	
	
	#patyplan_box_area{
		width:530px;
		clear:both;
		oveflow:hidden;
	}


	#patyplan_box_area p{
		padding:0px 0px 5px 0px;
	}

	.patyplan_box{
		float:left;
		width:170px;
		height:253px;
		text-align:center;
	}
	
	.patyplan_box2{
		float:left;
		width:170px;
		height:253px;
		padding:0px 10px 0px 10px;
		text-align:center;

	}

	.patyplan_box3{
		float:left;
		width:170px;
		height:247px;
		text-align:center;
	}
	
	.patyplan_box4{
		float:left;
		width:170px;
		height:247px;
		padding:0px 10px 0px 10px;
		text-align:center;

	}



	/* ========================================
	   * 05. 領域設定 - メールマガジン -
	======================================== */	
	
	#mailmagazine{
		float:left;
	}
	
	#mailmagazine .title{
		width:530px;
		height:32px;
		background-image:url(../../img/img_index/index_mailmagazine_title.jpg);
		background-repeat:no-repeat;
		position:relative;
	}

	#mailmagazine .title p{
		position:absolute;
		top: 3px;
		left: 299px;
	}


	#mailmagazine .text{
		width:530px;
		height:50px;
	}
	

	/* ========================================
	   * 06. 領域設定 - フッターボックス -
	======================================== */
	
	#footer_box{
		clear:both;
		height:233px;
		background-image:url(../../img/img_index/footer_box_back.jpg);
		background-repeat:no-repeat;
		position:relative;
		text-align:left;
		line-height:160%;
	}

	#footer_box a{
		text-decoration:none;
	}
	
	#storelist_1{
		position:absolute;
		top: 42px;
		left: 31px;
	}

	#storelist_2{
		position:absolute;
		left: 414px;
		top: 10px;
	}


}