/*--- information -------------------------------------

	File Name : /css/common.css;
	About : 共通CSS;
	Build date : 2009/02/12;
	Site name : kawasaki-pediatrics

*/

/*---- INDEX : common.css; -------------------------------

	 0.   基本設定
	 1.   ヘッダー（ロゴ・検索）
	 2.   コンテンツ
	 3.   フッター
	 4.   文字 - character
	 5.   コンテンツ フローティングイメージ
	 6.   テーブル各種
	 7.   ページ設定
	 8.   link
	 
*/

/*----------------------------------------------------
0.基本設定
----------------------------------------------------*/
html {
	background: #ffffff;
	font-size:75%;
}

body{
	background:#FFF url(../images/bg_body.gif) repeat-x;
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#3A3A3A;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

img{
	border:0;
}

.img-m {
	border : 0px;
	vertical-align:middle;
}

/*----------------------------------------------------
1.ヘッダー（ロゴ）
----------------------------------------------------*/
	#header{
		position:relative;
		width:100%;
		height:87px;
		margin:0px;
		padding:0;
	}

	/*----------------------------------------------------
	1-2.ヘッダーメニュー
	----------------------------------------------------*/
	#header_menu{
		position:relative;
		width:800px;
		height:60px;
	}

	#header_menu ul{
		margin:0px;
		padding:0px;
		list-style:none;
	}

	#header_menu li{
		display:inline;
	}
	
/*----------------------------------------------------
2.コンテンツ
----------------------------------------------------*/
#contents{
	position: relative;
	margin: 0px; /* 上下方向に10pxのマージンを指定 */
	width: 800; /* ボックスの幅を指定 */
}

	/* 右 */
#primary {
	margin-left: 620px; /* 左方向に210pxのマージンを指定 */
}

	/* 左 */
#secondary {
	position: absolute;
	left: 0px;
	top: 0px; /* 上方向からの配置位置を変更 */
	width: 610px;
}

/* TOP-News&Topics */
	.news{
	background:#FFF url(../images/bg_news.gif) repeat-y;
	padding-left: 35px;
	padding-top: 6px;
	height:32px;
	
}
/* Info */

	/* 左 */
#secondary_info{
	float:left;
	width:530px;
	padding:10px 0px 10px 0px;
	}
	
	/* 右 */
#primary_info{
	float:right;
	width:255px;
	padding:10px 0px 10px 0px;
	}


/* illness */
	/* 左 */
#primary_illness {
	position: absolute;
	left: 0px;
	top: 0px; /* 上方向からの配置位置を変更 */
	width: 200px;
}

	/* 右 */
#secondary_illness {
	margin-left: 200px; /* 左方向に575pxのマージンを指定 */

}

.column-top {
	margin-bottom:0px;
	height:22px;
}

.section {
	margin:0 0 20px 0;
}

.column {
	margin:0px 0px 0px 0px;
	padding:5px 20px;
	background:#FFF url(../images/bg_column-mid.gif) repeat-y;
}

.column_illness {
	margin:0px 0px 0px 0px;
	padding:20px 40px;
	background:#FFF url(../images/bg_column_illness.gif) repeat-y;
}
/*----------------------------------------------------
3.フッター
----------------------------------------------------*/
#footer {
	background-color: #ffffff;
	clear:both;
	height: 70px;
}
/*----------------------------------------------------
4.character *
----------------------------------------------------*/
h2 { margin:5px 0; }

h3 { background-color:#fff;
		font-size:1em;
		font-weight:bold;
		color:#008099;
		margin-top:3px;
		margin-bottom:5px;
		padding-left:18px;
		padding-top:1px;
		background:url(../images/ico_clover.gif) no-repeat;
	}
	
h4 { font-size:1em;
		font-weight:bold;
		color:#008000;
		margin-bottom:5px;
	}
	
p{
	margin:5px 0 ;
	line-height:1.2em;
	color:#444444;
	}

.honbun{
	margin:0;	
	text-indent:1em;	
	line-height:1.7em;
	color:#444444;
	}
	
.important{
	margin:0;	
	font-weight:bold;
	text-indent:1em;	
	line-height:1.2em;
	color:#e64d00;
	}
	
ul{
	margin:0;
	padding-left:18px;
	list-style:none;
}

li {
	margin:0 0 5px 0;
	padding:0;
	border-bottom:none;
	line-height : 1.2em;
}

ul.circle-g {
	list-style-image:url(../images/ico_circle-g.gif);
	}
	
ul.circle-b {
	list-style-image:url(../images/ico_circle-b.gif);
	}
	
ul.circle-o {
	list-style-image:url(../images/ico_circle-o.gif);
	}
	
ul.circle-r {
	list-style-image:url(../images/ico_circle-r.gif);
	color:#e66600;
	}
/*----------------------------------------------------
5.コンテンツ フローティングイメージ *
----------------------------------------------------*/
.float-l {
	float:left;
	width:auto;
	margin:0 10px 10px 0;
}

.float-r {
	float:right;
	width:auto;
	margin:0 0 10px 10px;
}
.clear{
	clear:both;
}
/*----------------------------------------------------
6.テーブル各種
 ----------------------------------------------------*/
 
/*--テーブル各種
	≪横幅100％≫-----*/
	table.format01 {	
	margin : auto ;
	border-collapse : collapse ;
	font-size: 100%;
	line-height:1.4em;
	margin:0 0 5px 0;
}
	/*--≪センター揃：背景水色100％≫-----*/
	td.center-bg01 {
		padding: 5px;
		vertical-align:middle;
		border: solid 1px #cccccc;
		background:#e6ffb3;
		text-align:center;
		white-space: nowrap;
		}

	/*--≪センター揃：背景白色100％≫-----*/
	td.center-bg02 {
		padding: 5px;
		vertical-align:middle;
		border: solid 1px #cccccc;
		background:#ffffff;
		text-align:center;
		white-space: nowrap;
		}
	/*--≪センター揃：背景黄色100％≫-----*/
	td.center-bg03 {
		padding: 5px;
		vertical-align:middle;
		border: solid 1px #cccccc;
		background:#ffffe6;
		text-align:center;
		white-space: nowrap;
		}
		
	/*--≪センター揃：背景黄緑色100％≫-----*/
	td.center-bg04 {
		padding: 5px;
		vertical-align:middle;
		border: solid 1px #cccccc;
		background:#cce6e6;
		text-align:center;
		white-space: nowrap;
		}
		
/*----------------------------------------------------
7.ページ設定
 ----------------------------------------------------*/
 	/*--≪診療のご案内≫-----*/
.results {
	margin:0px 0px 0px 0px;
	padding:5px 20px;
	background:#FFF url(../images/info_results-bg.gif) repeat-y;
}

/*----------------------------------------------------
8.link
----------------------------------------------------*/

a:link{
	color:#1ab31a;
	text-decoration:none;
}

#dashed { border-bottom: 1px #1a801a dashed; } 

a:visited{
	color:#1a801a;
	text-decoration:none;
}

a:hover{
	color:#1ab31a;
	text-decoration:none;
}