/*
**************************************************************
**このファイルはスタイルシートです。**
**************************************************************

/*---緑ベースのサンプルで使用している色
B9CB96：薄い緑
347102：濃い緑
666666：濃い灰色
ffffff：白
599113：普通の緑
FBFDF5：水色
cccccc：薄い灰色
F6F6F6：白に近い灰色

---*/



/*---◆全ページ適用---リンク<a href="">〜</a>---*/
<!--
a:link{color:#347102;}
a:active{color:#347102;}
a:visited{color:#666666;}
A{text-decoration:none;}
a:hover{background-color:#294800;color:#ffffff;}

/*---◆IEバグ対策用---*/
.bug {
clear:both;
}

/*---◆全ページ適用---font関連＆文字列間隔＆背景---*/
body{
position:relative;
font-size:12px; 
color:#3E5F00;
line-height:150%;
background-color:#FFFFFF;
text-align:center;
}

.daiwaku {
	width:766px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0em;
	margin:0em;
}

/*---◆ヘッダーの大枠---*/
.header {
	width:100%;
	height: 117px;
	padding:0em;
	background-image:URL(images/index_02.gif);
	background-repeat:repeat-x;
	margin:0em;
}

	.headleft {
		width:536px;
		height:0px;
		padding:0em;
		margin:0em;
		float:left;
	}

/*---◆病院名（日本語部分）の枠---*/
	.head1{
		width:260px;
		border:0px;
		height:117px;
		padding:0em;
		margin:0em;
		float:left;
	}

/*---◆ヘッダーフリースペースの枠---*/
	.head2{
		width:250px;
		border:0px;
		padding:1em;
		margin:0em;
		float:right;
	}

/*---◆ヘッダー画像右の枠---*/
	.head3{
		width:224px;
		border:0px;
		height:117px;
		padding:0em;
		margin:0em;
		float:right;
	}
/*---◆ヘッド以下の大枠---*/
	.menumain {
		width:100%;
		height:940px;
		padding:0em;
		margin:0em;
	}


/*---◆メニューの大枠---*/
.menu {
	width:140px;
	height:auto;
	float:left;
}

/*---◆メニューボタンの枠---*/
	.menu1 {
	line-height:0%;
	width:140px;
	height:410px;
	padding:0em;
	margin:0em;
	}
	.menu1 a:hover{background-color:#ffffff;color:#ffffff;}


/*---◆メニューフリースペースの枠---*/
	.menu2 {
	width:140px;
	height:auto;
	padding:0em;
	margin:0em;
	text-align:center;
	}

/*---◆メインの大枠---*/
.main {
	width:620px;
	border:0px;
	height:820px;
	overflow:clip;
	float:right;
}

/*---◆メイン下部の大枠---*/
.mainmain {
	width:100%;
	border:0px;
	height:auto;
}

/*---◆メイン下部左の大枠---*/
.mainleft {
	width:61%;
	border:0px;
	height:auto;
	float:left;
}

/*---◆メイン下部右の大枠---*/
.mainright {
	width:38%;
	border:0px;
	height:0px;
	float:right;
}

/*---◆メインテーブル定義その１---*/
.main1{
	border:1px solid #ffffff;
    	padding:0.3em 0.3em;
}

/*---◆メインテーブル定義その２---*/
.main2{
    	padding:0em 0em;
	height:auto;
}

/*---◆メインテーブル定義その３---*/
.main3{
	width:auto;
	height:auto;
	border:1px solid #B9CB96;
	background-position:left top;
	padding:0.3em 0.3em;
	float:left;
	text-align:left;
}

/*---◆メインテーブル定義その４---*/
.main4{
	width:230px;
	padding:0em 0.3em;
	text-align:left;
	float:right;
}

/*---◆メインテーブル定義その５---*/
.main5{
	width:215px;
	height:auto;
	border:1px solid #B9CB96;
	background-position:left top;
	padding:0.3em 0.3em;
	float:left;
	text-align:left;
}

/*---◆画像定義その１---*/
.img1{
	width:121px;
	height:176px;
	float:left;
	border:1px solid #B9CB96;
    	padding:0em 0em;
	margin: 0px;
}

/*---◆フッターの大枠---*/
.foot {
	width:100%;
	border:0px;
	height:0px;
}

/*---◆画像定義その２---*/
.img2{
	width:500px;
    	padding:0em 0em;
	margin: 0px;
	float:left;
}

/*---◆画像定義その３---*/
.img3{
	line-height:0%;
	width:127px;
    	padding:0em 0em;
	margin:0em;
	float:right;
	}
	.img3 a:hover{background-color:#ffffff;color:#ffffff;}

/*---◆画像に影をつける---*/
.shadow {
    background: url(images/shadow_001.gif) right bottom;
    float: left;
}
 
.shadow img {
    position: relative;
    left: -3px;
    top: -3px;
    padding: 4px;
    background: #ffffe0;
    border: 1px solid #999999;
}

/*---◆更新情報部分に適用---*/
.topics {
	height: 476px;
	width:100%;
	overflow: scroll;
	border: 0px;
	margin: 0px;
	padding: 0px;
	scrollbar-base-color: #599113;
    scrollbar-track-color: #E9FEB6;
    scrollbar-face-color: #CAE5A9;
    scrollbar-shadow-color: #8DC370;
    scrollbar-darkshadow-color: #237A00;
    scrollbar-highlight-color: #8DC370;
    scrollbar-3dlight-color: #599113;
    scrollbar-arrow-color: #599113;
	overflow-x:hidden;
}
.news1 {
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 200px;
}
.news2 {
	height: auto;
	width: auto;
	margin-bottom: 2px;
	vertical-align: top;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #E0F5EB;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 12px;
	line-height: 16px;
	border-bottom-width: 1px;
	color: #006666;
	margin-left: 0px;
}

/*---◆仕切り画像に適用---*/
.line { 
padding-top:1px; 
background:url(images/line.gif) ; 
} 

/*---◆2階層目に使う大枠---*/
.itmain {
	width:80%;
	border:0px;
	height:auto;
	overflow:clip;
	float:right;
}

/*---◆スタッフ紹介１---*/
.staff1{
	width:auto;
	height:auto;
	border:1px solid #B9CB96;
	background-position:left top;
	padding:0.5em 0.5em;
	text-align:left;
	margin: 1px;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FBFDF5;
	empty-cells:show;
}

/*---◆スタッフ紹介２---*/
.staff2{
	width:auto;
	height:auto;
	border:0px;
    	padding:0em 0em;
	margin: 1px;
}

/*---◆スタッフ紹介小枠１---*/
.staff3{
	width:290px;
	height:165px;
	border:1px solid #B9CB96;
	padding:0.5em 0.5em;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FBFDF5;
	empty-cells:show;
	float:left;
}

/*---◆スタッフ紹介小枠２---*/
.staff4{
	width:290px;
	height:165px;
	border:1px solid #B9CB96;
	padding:0.5em 0.5em;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FBFDF5;
	empty-cells:show;
	float:right;
}

/*---◆診療科目中枠---*/
.kamoku0{
	width:auto;
	height:auto;
	color:#666666;
	border:1px solid #CCCCCC;
	background-position:left top;
	padding:0.1em 0.1em;
	text-align:left;
	margin: 1px;
}

/*---◆診療科目紹介タイトル部分---*/
.kamoku1{
	width:auto;
	height:auto;
	color:#666666;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-position:left top;
	padding:0.3em 0.3em;
	text-align:left;
	margin: 1px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
}

/*---◆診療科目紹介コメント部分---*/
.kamoku2{
	width:auto;
	height:auto;
	color:#666666;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-position:left top;
	padding:0.3em 0.3em;
	text-align:left;
	margin: 1px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
	background-color:#EFF2F3;
}

/*---◆0730Y追加　診療科目紹介ヘッダメニュー部分---*/
TD.kamoku3{
   width:25%;
	color:#666666;
	padding:20px 20px;
		margin: 5px;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	background-position:CENTER MIDDLE;
    border-right: 2px solid #CCCCCC;
    border-bottom: 2px solid #999999;
	padding:0.3em 0.3em;
	text-align:CENTER;
	margin: 1px;
        background-color: #D2ED8B;
}


/*---◆交通案内の上部枠---*/
.access0 {
	width:auto;
	border:0px;
	height:315px;
}

/*---◆交通案内の小枠１---*/
.access1{
	width:295px;
	height:auto;
	border:1px solid #B9CB96;
        color: #666666;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 0px;
	padding:0.1em 0.1em;
	float:left;
}

/*---◆交通案内の小枠２---*/
.access2{
	width:auto;
	height:auto;
	border:1px solid #B9CB96;
        color: #666666;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
	padding:0.2em 0.2em;
	float:right;
}

/*---◆交通案内の小枠３---*/
.access3{
	width:auto;
	height:auto;
	border:1px solid #B9CB96;
        color: #666666;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
	padding:0.1em 0.1em;
}

/*---◆交通案内医院情報タイトル---*/
.access4{
	width:auto;
	height:auto;
	color:#666666;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-position:left top;
	padding:0.1em 0.1em;
	text-align:left;
	margin: 1px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
}

/*---◆交通案内医院情報内容---*/
.access5{
	width:auto;
	height:auto;
	color:#666666;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-position:left top;
	padding:0.1em 0.1em;
	text-align:left;
	margin: 1px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
	background-color:#EFF2F3;
}

/*---◆汎用テーブル１---*/
table.kori2{
	width:606px;
	border-top:1px solid #366F1E;
	border-left:1px solid #366F1E;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FBFDF5;
}
.kori2 th{
	color: #ffffff;
	line-height:140%;
	border-right:1px solid #366F1E;
	border-bottom:1px solid #366F1E;
	background-color:#8DB97B;
	background-image:url(images/table-back.gif);
	padding:0.1em 0.1em;
	text-align:left;
}
.kori2 td{
	border-right:1px solid #366F1E;
	border-bottom:1px solid #366F1E;
	padding:0.1em 0.1em;
}

/*---◆設備紹介の中枠---*/
.setsubi0 {
	width:auto;
	border:0px;
	height:205px;
}

/*---◆設備紹介枠---*/
.setsubi1{
	width:260px;
	height:200px;
	color:#666666;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-position:left top;
	text-align:left;
	float:left;
	padding:0.3em 0.3em;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
	background-color:#EFF2F3;
}

.setsubi2{
	width:332px;
	height:200px;
	color:#666666;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-position:left top;
	padding:0.3em 0.3em;
	text-align:left;
	float:right;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
	background-color:#EFF2F3;
}

/*---◆問合せフォームに適用---*/
table.toi {
        font-size: 12px;
        color: #666666;
        margin-bottom: 0px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
.toi th {
        padding: 2px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E2ECE1;
        text-align:left;
}
.toi td {
        padding: 2px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #F6F6F6;
}

/*---◆汎用テーブル２---*/
table.kori3 {
        font-size: 12px;
        color: #666666;
        margin-bottom: 0px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
.kori3 th {
        padding: 2px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
        text-align:left;
}
.kori3 td {
        padding: 2px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #EFF2F3;
}

/*---◆汎用テーブル３---*/
table.kori4 {
        font-size: 12px;
        color: #666666;
        margin-bottom: 0px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
.kori4 th {
        padding: 2px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #F6F6F6;
        text-align:right;
}
.kori4 td {
        padding: 2px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E8F2DA;
}

/*---◆カレンダー---*/
table.call1 {
        font-size:10px;
        color: #666666;
        margin-bottom: 0px;
        border: 1px solid #ffffff;
        border-collapse: separate;
        border-spacing: 0px;
}
.call1 th {
        padding: 0px;
	color:#ffffff;
        border-right: 1px solid #4D7E44;
        border-bottom: 1px solid #4D7E44;
        background-color: #020F4D;
        text-align:center;
}
.call1 td {
        padding: 0px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #EFF2F3;
        text-align:center;
}
