/*----------------------
基本設定
----------------------*/
*{
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y: scroll;
}
body{
	line-height: 1.6;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
hr{
	display: none;
}
img{
	vertical-align: bottom;
	border-style: none;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
}
a:link ,a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}


/*----------------------
全体の枠
----------------------*/
#wrapper {
	overflow: hidden;
}

/*----------------------
ヘッダー
----------------------*/
#header{
	width: 100%;
	border-top: 6px solid #3A3A3A;
}
#header h1{
	margin-top: 0.8em;
	font-size: 1em;
	color: #3A3A3A;
}
#header .title{
	padding: 0.8em 0 0.5em 1.5em;
}


/*----------------------
ナビ
----------------------*/
.search-box div{
  	text-align: right;
	display: block;
}
#socialbuttons li{
  	float: right;
}
.sub-nav{
	padding-top: 0.5em;
}

/*----------------------
サイドバー
----------------------*/
.panel-top{
	font-weight: bold;
	font-size: 1.05em;
	background-color: #AFAC9E;
	padding: 0.5em 0 0.4em 0.6em;
	margin: 0;
	color: #FFF;
}

.menu a{
	display: block;
	padding-left: 1em;
}
.category-line{
	border-bottom-width: 0.15em;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
.one-line{
	border-bottom-width: 0.1em;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
}
.category{
	height: 2.8em;
	line-height: 2.8em;
	cursor: pointer;
	padding-left: 0.5em;
	font-size: 1.02em;
}

li div.rollover{
	background-color: #EAEAEA;
}

.opener li a, .closer li a{
	height: 2.1em;
	line-height: 2em;
	padding-top: 0.15em;
}

.arrow{
	position: relative;
}
.arrow::after{
	content:"";
	display: block;
	width: 0.5em;
	height: 0.5em;
	border-top:2px solid #999;
	border-right:2px solid #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}


/*----------------------
メインコンテンツ
----------------------*/
.main_image{
	padding: 0 0.6em 0;
	margin-bottom: 1.5em;
}/*メイン画像*/
.ad_link{
	padding-left: 0.6em;
}/*メイン画像下のリンク*/
.herb_title{
	margin: 0 0.6em 0.5em;
	padding: 0.7em 0 0.7em 1.4em;
	font-size: 1.3em;
	font-weight: bold;
	color: #3A3A3A;
	background: #EAEAEA;	
}/*メイン画像なしの場合*/
.sub_title{
	font-size: 1.3em;
	padding: 0.5em 0 0.6em 2.2em;
	font-weight: bold;
	background-image: url(../images/mc_title.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	color: #59493F;
}/*各章のタイトル*/

.contents{
	padding: 1em 1.5em;
	font-size: 1.05em;
}
.parag{
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

li div{
	color: #333;
}/*色付きリストで文字だけ黒にする*/
.pink-list{
	margin-left: 2em;
	margin-bottom: 1em;
	color: #DD8AA6;
	list-style: decimal outside;
}/*色付きマークのリストにする*/
.pink-list li{
	padding-bottom: 0.6em;
}

#main_contents #sum{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 1em;
	border: 10px solid #F7F5ED;
	box-shadow: 1px 0 1px 0 #d8d8d8, -1px 0 1px 0 #d8d8d8,0 1px 1px 0 #d8d8d8;
}
#main_contents #sum .sum_title{
	font-weight: bold;
	padding-bottom: 0.2em;	
}

.mark{
	background: #F4F5E3;
}/*重要箇所の背景*/
.pink{
	background: #F9E5EC;
}/*花言葉の背景*/

#main_contents .profile{
	margin-bottom: 1.5em;
	padding: 2em 1em 2em 2em;
	background: #F5F5F5;
	border: 0.1em solid #DCD6D6;	
}
#main_contents .profile p{
	margin: 0;
	padding-bottom: 0.2em;
}
.bold{
	font-weight: bold;
}/*学名・別名など太字に*/

/*#main_contents #woman{
	margin-top: 1.5em;
	padding: 1em 2em;
	border: 0.5em solid #f3dde5;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.woman-title{
	font-weight: bold;
	padding-bottom: 0.3em;
	color: #4f4541;
	font-size: 1.2em;
}
.woman-list{
	color: #cebd9e;
	list-style: disc outside;
	margin-left: 1.5em;
	margin-bottom: 0;
}
.woman-list li{
	padding-bottom: 0.2em;
}*/


.sponsor{
	margin-bottom: 0.2em;
	color: #333;
	font-size: 0.95em;
}/*スポンサーリンク*/
.ad_1{
	margin: 1.5em 0 2em 1.5em; 
}/*アドセンス広告1番*/
.ad_2{
	margin: 1.5em 0 2em;
}/*アドセンス広告2番*/
.ad_3{
	margin-top: 0.5em;
}/*アドセンス広告3番*/
.ad_4{
	margin: 0 0 2em 1.5em;
}/*ガーデン用 アドセンス広告1･2番*/
.ad_5{
	margin: 0.5em 0 2em 0.25em;
}/*一覧用・運営関連用 アドセンス広告1番*/
.ad_6{
	margin: 0.5em 0 2em 0;
}/*暮らし（資格）用 アドセンス広告1･2番*/

.contents_ad{
	
	/*margin: 1.5em 0.6em 2em;
	text-align: center;*/
}/*アドセンス広告の枠*/

.shiyo{
	margin-top: 1em;
}/*使用部位・用途*/
.shiyo dt{
	color: #FFF;
	font-weight: normal;
	background: #A4B4A9;
	border-radius: 3px;
	width: 6em;
	text-align: center;
	padding: 0.3em 0 0.2em 0;
	margin-bottom: 0.2em;
	margin-right: 1em;
	float: left;
	clear: both;
}/*使用部位・用途のdt*/
.shiyo dd{
	padding: 0.3em 0 0.2em 0;
	margin-bottom: 0.2em;
	font-size: 1.05em;
}/*使用部位・用途のdd*/

.aroma-link{
	padding-top: 0.6em;
}/*しあわせアロマテラピーへのリンク*/
.aroma-link dt{
	padding: 0.6em 0 0.3em 1.2em;
	font-size: 1.1em;
	background-image: url(../images/aroma-oil.gif);
	background-repeat: no-repeat;
}
.aroma-link dd{
	padding: 0 0 0.15em 1em;
}

.kr-title{
	font-size: 1.15em;
	padding-left: 0.1em;
	margin-bottom: 1em;
	color: #4f4541;
	border-bottom-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #333;	
}/*関連部分のタイトル*/
.kr-line ,.ss-line{
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	padding-bottom: 0.5em;
	margin-bottom: 1.2em;
}
.kr-herb ,.ss-herb{
	font-weight: bold;
	font-size: 1.1em;
}

.suisho{
	margin-top: 1.5em;
}/*推奨部分*/
.ss-title{
	font-size: 1.15em;
	padding: 0.5em 0.5em 0.4em;
	margin-bottom: 1em;
	color: #4f4541;
	background-color: #f2f2f2;
}/*推奨部分のタイトル*/


/*----------------------
サブコンテンツ
----------------------*/

.biglink{
	cursor: pointer;
}

/*アクセスランキング*/
.gold{
	background-image: url(../images/crown_gold.gif);
}
.silver{
	background-image: url(../images/crown_silver.gif);
}
.bronze{
	background-image: url(../images/crown_bronze.gif);
}
.fourth{
	background-image: url(../images/crown_fourth.gif);
}
.fifth{
	background-image: url(../images/crown_fifth.gif);
}
.rank-line{
	border-bottom-width: 0.1em;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
	margin-bottom: 1.2em;
}
.rank_title{
	font-size: 1.1em;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 0.6em 0 0.4em 2.5em;
	margin: 0;
}
/*アクセスランキングここまで*/

/*ボックス*/
.sub_box{
	background-color: #F2F2F2;
	padding-top: 0.2em;
}
.box_a{
	background: #6899BE;
	margin: 0.2em 0 0.8em 0.4em;
	padding: 0.4em 0.3em 0.2em;
	max-width: 8em;
	text-align: center;
	border-radius: 3px;
	color: #FFF;
}
.box_aa{
	background: #29B79C;
	margin: 0.2em 0 0.8em 0.4em;
	padding: 0.4em 0.3em 0.2em;
	max-width: 8em;
	text-align: center;
	border-radius: 3px;
	color: #FFF;
}
.box_b{
	font-size: 1.15em;
	padding: 0 0 1em 1em;
	color: #72716A;
}
.box_c{
	font-size: 1.15em;
	padding: 1em 0 1em 1em;
	color: #72716A;
}

.sub_box .box_b a:link ,.sub_box .box_b a:visited ,.sub_box .box_c a:link ,.sub_box .box_c a:visited{
	color: #5B5A57;
}
.sub_box .box_b a:hover ,.sub_box .box_c a:hover{
	color: #383836;
	text-decoration: none;
}

.aroma-link{
	margin-bottom: 0.8em;
}
.sub_ad{
	padding: 0.2em 0 1em;
}
/*ボックスここまで*/



/*----------------------
フッター
----------------------*/

/*footer-top*/
#footer-top{
	margin-top: 5em;	
	background-color: #EFEFF0;
}
#footer-top .to-top{
	padding: 0.6em 0;
	margin-bottom: 0;
	text-align: center;
}
#footer-top .to-top a{
	font-weight: bold;
	font-size: 1.2em;
}
/*footer-topここまで*/

/*footer-middle*/
#footer-middle{
	background: #F5F5F5;
	padding-top: 1.5em;
	padding-bottom: 4em;
}
.footer_link{
	border-right-width: 0.15em;
	border-right-style: solid;
	border-right-color: #DCD6D6;
	line-height: 1em;
	margin-right: -5px;
}
/*footer-middleここまで*/

/*footer-bottom*/
#footer-bottom{
	background: #3A3A3A;
	color: #FFF
}
#footer-bottom p{
	text-align: center;
	margin-bottom: 0;
}
/*footer-bottomここまで*/



/*トップページ*/
.top-example{
	padding-left: 1em;
}
/*トップページここまで*/



/*スクロールボタン*/
#page-top{
	width:60px;
	height:60px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
	opacity: 0.7;
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#2B2B2B;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;
}
#page-top p:hover{
	background:#000;
}
#move-page-top{
	color:#fff;
	line-height:60px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
/*スクロールボタンここまで*/


/*ハーブ名一覧*/
.name_title{
	margin: 0 0 2em;
	padding: 0.7em 0 0.7em 1.4em;
	font-size: 1.3em;
	font-weight: bold;
	color: #3A3A3A;
	background: #EAEAEA;	
}
.herb-name{
	padding-top: 1em;
  	text-align: center;
}

/*ハーブ名一覧ここまで*/


/*運営者情報・免責事項*/
.unei-title{
	font-size: 1.45em;
	color: #443b38;
	border-bottom-width: 2px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #afac9e;
	border-left-color: #afac9e;
	padding: 0.35em 0 0.2em 0.8em;
	margin-top: 0;	
}
.map_title{
	font-size: 1.2em;
	padding-top: 0.3em;
	padding-bottom: 0.15em;
	padding-left: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.6em;
	background-color: #f2f2f2;
}
.map_sub{
	font-size: 1.05em;
	padding-left: 1.5em;
}
.map_list{
	padding-bottom: 1em;
	color: #D2C3A7;
	list-style: square outside;
}/*色付きマークのリストにする*/
.map_list2{
	color: #D2C3A7;
	list-style: square outside;
}
.map_list li ,.map_list2 li{
	margin-left: 3.5em;
	margin-bottom: 0.2em;
}

/*運営者情報・免責事項ここまで*/

/*お問い合わせ*/
.submit{
	display: block;
}
/*お問い合わせここまで*/

/*ハーブガーデン*/
.herb-garden{
font-size: 1.05em;
}

.garden-title{
	font-size: 1.3em;
	color: #443b38;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #6D8C02;
	padding: 0.7em 0 0.6em 0.8em;
	margin-top: 0;
	margin-bottom: 1.4em;
	background-color: #f2f2f2;
}
.garden-intro{
	padding: 0 0 0.8em 1.5em;
}
.garden-image{
	padding: 0 0 0.8em 1.5em;
}
.ken-name{
	font-size: 1.2em;
	padding-top: 0.3em;
	padding-bottom: 0.15em;
	padding-left: 1.15em;
	margin-top: 1.5em;
	margin-bottom: 1.6em;
	background-color: #f2f2f2;
}

.herb-garden dl{
	padding-left: 2em;
}
.herb-garden dl dt{
	font-weight: normal;
	padding-bottom: 0.6em;
}
.garden-address{
	font-size: 90%;
	color: #666;
	padding-left: 1em;
}
.herb-garden dl dd{
	padding-left: 2em;
	padding-bottom: 1.8em;
}
/*ハーブガーデンここまで*/


.img-shadow{
	box-shadow: 2px 0 1px 0 #d8d8d8, -2px 0 1px 0 #d8d8d8,0 2px 1px 0 #d8d8d8;
}


/*悩み・症状別*/
.tr-name{
	font-size: 1.1em;
	color: #282828;
	padding-top: 0.3em;
	padding-bottom: 0.15em;
	padding-left: 1.15em;
	margin-top: 1.5em;
	margin-bottom: 1.4em;
	background-color: #f2f2f2;
}
.tr_more{
	text-align: right;
	padding-right: 1em;
	font-size: 1.05em;
}

#main_contents #tr-sum{
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 1em;
	border: 10px solid #F7F5ED;
	box-shadow: 1px 0 1px 0 #d8d8d8, -1px 0 1px 0 #d8d8d8,0 1px 1px 0 #d8d8d8;
}
#main_contents #tr-sum .sum_title{
	font-weight: bold;
	padding-bottom: 0.5em;	
}


/*悩み・症状別ここまで*/

/*用語*/
.yogo-title{
	margin: 0 0 0.5em;
	padding: 0.7em 1.4em;
	font-size: 1.3em;
	font-weight: bold;
	color: #3A3A3A;
	background: #EAEAEA;
}
.yogo-intro{
	padding: 1em 1.5em 0.7em; 
}
.yogo{
	padding: 0 1.5em 1em;
}
.yogo dt{
	min-width: 10em;
}
.yogo dd{
	padding-left: 1em;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #f2f2f2;
}

/*用語ここまで*/


/*暮らし（資格・検定）*/
.life-title{
	margin: 0 0 1em;
	padding: 0.7em 1.4em;
	font-size: 1.3em;
	font-weight: bold;
	color: #3A3A3A;
	background: #EAEAEA;
}
.life-contents{
	padding: 1em 0.5em 0;
	font-size: 1.05em;
}

.ass h3{
	font-size: 1.25em;
	font-weight: bold;
}
.ass ul{
	font-size: 0.9em;
	padding: 0 0 1em 1.5em;
}
.get{
	padding-bottom: 1.5em;
}
.get h4{
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 0.2em;
	margin-bottom: 1.2em;
	border-bottom-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
.get dl{
	padding: 0 0 0.5em 0em;
}
.get dl dt{
	padding-bottom: 0.25em;
}
.get dl dd{
	padding: 0 0 1em 1em;
}

.exam-title{
	font-weight: bold;
}/*検定スケジュールタイトル*/
.exam tr th{
	font-size: 0.95em;
	text-align: center;
}/*検定スケジュール*/
.exam tr td{
	font-size: 0.8em;
	text-align: right;
}
.exam-sup{
	padding: 1.5em 2em;
	margin-bottom: 1em;
	background-color: #F7F5ED;
	font-size: 0.9em;	
}/*補足*/

/*暮らし（資格・検定）ここまで*/


/*リンク*/
.link dd{
	padding: 0.2em 0 1.5em 1.5em;
}
/*リンクここまで*/

/*参考文献*/
.bunken{
	padding: 1em 0.5em 1em;
}
.bunken ul li{
	padding-bottom: 0.6em; 
}
/*参考文献ここまで*/