@charset "utf-8";
/*▼セカンドページ以降共通設定スタート▼*/
h2,h3{
	clear: both;
	/*padding: 10px 0 0 0;*/
}
.topictitle{
	padding: 20px 0 0 0;
	clear: both;
}
.topics .leaf,.user_voice h4{
	font-size: 90%;
	padding: 5px 0 0 25px;
	font-weight: bold;
	background:url(../img/common_img/hbg.gif) no-repeat left center;
	clear: both;
}
/*▼メインエリア（背景グラデーション）スタート▼*/
.main{
	padding: 10px 0 10px 0;
	clear:both;
}
.mainless{
	clear: both;
}
.main p{
	padding: 10px 0 0 0;
}
dt{
	background:url(../img/common_img/h4img.gif) no-repeat left 1.3em;
	padding: 15px 0 5px 15px;
	font-weight: bold;
}
.mainless dd dt{
	background: none;
	padding: 3px 0 0 0;
	color: #007e8a;
}
.mainless dd dd{
	padding: 0 0 0 10px;
}
.mainless p, #products p{
	padding: 20px 0 0 0;
}
/*▼横写真エリア（背景グラデーション）スタート▼*/
.photos{
	padding: 20px 10px 0 0;
}
.photos img, .photobox img{
	padding: 5px 0;
}
.photos p{
	padding: 0 0 5px 0;
	font-size: 70%;
}
/*▼トピックエリア（背景白）スタート▼*/
.topics{
	clear: both;
	margin: 10px 30px 0 0;
	padding: 15px 30px 20px 0;
	background-color: #ffffff;
}
.topics h3.comment{
	margin: 20px 0 0 0;
	padding:5px 0 15px 0;
	background:url(../img/common_img/comment_bg.gif) no-repeat left top;
	width: 100%;
}

/*▼トピックエリア内メイン（背景白）スタート▼*/
.right_img{
	width: 515px;
	float: left;
}
.topics p{
	padding: 5px 0;
}
.topics dl{
	padding: 0 0 15px 0;
}
.topics dd{
	padding: 5px 0 5px 0;
}
.right_img ul{
	padding: 0 0 20px 0;
}
.right_img li{
	padding: 5px 0;
}
.right_img ol{
	padding: 0 0 20px 30px;
}
.topics h4,.topics h5{
	font-size: 75%;
	font-weight: bold;
	padding: 20px 0 0 0;
}
/*▼トピックエリア内写真エリア（背景白）スタート▼*/
.photobox{
	width: 140px;
	float: right;
	padding: 5px 0 0 0;
}
.photobox img{
	padding: 0 0 10px 0;
}
/*▲セカンドページ以降共通設定おわり▲*/

.right_img dd li{
	padding: 0 0 0 15px;
}
.sitemap_box{
	clear: left;
	width: 850px;
	margin: 0 auto;
}
.sitemap_box dl{
	width: 170px;
	float: left;
}
.sitemap_box dt a{
	color: #333333;
	font-weight: bold;
}
#subnavless .mainless{
	margin: 0 auto;
}
/*-------------------------*/
/*▼corpoフォルダスタート▼*/
/*-------------------------*/
/*▼会社概要スタート▼*/
.mainless .aboutus_img img{
	padding: 10px 0 0 0;
}
.mainless .aboutus_table{
	float: left;
	width: 330px;
}
.mainless .aboutus_table dt{
	width: 100px;
	padding: 15px 0 0 15px;
}
.mainless .aboutus_table dd{
	padding: 0;
	width: 310px;
}
/*▼会社沿革スタート▼*/
.mainless #history li{
	clear: both;
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
}
.mainless #history dt{
	float: left;
	width: 100px;
	padding: 0 0 0 15px;
	font-weight: bold;
	background: none;
}
.mainless #history dd{
	float: right;
	width: 570px;
}
#tobecontinued{
	padding: 10px 0 0 15px;
}
/*▼販売店スタート▼*/
#shop_imgleft ul{
	float: right;
}
#shop_imgleft li{
	float: left;
	width: 210px;
	padding: 0 0 0 10px;
}
#shop_imgleft dt{
	margin: 0;
}
#shop_imgleft p{
	padding: 0 10px 0 0;
	float: left;
}
.mainless .shop_shoplist{
	clear: left;
}
.mainless .shop_shoplist dl{
	float: left;
	width: 210px;
	padding: 0 20px 10px 0;
}
.mainless .shop_shoplist dd dl,
.mainless .shop_shoplist dd dt{
	width: 200px;
	padding: 0;
}
.mainless .shop_shoplist dd{
	padding: 3px 0;
}
dt.kanto{
	background: none;
}
#qshu{
	height: 290px;
}
.mainless .shop_shoplist img{
	float: right;
	padding: 20px 0 0 0;
}
#onlineshop p img{
	float: left;
	clear: left;
	padding: 0;
}
.shop_hgroup{
	position: relative;
}
.shop_hgroup p{
	position: absolute;
	top: -15px;
	left: 230px;
	font-weight: bold;
}
.shop_hgroup p a{
	font-weight: bold;
}
/*------------------------*/
/*▼mintフォルダスタート▼*/
/*------------------------*/
/*▼ハッカの種類スタート▼*/
.species_hakka{
	color: #007E8A;
}
.topics .species_mints dd{
	min-height: 90px;
	_height: 90px;
	width: 500px;
}
.topics dt img{
	float: right;
	margin: 0 5px 10px 15px;
	/*width: 140px;*/
}
.topics .species_h{
	padding: 1em 0;
	background: none;
}
.hakkaphoto img{
	margin: 50px 0 0 0;
}
/*▼ハッカの成分スタート▼*/
.right_img dt span{
	font-size: 60%;
}
/*▼現在の栽培スタート▼*/
.topics .cultivationnow_info dt{
	float: left;
	clear: left;
	width: 130px;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.topics .cultivationnow_info dd{
	padding: 5px 0;
}
.right_img ol span{
	color: #999999;
}
/*-------------------------*/
/*▼storyフォルダスタート▼*/
/*-------------------------*/
.topics .kitami li{
	background:url(../img/common_img/h4img.gif) no-repeat left 1.8em;
	padding: 20px 0 5px 15px;
}
#factory_view dl{
	float: left;
	width: 360px;
}
#factory_view dt{
	float: left;
	clear: left;
	width: 110px;
	padding: 0 0 0 15px;
	margin: 5px 0;
	background:url(../img/common_img/h4img.gif) no-repeat left 0.2em;
}
#factory_view dd{
	padding: 5px 0;
}
#factory_view img{
	float: right;
}
.mainless .leaf{
	font-size: 90%;
	padding: 15px 0 5px 25px;
	font-weight: bold;
	background:url(../img/common_img/hbg.gif) no-repeat left center;
	clear: both;
}
/*------------------------*/
/*▼roleフォルダスタート▼*/
/*------------------------*/
.mainless .user_voice{
	clear: both;
	padding: 10px 0 0 0;
}
.mainless .user_voice h4{
	width: 80px;
	float:left;
	padding: 15px 0 0 25px;
	background-position:left 0.7em;
}
.mainless .user_voice dl{
	width: 570px;
	float: right;
}
.mainless .user_voice dt{
	font-weight: bold;
}
.mainless .user_voice dd p{
	padding: 5px 0;
	font-size: 100%;
}
.mainless .user_voice .totop{
	clear: both;
	border-bottom: 1px solid #cccccc;
}
/*------------------------*/
/*▼mediaフォルダスタート▼*/
/*------------------------*/
.mediabox{
	clear: left;
}
.thumbnail{
	display: inline-block;
	width: 170px;
	padding: 10px 5px;
	box-sizing: border-box;
	vertical-align: top;
}
.media_h2bg{
	font-size: 90%;
	background: url(../img/common_img/hbg.gif) no-repeat left top;
	padding: 3px 0 0 25px;
}
.magazine_title{
	background: url(../img/common_img/class_topic_bg.gif) no-repeat right top;
}
.magazine_toppage{
	float: left;
	margin: 0 10px 10px 0;
}
.magazine_content{
	clear: left;
}
/*------------------------*/
/*▼newsフォルダスタート▼*/
/*------------------------*/
.mainless .news{
	padding: 20px 0 40px 0;
	margin: 10px 0 0 0;
	background: url(../img/common_img/class_topic_bg.gif) no-repeat right top;
	background-color: #ffffff;
}
.mainless .news h2{
	font-size: 90%;
	background: url(../img/common_img/hbg.gif) no-repeat left top;
	padding: 3px 0 0 25px;
}
.mainless .news p{
	padding: 5px;
}
.mainless .news img{
	padding: 10px;
}
/*-------------------------*/
/*▼eventフォルダスタート▼*/
/*-------------------------*/
/*▼物産展・イベント共通スタート▼*/
.event{
	margin: 20px 0;
	width:700px;
	border-collapse: collapse;
	background: #ffffff;
}
.event th{
	/*font-weight: bold;
	padding: 5px 0;*/
	empty-cells:show;
	padding:5px;
	border-top:1px solid #3f7c6a;
	border-right:1px solid #3f7c6a;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #3f7c6a;
	background:#639587 url(../img/event/bg_th.gif) repeat-x top;
	color:#ffffff;
	font-weight:bold;
}
.event td{
	/*padding: 5px;
	border-top: 1px solid #5BB5AB;*/
	empty-cells:show;
	padding:5px 10px 5px 10px;
	border:1px solid #cccccc;
	background:url(../img/event/bg_td.gif) repeat-x 0px 1px;
}
.event .date{
	width: 200px;
	border-right: 1px solid #cccccc;
}
.event .left{
	width:35%;
	border-right:none;
}
.event .right{
	width:35%;
	border-left:none;
}
.nofair{
	margin: 20px 0;
}
.noevent{
	text-align: center;
	font-size:120%;
}
p.tocenter{
	text-align: center;
	padding: 0;
	margin: 0;
}
.eventh3{
	padding: 30px 0 0 0;
	color: #107D98;
	font-weight: bold;
}
.event_product{
	padding: 20px 0 0 0;
}
/*▼栽培風景スタート▼*/
.year{
	overflow: hidden;
}
.year li{
	float: left;
	background: url(../img/common_img/h4img.gif) no-repeat left 0.1em;
	padding: 0 15px 6px 10px;
}

/*▼英語ページ作成時追加CSS(2019.06)▼*/
.encont {
	padding: 30px 0;
}
.en .mainless {
	margin-right: auto;
	margin-left: auto;
}
.catch {
	color: #007e8a;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}
.catch span {
	font-size: 22px;
}
.lead {
	font-size: 98%;
	margin-bottom: 10px;
}
.section {
	margin-top: 40px;
}
.en .section {
	font-size: 120%;
}
.h2_grad {
	background: url("../img/common_img/bg_h2.jpg") center top no-repeat;
}
.h2_grad span {
	display: block;
	background: url("../img/common_img/bg_h2.jpg") center bottom no-repeat;
	padding: 20px 0;
	color: #01858F;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.col3 {
	width: 700px;
	margin: auto;
	text-align: center;
}
.col3 li {
	display: inline-block;
	width: 33.3%;
	box-sizing: border-box;
	padding: 10px;
	vertical-align: top;
}
.productbox {
	background-color: #D9F0EF;
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,240,238,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(218,240,238,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,240,238,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,240,238,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,240,238,1) 100%); /* ie10+ */
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(218,240,238,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DAF0EE',GradientType=1 ); /* ie6-9 */
	width: 700px;
	margin: 20px auto 0;
}
.productbox img {
	width: 100%;
	height: auto;
}
.productimg {
	float: left;
	width: 280px;
}
.productttl {
	font-weight: bold;
	padding: 0 0 5px 25px;
	background: url(../img/common_img/hbg.png) no-repeat left -.1em;
	border-bottom: 3px double #4ABEC6;
}
.producttxt {
	float: right;
	width: 420px;
	padding: 20px;
	box-sizing: border-box;
}
.producttxt p {
	margin-top: 10px;
}