﻿@charset "utf-8";


/* ----------------------------------------------------------------------------------------------------
	
	Format Ver  : 1.0
	Last UpDate : 2017/1/26
	
	1 - 共通
	2 - ホーム
	3 - 製品ラインアップ
	4 - 知る・学ぶ・楽しむ
	5 - 安心・安全への取組み
	6 - 会社案内
	5 - お問い合わせ
	6 - 
	7 - 
	8 - 
	9 - 

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

	共通

---------------------------------------------------------------------------------------------------- */
.about .photo,
.company .photo,
.product .photo,
.safe-sec .photo,
.company .photo
 {
	float: left;
	margin: 0 30px 0 0 !important;
}



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

	ホーム

---------------------------------------------------------------------------------------------------- */
.home .box-L {
	width: 620px;
}
.home .box-R {
	width: 350px;
}
.home .line-item {
	background: url(../images/bg_gray.png);
	width: 290px;
	margin: 0 20px 20px 0;
	padding-bottom: 20px;
	float: left;
}
		.home .line-item p {
			margin-bottom: 0 !important;
		}
		.home .line-item h3 {
			text-align: center;
			margin: 20px 0 0;
		}
		.home .line-item .text {
			font-size: small;
			padding: 0 20px;
		}
		.home .line-item .btn a {
			color: #FFF;
			font-size: small;
			font-weight: bold;
			text-align: center;
			background: #FF6600;
			width: 100px;
			margin: 20px auto 0 auto;
			padding: 10px;
			display: block;
		}
		.home .line-item .btn a:hover {
			background: #FFDC00;
		}
.home .bnr a,
.home .news a {
	background: none;
}

.news .backnumber ul,
.news .backnumber li {
	margin-left: 40px;
	list-style: disc;
}
.news .backnumber li {
	float: left;
	width: 140px;
	margin-bottom: 10px;
}




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

	製品ラインアップ

---------------------------------------------------------------------------------------------------- */
.product .line {
	width: 1080px;
	overflow: hidden;
}
.product .line-item {
	background: url(../images/bg_gray.png);
	width: 480px;
	margin: 0 40px 40px 0;
	padding-bottom: 20px;
	float: left;
}
		.product .line-item p {
			margin-bottom: 0 !important;
		}
		.product .line-item h3 {
			text-align: center;
			margin: 20px 0 0;
		}
		.product .line-item .text {
			padding: 0 20px;
		}
		.product .line-item .btn a {
			color: #FFF;
			font-weight: bold;
			text-align: center;
			background: #FF6600;
			width: 150px;
			margin: 20px auto 0 auto;
			padding: 10px;
			display: block;
		}
		.product .line-item .btn a:hover {
			background: #FFDC00;
		}

.corngrits ul.type li {
	float: left;
	margin-right: 26px;
}
		.corngrits ul.type li:last-child {
			margin-right: 0;
		}
		.corngrits ul.type li div {
			color: #FFF;
			font-weight: bold;
			text-align:center;
			background: #FF6600;
			padding: 3px 0;
		}
		.corngrits ul.type li a,
		.corngrits ul.type li a:hover {
			background: none;
		}
		.corngrits ul.type li img {
			border: 1px  solid #FF6600;
			border-top: 0;
		}
		
.corngrits .corngrits-list,
.cornflour .cornflour-list {
	width: 1020px;
	overflow: hidden;
}
.corngrits .corngrits-item,
.cornflour .cornflour-item {
	width: 235px;
	margin: 0 20px 20px 0;
	float: left;
}
		.corngrits .corngrits-item p,
		.cornflour .cornflour-item p {
			margin-bottom: 0 !important;
		}
		.corngrits .corngrits-item h3,
		.cornflour .cornflour-item h3 {
			text-align: center;
			margin-top: 10px;
		}
		.corngrits .corngrits-item .text,
		.cornflour .cornflour-item .text {
			font-size: small;
			padding: 20px;
		}
		.corngrits .corngrits-item .no,
		.cornflour .cornflour-item .no {
			font-size: small;
			font-weight: bold;
			margin-top: 20px;
		}
		.corngrits .corngrits-item a,
		.cornflour .cornflour-item a {
			background: none;
		}



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

	知る・学ぶ・楽しむ

---------------------------------------------------------------------------------------------------- */
.about .photo,
.about .photo-C {
	text-align: center;
}
.about .photo img,
.about .photo-C img {
	margin-bottom: 5px;
}
.about .photo-C {
	width: 890px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}
.about .photo-C p {
	float: left;
	margin-right: 50px;
}

.about .cleaning,
.about .productline {
	text-align: center;
	padding: 30px 0;
}
.about .cleaning h3,
.about .productline h3 {
	margin-bottom: 30px;
}
.about .cleaning ul,
.about .productline ul {
	overflow: hidden;
	margin-left: 30px;
}
.about .cleaning {
	background: #FFCBCB;
}
.about .productline{
	background: #A3E2FF url(../../about/images/bg_productline.png) no-repeat bottom left;
}
.about .cleaning li,
.about .productline li {
	float: left;
}
.about .productline li {
	margin-bottom: 20px;
}
		.about .cleaning li.arrow {
			margin-top: 40px;
		}
		.about .productline li.arrow {
			margin-top: 30px;
		}
		
		.about .cleaning li div,
		.about .productline li div {
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			text-align:center;
			padding: 3px 0;
		}
		.about .cleaning li div {
			background: #FF6565;
		}
		.about .productline li div {
			background: #00A3D9;
		}
		
		.about .cleaning li a,
		.about .cleaning li a:hover,
		.about .productline li a,
		.about .productline li a:hover {
			background: none;
		}
		
		.about .productline li.second-01 {
			margin-left: 240px;
		}
		.about .productline li.second-02 {
			margin-left: 380px;
		}
		.about .productline li.third {
			margin-left: 840px;
			margin-bottom: 0;
		}
		
.about .cleaning_arrow {
	text-align: center;
	margin-bottom: 0 !important;
}

.about ul.koujou  {
	width: 1025px;
	margin-bottom: 30px;
	overflow: hidden;
}
.about .koujou li {
	float: left;
	margin-right: 25px;
}
.about .koujou li a {
	background: none;
}

.recipe .recipe-list {
	width: 1050px;
	overflow: hidden;
}
.recipe .recipe-item {
	background: url(../images/bg_gray.png);
	width: 300px;
	margin: 0 50px 30px 0;
	float: left;
}
		.recipe .recipe-item p {
			margin-bottom: 0 !important;
		}
		.recipe .recipe-item h3 {
			text-align: center;
		}
		.recipe .recipe-item .text {
			font-size: small;
			padding: 20px;
		}
		.recipe .recipe-item .no {
			font-size: small;
			font-weight: bold;
			margin-top: 20px;
		}
		.recipe .recipe-item a {
			background: none;
		}




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

	安心・安全への取組み

---------------------------------------------------------------------------------------------------- */
.safe-sec .photo,
.safe-sec .photo-C {
	text-align: center;
}
.safe-sec .photo img,
.safe-sec .photo-C img {
	margin-bottom: 5px;
}
.safe-sec .photo-C {
	width: 890px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}
.safe-sec .photo-C p {
	float: left;
	margin-right: 50px;
}
.safe-sec .photo a,
.safe-sec .photo-C a {
	background: none;
}
.safe-sec .photo-R {
	float: right;
	margin-left: 30px;
}

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

	会社案内

---------------------------------------------------------------------------------------------------- */
.company .photo {
	text-align: center;
}
.company .photo img {
	margin-bottom: 5px;
}


.catalog .catalog-list {
	width: 1050px;
	overflow: hidden;
}
.catalog .catalog-item {
	background: url(../images/bg_gray.png);
	width: 300px;
	margin: 0 50px 30px 0;
	float: left;
}
		.catalog .catalog-item p {
			margin-bottom: 0 !important;
		}
		.catalog .catalog-item h4 {
			text-align: center;
		}
		.catalog .catalog-item .text {
			font-size: small;
			padding: 20px;
		}
		.catalog .catalog-item .no {
			font-size: small;
			font-weight: bold;
			margin-top: 20px;
		}
		.catalog .catalog-item a {
			background: none;
		}





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

	お問い合わせ

---------------------------------------------------------------------------------------------------- */
.contact input,
.contact textarea {
	width: 50%;
	margin-right: 10px;
}
.contact textarea {
	height: 100px;
}
.contact .btn {
	text-align: center;
}
.contact .btn_submit,
.contact .btn_reset {
	width: 100px;
}
.qa dt,
.qa dd {
	padding: 10px 0 0 50px;
    min-height: 40px;
}
.qa dt{
	font-weight: bold;
	background: url(../../contact/qa/images/li_q.png) no-repeat;
}
.qa dd {
	background: url(../../contact/qa/images/li_a.png) no-repeat;
	margin-bottom: 30px;
}
.qa .line {
	padding: 0 0 0 50px !important;
}
.qa .btn {
	text-align: center;
}
.qa .btn a {
	background: none;
}


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

	プライバシーポリシー

---------------------------------------------------------------------------------------------------- */
.privacy ul {
	margin-bottom: 30px;
}
.privacy li {
	list-style: disc;
	margin: 0 0 1em 40px;
}
.privacy li:last-child {
	margin: 0 0 0 40px;
}


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

	ご利用規約

---------------------------------------------------------------------------------------------------- */
.guide ul {
	margin-bottom: 30px;
}
.guide li {
	list-style: disc;
	margin: 0 0 10px 40px;
}
.guide li:last-child {
	margin: 0 0 0 40px;
}






