﻿@charset "utf-8";

/* reset */

*{
	font-size:100%;
}

/* --------tag------------ */
body{	
	margin:0px auto;
	padding:0px;
	background:url(base.jpg) repeat-x;
	color:#333333;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
@media print{
body{
	background:none;
}

}
h1{
	margin:0px;
	padding:0px;
	padding:7px;
	color:#333333;
	font-size:11px;
	font-weight:normal;
}
h2{
	margin:0px;
	padding:0px;
	font-size:4px;
	text-align:left;
}
h2.news{
	margin:0px;
	padding:0px;
	background:#669966;
	}
h3{
	margin:0px;
	padding:0px;
	font-size:12px;

}
h4{
	margin:0px;
	padding:0px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#333333;
}
a{ color:#3366CC; text-decoration:none; }
a:hover{ color:#cc0000; text-decoration:none; }
a:visited{ color:#444444; text-decoration:none; }
img{ border:0px;}
ul{
	margin:0px;
	padding:5px;
	line-height:140%;
	}

li{list-style:none;}
ol{margin-left:30px;}

.zensen_top{
	border:1px solid #dddddd;
	}
.zensen{
	border:1px solid #cccccc;
	}
td{font-size:0.9em; line-height:140%; text-align:left;}
p{margin:0px; padding:0px; margin-top:10px;}
.text{
	margin:0px;
	padding-left:50px;
	padding-right:50px;
}



/* ------------/////////////////////////////----------- */

#outerGroup{width:856px; margin:0px auto; background:url(../top/bg.gif) repeat-y; padding:0px;}
/* ------------上部レイアウト枠----------- */
#ue-waku{
	margin:0px;
	padding:0px;
	margin-left:3px;
	width:850px;
	background:#ffffff;
	text-align:left;
}
@media print{
#ue-waku{background:none;}

}
/*---ヘッダー部分--- */
#topheader{
	margin:0px;
	padding:0px;
	width:850px;
	height:224px;
}
#header{
	margin:0px;
	padding:0px;
	width:850px;
	height:65px;
}
@media print{
#header{
	margin-left:0px;
}
}

/*---ナビゲーション部分--- */
#navi{
	width:850px;
}


#navi ul{
	margin:0px;
	padding: 0px;
	height:40px;
}
#navi li{
	float:left;
	display:block;
	font-size:12px;
}
#navi ul li span { visibility:hidden; }
#navi li a{
	display:block;
	text-decoration:none;
}
#navi li#m01 a{	/* home */
	height:40px;
	width:72px;
	background: url(m01.jpg) no-repeat;
}
#navi li#m01 a:hover{	
	height:40px;
	width:72px;
	background: url(m01.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m02 a{	/* home */
	height:40px;
	width:93px;
	background: url(m02.jpg) no-repeat;
}
#navi li#m02 a:hover{	
	height:40px;
	width:93px;
	background: url(m02.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m09 a{	/* home */
	height:40px;
	width:94px;
	background: url(m09.jpg) no-repeat;
}
#navi li#m09 a:hover{	
	height:40px;
	width:94px;
	background: url(m09.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m03 a{	/* home */
	height:40px;
	width:76px;
	background: url(m03.jpg) no-repeat;
}
#navi li#m03 a:hover{	
	height:40px;
	width:76px;
	background: url(m03.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m04 a{	/* home */
	height:40px;
	width:76px;
	background: url(m04.jpg) no-repeat;
}
#navi li#m04 a:hover{	
	height:40px;
	width:76px;
	background: url(m04.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m05 a{	/* home */
	height:40px;
	width:95px;
	background: url(m05.jpg) no-repeat;
}
#navi li#m05 a:hover{	
	height:40px;
	width:95px;
	background: url(m05.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m06 a{	/* home */
	height:40px;
	width:98px;
	background: url(m06.jpg) no-repeat;
}
#navi li#m06 a:hover{	
	height:40px;
	width:98px;
	background: url(m06.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m07 a{	/* home */
	height:40px;
	width:157px;
	background: url(m07.jpg) no-repeat;
}
#navi li#m07 a:hover{	
	height:40px;
	width:157px;
	background: url(m07.jpg) no-repeat;
	background-position:0px -40px;
}
#navi li#m08 a{	/* home */
	height:40px;
	width:89px;
	background: url(m08.jpg) no-repeat;
}
#navi li#m08 a:hover{	
	height:40px;
	width:89px;
	background: url(m08.jpg) no-repeat;
	background-position:0px -40px;
}

/* ------------/////////////////////////////----------- */
/*---左ニュース部分--- */
#uehidari{
	float:left;
	width:280px;
	height:318px;
	margin-top:5px; 
	border:1px solid #cccccc;
	text-align:left;
}

ul.news li{
	list-style-type:none;
	padding-left:24px;
	background:url(new.gif) no-repeat;
	}
ul.school li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_pink.gif) no-repeat;
	}
/*---中　体験記＆喜びの声--- */
#taiken{
	float:left;
	width:280px; 
	height:318px;
	margin-left:2px;
	margin-top:5px; 
	border:1px solid #cccccc;
	text-align:left;
}
	
#taiken h3{
	background:#90caaf; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;	
}
#taiken ul{
	line-height:140%;
	}
#taiken li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_green.gif) no-repeat;
}

/*---右広告部分--- */
#cm{
	float:left;
	margin-top:5px;
	margin-left:2px; 
	width:280px;
	height:318px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background:#ffffff;
	text-align:center;
}
#cm p{padding:5px;}
/* ------------/////////////////////////////----------- */

/* ------------スタッフ紹介覧----------- */
#staff{
	clear:both;
	margin:2px auto;
	padding:0px;
	padding-top:3px;
	width:850px;
	text-align:left;
}

#staff .staffBox{
	float:left;
	width:198px;
	height:140px;
	padding:3px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	border:1px solid #CDB692;
}
.staffBox img{margin-right:3px;}
.staffBox strong{color:#333333;}
/* ------------3コラム大外レイアウト枠----------- */

#waku{
	clear:both;
	margin-left:3px;
	padding:0px;
	padding-top:3px;
	width:850px;
	background:#ffffff;
	text-align:left;
}

/*---左コラム部分--- */
#hidari{
	float:left;
	width:280px;
	border-right:1px solid #cccccc;	
	border-bottom:1px solid #cccccc;
}
#hidari h3{
	background:#c3a6cb; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;	
}
#hidari ul.blue {
	background:#e6e1e8;
	line-height:140%;
}
#hidari ul.blue li{
	list-style-type:none;
	padding-left:24px;
	background:url(new.gif) no-repeat;
	}

#hidari li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_blue.gif) no-repeat;
}

#hidari a:link { color:#333333; text-decoration:none; }
#hidari a:hover{ color:#695776; text-decoration:none; }



/* -----------3コラム真ん中レイアウト枠----------- */
#naka {
	float:left;
	width:280px;
	margin-left:2px;
	border-right:1px solid #cccccc;	
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;	
}
#naka h3{
	background:#e9745a; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;	
}
#naka ul.pink{
	background:#febfb6;
	line-height:140%;
	}
#naka ul.pink li{
	list-style-type:none;
	padding-left:24px;
	background:url(new.gif) no-repeat;
	}
#naka li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_pink.gif) no-repeat;
}
#naka a:link{ color:#333333; text-decoration:none; }
#naka a:hover { color:#c06b49; text-decoration:none; }

#yakuzen {
	width:280px;
}
#yakuzen h3{
	background:#90caaf; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;	
}
#yakuzen li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_green.gif) no-repeat;
}
#yakuzen a:link { color:#333333; text-decoration:none; }
#yakuzen a:hover { color:#3d6e53; text-decoration:none; }

/* -----------3コラム右側レイアウト枠----------- */


#migi {
	float:left;
	width:280px;
	margin-left:3px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;	

}
#migi h3{
	background:#90caaf; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;	
}
#migi ul.green{
	background:#d8e7de;
	line-height:140%;
	}
#migi ul.green li{
	list-style-type:none;
	padding-left:24px;
	background:url(new.gif) no-repeat;
	}

.murasaki{color:#695776;}
#migi li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_green.gif) no-repeat;
}
#migi a:link { color:#333333; text-decoration:none; }
#migi a:hover { color:#3d6e53; text-decoration:none; }


/* ------------/////////////////////////////----------- */
/*---漢方で改善　みんな元気に--- */
#kaizen{
	clear:both;
	margin:0px;
	margin-bottom:30px;
	padding:30px;
	text-align:left;
}
.tyu{
	float:left;
	width:786px;
	mrgin-top:10px;
}
.left{
	float:left;
	width:378px;
	mrgin-top:10px;
	border:1px solid #cccccc;

}
.right{
	float:left;
	width:378px;
	mrgin-top:10px;
	margin-left:25px;
	border:1px solid #cccccc;
}
#kaizen h3{
	background:#90caaf; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;
	margin-top:5px;	
	margin-bottom:5px;
}

#kaizen h4{
	background:#bbdd99; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:20px;	
}
#kaizen ul{
	line-height:140%;
	}

#kaizen li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_green.gif) no-repeat;
}

#kaizen a:link{ color:#333333; text-decoration:none; }
#kaizen a:hover { color:#3d6e53; text-decoration:none; }

#kaizen td{font-size:0.9em; color:#3d6e53;}



/*--漢方で応援　女性のための健康-- */
#kenkou{
	clear:both;
	margin:0px;
	margin-bottom:30px;
	padding:30px;
	text-align:left;
}
#kenkou h3{
	background:#e9745a; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;
	margin-top:5px;	
	margin-bottom:5px;
}
#kenkou h4{
	background:#f1a99a; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:20px;	
}
#kenkou ul{
	line-height:140%;
	}

#kenkou li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_pink.gif) no-repeat;
}

#kenkou a:link{ color:#333333; text-decoration:none; }
#kenkou a:hover { color:#c06b49; text-decoration:none; }

#kenkou td{font-size:0.9em; color:#b65b46;}


/*--漢方で治す　アトピー性皮膚炎-- */
#atopi{
	clear:both;
	margin:0px;
	margin-bottom:30px;
	padding:30px;
	background:#ffffff;
	text-align:left;
}
#atopi h3{
	background:#c3a6cb; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:10px;	
	margin-top:5px;	
	margin-bottom:5px;
}
#atopi h4{
	background:#D3CCE6; 
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px;
	padding-left:20px;	
}
#atopi ul{
	line-height:140%;
	}

#atopi li{
	list-style-type:none;
	padding-left:7px;
	background:url(list_blue.gif) no-repeat;
}

#atopi a:link{ color:#333333; text-decoration:none; }
#atopi a:hover { color:#695776; text-decoration:none; }

#atopi td{font-size:0.9em; color:#b65b46;}


/* --Ｑ＆Ａ部分--- */
#qanda{text-align:center;}
.dai_glay{
	text-align:left;
	width:630px;
	border:1px solid #519670;
	border-top:10px solid #519670;
	border-bottom:10px solid #519670;
}
.dai_glay th {
	text-align:left;
	color:#c43739;
	font-size:1.1em;
	padding:7px;
	border-bottom:1px solid #519670;
	color:#c06b49;
}
.dai_glay td {
	padding:7px;
	border-bottom:1px dotted #519670;
	color:#3f5b50;
}

/*---サブメニュー(右揃え）部分--- */
.sub{ margin:10px;}


/*---トップへ戻るボタン--- */
.totop{ width:850px; height:25px; text-align:right; clear:both;}
a.top{
	display:block;
	width:50px;
	height:25px;
	background:url(top.gif) no-repeat left top;
	text-decoration:none;
}
a.top:hover{
	display:block;
	width:50px;
	height:25px;
	background:url(top.gif) no-repeat right bottom;
	text-decoration:none;
}
a.top span{visibility:hidden;}




/*---バナー部分--- */
#banner{
	clear:both;
	width:850px;
	height:90px;
	margin-top:5px;
	margin-bottom:5px;
	}
/* ------------/////////////////////////////----------- */
/*---フッター部分--- */
#footer{
	clear:both;
	width:850px;
	height:60px;
	margin-top:10px;

	text-align:right;
	border-top:10px solid #2F8F6D;
	border-bottom:10px solid #2F8F6D;
	}

#footer ul{
	margin:0px;
	padding: 0px;
	height:60px;
}
#footer li{
	float:right;
	display:block;
}
#footer ul li span { visibility:hidden; }
#footer li a{
	display:block;
	text-decoration:none;
}
#footer li#f01 a{	/* home */
	height:60px;
	width:160px;
	background: url(f01.gif) no-repeat;
}
#footer li#f01 a:hover{	
	height:60px;
	width:160px;
	background: url(f01.gif) no-repeat;
	background-position:0px -60px;
}
#footer li#f02 a{	/* home */
	height:60px;
	width:95px;
	background: url(f02.gif) no-repeat;
}
#footer li#f02 a:hover{	
	height:60px;
	width:95px;
	background: url(f02.gif) no-repeat;
	background-position:0px -60px;
}
#footer li#f03 a{	/* home */
	height:60px;
	width:90px;
	background: url(f03.gif) no-repeat;
}
#footer li#f03 a:hover{	
	height:60px;
	width:90px;
	background: url(f03.gif) no-repeat;
	background-position:0px -60px;
}


