@charset "UTF-8";


/*田谷会スタイル
------------------------------------------------------------------------------------------*/
body {
	color: #393939;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/bg.gif);
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 2;
	font-size: 90%;
	letter-spacing: 1px;
}

h1,h2,h3,p,ul,li,dl{
	margin: 0px;
	padding: 0px;
}


.hidden { visibility: hidden; }

.clear {
	margin-top: 20px;
	margin-bottom: 10px;

}
.clear_b {
	clear: both;
}

.clear_p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F69;
	clear: both;
	width: 530px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.clear_g {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	width: 530px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}


caption {
	font-size: 14px;
	text-align: left;
	padding-left: 5px;
}
.news {
	font-size: 12px;
	color: #666;
}

table {
	font-size: 80%;
}
tr .year  {
	background-color: #FCC;
	padding-left: 10px;
	padding-right: 10px;
}
tr .month  {
	background-color: #E8E8E8;
	padding-left: 10px;
	padding-right: 10px;
}
/*田谷医院概要
--------------*/
tr .yellow  {
	background-color: #FFE3AA;
	padding-left: 10px;
	padding-right: 10px;
}
tr .tantoi  {
	background-color: #FC9;
	text-align: center;
}
tr .tantoidoc {
	font-size: 120%;
	border: thin solid #CCC;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;

}
tr .green  {
	background-color: #CFC;
	padding-right: 10px;
	padding-left: 10px;
}
tr .blue  {
	background-color: #d3f1ff;
	padding-right: 10px;
	padding-left: 10px;
}
tr .pur  {
	background-color: #d7b5fd;
	padding-right: 10px;
	padding-left: 10px;
}
tr .gray  {
	background-color: #E0E0E0;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
tr .gray2  {
	background-color: #E0E0E0;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
tr .gray3  {
	background-color: #E8E8E8;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
tr .doc  {
	border: thin solid #CCC;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
tr .doc2  {
	border: thin solid #CCC;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
tr .con  {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-left: 5px;
	padding-right: 5px;
}
tr .timetable  {
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	vertical-align: text-top;
}




/*--------------*/


ul{
	list-style-type: none;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}




/*コンテナー
------------------------------------------------------------------------------------------*/
#wrapper {
	text-align: left;
	width: 800px;
	padding-right: 4px;
	padding-left: 4px;
	background-image: url(../images/wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/*ヘッダー
------------------------------------------------------------------------------------------*/
#header {
	position: relative;
	height: 100px;
	width: 800px;

}

#header img {
	padding-bottom: 20px;
	padding-top: 20px;
}

.headerbg{
	background-image: url(../images/header_bg1.gif);
	background-repeat: no-repeat;
}
	
.headerbg2{
	background-image: url(../images/header_bg2.gif);
	background-repeat: no-repeat;
}

.headerbg3{
	background-image: url(../images/header_bg3.gif);
	background-repeat: no-repeat;
}

.headerbg4{
	background-image: url(../images/header_bg4.gif);
	background-repeat: no-repeat;
}

.headerbg5{
	background-repeat: no-repeat;
	background-image: url(../images/header_bg5.gif);
}

#headerlink {
	float: right;
}
#headerlink a {
	margin-right: 20px;

}

/*グローバルメニュー
------------------------------------------------------------------------------------------*/
#menu {
	height: 40px;
	width: 780px;
	margin-right: 10px;
	margin-left: 11.5px;
	display: block;


}

#menu li {
	display: inline;
}
#menu img {
	margin-right: 3px;
	height: 40px;
	width: 127px;
}
#container {
	width: 780px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}



/*メインコンテンツ
------------------------------------------------------------------------------------------*/
#main {
	float: left;
	padding-bottom: 40px;
	width: 550px;
}
#main a {
	color: #039;
	text-decoration: none;
}
#main a:hover {
	color: #C00;
}



.txt1 {
	font-size: 120%;
	color: #666;
	background-image: url(../images/corp_t.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-position: left center;
	display: block;
	text-indent: 15px;
}

.txt2 {
	font-size: 120%;
	color: #666;
	background-image: url(../images/cl_t.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-indent: 15px;
	background-position: left center;
	display: block;
}
.txt3 {
	font-size: 120%;
	color: #666;
	background-image: url(../images/gr_t.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-indent: 15px;
	background-position: left center;
	display: block;
}
.txt4 {
	font-size: 120%;
	color: #666;
	background-image: url(../images/ls_t.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-indent: 15px;
	background-position: left center;
	display: block;
}
.txt5 {
	font-size: 120%;
	color: #666;
	background-image: url(../images/k_t.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-indent: 15px;
	background-position: left center;
	display: block;
}






.mainimg {
	border: 3px solid #CCC;
	height: 300px;
	width: 540px;

}
.maincon {
	width: 530px;
	margin-left: 10px;
}
	
	
/*サブコンテンツ
------------------------------------------------------------------------------------------*/
#sub {
	float: right;
	width: 210px;
}
#submenu img {
	display: block;
}
#submenu a {
	width: 183px;
	text-decoration: none;
	display: block;
	text-align: left;
	color: #333;
	padding-left: 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
#submenu a:hover {
	color: #333;
	background-color: #E8E8E8;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}


.submenu1 li{
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: 0px;
	padding: 0px;
}

.submenu2 li{
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
	
.submenu3 li{
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.submenu4 li{
	background-image: url(../images/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.submenu5 li{
	background-image: url(../images/arrow5.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}


.right {
	float: right;
}
.left {
	float: left;
}

.midashi {
	font-size: 16px;
}
.notes {
	vertical-align: top;
	font-size: 90%;
	line-height: 150%;
}

.list {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 30px;
}
.list06 {
	list-style-position: outside;
	list-style-type: decimal;
}

.list2 {
	list-style-position: inside;
	list-style-image: url(../images/arrow.gif);
	padding-left: 10px;
}
.list3 {
	list-style-position: inside;
	padding-left: 10px;
}
.list04 {
	list-style-position: inside;
	list-style-image: url(../images/leaf02.gif);
	padding: 10px;
}


.link01  li{
	display: inline;
	text-indent: 10px;
}

.w530 {
	width: 530px;
}
.ad {
	list-style-position: inside;
	list-style-image: url(../images/i_address.gif);
	padding-left: 10px;
}
.tel {
	list-style-position: inside;
	list-style-image: url(../images/i_tel.gif);
	padding-left: 10px;
}
.mail {
	list-style-position: inside;
	list-style-image: url(../images/i_mail.gif);
	padding-left: 10px;
}
.frame01 {
	background-color: #E8E8E8;
	padding: 5px;
}
.frame02 {
	border: thin solid #CCC;
}
.frame03 {
	border: thin solid #CCC;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.itembox {
	height: 290px;
	width: 175px;
	text-align: center;
	float: left;
}
.title {
	font-size: 80%;
}

.frame03 p {
	line-height: 150%;
}
.itembox2 {
	height: 280px;
	width: 180px;
	text-align: center;
	padding: 10px;
	float: left;
}
.rakuen {
	font-weight: bold;
	color: #393;
	line-height: 120%;
}
.textbox {
	padding-top: 100px;
	display: block;
	width: 300px;
	float: left;
}


#sub2 {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.list05 {
	list-style-type: none;
}

#kango_service {
	width: 400px;
	margin-right: 65px;
	margin-left: 65px;
}
.ttlarea {
	background-image: url(../images/acs_ttl.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 550px;
	background-position: left center;
	color: #666;
	text-indent: 15px;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 110%;
}

.ttlareaimg {
	background-position: right center;
	float: right;
	margin: 6px;
}
.acs_name  {
	padding-top: 10px;
	font-weight: bold;
}

.acs_ttl {
	font-weight: bold;
}

.lake {
	font-weight: bold;
	color: #3366cc;
	line-height: 120%;
}

.sub3 {
	padding-bottom: 10px;
}

.sub3 p {
	padding-bottom: 10px;
}

.photobox {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.box_cir {
	padding: 10px;
	height: 170px;
	width: 530px;
}

.box_l_img {
	margin-right: 20px;
	float: left;
}

.box_r_img {
	margin-left: 20px;
	float: right;
}

.reccon {
	font-size: 80%;
	width: 300;
}

.spring {
	background-color: #FCC;
	padding: 10px;
}

.summer {
	background-color: #CF9;
	padding: 10px;
}

.autumn {
	background-color: #FC9;
	padding: 10px;
}

.winter {
	background-color: #CFF;
	padding: 10px;
}

.other table {
	background-color: #E0E0E0;
	padding: 10px;
}

.ssn_img {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;

}

.calendar {
	width: 230px;
	margin-left: 130px;
}

.calendar li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.up {
	vertical-align: top;
}

.ttl_gr {
	color: #00BC16;
}

.ttl_ls {
	color: #0094FF;
}


/*お知らせ
-----------------------------------------------------------------------------------------*/
#infoarea {
	background-image: url(../images/new_bg.gif);
	height: 30px;
	width: 550px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 5px;
}

#infoarea2 {
	background-image: url(../images/gokazoku_bg.gif);
	height: 30px;
	width: 550px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 5px;
}

.infolist {
	background-position: right center;
	float: right;
	margin: 5px;
}

.info p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


/*フッター
------------------------------------------------------------------------------------------*/
#footer {
	width: 780px;
	height: 88px;
	clear: both;
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 40px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
}

.addressArea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 110%;
	color: #666;
	float: left;
		  
}
.linkarea {
	text-align: right;
	float: right;
}
.linkarea a{
	color: #666;
	text-decoration: none;
	margin-right: 10px;
}
.linkarea a:hover{
	color: #039;
	text-decoration: underline;
}



.copyrightArea {
	font-size:11px;
	color: #999;
	text-align: right;
	clear: both;
	padding-top: 20px;

}


/*フッター終わり
------------------------------------------------------------------------------------------*/


/*サイトマップ
------------------------------------------------------------------------------------------*/

.sm_ttl {
	font-size:120%;
	list-style-position: inside;
	list-style-image: url(../images/arrow1.gif);
	padding-left: 5px;
	text-decoration: underline;
}

/*サイトマップ終わり
------------------------------------------------------------------------------------------*/

/*IEの場合、印刷時フッターを消す
--------------*/

[if IE]>
@media print{
#footer {display:none;}
}
<![endif]

/*--------------*/


