@charset "utf-8";
/* CSS Document */

*html {
	zoom: 1;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Meiryo", "メイリオ", serif, Arial, sans-serif;
	background: #fffef7;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	line-height: 1.5em;
	letter-spacing: 0.9px;
}

html {
	height: 100%;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	/* 縦の高さを100% */
	width: 100%;
	/* 横の幅を100% */
}

* html div#container {
	height: 100%;
}

#container {
	min-height: 100%;
	position: relative;
}

body>#container {
	height: auto;
}


/* ==========================================================================
   Etc ----- 作成分　------
   ========================================================================== */

/**
 * Hide text show Image.
 */

.hidden {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/**
 * Opacity Image.
 */


.opacity:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
}


h2,
h3,
h4 {
	margin: 0;
	padding: 0;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
}

/* ==========================================================================
   Header
   ========================================================================== */

.header_inner,
#content,
.footer_inner {
	width: 950px;
	margin: 0 auto;
}

#header ul li {
	list-style: none;
}

#header {
	width: 100%;
	height: 164px;
	background: url(../images/common/header/header_border.png) repeat-x bottom;
	margin-bottom: 20px;
}

#header .header_inner h1 {
	width: 330px;
	height: 75px;
	float: left;
	margin-top: 16px;
	margin-bottom: 30px;
}

#header .header_inner h1 a {
	width: 330px;
	height: 75px;
	background: url(../images/common/header/logo.jpg) no-repeat;
}

#header .header_inner .header_right {
	float: right;
	/*width: 250px; /*google 検索用 */
}

#header .header_inner .header_right ul li {
	float: left;
}

#subnavi {
	width: 222px;
	height: 14px;
	overflow: hidden;
	float: right;
	padding: 0;
	margin: 37px 0 8px;
}

#subnavi li.sub_home a {
	width: 53px;
	height: 14px;
	background: url(../images/common/header/subnavi.png) no-repeat 0 0;
	margin-right: 8px;
}

#subnavi li.sub_sitemap a {
	width: 71px;
	height: 14px;
	background: url(../images/common/header/subnavi.png) no-repeat -61px 0px;
	margin-right: 8px;
}

#subnavi li.sub_contact a {
	width: 81px;
	height: 14px;
	background: url(../images/common/header/subnavi.png) no-repeat -140px 0px;
}

.header_right label {
	float: left;
	line-height: 1.8;
	margin-right: 7px;
}

.header_right form {
	clear: both;
	overflow: hidden;
	float: right;
}

.header_right input[type="text"] {
	float: left;
	padding: 3px;
	margin-right: 3px;
	height: 15px;
}

.header_right input[type="submit"] {
	width: 25px;
	height: 25px;
	background: url(../images/common/header/fieldbutton.jpg) no-repeat;
	float: left;
	padding: 0;
	border: none;
	cursor: pointer;
}

/*  google カスタム検索 */
/*#___gcse_0 {
	overflow: hidden;
	clear: both;
}

.gsc-clear-button {
	display: none;
}

.gsc-control-cse {
	background: none !important;
	padding: 0 !important;
}*/
/*   globalnavi   */

#gnavi {
	clear: both;
	overflow: hidden;
	width: 950px;
	padding: 0;
}

#gnavi li {
	float: left;
	border-right: 1px solid #E8E7E2;
	box-sizing: border-box;
}

#gnavi li:first-child {
	border-left: 1px solid #E8E7E2;
}

#gnavi li a {
	display: block;
	width: 134px;
	height: 36px;
	text-align: center;
	position: relative;
}

#gnavi li a img {
	padding-top: 10px;
}

#gnavi li a:hover:after,
#gnavi li a.current:after {
	content: "";
	width: 135px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #FE0000;
}

#gnavi li a.nav_orange:hover:after,
#gnavi li a.nav_orange.current:after {
	background-color: #FE7E01;
}

#gnavi li a.gn_uminosei {}

#gnavi li a:hover,
#gnavi li a.current {
	background-color: #FFFEFA;
}

#gnavi li a.gn_shouhin {}

#gnavi li a.gn_shouhin:hover,
#gnavi li a.gn_shouhin.current {}

#gnavi li a.gn_recipe {}

#gnavi li a.gn_recipe:hover,
#gnavi li a.gn_recipe.current {}

#gnavi li a.gn_sio {}

/* #gnavi li a.gn_sio:hover,
#gnavi li a.gn_sio.current {
	background-position: -354px -36px;
}*/

#gnavi li a.gn_seikatu {}


#gnavi li a.gn_seikatu:hover,
#gnavi li a.gn_seikatu.current {}

#gnavi li a.gn_club {}

#gnavi li a.gn_club:hover,
#gnavi li a.gn_club.current {}

#gnavi li a.gn_company {}

#gnavi li a.gn_company:hover,
#gnavi li a.gn_company.current {}

#gnavi li a.gn_shop {}

#gnavi li a.gn_shop:hover,
#gnavi li a.gn_shop.current {}

/* ==========================================================================
   パンくず
   ========================================================================== */
.breadcrumb a {
	color: #333;
}

/* ==========================================================================
   contents
   ========================================================================== */

#contents {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 80px !important;
}

#main {
	float: left;
	width: 740px;
}

p.breadcrumb {
	font-size: 13px;
	margin: 0;
}


/* ==========================================================================
   sidebar
   ========================================================================== */

#sidebar {
	width: 190px;
	margin-right: 20px;
	float: left;
}

#sidemenu {
	margin: 0 0 24px 0;
	padding: 0;
}


#sidemenu li a:hover {
	background-position: -190px 0;
}


#sidebanner {
	margin: 0 0 60px 0;
	padding: 0;
}

#sidebanner li {
	margin-bottom: 9px;
}

#sidebanner li.banner_anzen {
	margin-bottom: 0;
}

#sidebanner li.banner_present a {
	height: 133px;
	width: 195px;
	background: url(../images/common/sidebar/present.jpg) no-repeat;
}

#sidebanner li.banner_mail a {
	height: 68px;
	background: url(../images/common/sidebar/mail.jpg) no-repeat;
}

#sidebanner li.banner_salon a {
	height: 68px;
	background: url(../images/common/sidebar/salon.jpg) no-repeat;
}

#sidebanner li.banner_cooking a {
	height: 68px;
	background: url(../images/common/sidebar/cooking.jpg) no-repeat;
}

#sidebanner li.banner_secret a {
	height: 68px;
	background: url(../images/common/sidebar/shio.jpg) no-repeat;
}

#sidebanner li.banner_recipe a {
	height: 68px;
	background: url(../images/common/sidebar/recipe.jpg) no-repeat;
}

#sidebanner li.banner_okaimono a {
	height: 68px;
	background: url(../images/common/sidebar/okaimono.jpg) no-repeat;
}

#sidebanner li.banner_ninsho a {
	height: 68px;
	background: url(../images/common/sidebar/ninshou.jpg) no-repeat;
}

#sidebanner li.banner_iso a {
	height: 68px;
	background: url(../images/common/sidebar/iso.jpg) no-repeat;
}

#sidebanner li.banner_anzen a {
	height: 68px;
	background: url(../images/common/sidebar/anzen.jpg) no-repeat;
}

#sidebanner li.banner_recruit a {
	height: 68px;
	background: url(../images/common/sidebar/recruit.jpg) no-repeat;
}




/* ==========================================================================
   footer
   ========================================================================== */

#footer {
	background: url(../images/common/footer/footer_bg.png) repeat-x;
	height: 80px;
	margin-top: 63px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.footer_inner {
	width: 950px;
	overflow: hidden;
	padding-top: 22px;
}

.footer_left {
	float: left;
}

.footer_left p {
	margin: 0;
	font-size: 13px;
}

.footer_left p.name {
	font-size: 15px;
}

.footer_right {
	width: 380px;
	float: right;
	overflow: hidden;
}

.privacy {
	background: url(../images/common/footer/privacy.png) no-repeat;
	width: 122px;
	height: 13px;
	margin-bottom: 8px;
	float: right;
}

address {
	font-style: normal;
	clear: both;
	font-size: 12px;
	text-align: right;
}

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

.topbar {
	margin: 35px 0 0 0;
	clear: both;
	overflow: hidden;
}

.topbar a {
	width: 116px;
	height: 19px;
	background: url(../images/common/pagetop.png) no-repeat;
	float: right;
}

/* ==========================================================================
   ページトップへ(中身ページ)
   ==========================================================================*/

.topbar01 {
	margin: 35px 0 0 0;
	clear: both;
	overflow: hidden;
}

.topbar01 a {
	width: 116px;
	height: 19px;
	background: url(../images/common/pagetop.png) no-repeat;
	float: right;
}

/* ==========================================================================
   ホームへボタン
   ==========================================================================*/

.home_btn {
	width: 122px;
	height: 26px;
	background: url(../images/common/homebtn.png) no-repeat;
	float: right;
	margin: 40px 0 60px 0;
	clear: both;
}

/* ==========================================================================
   ホームへボタン
   ==========================================================================*/

.kaisha_btn {
	width: 183px;
	height: 27px;
	background: url(../kaisha/images/kaisha_btn.png) no-repeat;
	float: right;
	margin: 40px 0 60px 0;
	clear: both;
}