@charset "UTF-8";

/* =====================================================================
*
*	RUS/ CONTENTS
*
*
*		1. Common Style
*				1-1. Section
*				1-2. Pagetop
*
*		2. Brand Story
*
*		3. Feature
*
*		4. Company
*
* =================================================================== */


/* =====================================================================
*
*    1. Common Style
*
* =================================================================== */

/* ---------------------------------
*    1-1. Section
*/
.section {
		clear:both;
		margin:0 10px 50px;
}

.section:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.section　{
		zoom:1;
} /* IE */


		/* ---------------------------------
		*    大見出し /ムラサキのタイトル画像
		*/
		.section h3 {
				background: url(../images/common/title_bg.gif) no-repeat left;
				margin-bottom:25px;
				padding: 15px 0 0 10px;
				color: #3c3c88;
				font-size: 18px;
				font-weight: normal;
		}

		/* ---------------------------------
		*    小見出し /下線付のタイトルテキスト
		*/
		.section_title{
				border-bottom:1px dotted #ccbbee;
				padding:0 0 4px;
				margin:0 0 20px 10px;
		}
		
				.section_title h4 {
						border-left:3px solid #ccbbee;
						padding-left:7px;
						font-size:108%; /*14px*/
				}
		
		.section .section_txt {
				margin:0 0 0 20px;
		}
		
		/* ---------------------------------
		*    段落
		*/
		.section .section_txt p{
						margin:0 0 25px;
				}



/* ---------------------------------
*   インデントを付けてリスト作成
*/
.list_box{
		margin:10px 25px;
}

/* ---------------------------------
*   注釈
*/
.note{
		font-size:85%; /*11px*/
}

/* ---------------------------------
*   一字下げる
*/
.indent_txt:first-letter{
		margin-left:1em;
}

/* ---------------------------------
*   注意事項等
*/
.attention_txt{
		color:#770044;
}

/* ---------------------------------
*   重要テキスト
*/
.important_txt{
		color:#442288;
		font-weight:bold;
}


/* ---------------------------------
*    1-2. Pagetop
*/
.pagetop{
		clear:both;
		width:850px;
		height:13px;
}

.pagetop:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.pagetop {
		zoom:1;
} /* IE */

		.pagetop p{
			width:830px;
			margin:0 10px;
			padding:0 0 5px;
		}
		.pagetop a{
				float:right;
				width:50px;
				height:8px;
				background: url(../images/common/pagetop_on.gif) no-repeat top left;
				display:block;
		}
				.pagetop a:hover		{ background-color: transparent; }
				.pagetop a:hover img	{ visibility:hidden; }
				




/* =====================================================================
*
*    2. Brand Story
*
* =================================================================== */
#brand_story{
		background: url(../images/contents/brand/txt_bg.jpg) no-repeat right bottom;
		/*padding:0 0 20px;*/
}

		/*#brand_story p{
				margin-left:10px;
		}

		#brand_story .double_space{
				margin-bottom:35px;
		}
		
		#brand_story .triple_space{
				margin-bottom:55px;
		}/*




/* =====================================================================
*
*    3. Feature
*
* =================================================================== */

/* ---------------------------------
*    EGFの説明
*/
.section #egf_box{
		width:830px;
}

.section #egf_box:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.section #egf_box {
		zoom:1;
} /* IE */


.section #egf_box .section_txt {
		float:left;
		width:533px;
		margin:0;
		padding:0;
} 
.section #egf_box .section_txt #egf_txt {
		padding:0 0 0 20px;
}

.section #p_graph{
		float:right;
		width:277px;
}

		.section #p_graph img {
			margin: 10px 0;
		}
		
		.section #p_graph .graph_comment {
			font-size: 11px;
			line-height: 1.2em;
		}
		
		.section #p_graph .result_txt {
			background: #eee;
			padding: 10px;
		}


/* ---------------------------------
*    和漢植物について
*/
.section .section_txt #wakan_list{
		margin:40px 0 0;
}
				.section .section_txt #wakan_list ul{
						width:810px;
						list-style:none;
				}
				
				.section .section_txt #wakan_list li{
						float:left;
						width:405px;
						height:165px;
						list-style:none inside;
						margin:0 0 15px;
						display:block;
				}
				
				.section .section_txt #wakan_list li:after {
						content:".";
						display:block;
						height:0;
						clear:both;
						visibility:hidden;
				}
		
				.section .section_txt #wakan_list li {
						zoom:1;
				} /* IE */

						.section .section_txt #wakan_list li .wakan_pict{
								float:left;
								width:115px;
								height:100px;
						}
						
						.section .section_txt #wakan_list li .wakan_txt{
								float:left;
								width:273px;
								line-height: 1.2em;
								letter-spacing: 0.02em;
						}
								
								.section .section_txt #wakan_list li .wakan_txt .wakan_name {
										border-bottom: 1px solid #c5bae0;
										padding: 0 0 3px 5px;
										color: #442288;
										display: block;
								}

								.section .section_txt #wakan_list li .wakan_txt p{
										padding:10px 0 0 5px;
										margin:0 10px 0 2px;
								}
#wakan_advice{
		clear:both;
		border:1px solid #afafdd;
		margin-right:15px;
		padding:10px;
}


/* =====================================================================
*
*    4. Company
*
* =================================================================== */
#company_profile{
		cleat:both;
		width:800px;
		font-size:93%; /*12px*/
}
		#company_profile th{
				width:150px;
				border-bottom:1px dotted #ccc;
				padding:15px 0 3px;
		}
		#company_profile td{
				border-bottom:1px dotted #ccc;
				padding:15px 0 3px;
		}

#company_profile_add{
		float:left;
		width:275px;
		font-size:93%; /*12px*/
}
		#company_profile_add th{
				width:90px;
				border-bottom:1px dotted #ccc;
				padding:15px 0 3px;
		}
		#company_profile_add td{
				border-bottom:1px dotted #ccc;
				padding:15px 0 3px;
		}
		

#access{
		width:800px;
}

		#access:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		#access {
				zoom:1;
		} /* IE */

#access_map{
		float:right;
		width:515px;
}