/******************************************************************************************************************/
/*---------- 全体のレイアウト （2010-11-23現在使用中） ------------------------------*/

div#body {
	width: 800px;	/* htmlのbodyは 横幅全体（私の画面は1024px）cssの div#body は真ん中の800pxというイミで使用 */
	background-color: #dfddf4;
	margin: 0 auto;/* width:を決めておいてmargin: 0 auto;すると このブロックが中央揃えになる　margin: auto; にすると上下にブラウザによって？余白が入る */
	overflow: auto;
}

div#body2 {
	width: 600px;	/* htmlのbodyは 横幅全体（私の画面は1024px）cssの div#body は真ん中の800pxというイミで使用 */
	background-color: #dfddf4;
	margin: 0 auto;/* width:を決めておいてmargin: 0 auto;すると このブロックが中央揃えになる　margin: auto; にすると上下にブラウザによって？余白が入る */
	overflow: auto;
}

@media
only screen and (max-width : 736px){
div#body2 {
	width: 100%;
}
}

div#head {
	background-color: #ffffff;	/*	;　薄いグレー#dfddf4	*/
	text-align: center;
}

div#menu {
	width: 200px;
	float: left;
	position: fixed;
/*	color: #ffffff;*/
}

div#main {
	width: 600px;
	float: right;
	background-color: #ffffff;	/*	#f3f3ff #f3f3ff;　薄いグレー　#e6e6ff　丁度イイ色	*/
}

div#foot {
	clear: both;
	text-align: center;
/*	border: solid 2px gray;	*/
/*	font-size: 12px;	*/
}

/******************************************************************************************************************/
/*---------- 全体の細かい設定 （2010-11-23現在使用中） ------------------------------*/

body {
	background: url(http://100souen.co.jp/wp-content/themes/keni70_wp_beauty_green_201607261949/images/common/bg2.jpg);
	border-top: solid 20px #662226;	
	color: #444444;/* #333333 見る側の文字色の設定に関わらず、指定の文字色で見てもらうため */
	font-size: 0.8em;
font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin: 0;
}

table {
	font-size: 1em;
}

/* 注・tableタグ内に　body { font-size: 0.8em;}　が、効いてないのはどうしてなのか？･･･は分らないが、
	→　table以外、例えば、divには、bodyタグの設定（　body { font-size: 0.8em;}　）が効いている
	→　table の中は、bodyタグの設定が効かないが、tableタグに css で設定する時には、効く　
　	　　tableタグにcssで設定する時には　table {font-size: 1em;}　を指定しておくこと！　*/
a {text-decoration: none;}
/**************************************************************************************************************************************//*---------- 全頁共通 左のリンクボタン （2012-1-29現在製作中） -----------------------------------------------------------------------*/

/* 
2012/3/11以降




②<a>タグを　<a><li>　</li></a>　のように配置するのはだめなのか？

　親リンクと子リンクが、クリックした時に点線で囲まれる範囲が違うからです。

*/

#leftmenu, #leftmenu ul, #leftmenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;/* ←相対的に　これを入れると親の位置をおぼえて、position: absolute;（絶対的）の所で子供の位置を決める */
}
#leftmenu {
	font-size: 0.9em;
	background-color: #ffffff;
	z-index: 1;	/* 重なりの順番 99が最大 指定していない時は0 ボタンがmainの前になるようにz-index: 1;とした　普段の順番はどう？*/
}

#leftmenu li ul {
	position: absolute;
	width: 270px; /* 子ボタンの幅 */
	left: 200px; /* 子ボタンのスタート位置 → 今、スタート位置は親ボタンのボーダーの右端になっているから */
	display: none;	/* 要素を非表示にし、要素の描画領域は確保されない */
}
#leftmenu li * ul {
	display: block;
	left: auto;
	width: auto;
}

li.lm1 ul {
	top: 0;/* 親ボタンの上端と子ボタンの上端（スタート位置）を合わせてある */
	border: 1px solid #d2e9ff;
z-index: 2;
}
li.lm2 ul {
	bottom: 0;/* 親ボタンの下端と子ボタンの下端（スタート位置）を合わせてある */
	border: 1px solid #ffd7d7;
z-index: 2;
}
li.lm3 ul {
	bottom: 0;/* 親ボタンの下端と子ボタンの下端（スタート位置）を合わせてある */
}
li.lm3 div ul {
	bottom: auto;
}
li.lm1 li, li.lm1 a {
	background-color: #d2e9ff;
}
li.lm2, li.lm2 a {
	background-color: #ffd7d7;
}
li.high, li.high a {
	background-color: #ffc6c6;
}
li.lm3 a {
	background-color: #d0ffd0;
}

#leftmenu a {
	overflow: auto;	/* IE6 Bug overflowでもheight: 1em; とかでも */
	display: block;
	line-height: 1.5em;
	margin: 1px 0;
	text-indent: 11px;
}
#leftmenu div a {
	display: inline;
	line-height: 1em;
	background-color: transparent;
}
#leftmenu a:hover, li.lm1:hover, li.lm2:hover, li.lm3:hover {
	background-color: #ffffff;
}
#leftmenu li.lm1:hover a, li.lm2:hover a, li.lm3:hover a {
	border-color: #ffffff;
}
#leftmenu div a:hover {
	background-color: transparent;
	border: none;
}

li.lm1 a {
	border-left: 18px solid #88c4ff;
}

li.lm2 a {
	border-left: 18px solid #ff9999;
}

li.lm3 a {
	border-left: 18px solid #53c68c;
}

li.high a {
	padding: 0.2em 0;
	font-size: 1.5em;
}
li.high ul a {
	padding: 0;
	font-size: 1em;
}
#leftmenu li * a {
	margin: 0;
	border: none;
}

li.lm2 a.imp {
	background-color: #ffaaaa;	/* 変更箇所 ボタンの左の濃いピンクborder-left: 18px solid #ff9999　と　不妊症の背景色background-color: #ffc6c6;　の中間にしてみた */
}

#search, #calendar, #mobile, #weather {
	background-color: #d0ffd0;
	bottom: 0;
	padding:  10px 0;
	border: 1px solid #d0ffd0;
	position: absolute;
	width: 270px; /* 子ボタンの幅 */
	left: 200px;
}
#search, #mobile, #weather {
	text-align: center;
}
.lmcaption {
	text-align: center;
	color: chocolate;
	background-color: #ffd7d7;
}
.columncaption {
	overflow: auto;
	text-indent: 1em;
	color: chocolate;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#leftmenu li:hover ul,#leftmenu li.over ul { display: block; } /* The magic */

/******************************************************************************************************************/
/*---------- 優待券へのリンクボタン -----------*/

#lbyuutaikenn {
	display: block;
	width: 200px;
	height: 120px;
	background-image: url(./img/lbyuutaikenn.gif);
}

#lbyuutaikenn:hover {
	background-position: 0px 120px;
}
/******************************************************************************************************************/
/*---------- ＴＯＰページ 不妊症とアトピーへのリンクボタン 試作 -----------*/

/*-----	ＴＯＰページの大きいリンクボタン全部の枠 -----*/

div.lb {
	width: 600px;
	height: 120px;
}

/*-----	 ＴＯＰページの大きいリンクボタン 300px 300px 計600px -----*/

div.lbhalf {
	width: 300px;
	float: left;
}

#lbhuninn {
	display: block;
	width: 300px;
	height: 60px;
	background-image: url(./img/lbhuninn1.gif);
}

#lbhuninn:hover {
	background-position: 0px 60px;
}

#lbjiritsu {
	display: block;
	width: 300px;
	height: 60px;
	background-image: url(./img/lbjiritsu.gif);
}

#lbjiritsu:hover {
	background-position: 0px 60px;
}

#lbatopic {
	display: block;
	width: 300px;
	height: 60px;
	background-image: url(./img/lbatopic2.gif);
}

#lbatopic:hover {
	background-position: 0px 60px;
}

#lbitami {
	display: block;
	width: 300px;
	height: 60px;
	background-image: url(./img/lbitami2.gif);
}

#lbitami:hover {
	background-position: 0px 60px;
}

/******************************************************************************************************************/
/*-----	ここから ↓ ＴＯＰページの大きなリンクボタンを float: left; で配置 （2010-11-23現在使用中） -----*/

/*-----	ＴＯＰページの大きいリンクボタン全部の枠 -----*/

div.lbtop {
	width: 800px;
	height: 270px;
	background-color: #dfddf4;	/*-- menu 全体の背景（#dfddf4）menu 得意な疾患とカレンダーの背景（#bfbfd5）--*/			
	/*padding: 3px 0 0 0;*/
}

/*-----	 ＴＯＰページの大きいリンクボタン 400px 200px 200px　widthの合計 800px -----*/

div.lbtop1 {
	width: 400px;
	float: left;
}

div.lbtop2 {
	width: 200px;
	float: left;
}

div.lbtop3 {
	width: 200px;
	float: left;
}

/*----- float した後 の クリア 　br.clear {clear: both;	}は、前からあるのを使いまわす
	注・clear: both;　は、htmlの <br clear="all"> と全く同じ意味 -----*/

/******************************************************************************************************************/
/*---------- ＴＯＰページの大きなリンクボタンの hover r_index.htmlのみで（2010-11-23現在使用中）--------------------*/

a#lbtophhover {
	margin: auto;
	display: block;
	width: 400px;
	height: 270px;
	background-image: url(./img/lbtoph.gif);
}

a#lbtophhover:hover {
	background-position: 0px 270px;
}


a#lbtopthover {
	margin: auto;
	display: block;
	width: 200px;
	height: 90px;
	background-image: url(./img/lbtopt.gif);
}

a#lbtopthover:hover {
	background-position: 0px 90px;
}


a#lbtopkhover {
	margin: auto;
	display: block;
	width: 200px;
	height: 90px;
	background-image: url(./img/lbtopk.gif);
}

a#lbtopkhover:hover {
	background-position: 0px 90px;
}


a#lbtopjhover {
	margin: auto;
	display: block;
	width: 200px;
	height: 90px;
	background-image: url(./img/lbtopj.gif);
}

a#lbtopjhover:hover {
	background-position: 0px 90px;
}


a#lbtopshover {
	margin: auto;
	display: block;
	width: 200px;
	height: 90px;
	background-image: url(./img/lbtops.gif);
}

a#lbtopshover:hover {
	background-position: 0px 90px;
}


a#lbtopyhover {
	margin: auto;
	display: block;
	width: 200px;
	height: 90px;
	background-image: url(./img/lbtopy.gif);
}

a#lbtopyhover:hover {
	background-position: 0px 90px;
}


#lbtopchover {
	margin: auto;
	display: block;
	width: 200px;
	height: 90px;
	background-image: url(./img/lbtopc.gif);
}

#lbtopchover:hover {
	background-position: 0px 90px;
}


/******************************************************************************************************************/
/*---------- ↓ menu の 縦型リンクボタンの hover トップページ以外のページ全てで（2010-11-23現在使用中） -----------*/

#lbtm1hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm1hover.gif);
}

#lbtm1hover:hover {
	background-position: 0px 60px;
}


#lbtm2hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm2hover.gif);
}

#lbtm2hover:hover {
	background-position: 0px 60px;
}


#lbtm3hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm3hover.gif);
}

#lbtm3hover:hover {
	background-position: 0px 60px;
}


#lbtm4hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm4hover.gif);
}

#lbtm4hover:hover {
	background-position: 0px 60px;
}


#lbtm5hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm5hover.gif);
}

#lbtm5hover:hover {
	background-position: 0px 60px;
}


#lbtm6hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm6hover.gif);
}

#lbtm6hover:hover {
	background-position: 0px 60px;
}


#lbtm7hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm7hover.gif);
}

#lbtm7hover:hover {
	background-position: 0px 60px;
}

#lbtm8hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm8hover.gif);
}

#lbtm8hover:hover {
	background-position: 0px 60px;
}

#lbtm9hover {
	margin: auto;
	display: block;
	width: 188px;
	height: 60px;
	background-image: url(./img/lbtm9hover.gif);
}

#lbtm9hover:hover {
	background-position: 0px 60px;
}


/*-----  -----*/

/*---------- ↑ menu の リンクボタンの hover 終わり ------------------------------*/

/******************************************************************************************************************/
/*---------- 全体のリンクボタンの設定 ------------------------------*/

a:link {
 	color: slateblue;	/*この指定をしない時、規定の青色　*/
	text-decoration: none;	/*　この指定をしない時、下線が入る　*/
}

a:visited {
	color: darkviolet;	/*この指定をしないとき、規定の紫色　*/
	text-decoration: none;	/*　この指定をしない時、下線が入る　*/
}

a:hover {		
	color: green;		/*　この指定をしない時、マウスポインタを合わせても文字色は変わらない
				　　font-size: 1em; は、効かなかった
				　　font-weight: bold; で太字になるが、枠の幅が足りない時、１行増えてしまう　　　*/

				/*　background-color: white;　この指定をしない時、
				　　マウスポインタを合わせても背景色は変わらない　*/
}

a:active {
	color: orange;		/*　この指定をしない時、リンクボタンをクリックしても、背景色は変わらない
				　　color 指定をしていないので、文字色は、a:hover で設定したオレンジのままとなる　*/
}

/******************************************************************************************************************/
/*---------- 目次部分 の 設定 ブルー系 営業日カレンダーの背景色 全ページにて（2010-11-23現在使用中）--------------*/

.mokujiblue {
	background-color: #bfbfd5;
	margin: 2px 3%;
	padding: 2em 0;
	display:block;
	text-align: center;
}

/*---------- サイト内検索 --------------*/

.kennsaku {
	margin: 5px 3% 1em 3%;
	/*padding: 1em 0;　バージョン７対応のため margin で*/
	display:block;
	text-align: center;
}

/******************************************************************************************************************/
/*---------- 目次部分 の 大きなリンクボタンに色を合わせて トップ以外の全ページにて（2010-11-23現在使用中）--------*/

.mokuji {
	background-color: #bfbfd5;
/* 	padding: 2px 1%;*/
	margin: 2px 3%;
	display:block;
}

/******************************************************************************************************************/

/*---------- このページの内容は･･･の設定  トップ以外の全ページにて（2010-11-23現在使用中）------------------------*/

div.pagelist {
	background-color: #ffffff;
	padding: 0px 15%;
	padding-right: 10%;
	margin: 0 5%; 
	width: auto;
}

div.pagelist li {
	list-style-type: none;	/*　← li ではなく ul に対して list-style-type: none; を設定すること！*/
	margin:0;
	padding:0;
}

/*---------- 不妊症・痛みのページの画面左下のメニューボタンの設定に使用（2010-5-16現在使用中）------------------------*/

#linkmenu {
	display: none;
	visibility: hidden;
	position: fixed;
	bottom: 50px;
	left: 0;
	padding: 0;
	margin: 0; 
	width: 295px;
	height: 480px;
	overflow: auto;
	z-index: 1;
}
#linkmenu ul {
	margin:0;
	padding:5%;
}

#menubutton {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 90px;
	height: 49px;
	background-image: url(./img/menubottonh.gif);
}
#menubutton:hover {
	background-position: 0px 50px;
}

/*-- 不妊症・痛み・コラムの画面左下のメニューボタンの デザイン --*/

.bigtitle {
/*	background-color: #ddddff;　大タイトルの背景色をつけたい時*/
	border-bottom: 2px dotted #666688;
	line-height: 20px;
}

.font09 {
	font-size: 0.9em;
}


/*---------- このページの内容は･･･の下のリンクボタンリストの設定 r_toiawase_ansi.html で（2010-11-23現在使用中）---*/

div.upagelist {
	background-color: #ffffcc;
	padding: 0;
	margin: 0; 
	width: 400px;
}

div.upagelist ul {
	list-style-type: none;	/*　← li ではなく ul に対して list-style-type: none; を設定すること！*/
}


/******************************************************************************************************************/
/*---------- 小見出しの設定 トップ以外の全ページにて（2010-11-23現在使用中） ------------------------------*/

.komidasi {
	color: white;
	background-color: #666699;
	padding: 3px 0 2px 0;	
	margin-top: 2em;
	margin-bottom: 2em;
	/*	width: 100%;	*/
	font-weight: normal;
	font-size:1.2em;
}

/*---------- 小小見出しの試作 トップ以外の全ページにて（2010-11-23現在使用中） 	margin: 2em 2px 2em 2px; ------------------------------*/

.kokomidasi {
	font-weight: normal;
	background-color: #a5a5c5;
	padding: 3px 0 2px 0;
	margin-top: 3em;
	margin-bottom: 2em;
	margin-left: 2px;
	margin-right: 2px;
	font-size:1.2em;
}


/*---------- 小小小見出しの設定 トップ以外の全ページにて（2010-11-23現在使用中） ------------------------------*/

.kokokomidasi {
/*	color: white;*/
	background-color: #dfddf4;
	padding: 3px 0 2px 0;	
	margin: 3em 2px 2em 2px;
/*	width: 100%;	*/
	font-weight: normal;
	font-size:1.2em;
}

/******************************************************************************************************************/
/*-- hyoujyunn と 同じレイアウトで 背景が薄いピンク Ｑ＆Ａ 実例集 ページ末尾等 全ページ（2010-11-23現在使用中）--*/

div.pink {
	margin:5px auto;	/* margin:5px 2.5%; */
	padding: 25px 5%;
	background-color: #feede0;
	width: 479px;
	/* 	width: 100%;	 ← width: 100%; を入れても入れなくてもると、上下の　div　の間にすき間ができた */
}

/*-- r_huninn_unicode.html他にて（2010-11-23現在使用中）--*/

.question {
	color: #990099;
}

/******************************************************************************************************************/
/*-- hyoujyunn と 同じレイアウトで 背景が薄い黄色 Ｑ＆Ａ 等 （2010-11-23現在使用中）--*/

div.yellow {
	margin:5px auto;	/* margin:5px 2.5%; */
	padding: 25px 5%;
	background-color: #ffffcc;
	width: 479px;
	/* 	width: 100%;	 ← width: 100%; を入れても入れなくてもると、上下の　div　の間にすき間ができた */
}


/*-- r_huninn_unicode.html他にて（2010-11-23現在使用中）--*/

.question {
	color: #990099;
}

/******************************************************************************************************************/
/*-- r_jitsurei1～4.htmlにて（2010-11-23現在使用中）--*/

.jiturei {
	line-height: 2em;
	color: #800080;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
}

.jitureis {
	line-height: 2em;
	color: #800080;
	font-weight: normal;
	font-size: 1.3em;
	margin: 0;
}


/*-----	実例 の レイアウト 背景が 薄いピンク r_jitsurei1～4.htmlにて（2010-11-23現在使用中）-----*/

div.pinkj {
	margin:5px auto;	/* margin:5px 2.5%; */
	padding: 25px 5%;
	background-color: #feede0;
	width: 500px;	/**/
}

/******************************************************************************************************************/
/*---------- 不妊治療クリニック 一覧表 の レイアウト ------------------------------*/

table.doc, table.doc td {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	border-collapse: collapse;
}

table.doc td {
	padding: 0.5em;
	width: 240px;　/*　50%としたら、一番長い文の幅で、列の幅が決まってしまう　*/
}

/******************************************************************************************************************/
/*---------- メンタル疾患（自律神経失調症）思案中 ------------------------------*/

table.retsu2, table.retsu2 td {
	border-style: none;
	border-width: 1px;
	border-collapse: collapse;
}

table.retsu2 td {
	padding: 0.5em;
	width: 240px;　/*　50%としたら、一番長い文の幅を、左右にする　*/
}

/******************************************************************************************************************/
/*-----	中央揃え の レイアウト　精液検査の基準値と異常値　周期表　-----*/

div.tyuuou {
	text-align: center;
}

/******************************************************************************************************************/
/*-----	画像の配置など、左に入れるスペースの数を指定するための class="spc  "） -----*/

.spc07 {
	margin-left: 0.7em;/*----- h4.kokomidasi は { font-size:1.2em; } なので、
				　0.8emに設定しても、font-size:1.2em×0.7=0.84　0.84em 1文字分くらいのスペース--*/
}

.spc1 {
	margin-left: 1em;
}

.spc2 {
	margin-left: 2em;
}

.spc3 {
	margin-left: 3em;
}

.spc4 {
	margin-left: 4em;
}

.spc4ten5 {
	margin-left: 4.5em;
}

.spc5 {
	margin-left: 5em;
}

.spc6 {
	margin-left: 6em;
}

.spc7 {
	margin-left: 7em;
}

.spc8 {
	margin-left: 8em;
}

.spc9 {
	margin-left: 9em;
}

.spc10 {
	margin-left: 10em;
}

.spc11 {
	margin-left: 11em;
}

.spc12 {
	margin-left: 12em;
}

.spc13 {
	margin-left: 13em;
}

.spc14 {
	margin-left: 14em;
}

.spc15 {
	margin-left: 15em;
}

.spc16 {
	margin-left: 16em;
}

.spc17 {
	margin-left: 17em;
}

.spc20 {
	margin-left: 20em;
}

.spc25 {
	text-align: right;
	margin-right: 10px;
}

.spc34 {
	margin-left: 34em;
}

.spccheck {
	margin-left: 1.7em;
/*	margin-left: 22px;*/
}

/******************************************************************************************************************/
/*-----	（margin-top: 2em; → 上に２行分のスペースを入れる）（margin-bottom: 2em; → 下に２行分のスペースを入れる） -----*/

.spcpt2 {
	padding-top: 2em;	/*--- background-color: #ffeeee;  薄いピンク <div class="spcpt2"><div> で２行分のスペースが空く  ---*/	}

.spcpt3 {
	padding-top: 3em;	/*--- background-color: #eeffee;	  薄い黄緑 ---*/	
}

.spcpt4 {
	padding-top: 4em;
}

.spcm1 {
	margin: 1em 0;
	background-color: #eeeeff;	/*-----  薄いブルー そのものの上下に１行づつのスペースを空ける -----*/	
}

.spcmt4 {
	margin-top: 4em;	/*--- background-color: #ffeeee;  薄いピンク <div class="spcpt2"><div> で２行分のスペースが空く  ---*/	}

.spcmt2 {
	margin-top: 2em;	/*--- background-color: #ffeeee;  薄いピンク <div class="spcpt2"><div> で２行分のスペースが空く  ---*/	}

.spcmb2 {
	margin-bottom: 2em;	/*--- background-color: #ffeeee;  薄いピンク <div class="spcpt2"><div> で２行分のスペースが空く  ---*/	}

/******************************************************************************************************************/
/*-----	画像の配置など、上に入れるスペース（つまり改行 <br> ）の数を指定するための class="spc  "） -----*/



/*-----	 -----*/

p.center {
	text-align: center;
}


/******************************************************************************************************************/
/*-----	indent を使って　◆本文　レイアウト -----*/

p.indent {
	margin: 5px auto;
	width: 479px;	/*----- margin に auto を使う時は、width の値を入れる必要がある -----*/
	padding: 20px 5%;
	text-indent: -1em;
	background-color: #ffffff;	/*----- #eae9f8 薄いブルー -----*/	
}

/*-----	indent を使って　◆本文　レイアウト 痛みの疾患のページで使用 -----*/

.indent1em {
	margin: 0;
	padding: 1em 0em 1em 2em;
	text-indent: -1em;
	background-color: #ffffff;
}

.indent2em {
	text-indent: 2em;
	margin: 2em 0 1em 0;
}

/*-----	indent を使って　r_allergy.htmlで使用 -----*/

.indent1em2 {
	margin: 0;
	padding: 1em 2em 1em 2em;
	text-indent: -1em;
	background-color: #ffffff;
}

/*-----	indent を使って　r_menneki.htmlで使用 -----*/

.indent1em1 {
	margin: 0;
	padding: 0.5em 0em 0.5em 2em;
	text-indent: -1em;
	line-height: 1.5em;
}

.indent0em1 {
	margin: 0;
	padding: 0.5em 0em 0.5em 1em;
	line-height: 1.5em;
}

/*-----	 -----*/

.indenta {
	text-indent: -1em;
	padding-left: 1em;
}

/*-----	◆本文を１文字分下げる <span class="spc1">～</span>と少し違うことがある -----*/

.left1em {
	padding-left: 1em;
}

/*-----	◆本文を２文字分下げる <span class="spc2">～</span>と少し違うことがある -----*/

.left2em {
	padding-left: 2em;
}

/*-----	◆本文を３文字分下げる <span class="spc2">～</span>と少し違うことがある -----*/

.left3em {
	padding-left: 3em;
}
/******************************************************************************************************************/
/*-----	◆本文を３文字分下げる <span class="spc2">～</span>と少し違うことがある？

padding-left: 2em; の left2em は div で効かないが margin-left: 2em; の left2emm は効く！ -----*/

.left1emm {
	margin-left: 1em;
}

/******************************************************************************************************************/
/*-----	◆ も 矢印 もない本文を区切る ＆ div.hyoujyunn と br.clear は、以下　同パターンに、使いまわす -----*/

div.hyoujyunn {
	margin:5px auto; 
	padding: 20px 5%; 
	background-color: #ffffff;	/*----- #eae9f8 薄いブルー #ffffff-----*/
	width: 479px;	/*----- margin に auto を使う時は、width の値を入れる必要がある -----*/
}

/******************************************************************************************************************/
/*-----	div.hyoujyunn にオレンジ色の枠がある div で r_syouhinn_unicode.htmlで使用 -----*/

div.hyoujyunno {
	margin:5px auto;
	padding: 20px 5%;
	background-color: #ffffff;			
	border-color: #ddaa44;/*----- ffaa44 ffcc66 cc9933 -----*/
	border-style: solid;
	border-width: 2px 10px;/* 2ピクセル */
	overflow: auto;
	width: 479px;
}
/******************************************************************************************************************/
/*-----	div.hyoujyunn のデザインでドット枠がある r_itami.htmlで使用 -----*/

div.hyoujyunni {
	margin:5px auto;
	padding: 20px 5%;
	background-color: #ffffff;			
	border-color: #aaaacc;/*-----  #6600cc ffaa44 ffcc66 cc9933 -----*/
	border-style: dotted;
	border-width: 6px;
	overflow: auto;
	width: 468px;
}

/*-----	div.hyoujyunn のデザインでドット枠が 赤丸 背景が ﾋﾟﾝｸ 告知の時に ﾄｯﾌﾟﾍﾟｰｼﾞ で使用 -----*/

div.hyoujyunnr {
	margin:5px auto;
	padding: 20px 5%;
	background-color: #ffdddd;			
	border-color: #ff9999;/*-----  #6600cc ffaa44 ffcc66 cc9933 -----*/
	border-style: dotted;
	border-width: 6px;
	overflow: auto;
	width: 468px;
}

/*-----	div.hyoujyunn のデザインで枠がある r_column.htmlで使用 -----*/

div.hyoujyunnb {
	margin: 5px auto;
	padding: 20px 5%;
	background-color: #ffffff;			
	border-color: #aaaacc;/*-----  #6600cc ffaa44 ffcc66 cc9933  double-----*/
	border-style: solid;
	border-width: 3px;
	overflow: auto;
	width: 474px;
}

/******************************************************************************************************************/
/*-----	水色下線（太点線 dotted 2）文字1.1 r_itami.htmlで使用 -----*/

.titlea {
	margin: 2em 0; 
	border-bottom: 2px dotted #aaaacc;
	line-height: 20px;
	font-size: 1.1em;
	color: darkblue;
	border-width: auto;
}
/*-----	水色下線（太点線 dotted 2）文字1.1 r_allergy.htmlで使用 -----*/

.titleaa {
	margin: 0 0 2em 0; 
	border-bottom: 2px dotted #aaaacc;
	line-height: 20px;
	font-size: 1.1em;
	color: darkblue;	/*border-width: auto;*/

}

/*-----	水色上線（太点線 dotted 2）文字1.1 r_column.htmlで使用  -----*/

.titleb {
	padding: 0.5em 0; 
	border-top: 2px dotted #aaaacc;
	font-size: 1.1em;
	color: darkblue;
	border-width: auto;
}

/*-----	 水色上線（太点線 dotted 2）文字（body の設定のまま = 1em） -----*/

.titlec {
	padding: 0.5em 0; 
	border-top: 2px dotted #aaaacc;
	color: darkblue;
	border-width: auto;
}

/*-----	 水色上線（細点線 dotted 1）文字1.1　.titleb と同じ内容で 細点線 -----*/

.titled {
	padding: 0.5em 0; 
	border-top: 1px dotted #aaaacc;
	font-size: 1.1em;
	color: darkblue;
	border-width: auto;
}

/*-----	font-size: 1.1em; -----*/

.titlee {
	padding: 0.5em 0; 
	font-size: 1.1em;
	color: darkblue;
}
/*-----	 水色上線（細点線 dotted 1）文字1　.titled と同じ内容で 文字1 -----*/

.titlef {
	padding: 0.5em 0; 
	border-top: 1px dotted #aaaacc;
	font-size: 1em;
	color: darkblue;
	border-width: auto;
}

/*-----	font-size: 1em; -----*/


.titleg {
	padding: 0.5em 0; 
	font-size: 1em;
	color: darkblue;
}

/******************************************************************************************************************/
/*-----	水色細点線 -----*/

.dotted1m {
	margin: 1em 0; 
	border-top: 2px dotted #aaaacc;
}

/*-----	水色太点線 -----*/

.dotted2m {
	margin: 1em 0; 
	border-top: 2px dotted #aaaacc;
}

/*-----	水色太点線 -----*/

.dotted3m {
	margin: 1em 0; 
	border-top: 3px dotted #aaaacc;
}


/*-----	水色太点線 -----*/

.dotted4m2em {
	margin: 2em 0; 
	border-top: 4px dotted #aaaacc;
}


/*-----	水色太点線 -----*/

.dotted5m2em {
	margin: 2em 0; 
	border-top: 5px dotted #aaaacc;
}
/******************************************************************************************************************/
/*-----	文字色 darkblue -----*/

.darkblue {
	color: darkblue;
}

.redbb0000 {
	color: #bb0000;
}

/******************************************************************************************************************/
/*-----	文字サイズ 1.1em; -----*/

.em11 {
	font-size: 1.1em;
}

/******************************************************************************************************************/
/*-----	div.hyoujyunn のデザインで小さいドットの枠（水色）がある r_itami.htmlで使用 -----*/

div.hyoujyunnm {
	margin:5px auto; 
	padding: 20px 5%; 
	background-color: #ffffff;			
	border-color: #aaaacc;/*-----  #6600cc ffaa44 ffcc66 cc9933 -----*/
	border-style: dotted;
	border-width: 4px;
	overflow: auto;
	width: 472px;
}


/*-----	div.hyoujyunn のデザインで壁紙が原稿用紙 r_column.htmlで使用 -----*/

div.hyoujyunnk1 {
	margin:5px auto; 
	padding: 20px 5%; 
	background-image: url(./img/wallppr010.gif);	
	background-color: #ffffff;	/*----- #eae9f8 薄いブルー #ffffff-----*/
	width: 479px;
}

/*-----	div.hyoujyunn のデザインで壁紙が格子 r_column.htmlで使用 -----*/

div.hyoujyunnk2 {
	margin:5px 5%;
	padding: 20px 5%;
	background-image: url(./img/wallppr005.gif);
	background-color: #ffffff;
	color: #6633cc;
	/*font-size: 1.1em;*/
}

/*-----	div.hyoujyunn のデザインで壁紙が薄あずき色の上に○□柄 r_mental.htmlで使用 -----*/

div.hyoujyunnk3 {
	margin:5px 10%;
	padding: 20px 5%;
	background-image: url(./img/walla.gif);
	background-color: #ffffff;
	color: #6633cc;
}

/*-----	div.hyoujyunn のデザインで壁紙が薄黄色の上に○□柄 r_mental.htmlで使用 -----*/

div.hyoujyunnk4 {
	margin:5px 10%;
	padding: 20px 5%;
	background-image: url(./img/wally.gif);
	background-color: #ffffff;
	color: #6633cc;
}

/*-----	 r_mental.htmlで使用 -----*/

div.kakomim {
	/*margin: auto;*/
	padding: 20px 5%; 
	background-color: #ffffff;			
	border-color: #aaaacc;/*-----  #6600cc ffaa44 ffcc66 cc9933 -----*/
	border-style: dotted;
	border-width: 3px;
	/*overflow: auto;*/
	width: auto;
}

/*-- 文字のアンダーラインと背景色 r_column.htmlで使用  --*/

.kyoucyou1 {
	border-bottom: 1px dotted blue;	/*文字のアンダーライン（点線） → 青色 */
}

.kyoucyou2 {
	border-bottom: 2px solid #bbbbff;/*文字のアンダーライン（点線） → 薄い青色 */
}

.kyoucyou3 {
	background-color: #ddddff; /*文字の背景色 → 薄い水色 */
}

.kyoucyou4 {
	border-bottom: 2px dotted #aaaacc;
	/*line-height: 20px;*/
	/*color: darkblue;*/
}

/*
.titlea {
	margin: 2em 0; 
	border-bottom: 2px dotted #aaaacc;
	line-height: 20px;
	font-size: 1.1em;
	color: darkblue;
	border-width: auto;

*/
/*-----	ブルー字に文字色白のデザイン r_itami.htmlで使用 テスト 	color: fgreen;
div.blue1 {
	background-color: #6699ff;			
	color: #ffffff;
	font-size: 1.1em;
}

.font09 {
	font-size: 0.9em;
}
	background-color: #ddddff;
	border-bottom: 2px dotted #666688;

-----*/


/******************************************************************************************************************/
/*-----	div.hyoujyunn の枠の左右にだけモスグリーン色の太線が div で r_syouhinn_unicode.htmlで使用 ？-----*/

div.hyoujyunng {
	margin:5px 5%; 
	padding: 20px 5%; 
	background-color: #ffffff;
	border-color: #99cc99;
	border-style: solid;
	border-width: 0px 10px;	/* 2ピクセル */
}

/******************************************************************************************************************/
/*---------- 婦人病と「漢方周期療法」の設定 ------------------------------*/

div.hyoujyunn ul {
	list-style-type: none;	/*　← li ではなく ul に対して list-style-type: none; を設定すること！*/
}

/******************************************************************************************************************/
/*----- float した後 の クリア 　注・clear: both;　は、htmlの　<br clear="all">　と、全く同じ意味 -----*/

br.clear {
	clear: both;
}

/******************************************************************************************************************/
/*-----	 120px　20px(矢印)　本文　widthの合計 480 -----*/

div.hyoujyunn2no1 {
	width: 120px;
	float: left;
}

div.hyoujyunn2no2 {
	width: 20px;
	float: left;
}

div.hyoujyunn2no3 {
	width: 339px;
	float: left;
}


/*-----	 140px　20px(矢印)　本文　widthの合計 480 -----*/

div.hyoujyunn3no1 {
	width: 140px;
	float: left;
}

div.hyoujyunn3no2 {
	width: 20px;
	float: left;
}

div.hyoujyunn3no3 {
	width: 319px;
	float: left;
}


/*-----	 90px　20px(矢印)　本文　widthの合計 480 -----*/

div.hyoujyunn4no1 {
	width: 90px;
	float: left;
}

div.hyoujyunn4no2 {
	width: 20px;
	float: left;
}

div.hyoujyunn4no3 {
	width: 369px;
	float: left;
}


/*-----	 80px　20px(矢印)　本文　widthの合計 480 -----*/

div.hyoujyunn5no1 {
	width: 80px;
	float: left;
}

div.hyoujyunn5no2 {
	width: 20px;
	float: left;
}

div.hyoujyunn5no3 {
	width: 379px;
	float: left;
}


/*-----　160px　20px(矢印)　本文300px　widthの合計 480 -----*/

div.hyoujyunn6no1 {
	width: 160px;
	float: left;
}

div.hyoujyunn6no2 {
	width: 20px;
	float: left;
}
div.hyoujyunn6no3 {
	width: 299px;
	float: left;
}


/*-----　100px　20px(矢印)　本文　widthの合計 480 -----*/

div.hyoujyunn7no1 {
	width: 100px;
	float: left;
}

div.hyoujyunn7no2 {
	width: 20px;
	float: left;
}
div.hyoujyunn7no3 {
	width: 359px;
	float: left;
}


/*----- 17px(矢印)　106px　17px(矢印)　aute本文　widthの合計 480 -----*/

div.hyoujyunn8no1 {
	width: 17px;
	float: left;
}
div.hyoujyunn8no2 {
	width: 106px;
	float: left;
}

div.hyoujyunn8no3 {
	width: 17px;
	float: left;
}

div.hyoujyunn8no4 {
	width: 339px;
	float: left;
}


/*-----	 130px　本文　widthの合計 480 r_syouhinn_uniocode.html で使用-----*/

div.hyoujyunn9no1 {
	width: 130px;
	float: left;
}

div.hyoujyunn9no2 {
	width: 349px;
	float: left;
}

/*-----	 350px　本文　widthの合計 480 r_indx.html 最下段で使用-----*/

div.hyoujyunn10no1 {
	width: 350px;
	padding: 20px 0;
	float: left;
}

div.hyoujyunn10no2 {
	width: 129px;
	float: left;
}


/*-----　150px　30px(矢印)　本文300px　widthの合計 480 r_syouhinn_unicode.htmlで使用 ？ -----*/

div.hyoujyunn11no1 {
	width: 150px;
	float: left;
}

div.hyoujyunn11no2 {
	width: 30px;
	float: left;
}
div.hyoujyunn11no3 {
	width: 299px;
	float: left;
}

/*-----　本文350px　+　110　合計 460 r_syouhinn_unicode.htmlで使用 ？ -----*/

div.hyoujyunn12no1 {
	width: 350px;
	float: left;
}

div.hyoujyunn12no2 {
	width: 110px;
	float: left;
}


/*-----　150px　+　本文310px　合計 460 r_syouhinn_unicode.htmlで使用 ？ -----*/

div.hyoujyunn13no1 {
	width: 150px;
	float: left;
}

div.hyoujyunn13no2 {
	width: 310px;
	float: left;
}

/*-----	 50px　20px(矢印)　本文　widthの合計 480 -----*/

div.hyoujyunn14no1 {
	width: 50px;
	float: left;
}

div.hyoujyunn14no2 {
	width: 20px;
	float: left;
}

div.hyoujyunn14no3 {
	width: 409px;
	float: left;
}


/*-----　推奨名の背景 r_syouhinn_unicode.htmlで使用 ？ 
	font-size: 1.5em;　→　フォントサイズ　→　親タグが、<body>とすれば、size="3"の1.5倍の大きさになる
						　 従って、<h1>の文字が、<h2>より小さくなることもありえる
#99cc66-----*/




div.obigreen {
	margin:5px 5%; 
	padding: 4px;
	background-color: #aadd77;	/*----- 99cc99 99cc66 ccff66 336633   	  -----*/
	font-size: 2.4em;
	color: #ffffff;
/*	font-family: 'みかちゃん';
	font-family: "みかちゃん";
	font-family: "ＡＲ Ｐ隷書体Ｍ";
	font-family: "ＡＲ隷書体Ｍ";	４つ共 効かない！	*/
}

div.obiorange {
	margin:5px 5%; 
	padding: 4px;
	background-color: #eecc66;	/*----- ffaa44 ff9966  	  -----*/
	font-size: 2.4em;
	color: #ffffff;
/*	font-family: 'みかちゃん';
	font-family: "みかちゃん";
	font-family: "ＡＲ Ｐ隷書体Ｍ";
	font-family: "ＡＲ隷書体Ｍ";	４つ共 効かない！	*/
}

div.obipink {
	margin:5px 5%; 
	padding: 4px;
	background-color: #ddaaaa;
	font-size: 2.4em;
	color: #ffffff;
	border-color: ffcccc;
	border-style: solid;
	border-width: 2px 0px;	 /*	2ピクセル border-width: 2px 2px 2px 2px;	*/
/*	font-family: 'みかちゃん';
	font-family: "みかちゃん";
	font-family: "ＡＲ Ｐ隷書体Ｍ";
	font-family: "ＡＲ隷書体Ｍ";	４つ共 効かない！	*/
}

/*	border-color: ffaa44;
	border-style: solid;
	border-width: 2px 0px;	 2ピクセル border-width: 2px 2px 2px 2px;*/




/*
div.hyoujyunn {
	margin:5px 5%; 
	padding: 20px 5%; 
	background-color: #ffffff;
}
*/

/******************************************************************************************************************/
/*----- 基礎体温表 の 解説部分 table を使わずに （2010-11-23現在使用中）-----*/

div.padnasi {
	margin:5px auto; 
/*	padding: 5px 0; */
	background-color: #ffffff;
	width: 540px;
}

div.ttaionn1 {
	width: 360px;
	float: left;
}

div.ttaionn2 {
	padding: 0 5px; 
	width: 170px;
	float: left;
	background-color: #ffffff;
}

/******************************************************************************************************************/
/*-----	hyoujyunn と同じレイアウトで　背景が 薄いブルー r_index.html にて（2010-11-23現在使用中）-----*/
div.blue {
	margin:5px 5%;	/* margin:5px 2.5%; */
	padding: 5px 5%;
	background-color: #dfddf4;
}

/******************************************************************************************************************/
/*-----	画像が左 文章が右 の レイアウト r_index.html にて（2010-11-23現在使用中）-----*/
img.lefta {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

/*-----	画像が右 文章が左 の レイアウト r_index.html にて（2010-11-23現在使用中）-----*/
img.righta {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

/******************************************************************************************************************/
/*----------- yakkyokukara.html で使用 ----------------------------------------------------------------------------*/

div.syoukai {
	margin:5px 5%;
	padding: 5px 3%;
	background-color: #e6f9e3;	/* ← div.mosugreen と同じ モスグリーン */
}

div.syoukai1 {
	margin: 1em;
	width: 120px;
	float: left;
}

div.syoukai2 {
	margin: 1em;
	width: auto;	/*	100% と auto では、どうちがうのか 分らん… が
				100% にすると 下になり、float: left; にならないが、autoにすると 横に並んだ */
	float: left;
}

div.klist {
	padding: 0 0 0 5%;
	width: auto;
}

div.klistr {
	padding: 0 0 0 5%;
	width: auto;
	color: #ff0000;
	line-height: 1.5em;
}

.list1 {
	/*text-indent: 1em; 効く*/
	/*padding: 0 0 0 7%;*/
	width: auto;
	line-height: 1.5em;
	/*background-color: #ccccff;*/
}

.typenone {
	list-style-type: none;
}

.type2 {
	list-style-type: none;
	text-indent: -2em;
}

.type1 {
	list-style-type: none;
	text-indent: -1em;
}

/*-----	メンタル 試作 <ul style="list-style-type:none;text-indent:-1em;">
ul li { list-style: none; margin: 0px; padding: 0px;} 
-----*/

/*-----
下の２つのリスト、何故か？結果は同じに。

	<ul class="type1 list1">
		<li>◆１０～１３％の遺体に胃ガンが、数％の遺体に肺ガンが認められた。</li>
		<li>◆しかも男女の差はなく、解剖した遺体の半数において身体のどこかの臓器にガンが認められた。</li>
		<li>◆さらに、直径１～５㎜程度の微小ガンについてみると、年齢に関係なく殆ど全ての人に見いだされた。</li>
	</ul>

	<br>
	<ul class="listtype3">
		<li>◆１０～１３％の遺体に胃ガンが、数％の遺体に肺ガンが認められた。</li>
		<li>◆しかも男女の差はなく、解剖した遺体の半数において身体のどこかの臓器にガンが認められた。</li>
		<li>◆さらに、直径１～５㎜程度の微小ガンについてみると、年齢に関係なく殆ど全ての人に見いだされた。</li>
	</ul>
-----*/

.listtype1 {
/*	text-indent: -1em;*/
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	width: auto;
	line-height: 1.5em;
	/*background-color: #ccccff;*/
}

.listtype2 {
	margin: 0 0 0 1em;
	padding: 0px;
	text-indent: -1em;
	list-style-type:none;
	width: auto;
	line-height: 1.5em;
	/*background-color: #ccccff;*/
}

.listtype3 {
	margin: 0 0 0 3em;
	padding: 0px;
	text-indent: -1em;
	list-style-type:none;
	width: auto;
	line-height: 1.5em;
	/*background-color: #ccccff;*/
}

.listtype4 {
	margin: 1em 0 1em 4em;
	list-style-type: disc;/* square　黒四角  disc　黒丸 ;*/
	width: auto;
	line-height: 1.3em;
	font-size: 1.1em;
	color: #990099;
	/*background-color: #ccccff;*/
}

.fontbold {
	font-weight: bold;
}

/*-----	文字の装飾 -----　ARＰＯＰ体B cc9966 */

.mojitype1{
	background-color: #cccccc;
	color: #ffffff;/* #333333 見る側の文字色の設定に関わらず、指定の文字色で見てもらうため */
	font-size: 2em;
	font-family:'あくあフォント';
}

.mojitype2{
	background-color: #aaaaaa;
	color: #ffffff;/* #333333 見る側の文字色の設定に関わらず、指定の文字色で見てもらうため */
	font-size: 1.5em;
	font-family:'あくあフォント';
}

/*
.lb {
	width: 200px;
	background-color: #fff;
	font-family: ＤＦＧPOP1体W9 P丸ゴシック体M;
	font-style: bold;
	font-size: 0.9em;
	text-align: center;
	font-weight: lighter;
}
*/
/*-----	hyoujyunn と同じレイアウトで　背景がモスグリーン -----*/

div.mosugreen {
	margin:5px 5%;	/* margin:5px 2.5%; */
	padding: 20px 5%;
	background-color: #e6f9e3;
/*	width: 100%;	 ← width: 100%; を入れたらすき間ができるが、入れないと、すき間ができない！ */
}

/******************************************************************************************************************/
/*----- ５．お勧めリンク集  ７．特定商取引に関する表記　８．プライバシー・ポリシー の レイアウト -----*/

table.olink, table.olink td {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	border-collapse: collapse;
}

table.olink td {
	padding: 0.5em;
	line-height: 1.5em;	/**/
}

/******************************************************************************************************************/
/*----------  toiawase.html 問い合わせフォームの外枠の設定 ------------------------------*/

form table, form table th, form table td {
				/*	font-size: 0.8em;*/
	color: #444444;		/* 見る側の文字色の設定に関わらず、指定の文字色で見てもらうため */
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}

form table table, form table table th, form table table td {
	border: 0;
}

form table th {
	font-size: 1.3em;
}

form table {
	margin: 0 1%;
}

form table.kantan {
	background-color: #ffff99;
}

form table.shosai {
	background-color: #ccff99;
}

form table.kodakara {
	background-color: #ffcccc;
}

span.hutoji {
	font-size: 1.2em;
/*	font-weight: bold;	*/
}

/******************************************************************************************************************/
/*---------- r_toiawase_ansi.html　のみ使用　行間を広くする　-----------------------------*/

span.lh17 {
	line-height: 1.7em;
}

/******************************************************************************************************************/
/*----------  jitsureisyuu_ansi.html 実例一覧表の色 ------------------------------*/

form table.jitsurei {
	background-color: bisque;
}


/******************************************************************************************************************/
/*----------  r_syouhinn_unicode.html 推奨品一覧表の色 	background-color: bisque;------------------------------*/

form table.suisyou {
	line-height: 1.8em;
}


/******************************************************************************************************************/
/*---------- ページ末尾 　Copyright と 漢方百草園薬局（かんぽうひゃくそうえん薬局）部分---------------------------*/

div.copyright {
	padding: 1px 0;
	text-align: center;
	background-color: #a5a5c5;
	color: #ffffff;
	width: 100%;
}

div.tennmei {
	padding: 3px 0 0 0;
	margin: 1px 0 0 0; 
	text-align: center;
	background-color: #666699;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	width: 100%;
}

/******************************************************************************************************************/
/*---------- toiawase ---------------------------*/

.pagelist ul.m0p0 {
margin:15px;
padding:0;
}

#linkmenu ul.m0p0 {
margin:0 0 0 18px;
padding:0;
}

*---------- toiawase ---------------------------*/

.fontred {
	font-weight: normal;
	font-size: 1em;
	color: darkred;
}
/******************************************************************************************************************/
/*----- r_itami.html 坐骨神経痛の体操・ストレッチの表 レイアウト -----*/

table.zakotu1, table.zakotu1 td {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	border-collapse: collapse;
}

table.zakotu1 td {
	padding: 0.6em;
}

/******************************************************************************************************************/
/*----- r_mental 枠線が見えない（透明）表 ただし各セルの上下左右に padding: 0.6em; -----*/

table.wakunasi, table.wakunasi td {
	border-style: none;
	border-width: 1px;
	/*border-collapse: collapse;表全体やセル同士の枠線がくっついて、セルとセルの間の枠線が１本になる*/
}

table.wakunasi td {
	padding: 0.6em;
}

/*----- r_mental 枠線が見えない（透明）表 ただし各セルの上下左右に余白は全くない -----*/

table.wakunasi0, table.wakunasi0 td {
	border-style: none;
	border-width: 1px;
	/*border-collapse: collapse;表全体やセル同士の枠線がくっついて、セルとセルの間の枠線が１本になる*/
}

/*----- r_mental 枠線が見えない（透明）表 各セルの色は小豆色（#efe0e0）上下左右に padding: 0.6em; -----*/

table.wakunasia, table.wakunasia td {
	border-style: none;
	color: darkblue;
}

table.wakunasia td {
	padding: 0.6em;
	background-color: #efe0e0;
}

/******************************************************************************************************************/
/*----- r_column.html コラム一覧表 レイアウト ccff99 d1ffbb-----*/

table.coramntop, table.coramntop td {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	border-collapse: collapse;
	background-color: #e1ffcc;
}

table.coramntop td {
	padding: 0.6em;
}

/******************************************************************************************************************/
/*----- r_kenkoudayori.html 健康だより一覧表 レイアウト -----*/

table.kenkoutop, table.kenkoutop td {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	border-collapse: collapse;
	background-color: #e1ffcc;
}

table.kenkoutop td,table.kenkoutop th {
	padding: 0.3em 0.5em 0.2em 0.5em;
}

table.kenkoutop td {
	text-align: right;
}

/******************************************************************************************************************/
/*----- r_itami.html 坐骨神経痛のタイプ別漢方療法 の表 レイアウト bisque-----*/

table.zakotu2 {
	margin: 0 1%;
}

table.zakotu2, table.zakotu2 td {
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	border-collapse: collapse;
	background-color: lemonchiffon;
}

table.zakotu2 td {
	padding: 0.6em;
}

/*----------  css　終わり ----------------------------------------------------------------------------------------*/
/******************************************************************************************************************/