/*----------------------------------*/				
/*▼▼▼ここからボディ全体部分▼▼▼*/
/*----------------------------------*/

body	
	{color:#444444;
	background-color:#f7ffcc;
	margin:0}

div#wrapper	/*ヘッダー+メニュー+メイン+フッターをひとまとまりにする container wrapperなどの名前にする*/
	{padding:0px;
	background-color:#32d4a9;
	width:800px;
	margin:auto}/*全体を真ん中に表示させる*/

/*--------------------------------*/				
/*▼▼▼ここからヘッダー部分▼▼▼*/
/*--------------------------------*/		
			
div#header	
	{margin:0;
	border:0;
	background-color:#32d4a9;
	color:white;
	font-weight:bold;
	height:110px}
	
/*▼左ロゴ部分▼*/			
#logo /*ヨットの部分*/
	{float:left;
	margin:10px 20px 0px 10px}

/*▼ヘッダー中央部分の設定▼*/
div#clinic_syoukai/*#bunnin+h1部分+#hyoubouの設定*/	
	{float:left;
	padding:10px}
		
div#header h1/*JMクリニック部分*/
	{font-size:2.25em;
	text-align:left;
	margin:0px}			
			
div#header h2
	{font-size:1em}	

#bunnin/*岩槻　武蔵浦和の分院を表示*/	
	{margin:0;
	font-size:0.8em;
	font-style:bold}		

#hyoubou/*標榜科の設定*/	
	{margin:0;
	font-size:0.8em}	
					
		

/*▼ヘッダー右の予約の部分の設定▼*/
div#clinic_tel/*#yoyaku_center+#yoyaku_tel+#shinnryou_time*/		
	{float:right;
	margin-right:20px;
	padding:10px}		

#yoyaku_center/*■総合予約センター部分*/	
	{margin:0;
	border-left:solid 1em white;
	padding-left:5px}		

#yoyaku_tel/*048-710-8008の部分*/	
	{margin:0}	

#shinnryou_time/*10時〜19時の部分*/	
	{margin:0}			
							
/*------------------------------------------*/				
/*▼▼▼ここからナビゲーションバー部分▼▼▼*/
/*------------------------------------------*/	

#navibar ul	/*ナビゲーションバー用のリストボックスの設定*/
			{list-style-type:none;/*リストマークを消す*/
			margin:0;
			background-color:#336666;/*背景を深緑に設定*/
			padding:1px 0px;/*上下に余白を1px　左右は0*/
			padding-left:10px}/*一番左に余白を10pxいれる*/

#navibar li	
			{display:inline;/*リストを縦並びから横並びに変える*/
			padding-right:10px;/*リスト項目ごとに右の余白を10px入れる*/			
			font-size:0.6em;/*フォントサイズは相対的に指定　16px×0.75＝12px*/
			text-alighn:center;
			margin:0}		



#navibar li a	/*リンクが張られているナビゲーションリストに対する指定*/
			{background-color:#336666;
			width:75px;
			text-align:center;
			text-decoration:none;
			color:white;
			padding-right:10px;
			border-right:solid 2px #ffffff;
			display:inline}


#navibar li a:hover	/*マウスを置いたときの動作を指定*/
					{color:orange}


/*------------------------------*/
/*▼▼▼ここからメイン部分▼▼▼*/
/*------------------------------*/

div#main	
	{width:600px;/*幅を600pxに固定*/
	float:right;/*右寄せにする*/
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:0px;			
	background-color:#FFFF99}/*背景色はうすい黄色を指定*/
			
#main h1
	{font-size:1.5em;
	border-bottom:solid 6px #336666;
	color:black;
	padding-top:2px;
	padding-left:10px;}		

#main h2
	{font-size:1.25em;
	padding-left:6px;
	color:black}	

#main h3	
	{font-size:1em;
	color:black;
	padding-left:6px;}
	
.ope {font-size:16px;
			color:black;
			border-left:solid 14px #336666;
			border-bottom:solid 2px #336666;
			padding-top:5px;
			padding-left:6px;
			padding-bottom:2px;
			margin-bottom:0px;
}
	
			
#main h4	
	{font-size:18px;
	border-left:solid 18px #336666;
	padding-left:6px;
	color:black;
			}
			
#doniti
	{margin-left:20px}			
	
#earthquake
	{margin-left:20px}			
	
			
#main p	
	{font-size:0.9em;
	margin-left:20px;
	line-height:1.4}
	
#main li
	{font-size:0.9em}	
	
/*▼メインの写真の位置を定義▼*/		
div.left_image/*メイン部分の写真を左寄せする*/	
	{float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:0;
	margin-bottom:20px}
				
div.right_image/*メイン部分の写真を右寄せする*/	
	{float:right;
	margin-left:20px;
	margin-right:20px;
	margin-top:0;
	margin-bottom:20px}
				
div.center_image/*メイン部分の写真を中央寄せする*/	
	{margin-left:20px;
	margin-right:20px;
	margin-top:0;
	margin-bottom:20px}													

/*▼メインのjavaを使った項目の定義▼*/				
#update/*更新日右下に自動で表示*/
	{clear:both;
	font-size:0.9em;
	text-align:right;
	padding-top:30px}/*更新日の上に余白をつける*/

#nowtime/*javaによる現在日時を自動表示　左上に表示*/
	{font-size:0.9em;
	text-align:left;
	padding-bottom:0px;
	border-bottom:0px;
	margin-bottom:0px;
	margin-left:15px;}
		
#pankuzu/*パンくずリストの設定*/
	{font-size:0.7em;
	text-align:left}
			
.topback/*このページのトップに戻るの設定　ファイル名#topをリンク先に指定*/
	{font-size:0.9em;
	text-align:right;
	padding-bottom:0px;
	border-bottom:0px;
	margin-bottom:0px;}
							
/*▼Faqの設定▼*/
.question
	{font-size:14px;
	border-bottom:solid 1px #000000;
	padding-left:6px;}

.answer {font-size:14px;
		margin-left:40px;
			}


p.QA		{font-size:2em;
			padding-left:6px;
			color:red;}
			
.link		{width:100%;
			margin-top:40px;
			font-size:smaller;
			font-weight:bold;
			}
			
.link1		{text-align:left;
			}										

.link2		{text-align:center;
			}

.link3		{text-align:right;
			}
			
/*▼クリニック地図の左右配置の設定▼*/
#ijmc	{float:left}

#ijmc_syousai	{float:left}

#ujmc	{float:left}

#ujmc_syousai	{float:left}

#jmc{clear:both}

div#new/*新着情報*/	
	{float:left;
	width:300px;
	font-size:0.75em;
	margin-left:20px}									
				
div#campaign/*右カレンダーの設定*/	
	{float:left;
	width:250px;
	font-size:0.75em;
	margin-left:20px}	

/*▼土・日診療日案内の設定▼*/
div#calender1/*左カレンダーの設定*/	
	{float:left;
	width:280px;
	font-size:0.75em;
	margin-left:20px}									
				
div#calender2/*右カレンダーの設定*/	
	{float:right;
	width:280px;
	font-size:0.75em;
	margin-left:0px}		
				
table.calender	
	{width:280px;
	font-size:0.9em;
	border-collapse:collapse;/* 枠線が二重にならないように設定*/
	margin-top:0}

table.calender th	{padding:0.25em;
					border:solid 1px black;}

table.calender td	{text-align:left;
					border:solid 1px black;
					padding:0.3em 0.4em;}
					
.yearmonth
	{background-color:#FF9933;
	color:white;
	font-style:bold}					

.saturday/*土曜の日のセル設定*/
	{color:blue}

.sunday/*日曜の日のセル設定*/
	{color:red}
	
.date
	{text-align:right}
	
.nitiyou
		{}
		
table.new_list
	{width:280px;
	font-size:0.75em;
	background-color:#FFFF99;
	margin:0}
	
td colgroup.date
	{vertical-align:top}
	
.triangle ul
{list-style-image: url("images/triangle0101.gif")}						

/*▼メール送信▼*/
form
	{color:#55555;
	font-size:0.875em;
	text-align:left;
	margin-top:40px}
	
/*▼料金表すべてに適用▼*/			
table#price{
width:100%;/*幅いっぱいに広げるため*/
border:solid 3px black;/*iryouhiのtableの外枠の枠線設定*/
border-collapse:collapse;/* 枠線が二重にならないように設定*/
margin:auto;/*table全体のセンタリング設定　IE7ではこの指定だけでOK　*/
text-align:center;/*IE6対策とどこかに書いてあった*/
font:14px;}

table#price th{
border:solid 3px;/*thセル全ての枠線が設定されてしまう*/
border-width:3px 1px;/*上下3px　左右1pxに設定*/
border-color:black;/*border-right:solid 1px black;　黒なら必要ない？*/
background-color:#6633CC;
color:#FFFFFF;
padding:0.5em;}

table#price td{text-align:right;/*tdの中は右寄せ*/
border:solid 1px black;
padding:0.3em 0.4em;}

			
table caption{
color:pink;
font-style:italic;
padding-bottom:1em;}			
			
/*▼ショット数別＿レーザー脱毛＿料金表▼*/
table#lep_price_shots td{text-align:right;/*tdの中は右寄せ*/
border:solid 1px black;
padding:0.3em 0.4em;
font:14px;}


table#lep_price_shots{
width:100%;
border:solid 3px black;/*iryouhiのtableの外枠の枠線設定*/
border-collapse:collapse;/* 枠線が二重にならないように設定*/
/*table全体のセンタリング設定　IE7ではこの指定だけでOK　*/
text-align:center;/*IE6対策とどこかに書いてあった*/}

table#lep_price_shots th{
border:solid 3px;/*thセル全ての枠線が設定されてしまう*/
border-width:3px 1px;/*上下3px　左右1pxに設定*/
border-color:black;/*border-right:solid 1px black;　黒なら必要ない？*/
background-color:#FF0000;
color:#FFFFFF;
padding:0.5em;}
			
table caption{
font-style:normal;
color:black;
padding-bottom:2px;
font:16px;
}

table#lep_kikai{
width:100%;/*幅いっぱいに広げるため*/
border:solid 3px black;/*iryouhiのtableの外枠の枠線設定*/
border-collapse:collapse;/* 枠線が二重にならないように設定*/
margin:auto;/*table全体のセンタリング設定　IE7ではこの指定だけでOK　*/
text-align:center;/*IE6対策とどこかに書いてあった*/
font:14px;}

table#lep_kikai th{
border:solid 3px;/*thセル全ての枠線が設定されてしまう*/
border-width:3px 1px;/*上下3px　左右1pxに設定*/
border-color:black;/*border-right:solid 1px black;　黒なら必要ない？*/
background-color:#6633CC;
color:#FFFFFF;
padding:0.5em;}

table#lep_kikai td{text-align:right;/*tdの中は右寄せ*/
border:solid 1px black;
padding:0.3em 0.4em;}

table#alexvsdiode{
width:100%;/*幅いっぱいに広げるため*/
border:solid 3px black;/*iryouhiのtableの外枠の枠線設定*/
border-collapse:collapse;/* 枠線が二重にならないように設定*/
margin:auto;/*table全体のセンタリング設定　IE7ではこの指定だけでOK　*/
text-align:center;/*IE6対策とどこかに書いてあった*/
font:14px;}

table#alexvsdiode th{
border:solid 3px;/*thセル全ての枠線が設定されてしまう*/
border-width:3px 1px;/*上下3px　左右1pxに設定*/
border-color:black;/*border-right:solid 1px black;　黒なら必要ない？*/
background-color:#6633CC;
color:#FFFFFF;
padding:0.5em;}

table#alexvsdiode td{text-align:right;/*tdの中は右寄せ*/
border:solid 1px black;
padding:0.3em 0.4em;}


/*▼全ope料金表▼*/			
table#ope_price{
width:100%;/*幅いっぱいに広げるため*/
border:solid 3px black;/*iryouhiのtableの外枠の枠線設定*/
border-collapse:collapse;/* 枠線が二重にならないように設定*/
margin:auto;/*table全体のセンタリング設定　IE7ではこの指定だけでOK　*/
text-align:center;/*IE6対策とどこかに書いてあった*/
font:16px;}
			
table#ope_price th{
border:solid 3px;/*thセル全ての枠線が設定されてしまう*/
border-width:3px 1px;/*上下3px　左右1pxに設定*/
border-color:black;/*border-right:solid 1px black;　黒なら必要ない？*/
background-color:#99FF99;
color:black;
padding:0.5em;
font:24px;
text-align:left;}

table#ope_price td{text-align:right;/*tdの中は右寄せ*/
border:solid 1px black;
padding:0.3em 0.4em;}

/*▼マックスピール＿料金表▼*/			
table#mx_price{
width:100%;/*幅いっぱいに広げるため*/
border:solid 3px black;/*tableの外枠の枠線設定*/
border-collapse:collapse;/* 枠線が二重にならないように設定*/
margin:auto;/*table全体のセンタリング設定　IE7ではこの指定だけでOK　*/
text-align:center;/*IE6対策とどこかに書いてあった*/
font:14px;}

table#mx_price th{
border:solid 3px;/*thセル全ての枠線が設定されてしまう*/
border-width:3px 1px;/*上下3px　左右1pxに設定*/
border-color:black;/*border-right:solid 1px black;　黒なら必要ない？*/
background-color:#6633CC;
color:#FFFFFF;
padding:0.5em;}

table#mx_price td{text-align:right;/*tdの中は右寄せ*/
border:solid 1px black;
padding:0.3em 0.4em;}
					
				

/*------------------------------*/
/*▼▼▼ここからサイド部分▼▼▼*/
/*------------------------------*/

div#side/*サイドメニューの設定　<div id="side">と</div>でマークアップされた部分　idは複数指定できない*/
	{width:180px;/*幅を180pxに固定*/
	float:left}/*メニューを左に寄せる　floatは必ず幅を指定する*/	
			
#side ul/*手術内容詳細のリストアップ部分の設定*/								
	{font-size:1em;				/*フォントは1em＝16px　body（16px）を基準に相対的に指定*/
	color:black;				/*フォントの色は黒を指定*/
	font-weight:bold;			/*フォントは太字を指定*/
	padding:2px 30px 2px 0px;	/*上右下左の順で隙間を指定*/
	line-height:1.4;
	margin:0px}
				
#side a	
			{color:#444444;
			text-decoration:none}/*リンク指定の下線を消す*/
			
#side li a:hover	/*マウスを置いたときの動作を指定*/
					{color:orange}			


					
.ope_category	/*治療内容のカテゴリーをクラス指定　クラスは何回でも指定できる　<div class="ope_category">と</div>でマークアップされた部分*/
	{font-size:0.75em;
	color:white;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:30px;
	padding-right:0px;
	background-color:#32d4a9;/*ヘッダーと同じ色を指定*/
	margin-bottom:0px}
				
.ope_syousai	
				{font-size:0.75em;
				color:white;
				font-weight:bold;
				padding-top:2px;
				padding-bottom:2px;
				padding-left:30px;
				padding-right:0px;
				background-color:#9ff5dd;
				margin-bottom:0px}
				
#counter
	{margin-left:30px;
	margin-top:30px;
	margin-bottom:0}				
																			
/*--------------------------------*/			
/*▼▼▼ここからフッター部分▼▼▼*/
/*--------------------------------*/

div#footer	
	{clear:both;/*floatを左右とも解除*/
	background-color:#f7ffcc}								


#footer address	
				{width:800px;
				font-size:0.75em;
				font-style:normal;
				border-top:solid 6px #32d4a9;
				padding-top:3px;
				text-align:center}