@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  natural.css
 style info :  自然味ページのCSS（一部メニューコンテンツでも使用）
  fonts
 10px = 83%     11px = 92%     12px = 100%     13px = 108%
 14px = 116%    15px = 123%    16px = 133%
=================================================================== */


/*----------------------------------------------------------------------------------
自然味
------------------------------------------------------------------------------------*/
div#contents  ul.photo_list_natural {
	padding-bottom: 18px;
}

div#contents  ul.photo_list_natural li {
	text-align: center;
}

div#contents div#mainMenu {
	clear: both;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 60px;
}

div#contents div#sideMenu {
	clear: both;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 60px;
}

div#contents div#localMenu {
	clear: both;
	font-size: 12px;
	margin-top: 10px;
}


/* メニューリスト共通 */
ul.menu_list:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

ul.menu_list { display: inline-block; }
ul.menu_list { display: block; }


ul.menu_list li.item {
	background: url(/menu/images/list/bg_list_box_top.gif) 0 0 no-repeat;
	padding: 6px 0 0;
	width: 170px;
	height: 186px;
}

ul.menu_list li.item div.item_inner {
	/* height: 293px; */
	padding: 0 5px 5px;
	background: url(/menu/images/list/bg_list_box_bottom.gif) 0 bottom no-repeat;
	overflow: hidden;
}

ul.menu_list li.item h4 {
	background: url(/menu/images/list/bg_menu_title01.gif) 0 0 no-repeat;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #b2b2b2;
	font-weight: bold;
	line-height: 15px;
	margin: 0 0 5px;
	min-height: 30px;
}

ul.menu_list li.item h4.jingisukan {
	padding:2px 0 0 4px;
	height:17px;
}

ul.menu_list li.item p.photo2 {
	text-align: center;
	height: 120px;
	overflow: hidden;
}

ul.menu_list li.item p.natural {
	text-align: right;
	height: 20px;
	margin: 0px 5px 5px 0;
}

/* noscript時 */
ul#noscriptMenu {
	margin-right: -15px;
	width: 720px;
}

ul#noscriptMenu:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

ul#noscriptMenu { display: inline-block; }
ul#noscriptMenu { display: block; }

ul#noscriptMenu li.item {
	float: left;
	margin: 0 10px 10px 0;
}

/* tab */

ul.tab_btn {
	background: url(/safety/images/tab/tab_btn_bg.gif) 0 bottom repeat-x;
	height: 45px;
}

ul.tab_btn:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

ul.tab_btn { display: inline-block; }
ul.tab_btn { display: block; }

ul.tab_btn li {
	float: left;
	margin-right: 20px;
}

ul.tab_btn li a {
	display: block;
}

ul.tab_btn li a span,
ul.tab_btn li span {
	display: none;
}

ul.tab_btn li.btn_main a,ul.tab_btn li.btn_main {
	width: 160px;
	height: 45px;
	background: url(/safety/images/tab/tab_top_main.gif) 0 0 no-repeat;
}

ul.tab_btn li.btn_main a:hover {
	background: url(/safety/images/tab/tab_top_main_on.gif) 0 0 no-repeat;
}

ul.tab_btn li.btn_main a.active {
	background: url(/safety/images/tab/tab_top_main_cr.gif) 0 0 no-repeat;
}

ul.tab_btn li.btn_side a,ul.tab_btn li.btn_side {
	width: 160px;
	height: 45px;
	background: url(/safety/images/tab/tab_top_side.gif) 0 0 no-repeat;
}

ul.tab_btn li.btn_side a:hover {
	background: url(/safety/images/tab/tab_top_side_on.gif) 0 0 no-repeat;
}

ul.tab_btn li.btn_side a.active {
	background: url(/safety/images/tab/tab_top_side_cr.gif) 0 0 no-repeat;
}

div#sideMenu {
	display: none;
}

ul.tab_btn li.btn_local a,ul.tab_btn li.btn_local {
	width: 160px;
	height: 45px;
	background: url(/safety/images/tab/tab_top_local.gif) 0 0 no-repeat;
}

ul.tab_btn li.btn_local a:hover {
	background: url(/safety/images/tab/tab_top_local_on.gif) 0 0 no-repeat;
}

ul.tab_btn li.btn_local a.active {
	background: url(/safety/images/tab/tab_top_local_cr.gif) 0 0 no-repeat;
}

div#localMenu {
	display: none;
}