@charset "euc-jp";

/*＃========================================================
 *
 *	css file for "Qui System"
 *	file name : index.css
 *	page name : "トップページ"
 *
==========================================================*/


/*　阿蘇背景　*/
body {
	background-image: url(../index/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*　ヘッドセレクトメニュー　*/
#index_head_btn {
	width: 860px;
	background-image: url(../index/head_index_btn.gif);
	background-repeat: no-repeat;
	height: 229px;
}
#index_head_btn td {
	width: 246px;
	padding: 16px 20px 0px;
	vertical-align: top;
	font-size: 10px;
	text-align: justify;
}

/*　阿蘇気分爽快茶バナー　*/
#kibunsoukaicha {
	height: 154px;
	width: 434px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/kibunsokaicha.gif);
	background-repeat: no-repeat;
	margin-right: 14px;
}

#kibunsoukaicha a {
	height: 154px;
	width: 434px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/kibunsokaicha.gif);
	background-repeat: no-repeat;
}

#kibunsoukaicha a:hover {
	background-image: url(../index/kibunsokaicha_ro.gif);
	background-repeat: no-repeat;
}


/*　井澤会長　*/
#izawa_banner,
#izawa_banner a {
	height: 154px;
	width: 191px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/izawa.gif);
	background-repeat: no-repeat;
}

#izawa_banner a:hover {
	background-image: url(../index/izawa_ro.gif);
	background-repeat: no-repeat;
}

/*　ハーブ美用品ランディングバナー　*/
#herb_banner,
#herb_banner a {
	height: 157px;
	width: 641px;
	display: block;
	text-indent: -9999px;
	/*background-image: url(../index/herbgoods_banner.jpg);*/
	background-image: url(../index/herbitem_banner02.gif);
	background-repeat: no-repeat;
}
#herb_banner {
	margin: 15px 0px 0px;
}

#herb_banner a:hover {
	/*background-image: url(../index/herbgoods_banner_ro.jpg);*/
	background-image: url(../index/herbitem_banner02_ro.gif);
	background-repeat: no-repeat;
}

/*　紅茶ランディングバナー　*/
#blacktea_banner,
#blacktea_banner a {
	height: 156px;
	width: 640px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/blacktea_banner.jpg);
	background-repeat: no-repeat;
}
#blacktea_banner {
	margin: 15px 0px 0px;
}

#blacktea_banner a:hover {
	background-image: url(../index/blacktea_banner_ro.jpg);
	background-repeat: no-repeat;
}



/*　どくだみ・よもぎ茶バナー　*/
#dokudami_banner,
#dokudami_banner a {
	height: 126px;
	width: 312px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/banner_dokudami.jpg);
	background-repeat: no-repeat;
}
#dokudami_banner {
	/*margin: 15px 0px 0px;*/
}

#dokudami_banner a:hover {
	background-image: url(../index/banner_dokudami_ro.jpg);
	background-repeat: no-repeat;
}

#yomogi_banner,
#yomogi_banner a {
	height: 126px;
	width: 312px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/banner_yomogi.jpg);
	background-repeat: no-repeat;
}
#yomogi_banner {
	/*margin: 15px 0px 0px;*/
}

#yomogi_banner a:hover {
	background-image: url(../index/banner_yomogi_ro.jpg);
	background-repeat: no-repeat;
}


#single_tbl {
	margin: 15px 0px 0px;
	padding: 0px;
}

#single_left {
	margin: 0px;
	padding: 0px 15px 0px 0px;
}






/*　ランキング　*/
#rank_tbl  {
	width: 640px;
	border-bottom: 1px solid #C0C0C0;
}

#rank_tbl td {
	border-left: 1px solid #C0C0C0;
	width: 20%;
	padding: 8px 10px 0px;
	line-height: 1.5em;
	vertical-align: top;
}
.rank_tbl_right {
	border-right: 1px solid #C0C0C0;
}
.rank_text {
	font-size: 10px;
	margin-top: 8px;
}


/*　ランキング カートに入れる　*/
.ranku_cartin {
	/*background-image: url(../index/cartin_img.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 100px;
	display: block;
	text-indent: -9999px;*/
	margin: 8px 0px;
}
/*.ranku_cartin a {
	background-image: url(../index/cartin_img.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 100px;
	display: block;
}*/
/*.ranku_cartin a:hover {
	background-image: url(../index/cartin_img_ro.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 100px;
	display: block;
}
*/

.ranku_detail {
	font-size: 10px;
	margin-bottom: 12px;
	text-align: right;
}


/*　ギャラリー　*/
#cm_banner {
	height: 131px;
	width: 192px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/banner_cm.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#cm_banner a {
	height: 131px;
	width: 192px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/banner_cm.gif);
	background-repeat: no-repeat;
}

#cm_banner a:hover {
	background-image: url(../index/banner_cm_ro.gif);
	background-repeat: no-repeat;
}

/*　プレスリリース　*/
#media_banner,
#media_banner a {
	height: 130px;
	width: 192px;
	display: block;
	text-indent: -9999px;
	background-image: url(../index/banner_media.gif);
	background-repeat: no-repeat;
}

#media_banner a:hover {
	background-image: url(../index/banner_media_ro.gif);
	background-repeat: no-repeat;
}


/*　阿蘇のチカラブログ等　*/
#index_tbl {
	width: 640px;
	padding: 0px;
	margin: 0px 0px 18px;
}

#index_tbl #aso_img {
	width: 640px;
	padding: 0px 0px 18px;
}
/*#index_tbl td {
	padding: 0px 0px 18px;
}*/


/*　ブログ　*/
#blog_fr {
	border: 1px solid #999999;
	padding: 11px 5px 0px 24px;
	width: 392px;
	margin-right: 10px;
	height: 259px;
}

#blog_fr ul {
	margin: 5px 0;
}

#blog_fr td {
	border-bottom: 1px dotted #fecf71;
	vertical-align: top;
}
#blog_fr td img {
	margin: 6px 0px 0px 10px;
}
#blog_fr li {
	margin-bottom: 0.2em;
	line-height: 1.5em;
	overflow:hidden;
	height:1.5em;
	text-overflow:clip;
}