@charset "utf-8";

/*---------------------------------------------
	サイトトップページ専用
	Update:2010/06/16
---------------------------------------------*/

/*==============================================================================
　共通
==============================================================================*/

/* 半透明 */
.ov50:hover { opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25); }
.ov50:hover { opacity: 0.50; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50); }
.ov75:hover { opacity: 0.75; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75); }
.oi25:hover img { opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25); }
.oi50:hover img { opacity: 0.50; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50); }
.oi75:hover img { opacity: 0.75; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75); }

/* ナビ */
.navi ul,
.navi ul li { padding:0; margin:0; }
.navi ul { list-style:none; }
.navi li { float:left; }
.navi li a { display:block; }
.navi li a img { background-color:transparent; }
.navi li a:hover { background-color:transparent; }
.navi li a:hover img { visibility:hidden; }

/* ボタン */
.button a { display:block; }
.button a img { background-color:transparent; }
.button a:hover { background-color:transparent; }
.button a:hover img { visibility:hidden; }

/* .wp */
#sub .wp { margin:0 0 15px; }
#main .wp { margin:0 10px 30px; }

/* .page_title */
#base .page_title { background:#E6E6E6; margin:10px 0 15px; }

/* .box */
.box { background:#FFF; margin:5px 7px 7px; padding:7px; }

/* .txt */
#sub .txt { margin:7px 7px 0;  }
#main .txt { margin:15px 15px 0;  }

/* .ls */
.ls_1 { list-style:none; }
.ls_1 li { padding-left:18px; background:url(../image3/icon/icon_square.gif) no-repeat left 0.25em; }

/* .icon */
.icon_1 { padding: 6px 0 6px 60px; background:url(../image3/icon/imadake.gif) no-repeat left center; }
.icon_2 { padding: 6px 0 6px 60px; background:url(../image3/icon/hikken.gif) no-repeat left center; }

/* .mb */
#base .mb10 { margin-bottom:10px; }
#base .mb15 { margin-bottom:15px; }
#base .mb20 { margin-bottom:20px; }

/* .bold */
.bold { font-weight:bold; }

/* .tbl_orange */
.tbl_orange { margin-top:15px; border-collapse:collapse; }
.tbl_orange td { width:151px; padding:10px; border:1px solid #FF983C; vertical-align:top; text-align:left; }
.tbl_orange .null { border:none; width:5px; padding:0; }
.tbl_orange img { margin-bottom:5px; }

/* .tbl_search */
#body .tbl_search { width:210px; margin-bottom:5px; border:none; border-collapse:separate; }
#body .tbl_search th { padding:5px; text-align:left; background:#FFDE8E; border:none; }
#body .tbl_search td { padding:5px; background:#EEE; border:none; }
#body .tbl_search optgroup { font-style:normal; background:#109243; color:#FFF; }

/* .fl */
#base .fl { float:left; }
#base .fr { float:right; }

#base .fl_image { margin:0 15px 5px 0; }
#base .fr_image { margin:0 0 5px 15px; }

	/* IE5.x-6 Hack */
	* html .fl,
	* html .fr {display:inline;}

/* 横サイズ */
.w10 { width:10px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w440 { width:440px; }


/*==============================================================================
　レイアウト
==============================================================================*/

/* 背景 */
html { background:#518833 url(../image3/layout/html_back.png) repeat-x center bottom; }

body { text-align:center; }
#price { background:#518833 url(../image3/layout/html_back.png) repeat-x center bottom; }
#base { width:1050px; margin:0 auto; padding:0 5px; background:url(../image3/layout/base_back.png) repeat-y center top; text-align:left; }
* html #base { width:1060px; }

/*head
------------------------------------------------------------------------------*/
#head { position:relative; width:1050px; height:115px; background:url(../image3/head/head_back.gif) no-repeat left top; }

	/* .site_logo */
	.site_logo { position:absolute; left:9px; top:28px; }
	.site_logo a { display:block; width:209px; height:80px; background:url(../image3/head/site_logo.gif) no-repeat left top; text-indent:-9999px; }

	/* .site_comment */
	.site_comment { position:absolute; left:0px; top:0px; padding:0 12px; font-size:0.87em; font-weight:normal; line-height:17px; color:#FFF; }
	
	/* .button_login */
	.button_login { position:absolute; left:865px; top:39px; background:url(../image3/button/button_login-ov.gif) no-repeat left center; }
	
	/* .button_logout */
	.button_logout { position:absolute; left:865px; top:39px; background:url(../image3/button/button_logout-ov.gif) no-repeat left center; }
	
	/* .button_mypage */
	.button_mypage { position:absolute; left:944px; top:39px; background:url(../image3/button/button_mypage-ov.gif) no-repeat left center; }
	
	/* .button_point */
	.button_point { position:absolute; left:944px; top:39px; background:url(../image3/button/button_point-ov.gif) no-repeat left center; }


	/*head_navi
	------------------------------------------------------------------------------*/
	#head_navi { position:absolute; top:0; right:0; width:300px; font-size:0.87em; line-height:17px; color:#FFF; }
	#head_navi ul { list-style:none; text-align:right; padding:0 20px }
	#head_navi ul li { display:inline; margin-right:-3px; }
	#head_navi ul li a { margin:0 5px; color:#FFF; }
	#head_navi ul li a:hover { text-decoration:none; }


/*body
------------------------------------------------------------------------------*/
#body { position:relative; background:url(../image3/layout/secondary_back.png) no-repeat right top; }

	/*main
	------------------------------------------------------------------------------*/
	#main { float:left; width:800px; margin:0 0 0 6px; }
	#toppage #main { width:812px; margin:0; }
	
			/* .low */
			.low { padding:0 6px; }
		
			/*global_navi
			------------------------------------------------------------------------------*/
			#global_navi { position:relative; height:37px; margin-bottom:10px; }
			#global_navi .clearfix { position:absolute; left:-6px; top:0; width:812px; }
			#global_navi .clearfix li { position:relative; }
			#global_navi .navi_1 { background:url(../image3/navi/global/navi_1-ov.jpg) no-repeat left top; }
			#global_navi .navi_2 { background:url(../image3/navi/global/navi_2-ov.jpg) no-repeat left top; }
			#global_navi .navi_3 { background:url(../image3/navi/global/navi_3-ov.jpg) no-repeat left top; }
			#global_navi .navi_4 { background:url(../image3/navi/global/navi_4-ov.jpg) no-repeat left top; }
			#global_navi .navi_5 { background:url(../image3/navi/global/navi_5-ov.jpg) no-repeat left top; }
			#global_navi .navi_6 { background:url(../image3/navi/global/navi_6-ov.jpg) no-repeat left top; }
			#global_navi .navi_7 { background:url(../image3/navi/global/navi_7-ov.jpg) no-repeat left top; }
			#global_navi ul ul { display:none; position:absolute; top:37px; left:0; }
			#global_navi ul .hover ul { display:block; }
			#global_navi ul .hover ul li { width:112px; }
			#global_navi ul .hover ul li a { display:block; padding:7px 10px; border:1px solid #1B7046; border-top:none; background:#E5F1DE; }
			
		
			/* #toppage */
			#toppage #global_navi .clearfix { left:0; top:269px; }
			#toppage #global_navi { position:absolute; }
	
	/*secondary
	------------------------------------------------------------------------------*/
	#sub { float:right; width:238px; margin:0; padding-bottom:15px; }
	

/*foot
------------------------------------------------------------------------------*/
#foot { position:relative; width:1050px; height:134px; background:#006633 url(../image3/foot/foot_back.gif) repeat-x left top; }

	/* .copyright */
	.copyright { text-align:center; color:#FFF; line-height:29px; }
	
	/* .foot_logo */
	.foot_logo { position:absolute; left:154px; top:44px; }
	
	/* .address */
	.address { position:absolute; left:490px; top:44px; color:#FFF; text-align:left; }
	.address a { color:#FFF; }
	


/*==============================================================================
　各ページ別
==============================================================================*/

/*sec_mypage
------------------------------------------------------------------------------*/
#sec_mypage {  }
#sec_mypage dl dt { margin-bottom:7px; padding-bottom:7px; border-bottom:1px dotted #666; text-align:left; }
#sec_mypage dl dd { text-align:right; }
#sec_mypage dl dd span { color:#FF0000; }

/*sec_news
------------------------------------------------------------------------------*/
#sec_news dl dd { margin-bottom:7px; padding-bottom:7px; border-bottom:1px dotted #666; text-align:right; font-size:0.87em; font-weight:bold; }

/* .button_omakase */
.button_omakase { background:url(../image3/button/button_omakase-ov.gif) no-repeat left top; }

/* .button_keisai */
.button_keisai { background:url(../image3/button/button_keisai-ov.gif) no-repeat left top; }

/*sec_category
------------------------------------------------------------------------------*/
#sec_category { }
#sec_category ul { list-style:none; padding:5px 0 7px 3px; }
#sec_category ul li { float:left; margin:0 0 4px 4px; }
#sec_category ul li img { vertical-align:bottom; }

/*sec_mimiyori
------------------------------------------------------------------------------*/
#sec_mimiyori {  }
#sec_mimiyori ul { list-style:none; }
#sec_mimiyori ul li { margin-bottom:4px; }
#sec_mimiyori ul li img { vertical-align:bottom; }
#sec_mimiyori ul .octopus .image { float:left; }
#sec_mimiyori ul .octopus .title { display:block; padding-left:80px; }
#sec_mimiyori ul .octopus .comment { display:block; padding-top:0; padding-left:80px; font-size:0.87em; }

/*sec_banner
------------------------------------------------------------------------------*/
#sec_banner { padding:0 0 0 7px; }
#sec_banner ul { list-style:none; }
#sec_banner ul li { margin-bottom:4px; }
#sec_banner ul li img { vertical-align:bottom; }


/* display:none */
#toppage #sec_news { display:block; }
#sec_news,
#toppage #sec_search,
#toppage #sec_banner,
#toppage #sec_category { display:none; }

/*top
------------------------------------------------------------------------------*/
#top {}

	/*flash_area
	------------------------------------------------------------------------------*/
	#flash_area { margin-bottom:10px; padding-bottom:37px; }
	
	/*category_top
	------------------------------------------------------------------------------*/
	#category_top { overflow:hidden; float:right; width:425px; }
	#category_top ul { width:428px; list-style:none; }
	#category_top ul li { float:left; margin:0 3px 3px 0; }
	#category_top ul li img { vertical-align:bottom; }
	
	/*map_search
	------------------------------------------------------------------------------*/
	#map_search { float:left; width:360px; height:300px; }
	#map_search .flash { overflow:hidden; width:358px; height:270px; border:1px solid #7F7F7F; border-top:none; }
	
	/*pickup
	------------------------------------------------------------------------------*/
	#pickup { width:792px; padding-bottom:15px; background:url(../image3/contents/top/box_back.gif) no-repeat center bottom; }
	#pickup .clearfix { margin-top:15px; background:url(../image3/contents/top/box_group_back.png) repeat-y center top; }
	#pickup .unit { float:left; width:373px; margin:0 0 0 15px; padding-bottom:10px; background:url(../image3/contents/top/box_unit_back.png) repeat-x left top; }
	#pickup .unit .image { float:left; padding:0 0 0 10px; }
	#pickup .unit .title { padding:10px 10px 5px ; }
	#pickup .unit .text { float:right; width:180px; margin:0 10px 0 0; }
	#pickup .unit .text .comment { margin:0; padding:5px 0 0; }
	#pickup .ar { padding:10px 15px 0; }
	
	#onColumnMax #pickup { margin:10px 0 0 4px; }