@charset "UTF-8";

/* ----------------------------------------------
 * 家庭の漢方 基本設定
 * 
 * 作成日: 2007-7-03
 * 作成者改訂日: 2007-7-06
 * 運用者改訂日: 2009/01/14
 *
 * WYSIWYGエディタ使用の為、以下変則的なCSSとなる
---------------------------------------------- */

/* Reset & Restyle
----------------------------------------------- */
body,
#header h1,#header h2,#header h3,#header h4,#header h5,#header h6,
#header p,#header ul,#header ol,#header dl,#header dt,#header dd,#header li,
#header table,#header th,#header td,#header form,#header select,#header option,
#header address,#header pre,#header strong,#header em,
#sideContent h1,#sideContent h2,#sideContent h3,#sideContent h4,#sideContent h5,#sideContent h6,
#sideContent p,#sideContent ul,#sideContent ol,#sideContent dl,#sideContent dt,#sideContent dd,#sideContent li,
#sideContent table,#sideContent th,#sideContent td,#sideContent form,#sideContent select,#sideContent option,
#sideContent address,#sideContent pre,#sideContent strong,#sideContent em,
#mainContent h1,#mainContent h2,#mainContent h3,#mainContent h4,#mainContent h5,#mainContent h6,
#mainContent p,#mainContent ul,#mainContent ol,#mainContent dl,#mainContent dt,#mainContent dd,#mainContent li,
#mainContent table,#mainContent th,#mainContent td,#mainContent form,#mainContent select,#mainContent option,
#mainContent address,#mainContent pre,#mainContent strong,#mainContent em,
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,
#footer p,#footer ul,#footer ol,#footer dl,#footer dt,#footer dd,#footer li,
#footer table,#footer th,#footer td,#footer form,#footer select,#footer option,
#footer address,#footer pre,#footer strong,#footer em {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana,sans-serif;
	text-decoration: none;
	line-height: 1.5;
}


body {
	font-size: 75%;
	text-align: center;
	background: url("../images/bg_wrapper.gif") repeat-y center;
}

html>/**/body {
	font-size: 12px;
}

#header img,
#sideContent img,
#footer img {
	border: 0;
}

#header ul, #header ol,
#sideContent ul, #sideContent ol,
#mainContent ul, #mainContent ol,
#footer ul, #footer ol {
	list-style-type: none;
}

#header table,
#sideContent table,
#footer table {
	border: none;
}
	#header th,
	#header td,
	#sideContent th,
	#sideContent td,
	#footer th,
	#footer td {
		padding: 0;
	}

#header hr,
#sideContent hr,
#footer hr {
	visibility: hidden;
}

.clear {
	clear:left !important;
}


/* --------------------------
 * リンク色の設定
-------------------------- */
#header a,
#sideContent a,
#footer a {
	color: #0066CC;
	text-decoration: none;
}
	#header a:hover,
	#sideContent a:hover,
	#footer a:hover {	
		color: #0066CC;
		text-decoration: underline;
	}


/* --------------------------
 * clearFix
-------------------------- */
.clr:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}
.clr {
	display: inline-block;
}

/*\*/ * html .clr {
	height: 1%;
} /**/

/*\*/ .clr {
	display: block;
} /**/

/* ----------------------------------------------
 * 全体を囲む
---------------------------------------------- */
#wrapper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

/* ------------------------------------
 * header
------------------------------------ */
#header {
	position: relative;
	margin: 0;
}
	#header p {
		line-height: 1.2;
		color: #666;
		margin: 0;
		padding: 20px 0 5px 20px;
		/*padding:20px 0px 25px 20px;*/
	}
		/* キャッチコピー */
		#header p span.headerCaption {
			margin: 0;
			padding: 0;
			color: #f07800;
		}
		/* ロゴの下のリンク */
		#header p.editorial {
			margin: 0;
			padding: 0 0 5px 35px;
			font-size: 80%;
		}
		/* ロゴ */
		#header p img {
			float: left;
			margin: 0 15px 0 0;
		}

	/* ヘッダーメニュー */
	#header ul {
		clear: left;
		padding: 3px 0 3px 20px;
		background: #fff;
	}
		#header li {
			display: inline;
			padding: 0 15px 0 13px;
			background: url("../images/subMenuList.gif") no-repeat left center;
		}
			#header li a {
				color: #555;
			}
				#header li a:hover {
					color: #000;
				}

	/* ------------------------
	 * 会員ログイン
	------------------------ */
	#header #register {
		position: absolute;
		right: 0;
		top: 0;
		float: right;
		width: 280px !important;
		width: 300px;
		padding: 10px;
		background: url("../images/loginBg.gif") no-repeat bottom #C4DDA6;
	}
		#header #register a {
			color: #0066CC;
		}
		#header #register strong {
			float: left;
			width: 200px;
			font-weight: bold;
			color: #4f8315;
			margin: 9px 0 0 0px;
		}
		#header #register small {
			display: block;
			float: left;
			clear: both;
			width: 280px;
			margin: 5px 0 0 0;
			padding: 5px 0 0 0;
			font-size: 85%;
			background: url("../images/loginLine.gif") repeat-x top;
		}
		#header #register span {
			display: block;
			float: left;
			clear: both;
			width: 280px;
			margin: 5px 0 0 0;
			padding: 5px 0 0 0;
		}

		#header #register dl {
			float: left;
			width: 200px;
		}
			#header #register dt {
				float: left;
				clear: left;
				width: 70px;
				margin: 3px 0 3px 0 !important;
				margin: 5px 0 3px 0;
			}
			#header #register dd {
				float: left;
				width: 130px;
				margin: 0 0 2px 0;
			}
				#header #register dd input {
					width: 130px;
				}

		/* エラー */
		#register .error p {
			margin: 0;
			padding: 0;
			color: #ff0000;
			font-size: 90%;
			text-align: center;
			line-height: 1.4;
		}
		/* ログインボタン */
		#register p.login {
			float: right;
			display: block;
			padding: 6px 0 0 0;
		}

	/* ------------------------
	 * ログアウト部分
	 * (ログイン状態だったら)
	------------------------ */
	#logout {
		float: right;
		position: absolute;
		right: 0;
		top: 0;
		width: 280px !important;
		width: 300px;
		padding: 10px;
		background: url("../images/loginBg.gif") no-repeat bottom #C4DDA6;
	}
		#logout p {
			padding: 0 0 3px;
		}
			#logout p.logoutBt {
				margin: 0 0 3px;
				color: #ff0000;
			}
		#logout small {
			display: block;
			float: left;
			clear: both;
			width: 280px;
			margin: 5px 0 0 0;
			padding: 5px 0 0 0;
			font-size: 85%;
			background: url("../images/loginLine.gif") repeat-x top;
		}

/* ------------------------------------
 * メインコンテンツ
------------------------------------ */
#mainContent {
	float: right;
	width: 566px;
}

/* ------------------------------------
 * 左メニュー
------------------------------------ */
#sideContent {
	float: left;
	width: 180px;
	padding: 0 0 0 4px;
}
	/* ------------------------
	 * グローバルメニュー
	------------------------ */
	#sideContent #globalMenu ul li {
		display: block;
		width: 180px;
		height: 35px;
		margin: 0 0 1px 0;
		color: #fff;
		line-height: 35px;
		text-indent: 28px;
		background: url("../images/menu.gif") no-repeat bottom;
	}
		#sideContent #globalMenu ul li a {
			display: block;
			width: 180px;
			height: 35px;
			color: #fff;
			text-decoration: none;
			background: url("../images/menu.gif") no-repeat top;
		}
			#sideContent #globalMenu ul li a:hover {
				color: #fff;
				background-position: bottom;
			}
		/* maginを消す */
		#sideContent .marginNone {
			margin: 0 0 0 0;
			background: #4F8315;
		}

		/* ----------------------
		 * ulの中のメニュー
		---------------------- */
		#sideContent #globalMenu ol {
			width: 150px !important;
			width: 180px;
			margin: -3px 0 8px 0;
			padding: 5px 0 10px 30px;
			background: url("../images/bg_sideOl.gif") no-repeat bottom #4F8315;
		}
			#sideContent #globalMenu ol li a {
				color: #fff;
				padding: 0 0 0 15px;
				background: url("../images/menuList01.gif") no-repeat left center;
			}
				#sideContent #globalMenu ol li a:hover {
					text-decoration: none;
					background: url("../images/menuList02.gif") no-repeat left center;
				}

	/* ------------------------------------
	 * 漢方こころの相談室
	------------------------------------ */
	#sideContent #mvcl {
		margin: 8px 0;
	}
		#sideContent #mvcl p {
			display: block;
			width: 180px;
			height: 35px;
			margin: 0 0 1px 0;
			text-indent: 30px;
			color: #fff;
			line-height: 35px;
			background: url("../images/qaMenu.gif") no-repeat bottom;
		}
			#sideContent #mvcl p a {
				display:block;
				width: 180px;
				height: 35px;
				color:#fff;
				background: url("../images/qaMenu.gif") no-repeat top;
			}
				#sideContent #mvcl p a:hover {
					text-decoration: none;
					background-position: bottom;
				}

	/* ----------------------------------
	 * 漢方と親しむ
	---------------------------------- */
	#sideContent #familiar dl dt {
		height: 25px;
	}
	#sideContent #familiar dl dd {
		display:block;
		width: 180px;
		height: 26px;
		margin: 0 0 1px 0;
		color: #fff;
		line-height: 26px;
		text-indent:30px;
		background: url("../images/sitasimuMenu.gif") no-repeat bottom;
	}
		#sideContent #familiar dl dd a {
			display: block;
			width: 180px;
			height: 26px;
			color: #fff;
			background: url("../images/sitasimuMenu.gif") no-repeat top;
		}
			#sideContent #familiar dl dd a:hover {
				text-decoration: none;
				background-position: bottom;
			}
		/* marginを消す */
		#sideContent #familiar dl dd.marginNone {
			margin: 0 0 0 0;
		}

		/* ランキング */
		#sideContent #familiar ul {
			width: 148px !important;
			width: 180px;
			margin: 0 0 8px 0;
			padding: 5px 0 10px 30px;
			border-left: 1px solid #6DAEB0;
			border-right: 1px solid #6DAEB0;
			border-bottom: 1px solid #6DAEB0;
		}
			#sideContent #familiar ul li a {
				color: #0066CC;
				padding: 0 0 0 15px;
				background: url("../images/menuList03.gif") no-repeat left center;
			}
				#sideContent #familiar ul li a:hover {
					text-decoration: none;
					background: url("../images/menuList04.gif") no-repeat left center;
				}
			/* その他 */
			#sideContent #familiar ul li.more a {
				display: block;
				width: 60px;
				height: 15px;
				margin: 10px 0 0 80px;
				padding: 0;
				color: #fff;
				font-size: 85%;
				line-height: 12px;
				text-indent: 15px;
				background: url("../images/bg_more.gif") no-repeat;
			}
				#sideContent #familiar ul li.more a:hover {
					text-decoration:underline;
					background: url("../images/bg_more.gif") no-repeat;
				}

	/* ----------------------------------
	 * 漢方を知る
	---------------------------------- */
	#sideContent #learns {
		margin-top: 8px;
	}
		#sideContent #learns dl dt {
			height: 25px;
		}
		#sideContent #learns dl dd {
			display: block;
			width: 180px;
			height: 26px;
			margin: 0 0 1px 0;
			color:#fff;
			line-height: 26px;
			text-indent: 30px;
			background: url("../images/siruMenu.gif") no-repeat bottom;
		}
			#sideContent #learns dl dd a {
				display: block;
				width: 180px;
				height: 26px;
				color: #fff;
				background: url("../images/siruMenu.gif") no-repeat top;
			}
				#sideContent #learns dl dd a:hover {
					text-decoration: none;
					background-position: bottom;
				}

	/* ----------------------------------
	 * 薬日本堂漢方スクールのご案内
	---------------------------------- */
	#sideContent #school {
		margin: 8px 0;
	}
		#sideContent #school p {
			display:block;
			overflow: hidden;
			width: 180px;
			height: 35px;
			text-indent: -9999px;
			text-decoration:none;
			background: url("../images/school.gif") no-repeat bottom;
		}
		#sideContent #school p a {
			display:block;
			width: 180px;
			height: 35px;
			text-decoration:none;
			background: url("../images/school.gif") no-repeat top;
		}
			#sideContent #school p a:hover {
				display: block;
				text-decoration: none;
				background-position: bottom;
			}

	/* ----------------------------------
	 * お問い合わせ
	---------------------------------- */
	#sideContent #inquiry {
		height: 35px;
		margin: 8px 0;
	}
		#sideContent #inquiry p {
			display: block;
			width: 180px;
			height: 35px;
			margin: 0 0 1px 0;
			color: #fff;
			line-height: 35px;
			text-indent: 30px;
			background: url("../images/inquiryMenu.gif") no-repeat bottom;
		}
		#sideContent #inquiry p a {
			display: block;
			width: 180px;
			height: 35px;
			color:#fff;
			background: url("../images/inquiryMenu.gif") no-repeat top;
		}
			#sideContent #inquiry p a:hover {
				text-decoration: none;
				background-position: bottom;
			}

	/* ----------------------------------
	 * よくある質問
	---------------------------------- */
	#sideContent #qa {
		margin: 8px 0;
	}
		#sideContent #qa p {
			display: block;
			width: 180px;
			height: 35px;
			margin: 0 0 1px 0;
			color: #fff;
			line-height: 35px;
			text-indent: 30px;
			background: url("../images/qaMenu.gif") no-repeat bottom;
		}
			#sideContent #qa p a {
				display: block;
				width: 180px;
				height: 35px;
				color: #fff;
				background: url("../images/qaMenu.gif") no-repeat top;
			}
				#sideContent #qa p a:hover {
					text-decoration: none;
					background-position: bottom;
				}

	/* ----------------------------------
	 * 退会手続き
	---------------------------------- */
	#sideContent #remove {
		height: 35px;
		margin: 8px 0;
	}
		#sideContent #remove p {
			display:block;
			width: 180px;
			height: 35px;
			margin: 0 0 1px 0;
			color: #fff;
			line-height: 35px;
			text-indent: 30px;
			background: url("../images/removeMenu.gif") no-repeat bottom;
		}
			#sideContent #remove p a {
				display: block;
				width: 180px;
				height: 35px;
				color: #fff;
				background: url("../images/removeMenu.gif") no-repeat top;
			}
				#sideContent #remove p a:hover {
					text-decoration: none;
					background-position: bottom;
				}

/* ------------------------------------
 * footer
------------------------------------ */
#footer {
	float: left;
	clear: both;
	width: 750px;
	margin: 25px 0 0 0;
	text-align: center;
}
	#footer ul {
		padding: 10px 0;
		background: #fff;
	}
		#footer li {
			padding: 0 10px;
			display: inline;
			border-right: 1px solid #555;
		}
			#footer li.borderNone {
				border-right: none;
			}
	#footer address {
		padding: 10px 0;
		font-size: 85%;
		background: url("../images/footerBg.gif") repeat-x;
	}