@charset "utf-8";
/*******************************************************
*
*		page CSS
*		各ページ用スタイル
*		2012.12.12
*		fujioka@FORTUNE
*
*******************************************************/

/**********************************

	メインビジュアル

**********************************/
#mv {
	margin-bottom:15px;
	text-align:center;
}



/**********************************

	サイドナビ

**********************************/
#sideNav {
	float:left;
	width:240px;
	padding:0 15px;
}
#sideNav ul {
	position:relative;
	top:0px;
	width:238px;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.6);
	box-shadow:0 1px 3px 1px rgba(0,0,0,.6);
}
#sideNav ul li {
	height:58px;
}
#sideNav ul li.on img {
	opacity:0.8;
}

.baicor #sideNav ul li {
	border-top:1px solid #4361cf;
	border-bottom:1px solid #091543;
}
.terracottem #sideNav ul li {
	border-top:1px solid #4bb4e4;
	border-bottom:1px solid #006fa2;
}
.fertilizer #sideNav ul li {
	border-top:1px solid #92cd50;
	border-bottom:1px solid #244500;
}
.contact #sideNav ul li {
	border-top:1px solid #b3e176;
	border-bottom:1px solid #52890a;
}

/* ナビ下のバナー */
#sideNav p {
	position:relative;
	top:0px;
	margin-top:15px;
}



/**********************************

	メインカラム

**********************************/
#mainColomn {
	float:right;
	width:680px;
	padding:0 15px;
}
* html #mainColomn {
	padding:0 10px 0 5px;
}


/**********************************

	セクション

**********************************/
.bigSection {
	clear:both;
	margin-bottom:50px;
	overflow:hidden;
}
.bigSection section {
	clear:both;
	margin-bottom:30px;
	overflow:hidden;
}


/**********************************

	タイトル

**********************************/
.bigSection h1 {
	margin-bottom:15px;
}
.bigSection section h1 {
	height:36px;
	padding-left:15px;
	margin-bottom:20px;
	line-height:36px;
	font-size:14pt;
	background:url(../img/terracottem/ttl_bg.png) no-repeat;
}
.bigSection section h1 span {
	display:inline-block;
	vertical-align:bottom;
	font-size:8pt;
	padding-left:1em;
}

.baicor .bigSection section h1 {
	background:url(../img/baicor/ttl_bg.png) no-repeat;
}
.terracottem .bigSection section h1 {
	background:url(../img/terracottem/ttl_bg.png) no-repeat;
}
.fertilizer .bigSection section h1 {
	background:url(../img/fertilizer/ttl_bg.png) no-repeat;
}
.contact .bigSection section h1 {
	background:url(../img/contact/ttl_bg.png) no-repeat;
}


/**********************************

	本文

**********************************/
.bigSection p {
	clear:both;
	padding:0 15px;
	margin-bottom:15px;
}

.bigSection p .imgLeft {
	float:left;
	margin:0 15px 15px 0;
}
.bigSection p .imgRight {
	float:right;
	margin:0 0 15px 15px;
}

.bigSection p a.imgLeft,
.bigSection p a.imgRight {
	display:inline-block;
	line-height:1.6em;
	font-size:8pt;
	text-align:right;
	text-decoration:none;
	color:#666;
}
.bigSection p a.imgLeft img,
.bigSection p a.imgRight img {
	border:3px solid #fff;
	-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.6);
	box-shadow:0 1px 2px 0 rgba(0,0,0,.6);
}


/**********************************

	ポップアップコンテンツ

**********************************/
.popContent {
	display:none;
}

.pp_content {
	background:url(../img/terracottem/bg_pop.jpg);
}

.popTitle {
	height:auto;
	padding:20px 20px 15px 20px;
	line-height:auto;
	font-size:14pt;
	background:none;
	border-bottom:2px solid #333;
}
.popTitle img {
	vertical-align:middle;
	margin-right:6px;
}

.popList {
	padding:20px 20px 20px 40px;
}
.popList li {
	list-style:outside disc;
	margin-bottom:15px;
	line-height:1.6em;
	text-shadow:0 -1px 0 #fff;
}


/**********************************

	テラコッテム使用方法

**********************************/
.howToUseList {
	padding-left:15px;
}
.howToUseList li {
	display:inline-block;
	width:210px;
	margin-bottom:15px;
	vertical-align:top;
	text-align:center;
}


/**********************************

	実績一覧

**********************************/
.resultList {
	width:650px;
	margin:0 0 15px 15px;
	padding:1px;
	border-collapse:separate;
	border-spacing:0px;
	border:solid 1px #aaaf9a;
	border-radius:3px;
	background:url(../img/terracottem/bg_pop.jpg);
}
.resultList th,
.resultList td {
	padding:5px;
	text-shadow:0 1px 1px #fff;
	background:rgba(255,255,255,.3);
	border-top:1px solid #fff;
	border-bottom:solid 1px #aaaf9a;
}
.resultList th {
	color:#666;
	text-shadow:0 1px 1px #fff;
	background:#f6ffe0;
	background:rgba(222,255,142,.2);
	border-right:1px dotted #aaaf9a;
}
.resultList tr.firstLine th,
.resultList tr.firstLine td {
	 border-top:none;
}
.resultList tr.lastLine th,
.resultList tr.lastLine td {
	border-bottom:none;
}


/**********************************

	会社概要

**********************************/
.companyList {
	width:950px;
	margin:0 auto;
	padding:1px;
	border-collapse:separate;
	border-spacing:0px;
	border:solid 1px #aaaab6;
	border-radius:3px;
}

.companyList th,
.companyList td {
	padding:15px 20px;
	text-shadow:0 1px 1px #fff;
	border-top:1px solid #fff;
	border-bottom:solid 1px #aaaab6;
}
.companyList tr.firstLine th,
.companyList tr.firstLine td {
	 border-top:none;
}
.companyList tr.lastLine th,
.companyList tr.lastLine td {
	border-bottom:none;
}

.companyList th {
	vertical-align:middle;
	color:#444477;
	font-weight:normal;
	text-shadow:0 1px 1px #fff;
	background:#eff5ff;
}
.companyList td {
	border-left:1px dotted #aaaab6;
}



/**********************************

	栄養欠乏症

**********************************/
.deficiencyList {
	width:950px;
	margin:0 auto;
	padding:1px;
	border-collapse:separate;
	border-spacing:0px;
	border:solid 1px #596b42;
	border-radius:3px;
}

.deficiencyList th,
.deficiencyList td {
	padding:15px 20px;
	text-shadow:0 1px 1px #fff;
	border-top:1px solid #fff;
	border-bottom:solid 1px #596b42;
}
.deficiencyList tr.firstLine th,
.deficiencyList tr.firstLine td {
	 border-top:none;
}
.deficiencyList tr.lastLine th,
.deficiencyList tr.lastLine td {
	border-bottom:none;
}

.deficiencyList th {
	vertical-align:middle;
	color:#354f13;
	font-weight:bold;
	text-shadow:0 1px 1px #fff;
	background:#e8f6d6;
}
.deficiencyList td {
	border-left:1px dotted #596b42;
}

.deficiencyList th.fertilizerCell {
	width:10em;
}

.deficiencyList td ul li {
	list-style:outside disc;
	line-height:1.2em;
	margin-bottom:8px;
}



/**********************************

	お問い合わせ

**********************************/
.formList {
	width:650px;
	margin:0 0 15px 15px;
	padding:1px;
	border-collapse:separate;
	border-spacing:0px;
	border:solid 1px #ac9673;
	border-radius:3px;
}

.formList th,
.formList td {
	padding:10px 15px;
	border-top:1px solid #fff;
	border-bottom:solid 1px #ac9673;
}
.formList tr.firstLine th,
.formList tr.firstLine td {
	 border-top:none;
}
.formList tr.lastLine th,
.formList tr.lastLine td {
	border-bottom:none;
}

.formList th {
	vertical-align:middle;
	text-align:right;
	color:#554224;
	font-weight:normal;
	text-shadow:0 1px 1px #fff;
	background:#f9f5e8;
	border-right:1px dotted #ac9673;
}

/* [必須] */
.formList th span {
	padding-right:6px;
	color:#ff1111;
	font-size:90%;
}
/* [半角数字] */
.formList td span {
	padding-left:6px;
	color:#666;
	font-size:90%;
}

/* 企業名 */
.formList td input#companyName {
	width:70%;
}
/* メールアドレス */
.formList td input#mailAddress {
	width:60%;
}
/* 住所 */
.formList td input#address {
	width:95%;
}
/* お問い合わせ内容 */
.formList td textarea {
	width:95%;
	height:20em;
}

/* ラジオボタンラベル */
.formList td label {
	cursor:pointer;
}

/* 送信ボタン */
.sendBtns {
	text-align:center;
}
/* ホバーで透明度 */
#btnSend {
	width:227px;
	height:63px;
	margin-bottom:20px;
	cursor:pointer;
	text-indent:-7800px;
	font-size:1px;
	background:url(../img/contact/btn_send.png);
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	overflow:hidden;
	opacity:1;
	/* アニメーション設定 */
	-o-transition:opacity 0.3s ease;
	-ms-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}
#btnSend:hover {
	opacity:0.8;
}

/* ----------------------------------------
   問合せ送信中
---------------------------------------- */
#glayLayer{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:black;
    opacity: 0.60;
    filter:alpha(opacity=60);
}
#overLayer{
    position: fixed;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-150px;
	width:260px;
	height:52px;
	padding:35px 0 0 0;
	text-align:center;
	color:#333;
	background:#fff;
	border:3px solid #ccc;
}
* html #glayLayer{
    position:absolute;
}
* html #overLayer{
    position: absolute;
}


/**********************************

	肥料一覧表

**********************************/
.fertilizerList {
	width:680px;
	margin:0 0 15px 0;
	padding:1px;
	border-collapse:separate;
	border-spacing:0px;
	border:solid 1px #595d4b;
	border-radius:3px;
}
.fertilizerList th,
.fertilizerList td {
	padding:7px 5px 5px 5px;
	vertical-align:middle;
	line-height:1.3em;
	border-top:1px solid #fff;
	border-bottom:solid 1px #595d4b;
}

.fertilizerList thead th {
	background:#70aa00;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
	border-left:solid 1px #e9eddb;
}
.fertilizerList tbody td {
	cursor:pointer;
	border-left:dotted 1px #595d4b;
}
.fertilizerList tr.firstLine th,
.fertilizerList tr.firstLine td {
	 border-top:none;
}
.fertilizerList tr.lastLine th,
.fertilizerList tr.lastLine td {
	border-bottom:none;
}
.fertilizerList tr th:first-child,
.fertilizerList tr td:first-child {
	border-left:none;
}

/* 行(ホバー時) */
.fertilizerList .mainLine:hover .pName,
.fertilizerList .mainLine:hover .vouch,
.fertilizerList .mainLine:hover .merit {
	background:#f6ffe0;
}
/* 行(展開時) */
.fertilizerList .mainLine.open .pName,
.fertilizerList .mainLine.open .vouch,
.fertilizerList .mainLine.open .merit {
	background:#ffffdd;
}

/* 製品名 */
.fertilizerList .pName {
	min-width:9em;
	font-weight:bold;
}
.fertilizerList .pName span {
	font-size:90%;
	font-weight:normal;
	color:#666;
}

/* 特長・効能 */
.fertilizerList .merit {
}
.fertilizerList .merit p {
	margin-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

/*-----------------------------------------
	保証値(成分量) 
-----------------------------------------*/
.fertilizerList .vouch {
	text-align:center;
}

/* ラベル */
.fertilizerList .vouch b {
	display:block;
	margin-bottom:3px;
	text-align:center;
	font-weight:normal;
	font-size:75%;
}

/* 成分量リスト */
.fertilizerList .vouch ul li {
	min-width:100px;
	text-align:left;
}
.fertilizerList .vouch ul li.n {	color:#658f00;}
.fertilizerList .vouch ul li.p { color:#e07400;}
.fertilizerList .vouch ul li.k { color:#53350d;}
.fertilizerList .vouch ul li span {
	display:inline-block;
	width:1.4em;
	text-align:center;
}
.fertilizerList .vouch ul li.plus span {
	width:5em;
	padding-left:0.2em;
	text-align:left;
}

/* 棒グラフ */
.fertilizerList .vouch ul li div {
	display:inline-block;
	height:7px;
	margin-left:4px;
	vertical-align:middle;
}
.fertilizerList .vouch ul li.n div { background:#658f00;}
.fertilizerList .vouch ul li.p div { background:#e07400;}
.fertilizerList .vouch ul li.k div { background:#53350d;}


/*-----------------------------------------
	以下入れ子テーブル
-----------------------------------------*/
.fertilizerList table {
	display:none;
	width:100%;
}
.fertilizerList .mainLine.open table {
	display:block;
}

.fertilizerList table th,
.fertilizerList table td {
	padding:4px 5px;
	cursor:auto;
	font-size:90%;
	background:#fff;
	border:none;
	border-left:1px solid #888;
	border-top:1px solid #ccc;
}

/* th */
.fertilizerList table th {
	font-weight:normal;
	color:#414636;
	text-shadow:0 1px 0 #fff;
	background:#f0f7e3;
	border-top:1px solid #595d4b;
}
.fertilizerList table tr th:first-child {
	border-left:1px solid #595d4b;
}

/* td */
.fertilizerList table tr td:first-child {
	border-left:1px solid #888;
}

/* NPK */
.fertilizerList table .thNpk {
	border-left:1px solid #595d4b;
	border-bottom:1px solid #595d4b;
}

/* その他 */
.fertilizerList table .others {
	border-left:1px solid #595d4b;
	border-bottom:1px solid #595d4b;
}

/* 各値 */
.fertilizerList table .pram {
	border-left:1px dotted #ccc;
}

/* 比重とpH */
.fertilizerList table .numTh {
	border-left:1px solid #595d4b;
	border-right:1px solid #595d4b;
}
.fertilizerList table .num {
	text-align:center;
	border-left:1px solid #595d4b;
	border-right:1px solid #595d4b;
	border-bottom:1px solid #595d4b;
}

.fertilizerList table .midLine td,
.fertilizerList table .lastLine td {
	border-bottom:1px solid #595d4b;
}



/**********************************

	お問い合わせボックス

**********************************/
.contactBox {
	clear:both;
	padding:20px;
	margin-top:-30px;
	margin-bottom:30px;
	border-radius:4px;
	text-align:center
}
.contactBox p {
	margin-bottom:15px;
}

.baicor .contactBox { background:#eaeeff; }
.baicor .contactBox p { color:#35437b; }

.terracottem .contactBox { background:#d0f1ff; }
.terracottem .contactBox p { color:#01638e; }

.fertilizer .contactBox { background:#d4f1b5; }
.fertilizer .contactBox p { color:#325a07; }

.deficiency .contactBox { background:#d4f1b5;margin-left:15px;margin-right:15px; }
.deficiency .contactBox p { color:#325a07; }