@charset "UTF-8";


/* 西田こどもクリニック　リンク設定
--------------------------------------------------------------*/
a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
a:active {
	}

/* 基本タグ（初期化）
#はid　.はclass　記号なしは対応する全てに反映
--------------------------------------------------------------*/

body{
	margin:0;
	text-align:center;
	width:100%;
	background:url('../img/back.gif') repeat-y 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", verdana, arial, sans-serif;
	vertical-align: baseline;
}

/* firefoxのずれ修正 */ 
body,x:-moz-broken {
margin-left:-1px;
}


/* IE7でpadding指定 */  
*:first-child+html body {   
padding-left: 1px;   
}   
  
/* IE6以下でpadding指定 */  
*html body {   
padding-left: 1px;   
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  margin-top: 0;
  margin-bottom: 0;
}

p{
 margin:0px;}

dfn {
    font-style:normal;
    font-weight:bold;
}

em {
	font-style:normal;
	font-weight:bold;
	color: #F00;
}

address{
    font-style:normal;
    font-weight:normal;
}

/* 基本レイアウト
--------------------------------------------------------------*/
#container{
	text-align:left;
	margin:0 auto;
	width:900px;
	_height: 1px;
	min-height: 1px;
	clear:both;
	background-color:#ffffff;
	padding:0;
	border-left: 1px solid #3e7fe1;
	border-right: 1px solid #3e7fe1;
}

#container:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 overflow:hidden;/*フッターの下余白をなくしたいときに記述*/
 font-size:0.1em;/*フッターの下余白をなくしたいときに記述*/
 line-height:0;/*フッターの下余白をなくしたいときに記述*/
}

#container a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

img{
 border:none;
}


/* メニュー
メニューバーの設定
--------------------------------------------------------------*/
ul,ol {
 margin:0px;
 padding:0px;
}

li {
 list-style:none;
 padding:0px;
}

/*メニュー
------------------------------------------------------*/
#nav {
	clear:both;
	width:900px;
	height:46px;
	margin:0;
	background:url('../img/back_nav.gif') repeat-x;
}

#nav ul{
 padding:0;
 _height: 1px; 
 min-height: 1px;
 margin:0;
}

ul#nav:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


#nav li{
	margin:0;
	width:150px;
	height:50px;
	float:left;
	list-style-type:none;
	padding:0;
	display: block; 
}

/* ヘッダー・フッター

--------------------------------------------------------------*/
#header{
	width:100%;
	height:115px;
    text-align:left;
    margin:0 auto;
	background:url('../img/back_header.gif') repeat-x;
}

#header_back{
	width:900px;
	height:115px;
	margin:0 auto;
	background:url('../img/header.jpg') no-repeat;
}

#header h1{
 float:left;
 margin:20px 0 0 7px;
}

.logo{
 float:left;
 margin:20px 0 0 7px;
}


.tel{
 float:right;
 width:190px;
 margin-right:10px;
 padding:0;
 height:87px;
 margin:10px 10px 0 0;
}

.yoyaku{
 width:112px;
 height:112px;
 float:left;
 margin:0 5px 0 0;
}

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

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


#footer{/*相対配置。スクロールバーが出るとき*/
 bottom:0px;
 width:100%;
 background-image:url('../img/back_footer.gif');
 clear:both;
 text-align:center;
 margin:0 auto;
 height:70px;
}

#footer address{
 color:#666666;
 font-size:8pt;
 padding:10px 0 10px 0;
 font-weight:normal;
}


#footer a:link {
text-decoration:none;
 color:#666666;
}
#footer a:visited {
text-decoration:none;
 color:#666666;
}
#footer a:hover {
text-decoration:underline;
 color:#666666;
}
#footer a:active {}

#footer ul{
	width:900px;
 text-align:left;
 font-size:75%;
 margin:0 auto;
 padding:5px 0 5px 0;
 _height: 1px; 
 min-height: 1px;
}

#footer li{
 display:inline;
 padding:5px 0;
 color:#333333;
}


/*トップイメージ
--------------------------------------------------------------*/

.top{
 clear:both;
 width:900px;
 height:260px;
 margin:0;
}

.top ul{
}

.top ul li{
}

/*トップコンテンツレイアウト
------------------------------------------------------*/
#topL{
 float:left;
 clear:both;
 width:570px;
 margin:20px 0 20px 10px;
}

#topL h2{
	clear:both;
	margin:10px 0 10px 0;
	background:url('../img/title01.gif') no-repeat;
	height:44px;
	padding:7px 0 0 35px;
	color:#1C3C70;
	font-size:18px;
}

#topL h3{
	background:url('../img/title02.gif') no-repeat;
	width:500px;
	height:26px;
	padding:2px 0 0 30px;
	color:#EA5A17;
	border-bottom:1px solid #999;
	margin:30px 0 10px 10px;
	font-size:18px;
}

#topL p{
 color:#333333;
 font-size:80%;
 line-height:140%;
 margin:10px 0 10px 0;
}

#topL .imgL{
 margin:10px 15px 10px 0;
}

#topL dl{
	width:540px;
	margin:5px 0 10px 10px;
	padding:8px;
	overflow-y: scroll;
	max-height: 250px;
	border:1px solid #ccc;
}

#topL dt{
    width:120px;
    font-weight:normal;
    color:#666666;
	font-size:70%;
	margin-top:10px;
}

#topL dd{
 font-size:90%;
 border-bottom: 1px dotted #666666;
 line-height:140%;
 margin-left:0px;
}

#topL em{
    color:red;
    font-weight:bold;
}

.table01{
 margin:0 0 10px 10px;
}

.table01 table{
 border-collapse:collapse;
 border:1px solid #999999;
 width:490px;
 margin:0 0 4px 0;
}

.table01 th{
 border:1px solid #999999;
 padding:3px;
 color:#333; 
 text-align:left;
 text-align:center;
 background-color:#CF9;
 font-size:90%;
}

.table01 td{
 border:1px solid #999999;
 padding:8px;
 text-align:center;
 color:#333; 
 background-color:#ffffff;
 font-size:110%;
}

#topL .table01 p{
 font-size:90%;
 color:#ff0000;
}

#topR{
	float:right;
	margin:25px 0 5px  0;
}

#topR .waku{
	width:280px;
	height:307px;
	background:url('../img/r_back.gif') no-repeat;
}

#topR h3{
	background:url('../img/r_title.gif') no-repeat;
	width:236px;
	height:36px;
	color:#f90;
	padding:2px 0 0 5px;
	margin:5px 0 5px 10px;
	font-size:20px;
}

#topR .waku2{
	width:280px;
	height:205px;
	background:url('../img/r_back2.gif') no-repeat;
}

#topR .waku2 img{
	margin:0 50px;
}

#topR .waku2 h3{
	background:url('../img/r_title.gif') no-repeat;
	width:236px;
	height:36px;
	color:#f90;
	padding:7px 0 0 5px;
	margin:5px 0 0 10px;
	font-size:20px;
}

#topR p{
 margin:5px 0 0 20px;
 font-size:13px;
 color:#333333;
}

.day_d{ clear:both; float:left; width:110px;}
.dya_cont{ float:left; width:340px;}
/*タイトル（h1～表題）関連
------------------------------------------------------*/
.title01{
 font-size:100%;
 border-bottom:2px solid #999999;
 padding-left:10px;
}

/*リスト（テーブルと文字の細部等両方設定）関連
------------------------------------------------------*/
.list01 {
}
.waku03{
	border:2px dotted #58c7ff;
	border-radius:5px;
	padding:0 10px 20px 20px;
	margin-top:10px;
	margin-bottom:30px;
	margin-right:20px;
	background:#fcffff;
}
.list02{
}
.list02 li{
	font-style:normal;
	font-weight:bold;
	color:#ff4466;
	font-size:90%;
	line-height:150%;
	padding:0 0 0 10px;
}
.list02 li:before{
	content:"※";
	margin-left:-1em;
}
.waku03 .proflist{
	margin-bottom:0px;
}
.list03{
 margin:0 10px 35px 10px;
 padding:10px 0 0 10px;
 width:550px;
}

.list03 li{
 list-style-type:disc;
 color:#333333;
 margin-bottom: 10px;
 /*border-bottom:1px dotted #666666;*/
 /*list-style-position:inside;*/
}

.list03 li em{
 color:#FF4466;
}

/*その他（名称は適宜指定）
------------------------------------------------------*/
.imgL{
 float:left;
 margin:0 6px 6px 10px;
}

.imgR{
 float:right;
 margin:0 10px 6px 6px;
}

.clL{
 clear:left;
 margin:0 0 3px 3px;
}

.clR{
 clear:right;
}

.clB{
 clear:both;
}

/*イメージのマージン*/
.m01{
 margin-bottom:25px!important;
}
.mb2 {
   margin-bottom: 2em!important;
}
.mb3 {
   margin-bottom: 3em!important;
}
.mt1 {
   margin-top: 1.2em!important;
}
/*トップニュース*/
#topL .top_news{
	background: #FFFFDC;
	border-radius: 10px;
	border: 2px dotted #94F0FF;
	padding: 10px 20px;
}
#topL .top_news p{
	font-size: 95%;
}
#topL .top_news p.sizeL{
	font-size: 100%;
}
#topL .red{
	color: red;
}
#topL p.sizeLL{
	font-size: 93%;
}

/*font*/
.right {text-align: right;}
.size_s {font-size: 80%;}

