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

 file name  :style.css
 style info  東洋ナッツ食品の心
=================================================================== */


/*-------------------------------------

  共通

-------------------------------------*/
#breadCrumb h1:before {
	background: url(../../img/company/common/bread_icon_company.png) no-repeat 0 0;
}





/*-------------------------------------

 会社情報TOP

-------------------------------------*/
.company #catImg {
	background: #B0D8FF url(../../img/company/common/cat_top_ttl_bg.jpg) no-repeat center 0;
}
.company #content, .company .conteInr {
	width: 100% !important;
}
.company .conteInr .w960 {
	width: 960px;
	margin: 0 auto;
}
.company .conteInr .w960 h3 {
	float: left;
	width: 461px;
	margin-left: 30px;
	margin-right: 55px;
}
.company .conteInr .w960 p {
	float: left;
	width: 400px;
	line-height: 2.1;
	font-size: 108%;
	font-weight: bold;
	margin-top: -14px;
}
.infiniteslide ul {
    display: flex !important;
}
/*------------------------
  サブナビ
------------------------*/
.company .catNav {
	margin-top: 50px;
	margin-bottom: 50px;
}
.company .catNav li {
	float: left;
}
.company .catNav li:nth-child(1) img {
	margin-right: -1px;
}
.company .catNav li:nth-child(2) img {
	margin-right: -1px;
}

/*------------------------
  歴史ナビゲーション
  歴史ページと共通
------------------------*/
.history {
	margin-bottom: 40px;
}
 .history h4 {
}
.history ul {
	float: left;
	margin: 28px 0 0 10px;
}
.history li {
	float: left;
	margin-right: 3px;
}
.history_bottom {
	margin-bottom: 40px;
    padding: 40px 0;
    background: url(../../img/company/history_cmn/bg_bottom.jpg) repeat center center;
}
.history_bottom ul {
    width: 960px;
    margin: 0 auto;
}
.history_bottom li {
    display: inline-block;
    width: 33%;
    text-align: center;
}



/*-------------------------------------

  トップメッセージ

-------------------------------------*/
.topmessage #catImg {
	background: #B0D8FF url(../../img/company/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.topmessage #catImg h2 {
	width: 960px;
	margin: 0 auto 55px auto;
}
/** コンテンツ幅設定**/
.topmessage #content {
	width: 960px;
	margin: 0 auto;
}
.topmessage .conteInr {
	float: left;
	width: 700px !important;
	margin: 0;
	background: url(../../img/company/topmessage/conte_bg.png) no-repeat center 405px;
}
.topmessage h3 {
	margin-bottom: 45px;
}
.topmessage p {
	text-align: center;
}




/*-------------------------------------

  会社概要

-------------------------------------*/
.about #catImg {
	background: #B0D8FF url(../../img/company/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.about #catImg h2 {
	width: 960px;
	margin: 0 auto 55px auto;
}
/** コンテンツ幅設定**/
.about #content {
	width: 960px;
	margin: 0 auto;
}
.about .conteInr {
	float: left;
	width: 700px !important;
	margin: 0;
}
.about h3 {
	margin-bottom: 45px;
}
.about h4 {
	color: #6A3A1E;
	font-size: 138.5%;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: #E9E0CE 1px solid;
}
.about table.line {
	width: 100%;
	font-size: 100%;
}
.about table.line p {
	display: block;
	padding-left: 15px;
	text-indent: -15px;
}
.about table.line p .co-b {
	color: #59322C
}
.about table.line p .co-g {
	color: #868686
}
.about table.line p .co-v {
	color: #A9853F
}
.about table.line th {
	border-bottom: #E9E0CE 1px solid;
	background: #FDFAF4;
	color: #6A3A1E;
	padding: 10px 5px 10px 20px;
	;
	width: 100px;
	font-weight: bold;
}
.about table.line td {
	border-bottom: #E9E0CE 1px solid;
	border-left: 1px dotted #E9E0CE;
	padding: 10px 5px 10px 20px;
}
.about table.line td.first {
	padding-right: 20px;
	width: 110px;
	font-weight: bold;
}
.about p.text {
	padding: 20px 0;
	font-size: 100%;
}
.about table.dot {
	width: 100%;
	margin: 20px 0 80px 0;
	font-size: 100%;
}
.about table.dot th {
	width: 190px;
	border-bottom: 1px dotted #E9E0CE;
	font-weight: bold;
	background: none;
	padding: 10px 0px;
}
.about table.dot td {
	border-left: 1px dotted #E9E0CE;
	border-bottom: 1px dotted #E9E0CE;
	padding: 10px 0 10px 20px
}
.about .maps {
  position: relative;
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.about .maps iframe,
.about .maps object,
.about .maps embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*-------------------------------------

  ステイクホルダーとともに

-------------------------------------*/
.mission #catImg {
	background: #B0D8FF url(../../img/company/common/cat_under_ttl_bg.jpg) no-repeat center 0;
}
.mission #catImg h2 {
	width: 960px;
	margin: 0 auto 55px auto;
}
/** コンテンツ幅設定**/
.mission #content {
	width: 960px;
	margin: 0 auto;
}
.mission .conteInr {
	float: left;
	width: 700px !important;
	margin: 0;
}
.mission h3 {
	margin-bottom: 45px;
}
.mission p.image {
	margin: 50px 0px 40px 0px;
	text-align: center;
}
.mission .mission {
	overflow: hidden;
}
.mission .mission dd {
	margin: 15px 0px 40px 0px;
}
.mission .mission .m01 {
	width: 236px;
	float: left;
	display: block;
}
.mission .mission .m02 {
	width: 271px;
	float: left;
	display: block;
}
.mission .mission .m03 {
	width: 199px;
	float: left;
	display: block;
}
.mission .mission .m04 {
	width: 199px;
	float: left;
	display: block;
}
.mission .mission .m05 {
	width: 199px;
	float: left;
	display: block;
}




/*-------------------------------------

  東洋ナッツ食品の歴史年表

-------------------------------------*/
.history1 #breadCrumb {
	position: relative;
	z-index: 100;
}
.history1 #breadCrumb h1 {
	position: relative;
	left: 0;
}
.history1 #breadCrumb h1:before {
	background: none !important;
}
.history1 #catImg {
	background: url(../../img/company/common/cat_hisotory_ttl_bg.jpg) no-repeat center 0;
	position: relative;
	z-index: 0;
	margin-top: -30px;
}
.history1 #catImg ul:after {
	content: '';
	display: block;
	width: 195px;
	height: 127px;
	background: url(../../img/company/common/cat_history_icon.png) no-repeat 0 0;
	position: absolute;
	top: -300px;
	left: 450px;
}
.history1 #catImg ul {
	width: 960px;
	height: 157px;
	margin: -170px auto 0px;
	position: relative;
	left: 20px;
	z-index: 100;
}
.history1 #catImg ul li {
	float: left;
	margin-top: -40px;
	margin-right: 10px;
}
.history1 #content {
	background: url(../../img/company/top/conte_bg.jpg) no-repeat 51% 0px;
}
.history1 .conteInr {
	width: 960px;
}
.history1 .conteInr h3 {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 40px;
}
/* デフォルトのスタイル */
.stickyNav {
	position: absolute;
	width: 894px;
	height: 39px;
	padding: 3px;
	background: url(../../img/company/history_cmn/anchor_bg.png) no-repeat 0 0;
	margin-left: 30px;
	margin-top: 40px;
}
.stickyNav li {
	float: left;
}
/* スティッキー状態のスタイル */
.stickyNav.sticky {
	position: fixed;
	top: 0;
	z-index: 1000;
	margin-top: 40px;
}
.history1 .section {
	width: 900px;
	margin: 0 auto 60px auto;
}
.history1 .conteInr h3 {
	margin-bottom: 15px;
}
.history1 .section table {
	width: 450px;
	font-size: 100%;
}
.history1 .section table th {
	width: 140px;
	color: #6A391E;
}
.history1 .section table th, .history1 .section table td {
	vertical-align: top;
	border-bottom: #AAAAAA 1px dashed;
	padding: 15px 5px;
}
.history1 .section table tr:last-of-type th, .history1 .section table tr:last-of-type td {
	/* border: none; */
}
.history1 #section01 {
	margin-top: 90px;
	padding-top: 60px;
}
.history1 .section p {
	margin: 25px 0 40px 0;
}
.history1 #section01 .secInr {
	background: url(../../img/company/history1/img04.png) no-repeat right 0;
	min-height: 284px;
	padding: 8px 0 0 0;
	margin: -8px 0 0 0;
}
.history1 #section02, .history1 #section03 {
	padding-top: 60px;
	margin-top: -60px;
}
.history1 #section02 .secInr {
	min-height: 285px;
}
.history1 #section02 .secInr {
	background: url(../../img/company/history1/img06.png) no-repeat 555px 13px;
	min-height: 285px;
}
.history1 #section03 .secInr {
	min-height: 580px;
}
.history1 #section03 .secInr {
	margin-top: -100px;
	background: url(../../img/company/history1/img11.png) no-repeat right 120px;
}
.history1 #section03 ul {
	margin: 25px 0;
}
.history1 #section03 .secInr table {
	position: relative;
	top: 100px;
}
.history1 #section04 {
	margin-bottom: 80px;
	margin-top: -80px;
	padding-top: 60px;
}
.history1 #section04 .secInr {

	background-image:	url(../../img/company/history1/img1401.png),
				url(../../img/company/history1/img1402.png),
				url(../../img/company/history1/img1403.png),
				url(../../img/company/history1/image1404.png),
				url(../../img/company/history1/image1405.png),
				url(../../img/company/history1/img1406.png);
	background-repeat:	no-repeat,
				no-repeat,
				no-repeat,
				no-repeat,
				no-repeat,
				no-repeat;
	background-position:	right 10px top 30px,
				right 10px top 350px,
				right 10px top 550px,
				right 10px top 850px,
				right 10px top 1150px,
				right 10px top 1400px;
/*	min-height: 1970px; */
}
.history1 #section04 .btmrg-s {
	padding-top: 60px;
}
.history1 #section04 .btmrg-m {
	padding-top: 120px;
}


/*-------------------------------------

  商品の歴史年表

-------------------------------------*/
.history2 #breadCrumb {
	position: relative;
	z-index: 100;
}
.history2 #breadCrumb h1 {
	position: relative;
	left: 0;
}
.history2 #breadCrumb h1:before {
	background: none !important;
}
.history2 #catImg {
	background: url(../../img/company/common/cat_hisotory_ttl_bg.jpg) no-repeat center 0;
	position: relative;
	z-index: 0;
	margin-top: -30px;
}
.history2 #catImg ul:after {
	content: '';
	display: block;
	width: 195px;
	height: 127px;
	background: url(../../img/company/common/cat_history_icon.png) no-repeat 0 0;
	position: absolute;
	top: -300px;
	left: 450px;
}
.history2 #catImg ul {
	width: 960px;
	height: 157px;
	margin: -170px auto 0px;
	position: relative;
	left: 20px;
	z-index: 100;
}
.history2 #catImg ul li {
	float: left;
	margin-top: -40px;
	margin-right: 10px;
}
.history2 #content {
	background: url(../../img/company/top/conte_bg.jpg) no-repeat 51% 0px;
}
.history2 .conteInr {
	width: 960px;
}
.history2 .conteInr h3 {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 40px;
}
.history2 .section {
	width: 900px;
	margin: 0 auto 60px auto;
}
.history2 .conteInr h3 {
	margin-bottom: 15px;
}
/*.history2 .section table {
	width: 450px;
	font-size: 97%;
}*/
.history2 .section table th {
	width: 110px;
	color: #6A391E;
  white-space: nowrap;
}
.history2 .section table th, .history2 .section table td {
	vertical-align: top;
	border-bottom: #AAAAAA 1px dashed;
	padding: 15px 5px;
	word-break: break-all;
}
.history2 .section table th {
	padding: 15px 0;
}
.history2 .section table tr:last-of-type th, .history2 .section table tr:last-of-type td {
	/* border: none; */
}
.history2 #section01 {
	margin-top: 90px;
	padding-top: 60px;
}
.history2 .section p {
	margin: 25px 0;
}
.history2 #section01 .secInr {
	background: url(../../img/company/history2/img04.png) no-repeat 505px 8px;
	min-height: 284px;
}
.history2 #section01 .secInr table, .history2 #section02 .secInr table {
    max-width: 450px;
    width: auto;
}
.history2 #section02, .history2 #section03 {
	padding-top: 60px;
	margin-top: -60px;
}
.history2 #section02 .secInr {
	background: url(../../img/company/history2/img06.png) no-repeat 545px 10px;
	min-height: 285px;
}
.history2 #section03 .secInr {
	min-height: 446px;
}
.history2 #section03 .secInr {
	margin-top: -100px;
	background: url(../../img/company/history2/img11.png) no-repeat right 110px;
}
.history2 #section03 ul {
	margin: 25px 0;
}
.history2 #section03 .secInr table {
    max-width: 450px;
    position: relative;
    top: 100px;
    width: auto;
}
.history2 #section04 {
	margin-bottom: 80px;
	margin-top: -80px;
	padding-top: 60px;
}
.history2 #section04 .secInr table img {
	float: right;
	padding-left: 15px;
}
.history2 #section04 .secInr table div {
	width: 125px;
	float: left;
}
.history2 #section04 .secInr table span {
	display: inline-block;
	margin: 8px 0;
}
.history2 #section04 .secInr table td {
  vertical-align: top;
}
.history2 #section04 .secInr table ul {
  clear: both;
}
.history2 #section04 .secInr table ul li {
  padding: 5px 0;
}
.history2 #section04 .secInr table ul.hf li {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}



/*-------------------------------------

  創業者 中島泰介

-------------------------------------*/
.history3 #breadCrumb {
	position: relative;
	z-index: 100;
}
.history3 #breadCrumb h1 {
	position: relative;
	left: 0;
}
.history3 #breadCrumb h1:before {
	background: none !important;
}
.history3 #catImg {
	background: url(../../img/company/common/cat_hisotory_ttl_bg.jpg) no-repeat center 0;
	position: relative;
	z-index: 0;
	margin-top: -30px;
}
.history3 #catImg ul:after {
	content: '';
	display: block;
	width: 50px;
	height: 54px;
	background: url(../../img/company/common/cat_history_icon.png) no-repeat 0 0;
	position: absolute;
	top: -317px;
	left: 475px;
}
.history3 #catImg ul {
	width: 960px;
	height: 157px;
	margin: -170px auto 0px;
	position: relative;
	left: 20px;
	z-index: 100;
}
.history3 #catImg ul li {
	float: left;
	margin-top: -40px;
	margin-right: 10px;
}
.history3 #content {
	background: url(../../img/company/top/conte_bg.jpg) no-repeat 51% 0px;
}
.history3 .conteInr {
	width: 960px;
}
.history3 .conteInr h3 {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 40px;
}

.history3 .section {
	width: 900px;
	margin: 0 auto 80px auto;
}
.history3 .conteInr h3 {
	margin-bottom: 15px;
}
.history3 .section .secInr h4, .history3 .section table {
	width: 450px;
	font-size: 100%;
}
.history3 .section .secInr h4, .history3 .section table.tbl02 {
	width: 290px;
	font-size: 100%;
}
.history3 .section table th {
	width: 140px;
	color: #6A391E;
}
.history3 .section table th, .history3 .section table td {
	vertical-align: top;
	border-bottom: #AAAAAA 1px dashed;
	padding: 15px 5px;
}
.history3 .section table tr:last-of-type th, .history3 .section table tr:last-of-type td {
	/* border: none; */
}
.history3 #section01 {
	margin-top: 90px;
	padding-top: 60px;
}
.history3 #section01 .secInr {
	background: url(../../img/company/history3/img02_01.png) no-repeat 0 0;
	min-height: 252px;
	width: 710px;
	margin: 0 auto;
}
.history3 #section01 .secInr h4, .history3 #section01 .secInr table {
	margin-left: 260px;
}
.history3 #section02, .history3 #section03 {
	padding-top: 60px;
	margin-top: -60px;
}
.history3 #section02 .secInr {
	background: url(../../img/company/history3/img05.png) no-repeat right 40px;
	min-height: 200px;
	width: 760px;
	margin: -35px auto 0 auto;
	padding: 35px 0 0 0;
}
.history3 #section03 .secInr {
	background: url(../../img/company/history3/img06.png) no-repeat 0 15px;
	min-height: 304px;
	width: 760px;
	margin: 0 auto;
}
.history3 #section03 .secInr h4, .history3 #section03 .secInr table {
	margin-left: 300px;
}
.history3 #section04 {
	margin-top: -60px;
	padding-top: 60px;
}
.history3 #section04 .secInr {
	background: url(../../img/company/history3/img09.png) no-repeat right 30px;
	min-height: 543px;
	width: 760px;
	margin: 0 auto;
}
.history3 #section02 h4, .history3 #section03 h4, .history3 #section04 h4 {
	margin-bottom: 30px;
}