@charset "utf-8";

/* 基本レイアウト ここから↓ */

body{
	line-height: 1.5;	
	background-color: rgba(234,245,244,1.00);
}
a{
	color: rgba(0,0,0,1.00);
}
a:hover{
	color: #26b6d5;
}
header, nav, #path_arrow, #contents, footer #footer_box{
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}
header h1{
	margin: 0;
	padding: 30px 0 30px 0;
	text-align: center;
}
nav ul{
	list-style-type: none;
	margin: 0 0 30px 0;
	padding-left: 0;
	overflow: hidden;
}
nav ul li{
	width: 205px;
	float: left;
}
nav ul li a{
	display: block;
	height: 0;
	padding-top: 55px;
	overflow: hidden;
}
nav ul li#nav_product a{
	background-image: url("../images/1nav.png");
}
nav ul li#nav_sustainability a{
	background-image: url("../images/2nav.png");
}
nav ul li#nav_news a{
	background-image: url("../images/3nav.png");
}
nav ul li#nav_contact a{
	background-image: url("../images/4nav.png");
}
#main{
	width: 590px;
	float: left;
}
#path_arrow ol {
	list-style-type: none;
	padding: 0;
}
#path_arrow ol li {
	display: inline;
	margin-right: 5px;
}
#path_arrow ol li a {
	padding-right: 20px;
	background-image: url("../images/パンくずリスト_06.png");
	background-repeat: no-repeat;
	background-position: right center;
}
#sub{
	width: 200px;
	float: right;
}
#sub span{
	color: red;
}
footer{
	margin-top: 50px;
	background: url("../images/footer_03.png") repeat-x left bottom;
}
footer #footer_box{
	padding: 10px;
	clear: both;
}
footer #pagetop{
	float: right;
	margin-bottom: 30px; 
}
footer address{
	clear: both;
}
footer address, footer #copyright{
	text-align: center;
}
footer #copyright{
	margin-bottom: 0;
	margin-top: 0;
}
#main h1{
	margin: 0 0 30px 0;
	padding: 20px 0 20px 0;
	background: url("../images/h1_top.png") repeat-x left top,
		         url("../images/h1_bottom.png") repeat-x left bottom;
	color: #26b6d5;
	font-size: 	160%;
}
#product #nav_product a, #sustainability #nav_sustainability a, #news #nav_news a, #contact #nav_contact a, nav ul li a:hover{
	background-position: 0 -55px;
}

/* 基本レイアウト ここまで↑ */

/* トップページ ここから↓ */
#slideshow {
	position: relative;
	width: 820px; /* 画像の横幅に合わせる */
	height: 461px; /* 画像の高さに合わせる */
	top: auto;
	right: auto;
	left: auto;
	margin: auto;
	bottom: auto;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
#news ul{
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
#news ul li{
	margin-top: 1.5em;
	padding: 0 0 1.5em 9.3em;
	border-bottom: 1px dotted #b6ecf2;
	text-indent: -9.3em;
}
#news ul li {
	margin-top: 20px;
	padding: 0 0 20px 0;
	text-indent: 0;
}
#news ul li time {
	display: inline-block;
	width: 9.3em;
	font-weight: bold;
	text-indent: 0;
}
#main h2{
	color: #26b6d5;
}
/* トップページ ここまで↑ */

/* 「プロダクト」ページ ここから↓ */
.product_area figure{
	width: 265px;
	margin: 0 0 15px 20px;
	float: left;
	overflow: hidden
}
.product_area figure:first-child{
	margin-left: 0;
}
.product_area {
	overflow: hidden;
	font-size: 70%;
}
.product_area:first-of-type {
	margin-top: 30px;
}
.product_area figure img {
	float: left;
	transition: transform 0.5s ease;
}
.product_area figure:hover img {
	transform:scale(1.1);
}


.product_area figure figcaption {
	width: 150px;
	float: right;
}
.product_area figure span{
	color: red;
}
/* 「プロダクト」ページ ここまで↑ */

/* 「サステナブル」ページ ここから↓ */
.about_area{
	margin-bottom: 30px;
	overflow: hidden;
}
.about_area:last-child{
	margin-bottom: 0;
}
.about_area p:last-child {
	margin-bottom: 0;
}
.photo_right {
	margin: 0 0 10px 20px;
	float: right;
}
/* 「サステナブル」ページ ここまで↑ */

/* 「ニュース」ページ ここから↓ */
table thead tr th{
	background-color: #b6ecf2;
}
table tbody tr:nth-child(even) td{
	background-color:#BCDFE7;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table caption {
	overflow: hidden;
	text-align: left;
}
table caption p {
	margin-bottom: 30px;
}
table th, table td {
	padding: 15px;
	border: 1px solid #775644;
}
table tr th:first-child {
	width: 45%;
}
table tr td:nth-child(2), table tr td:nth-child(3) {
	text-align: center;
}
/* 「ニュース」ページ ここまで↑ */

/* 「お問い合わせ」ページ ここから↓ */
input[type="text"]{
	width: 200px;
}
input[type="email"]{
	width: 300px;
}
form p {
	margin-bottom: 30px;
}
form p:nth-last-child(2) {
	margin-bottom: 7px;
}
form p:last-child {
	margin-bottom: 0;
}
input, textarea {
	margin-top: 7px;
}
textarea {
	width: 420px;
	height: 115px;
	overflow-y: scroll;
}

/* 「お問い合わせ」ページ ここまで↑ */