@charset "UTF-8";

/* =====================================================================
*
*	JPN/ CONTENTS
*
*
*		1. Common Style
*				1-1. Section
*				1-2. Pagetop
*
*		2. Brand Story
*
*		3. Feature
*
*		4. Media
*
*		5. Shop List
*
*		6. Company
*
*		7. Interview
*
*		8. Point System
*
*		9. 1st Anniversary
*
* =================================================================== */


/* =====================================================================
*
*    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 {
				margin-bottom:25px;
		}

		/* ---------------------------------
		*    小見出し /下線付のタイトルテキスト
		*/
		.section_title{
				clear: both;
				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 15px;
				}



/* ---------------------------------
*   インデントを付けてリスト作成
*/
.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{
		clear: both;
		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;
}


/* ---------------------------------
*    ターンオーバーとは
*/
#word_meaning{
		clear:both;
		border:1px solid #afafdd;
		margin:0 20px;
		padding:10px;
}
		#word_meaning .word_meaning_title h4{
				border-bottom:1px dotted #afafdd;
				margin:0 0 10px;
				padding:0 0 3px;
				font-size:100%;
				color:#7171aa;
		}
		#word_meaning .word_meaning_txt{
				background:url(../images/contents/feature/p_layers.jpg) no-repeat right bottom;
		}
		#word_meaning .word_meaning_txt p{
				margin:10px 220px 0 0;
		}


/* ---------------------------------
*    和漢植物について
*/
.section .section_txt #wakan_list{
		margin:40px 0 50px;
}
				
.section .section_txt #wakan_list:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

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

				.section .section_txt #wakan_list ul{
						width:810px;
						list-style:none;
				}
				
				.section .section_txt #wakan_list li{
						float:left;
						width:405px;
						height:100px;
						list-style:none inside;
						margin:0 0 30px;
						display:block;
				}

						.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 p{
										padding:10px 0 0 10px;
										margin:0 10px 0 2px;
								}




/* =====================================================================
*
*    4. Media
*
* =================================================================== */

#media_title {
	width: 830px;
	margin-bottom: 25px;
}

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

#media_title {
		zoom:1;
} /* IE */

#media_title h3 {
	float: left;
	width: 570px;
}

#media_title .banner_interview {
	float: right;
	width: 260px;
	display: block;
}



ul#magazine_list {
	clear: both;
	width: 790px;
	list-style: none inside;
}

		ul#magazine_list li {
			width: 790px;
			border-bottom: 1px dotted #ccc;
			margin-bottom: 15px;
			padding-bottom: 10px;
		}
		
		ul#magazine_list li:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		ul#magazine_list li {
				zoom:1;
		} /* IE */
		
				ul#magazine_list li img.cover {
					float: left;
					width: 95px;
				}
				
				ul#magazine_list li .magazine_cont {
					float: right;
					width: 680px;
				}
		
				ul#magazine_list li p.title {
					color: #3c3c88;
					font-weight: bold;
					margin-bottom: 10px;
					padding: 0;
				}
				
				
				
				
/* =====================================================================
*
*    5. Shop List
*
* =================================================================== */

.shop_note {
	font-size: 11px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
}
	
/* ---------------------------------
*    地域ごとの都市リスト
*/	
#area_list {
	width: 790px;
	background: #f6f5fb url(../images/contents/shoplist/bg_list.jpg) no-repeat right top;
	margin-bottom: 80px;
	padding: 15px 0;
}

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

#area_list {
		zoom:1;
} /* IE */


		#area_list dl {
			clear: both;
			width: 770px;
			border-bottom: 1px dashed #666;
			margin: 0 10px 5px;
			padding-bottom: 5px;
		}
		
		#area_list dl:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		#area_list dl {
				zoom:1;
		} /* IE */
		
				#area_list dl dt {
					float: left;
					clear: left;
					width: 160px;
					background: url(../images/contents/shoplist/head_arealist.gif) no-repeat left center;
					color: #3c3c88;
					font-size: 108%;
					font-weight: bold;
				}
				
				#area_list dl dt span {
					padding-left: 10px;
				}
		
				#area_list dl dd {
					float: left;
					width: 65px;
				}
		
						#area_list dl dd a {
							color: #666;
							background: url(../images/contents/shoplist/arrow_citylist.gif) no-repeat left center;
							padding-left: 10px;
							text-decoration: none;
						}
						
						#area_list dl dd a:hover { text-decoration: underline; }
						
/* ---------------------------------
*    地域ごとの店舗リスト
*/							
.area_box {
	width: 790px;
	margin-bottom: 50px;
}
		
		.area_box .area_title {
			height: 31px;
			background: url(../images/contents/shoplist/head_areatitle.gif) no-repeat left center;
			color: #3c3c88;
			font-size: 108%;
			font-weight: bold;
			line-height: 31px;
			margin-bottom: 15px;
			padding-left: 15px;
		}

		.area_box dl {
			margin-bottom: 5px;
		}
		
		.area_box dl .shop_box {
			border-bottom: 1px dotted #ccc;
			margin-bottom: 5px;
			padding-bottom: 5px;
		}
		
		.area_box dl .shop_box .shop_detail {
			clear: both;
			background: url(../images/contents/shoplist/bg_shoplist.gif) repeat-y left top;
		}
		
		.area_box dl .shop_box .shop_detail:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		.area_box dl .shop_box .shop_detail {
				zoom:1;
		} /* IE */
		

				.area_box dl .shop_box .shop_detail dt {
					float: left;
					clear: left;
					width: 260px;
				}
				
						.area_box dl .shop_box .shop_detail dt span {
							padding: 10px;
							display: block;
						}

				.area_box dl .shop_box .shop_detail dd {
					float: right;
					width: 515px;
					padding: 10px 0;
				}

				.area_box dl .shop_box .shop_detail dd a {
					background:url(../images/contents/shoplist/link_blank.gif) no-repeat right center;
					padding-right: 13px;
				}

/* ---------------------------------
*    PageTiop
*/	
.return_list {
	clear: both;
	width: 790px;
	height: 8px;
}
		
		.return_list a {
			width: 50px;
			height: 8px;
			float: right;
			display: block;
			overflow: hidden;
		}
		
		.return_list a:hover		{ background: transparent url(../images/common/pagetop_on.gif) no-repeat; }
		.return_list a:hover img	{ visibility: hidden; }	


/* =====================================================================
*
*    6. Company
*
* =================================================================== */
#company_profile{
		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;
		}
		

#access{
		width:800px;
		margin:20px 0 0;
}

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

#title_access{
		font-weight:bold;
}

#access_txt{
		float:left;
		width:275px;
}

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



/* =====================================================================
*
*    7. Interview
*
* =================================================================== */

.interview_box{
		width:820px;
		background:#eedff5 url(../images/contents/interview/txt_bg01.jpg) no-repeat 0 75px;
		margin:30px 0 0;
}

		.interview_box .interview_txt{
				background:#faf4ff;
				border-top:1px solid #fff;
				border-right:1px solid #fff;
				border-left:1px solid #fff;
				margin:0 10px;
				padding:10px;
		}

		.interview_box .interview_txt #intro{
				background:url(../images/contents/interview/p01.jpg) no-repeat right top;
				padding:0 190px 0 0;
		}
		
		.interview_box .interview_txt #topic01{
				margin:10px 0 0;
		}
		
		.interview_box .interview_txt #topic02{
				margin:10px 0 0;
		}
		
		.interview_box .interview_txt #topic03{
				margin:10px 0 0;
		}
		
				.interview_box .interview_txt #topic03 #pht-left_txt{
						background:url(../images/contents/interview/p02.jpg) no-repeat left top;
						padding:0 0 0 190px;
				}
				
				.interview_box .interview_txt #topic03 #pht-right_txt{
						background:url(../images/contents/interview/p03.jpg) no-repeat right top;
						padding:0 190px 0 0;
				}
				
		.interview_box .interview_txt #topic04{
				margin:10px 0 0;
		}
		
				.interview_box .interview_txt #topic04{
						background:url(../images/contents/interview/p04.jpg) no-repeat right top;
						padding:0 190px 0 0;
				}
		
		.interview_box .interview_txt #topic05{
				margin:10px 0 0;
		}
		
				.interview_box .interview_txt #topic05{
						background:url(../images/contents/interview/p05.jpg) no-repeat left top;
						padding:0 0 0 190px;
				}

		.interview_box .interview_txt dt{ /*Question*/
				color:#3c3c88;
				font-weight:bold;
				margin:0 0 15px;
		}
		
		.interview_box .interview_txt dd{ /*Answer*/
				margin:0 0 30px;
		}
		
				.interview_box .interview_txt dd p{
						margin:0 0 10px;
				}
				
.profile_box{
		width:820px;
		background:#eedff5 url(../images/contents/interview/txt_bg02.jpg) no-repeat bottom right;
		margin:0 0 30px;
		padding:0 0 30px;
}
.profile_box:after,
.profile_txt:after,
#introduction_box:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.profile_box,
.profile_txt,
#introduction_box {
		zoom:1;
} /* IE */

		.profile_box .profile_txt{
				background:#faf4ff;
				border-right:1px solid #fff;
				border-bottom:1px solid #fff;
				border-left:1px solid #fff;
				margin:0 10px;
				padding:10px 10px 40px;
		}
		
		#introduction_box{
			border:1px solid #ccbdd8;
			padding:10px;
		}
		
				#introduction_box #introduction_txt{
					width:756px;
				}
				
				#introduction_box #introduction_txt:after {
						content:".";
						display:block;
						height:0;
						clear:both;
						visibility:hidden;
				}
				
				#introduction_box #introduction_txt {
						zoom:1;
				} /* IE */

		#biography{
			float:right;
			width:611px;
		}
		
				#biography dt{
					font-weight:bold;
					margin:0 0 15px;
				}
				
				#biography dd{
					font-size:85%;
				}
				
				#biography dd p{
					margin:0 0 10px;
				}
				
		#guest_pht{
			float:left;
			width:135px;
		}
		
				#guest_pht p{
					margin:15px 0 0;
					font-size:77%;
					line-height:1.4em;
				}
				
.interview_pagenav01 {
	clear: both;
}

.interview_pagenav02 {
	clear: both;
	text-align: right;
}
				
/* ---------------------------------
*    トップページのリンク用
*/				
#new_cont{
	margin:0 0 15px 10px;
}



/* =====================================================================
*
*    8. Point System
*
* =================================================================== */

/* ---------------------------------
*    説明
*/
.explanation {
	margin: 0 10px 0;
}

		.explanation p {
			margin: 0 0 15px;
		}


#point_use {
	padding: 0 20px;
}
		
				#point_use dt {
					background: url(../images/contents/point/i_point.gif) no-repeat left center;
					font-weight: bold;
					padding-left: 25px;
					display: block;
				}
				
				#point_use dd {
					border-bottom: 1px dotted #ccc;
					padding-bottom: 10px;
					margin-bottom: 15px;
					letter-spacing: 0.01em;
				}
				
				#point_use dl dd.point_save {
					width: 790px;
					position: relative;
				}
				
						#point_use dl dd ul {
							margin-left: 1.4em;
						}
						
						.example {
							font-size: 12px;
						}
			
						/* ---------------------------------
						*    新規会員登録ボタン
						*/	
						#point_use dl dd .btn_entry {
							width: 260px;
							position: absolute;
							left: 530px;
							top: 0;
						}

/* ---------------------------------
*    注意事項
*/
#shop_link {
	padding:0 10px;
	letter-spacing: 0.01em;
}
#shop_link:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

#shop_link　{
		zoom:1;
} /* IE */

		#shop_link dl {
			float: left;
			width: 465px;
		}

				#shop_link dl dt {
				}
		
				#shop_link dl dd {
					display: list-item;
					list-style: disc;
					margin-left: 1.4em;
				}



.btn_onlineshop {
	float: right;
	width: 325px;
	padding-top: 20px;
}




/* =====================================================================
*
*    9. 1st Anniversary
*
* =================================================================== */

#anniversary_box {
	clear: both;
	background: url('../images/contents/campaign/1st/bg_mdl.jpg') repeat-y;
	margin: 0 25px 50px;
}

#anniversary_cont {
	background: url('../images/contents/campaign/1st/bg_top.jpg') no-repeat top;
}

#present_cont {
	background: url('../images/contents/campaign/1st/bg_btm.jpg') no-repeat bottom;
	padding-bottom: 65px;
}

.head_box {
	width: 800px;
	height: 200px;
	background: url('../images/contents/campaign/1st/head.jpg') no-repeat top center;
	margin-bottom: 20px;
}

.head_box p {
	margin: 10px 0 0 60px;
}

#present_box {
	width: 690px;
	background: url('../images/contents/campaign/1st/present_bg.jpg') repeat-y center;
	margin: 0 55px 40px;
	padding: 0;
}

#present_box p {
	padding: 10px 0 0;
	margin: 0 20px;
}

.point_words {
	font-size: 14px;
	font-weight: bold;
}

#bottom_box {
	width: 660px;
	height: 70px;
	margin: 0 70px;
}

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

#bottom_box p {
	float: left;
	width: 335px;
	font-size: 12px;
}

#bottom_box a {
	float: right;
	width: 325px;
}