/* ----------------------------------------
最終更新日:2017.06.16
---------------------------------------- */

* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100% 100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

/* --------------------------------------
　共通部分
--------------------------------------- */

/* ページ全体のテキスト色 */
html {color:#333333;}

/* ページ全体 */
body {
	width:100%;
	text-align:left;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
	line-height:1.2em;
        background-color:#eeeeee;
	background-image:url(body.gif);
	background-position:center;
	background-attachment:fixed;
	background-repeat:repeat;
}

/* ページ全体のリンク色 */
a {color:#CC6633;text-decoration:none;}
a:link {color:#CC6633;text-decoration:none;}
a:visited {color:#CC6633;text-decoration:underline;}
a:hover {color:#333333;text-decoration:none;}
a:active {color:#333333;text-decoration:none;}


/* ------------------------------------- 
 *	ページレイアウト
--------------------------------------- */

/*ページ全体の幅、レイアウトを中央揃え*/
#wrapper {
	width:860px; /* A */
	margin:0px auto;
	padding:20px 0 20px;
	text-align:left;
	background-color:#ffffff;	
}

/*サイト名、トップ画像*/
#header {
	width:820px;  /* B */
	height:150px;
	clear:left;
	margin:0 auto 20px;
	padding:0px;
        color:#000000;
	text-align:center;
	background-color:#ffffff; 
	background-image:url(title1.jpg);
	background-repeat:no-repeat;  
	background-position:bottom center;
	background-attachment:scroll;  
}

/*コンテンツ枠（記事の枠＋サイドメニューの枠）*/
#content {
	height:100%;
	margin:0 auto;
	padding:0 20px 20px 20px;
	background-color:#ffffff;
}


/*　右側の幅（サイドの枠）*/
#side {
	position:fixed;
	width:300px;  /* D */
	margin:0 0 0 520px;
	background-color:#ffffff; 
	background-image:url();
	background-repeat:repeat;  
	background-attachment:scroll;  
}


/*　左側の幅（記事の枠）　*/
#main {
	float:left;
	width:500px;  /* C */
	text-align:left;
	line-height:2.5em;
	background-color:#ffffff; 
	background-repeat:repeat;  
	background-attachment:scroll;  
}
 
/* --------------------------------------
　ヘッダー
--------------------------------------- */
#header p {
	text-align:right;
	font-size:9px;	
}

/* --------------------------------------
　文章レイアウト
--------------------------------------- */
h1 {
        font-size:15px;
	letter-spacing:0.7em;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	background-color:#ffffff;
}

h2 {
        font-size:13px;
	letter-spacing:0.7em;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	background-color:#ffffff;
	background-image:url(body.gif);
	background-repeat: repeat;
}

h4 {
        font-size:13px;
	letter-spacing:0.7em;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	background-color:#ffffff;
	background-image:url(bg2.gif);
	background-repeat: repeat;
}

h3 {
        font-size:12px;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	letter-spacing:0.5em;
}

p {
        font-size:12px;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	text-indent:1em
}

ul {
        font-size:12px;
	padding:0 0 0 50px;
}

.dt {
        font-size:12px;
	padding:0 0 0 0px;
	list-style-type: disc;
}

.no {
        font-size:12px;
	padding:0 0 0 0px;
	list-style-type: decimal;
}

table {
        border-collapse: collapse;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
	font-size:11px;
	line-height:1.5em;
	margin:0 0 0 30px;
	text-align: center;
	clear:both
}

table th, table td {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
	padding:3px;
}

	
/* このページの先頭へ */	
.pageTop {margin:10px 0 0 0;}

#copyright {
	font-size:11px;
        color:#000000;
	text-align:center;
}


/* --------------------------------------
　メイン
--------------------------------------- */
img {
        float:left;
}

/* --------------------------------------
　サイドメニュー：ロールオーバー
--------------------------------------- */

/*　お知らせ枠*/
#menu1 {
        clear:right;
	width:500px;  /* D */
	height:100%;
	margin:auto;
	background-color:#eeeeee; 
	background-image:url(body.gif);
	background-repeat:repeat;  
	background-position: right bottom;
	background-attachment:scroll;
	box-shadow: 3px 3px 5px #aaa;
}

/*　サイド枠内のメニュートップ*/
#top {
        clear:right;
	width:300px;  /* D */
	height:45px;
	margin:0 0 0 0;
	background-color:#cccccc; 
	background-image: url(top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*　サイド枠内のメニューchildcare1.html*/
#menu13 {
    float:left;
	width:150px;  /* D */
	height:70px;
	margin:0 0 0 0;
	background-color:#cccccc; 
 background-image: url(menu13.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

#menu13 a {
 display: block;
 zoom: 1;				/* IE6以前に対応 */
 width: 150px;
 height: 70px;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 background-image: url(menu13.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu13 a:hover {
 color: #333;
 font-weight: bold;
 background-position: center bottom;
}

/*　サイド枠内のメニューbear-class.html*/
#menu15 {
    float:right;
	width:150px;  /* D */
	height:70px;
	margin:0 0 0 0;
	background-color:#cccccc; 
 background-image: url(menu15.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

#menu15 a {
 display: block;
 zoom: 1;				/* IE6以前に対応 */
 width: 150px;
 height: 70px;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 background-image: url(menu15.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu15 a:hover {
 color: #333;
 font-weight: bold;
 background-position: center bottom;
}

/*　サイド枠内のメニューaccess.html*/
#menu2 {
        float:left;
	width:150px;  /* D */
	height:70px;
	margin:0 0 0 0;
	background-color:#cccccc; 
	background-image: url(menu2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu2 a {
	display: block;
	zoom: 1;				/* IE6以前に対応 */
	width: 150px;
	height: 70px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background-image: url(menu2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#menu2 a:hover {
	color: #333;
	font-weight: bold;
	background-position: center bottom;
}

/*　サイド枠内のメニューyoyaku.html*/
#menu3 {
	float:right;
	width:150px;  /* D */
	height:70px;
	margin:0 0 0 0;
	background-color:#cccccc; 
	background-image: url(menu3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}  
	
#menu3 a {
	display: block;
	zoom: 1;				/* IE6以前に対応 */
	width: 150px;
	height: 70px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background-image: url(menu3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#menu3 a:hover {
	color: #333;
	font-weight: bold;
	background-position: center bottom;
}

/*　サイド枠内のメニューyobou.html*/
#menu4 {
    float:left;
	width:150px;  /* D */
	height:70px;
	margin:0 0 0 0;
	background-color:#cccccc; 
 background-image: url(menu4.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

#menu4 a {
 display: block;
 zoom: 1;				/* IE6以前に対応 */
 width: 150px;
 height: 70px;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 background-image: url(menu4.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}

#menu4 a:hover {
 color: #333;
 font-weight: bold;
 background-position: center bottom;
}

/*　サイド枠内のメニューjob-recruitment.html*/
#menu5 {
    float:right;
	width:150px;  /* D */
	height:70px;
	margin:0 0 0 0;
	background-color:#cccccc; 
 background-image: url(menu5.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

#menu5 a {
 display: block;
 zoom: 1;				/* IE6以前に対応 */
 width: 150px;
 height: 70px;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 background-image: url(menu5.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu5 a:hover {
 color: #333;
 font-weight: bold;
 background-position: center bottom;
}
/*　サイド枠内のメニューブログへのリンク*/
#menu16 {
    float:left;
	width:150px;  /* D */
	height:80px;
	margin:0 0 0 0;
	background-color:#cccccc; 
 background-image: url(menu16.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

#menu16 a {
 display: block;
 zoom: 1;				/* IE6以前に対応 */
 width: 150px;
 height: 80px;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 background-image: url(menu16.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu16 a:hover {
 color: #333;
 font-weight: bold;
 background-position: center bottom;
}

/*　サイド枠内のメニューベアルームへのリンク*/
#menu10 {
    float:right;
	width:150px;  /* D */
	height:80px;
	margin:0 0 0 0;
	background-color:#cccccc; 
 background-image: url(menu10.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

#menu10 a {
 display: block;
 zoom: 1;				/* IE6以前に対応 */
 width: 150px;
 height: 80px;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 background-image: url(menu10.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu10 a:hover {
 color: #333;
 font-weight: bold;
 background-position: center bottom;
}

/*　サイド枠内のフル予防接種へのリンク*/
#menu8 {
    float:right;
	width:300px;  /* D */
	height:40px;
	margin:0 0 0 0;
	background-color:#cccccc; 
 background-image: url(menu8.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

#menu8 a {
 display: block;
 zoom: 1;				/* IE6以前に対応 */
 width: 300px;
 height: 40px;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 background-image: url(menu8.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu8 a:hover {
 color: #333;
 font-weight: bold;
 background-position: center bottom;
}

/*　サイド枠内のメニューボトム*/
#bottom {
        clear:right;
	width:300px;  /* D */
	height:30px;
	margin:0 0 20px 0;
	background-color:#cccccc; 
	background-image: url(bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



/*　診療申込書フォームへ*/
#form01 {
	clear:right;
	width:130px;  /* D */
	height:40px;
	margin:0 0 20px 40px;
	background-color:#cccccc; 
	background-image: url(form01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#form01 a {
	display: block;
	zoom: 1;				/* IE6以前に対応 */
	width: 130px;
	height: 40px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background-image: url(form01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#form01 a:hover {
	color: #333;
	font-weight: bold;
	background-position: center bottom;
}


/*　問診票フォームへ*/
#form02 {
	clear:right;
	width:130px;
	height:40px;
	margin:0 0 20px 40px;
	background-color:#cccccc; 
	background-image: url(form02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#form02 a {
	display: block;
	zoom: 1;				/* IE6以前に対応 */
	width: 130px;
	height: 40px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background-image: url(form02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#form02 a:hover {
	color: #333;
	font-weight: bold;
	background-position: center bottom;
}
/* ----------------------------------------
埋め込み　お知らせCGI/php
---------------------------------------- */

p.title {
	font-size: 12px;
	margin: 0;
	padding-bottom: 3px;
	color: #36c;
	line-height: normal;
}
p.edit {
	font-size: 12px;
	margin: 0;
	padding-top: 5px;
}
#js-info {
	width: 470px;
	height: 100%;
	overflow: auto;
	margin:0 auto 10px;
	padding: 5px;
	border: 1px solid #cccccc;
	line-height:1.2em;
	background-color:#ffffff;
	background-image:url();
	background-position:center;
	background-attachment:fixed;
	background-repeat:repeat;
}
#js-info p {
	margin: 0;
	padding-bottom: 15px;
}
#as-info {
	width: 400px;
	height: 200px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #36c;
}
#as-info dl {
	margin: 0;
}
#as-info dt {
	font-weight: bold;
}
#as-info dd {
	color: #666;
	margin: 0;
	padding-bottom: 15px;
}
#as-info dd em {
	font-size: 11px;
	font-style: normal;
}