@charset "UTF-8";

/* ----------------------------------------------
 * 家庭の漢方 TOPページ用CSS
 * 
 * 作成日: 2007-7-03
 * 作成者改訂日: 2007-7-06
 * 運用者改訂日: 2009/01/14
---------------------------------------------- */

/* Title
-------------------------- */
#Title h1 {
	width: 566px;
	height: 154px;
	padding: 0 0 18px 0;
	background: url("../images/main_image01.jpg") no-repeat bottom;
}

/* --------------------------
 * 漢方検索
 * 表示はログインした時に出てくる
-------------------------- */
#Search {
	float: left;
	width: 551px !important;
	width: 566px;
	height: 91px;
	padding: 0 0 0 15px;
	background: url("../images/bg_search.gif") no-repeat top;
}
	#Search ul {
		height: 25px;
		padding: 6px 0 0 115px;
	}
		#Search li {
			float: left;
			height: 25px;
		}
	/* 以下、トグル */
	/* 選択状態 */
	#Search .searchTub_a {
		margin: 0 3px 0 0;
		padding: 2px 3px 0 5px;
	}
		#Search .searchTub_a a {
			color: #000000;
		}
	/* 未選択状態 */
	#Search .searchTub_na {
		margin: 0 3px 0 0;
		padding: 2px 3px 0 5px;
	}
		#Search .searchTub_na a {
			color: #ffffff;
		}

	#Search li.searchTub00 {
		width: 89px;
		margin: 0 3px 0 0;
		padding: 2px 0 0 5px;
		background: #ffffff;
		/*background:url(../images/bg_searchTub00.gif) no-repeat;*/
	}
		/*#Search li.searchTub00 a{
			color: #000000;
			color:#FFFFFF;
		}*/

	#Search li.searchTub01 {
		width: 67px;
		/*color:#FFFFFF;*/
		margin: 0 2px 0 0;
		padding: 2px 0 0 5px;
	}
		/*#Search li.searchTub01 a{
			color:#FFFFFF;
		}*/

		#Search li.searchTub02 {
			width: 100px;
			/*color:#FFFFFF;*/
			margin: 0 1px 0 0;
			padding: 2px 0 0 5px;
		}
			/*#Search li.searchTub02 a{
				color:#FFFFFF;
			}*/

	#Search li.searchTub03 {
		width: 117px;
		padding: 2px 0 0 5px;
		/*color:#FFFFFF;*/
	}
	/*#Search li.searchTub03 a{
		color:#FFFFFF;
	}*/

	#Search h1 {
		float: left;
		width: 204px;
		padding: 10px 0 0 30px;
	}
	#Search h2 {
		float: left;
		padding: 10px 0 0 0;
	}


/* ----------------------------------------------
 * 今月の気をつける病気
---------------------------------------------- */
#Month {
	float: left;
	width: 566px;
}
	/* ------------------------
	 * 左端のdiv用
	------------------------ */
	#Month .Box00 {
		float: left;
		width: 253px;
		padding: 0 14px 0 16px;
	}
		#Month .Box00 h1 {
			width: 253px;
			height: 26px;
			margin: 0 0 5px 0;
			padding: 1px 0 0 0;
			color: #FFFFFF;
			font-size: 125%;
			text-align: center;
			background: url("../images/bg_image.gif") no-repeat;
		}
		#Month .Box00 h2 {
			width: 253px;
			height: 26px;
			font-size: 125%;
			text-align: center;
		}
		#Month .Box00 h3 {
			float: left;
			width: 60px;
			height: 60px;
			margin: 0 0 0 1px;
		}
		#Month .Box00 h4 {
			float: left;
			width: 170px;
			padding: 0 0 0 3px;
		}
		#Month .Box00 h5 {
			float: right;
			width: 159px;
			height: 20px;
			line-height: 20px;
			margin: 5px 0 0 0;
			padding: 0 10px 0 0;
			color: #FFFFFF;
			text-align: right;
			background: url("../images/btn_month.gif") no-repeat right;
		}
			#Month .Box00 h5 a {
				color: #FFFFFF;
			}

	/* ------------------------
	 * 真ん中のdiv用
	------------------------ */
/*
	#Month .Box01 {
		float: left;
		width: 169px;
		padding: 0 14px;
	}
		#Month .Box01 h1 {
			width: 169px;
			height: 26px;
			margin: 0 0 5px 0;
			padding: 1px 0 0 0;
			color: #FFFFFF;
			font-size: 125%;
			text-align: center;
			background: url("../images/bg_image.gif") no-repeat;
		}
			#Month .Box01 h2 {
				width: 159px;
				padding: 0 5px;
			}
			#Month .Box01 h3 {
				float: right;
				width: 129px !important;
				width: 159px;
				height: 20px;
				padding: 0 0 0 35px;
				margin: 5px 0 0 0;
				color: #F2A947;
				font-size: 125%;
				font-weight: bold;
				background: url("../images/freedial.gif") no-repeat left;
			}
*/
	/* ------------------------
	 * 右端のdiv用
	------------------------ */
	#Month .Box02 {
		float: left;
		width: 253px;
		padding: 0 15px 0 0;
	}
		#Month .Box02 h1 {
			width: 253px;
			height: 26px;
			margin: 0 0 5px 0;
			padding: 1px 0 0 0;
			color: #FFFFFF;
			font-size: 125%;
			text-align: center;
			background: url("../images/bg_image.gif") no-repeat;
		}
		#Month .Box02 h2 {
			float: right;
			margin: 0 1px 0 0;
		}
		#Month .Box02 h3 {
			padding: 0 0 0 10px;
		}


/* ----------------------------------------------
 * 健康トピックス
---------------------------------------------- */
#Topics {
	float: left;
	width: 534px;
	margin: 15px 0 0 0;
	padding: 0 16px 0 16px;
}
	#Topics h1 {
		float: left;
		width: 534px;
		padding: 0 0 0 15px;
		color: #FFFFFF;
		font-size: 125%;
		background: url("../images/bg_topics.gif") no-repeat;
	}
	#Topics h2 {
		float: left;
		width: 510px !important;
		width: 525px;
		height: 20px;
		margin: 8px 0 0 0;
		padding: 0 15px 0 0;
		color: #FFFFFF;
		font-size: 100%;
		font-weight: normal;
		text-align: right;
		line-height: 20px;
		background: url("../images/btn_topics.gif") no-repeat right;
	}
		#Topics h2 a {
			color: #FFFFFF;
		}
	#Topics li {
		float: left;
		width: 516px;
		margin: 0 0 0 10px !important;
		margin: 0 0 0 5px;
		padding: 7px 0 2px 0;
		background: url("../images/border_topics.gif") repeat-x bottom;
	}