@charset "utf-8";
/* トップページのCSS */


/*---------------
● メインビジュアル
--------------- */
#mainVisual {
background: url(../img/index/top_mainVisual.png) no-repeat left top;
width: 950px;
height:243px;
margin-bottom: 17px;
clear: both;
}

/* ピックアップインフォ */
#pickupInfo {
width: 222px;
height:243px;
margin-left: 15px;
padding-top: 10px;
}
#pickupInfo ul#pI li {
margin-bottom: 5px
}
/* 通常時 */
#pickupInfo ul#pI li#img_puI01 a {
width: 222px;
height:70px;
background: url(../img/index/btn_puinfo01.png) no-repeat left top;
display: block;
}
#pickupInfo ul#pI li#img_puI02 a {
width: 222px;
height:70px;
background: url(../img/index/btn_puinfo02.png) no-repeat left top;
display: block;
}
#pickupInfo ul#pI li#img_puI03 a {
width: 222px;
height:70px;
background: url(../img/index/btn_puinfo03.png) no-repeat left top;
display: block;
}
/* オンマウス時 */
#pickupInfo ul#pI li#img_puI01 a:hover {
background: url(../img/index/btn_puinfo01_h.png) no-repeat left top;
}
#pickupInfo ul#pI li#img_puI02 a:hover {
background: url(../img/index/btn_puinfo02_h.png) no-repeat left top;
}
#pickupInfo ul#pI li#img_puI03 a:hover {
background: url(../img/index/btn_puinfo03_h.png) no-repeat left top;
}


/* ----------------------------------------------
●コンテンツエリアここから
---------------------------------------------- */

#mainContents {
width: 950px;
height: auto;
clear: both;
}

/* --------------------------------------------
●左カラムここから
-------------------------------------------- */
#leftArea {
width: 225px;
height: auto;
margin-left: 15px; 
float: left;
display: inline;
}

/* ------------------------
●診療科目ここから
------------------------ */
#indexDepartment {
margin-bottom: 12px;
}
#iD_con {
width: 225px;
height:auto;
}
#img_iD01 a,#img_iD02 a,#img_iD03 a,#img_iD04 a,#img_iD05 a,#img_iD06 a {
width: 225px;
height: 44px;
display: block;
float: left;
display:inline;
}
#img_iD07 a {
width: 225px;
height: 48px;
display: block;
clear: both;
}
/* 通常時 */
#img_iD01 a {
background: url(../img/index/btn_geka.png) no-repeat left top;
}
#img_iD02 a {
background: url(../img/index/btn_syoka.png) no-repeat left top;
}
#img_iD03 a {
background: url(../img/index/btn_seikei.png) no-repeat left top;
}
#img_iD04 a {
background: url(../img/index/btn_reha.png) no-repeat left top;
}
#img_iD05 a {
background: url(../img/index/btn_naika.png) no-repeat left top;
}
#img_iD06 a {
background: url(../img/index/btn_shinkei.png) no-repeat left top;
}
#img_iD07 a {
background: url(../img/index/btn_keisei.png) no-repeat left top;
}
/* オンマウス時 */
#img_iD01 a:hover {
background: url(../img/index/btn_geka_h.png) no-repeat left top;
}
#img_iD02 a:hover {
background: url(../img/index/btn_syoka_h.png) no-repeat left top;
}
#img_iD03 a:hover {
background: url(../img/index/btn_seikei_h.png) no-repeat left top;
}
#img_iD04 a:hover {
background: url(../img/index/btn_reha_h.png) no-repeat left top;
}
#img_iD05 a:hover {
background: url(../img/index/btn_naika_h.png) no-repeat left top;
}
#img_iD06 a:hover {
background: url(../img/index/btn_shinkei_h.png) no-repeat left top;
}
#img_iD07 a:hover {
background: url(../img/index/btn_keisei_h.png) no-repeat left top;
}

/* ------------------------
診療科目ここまで■
------------------------ */


/* -----------------------
●診療案内(アクセス)ここから
------------------------ */

#iI_con_access {
margin: 7px 10px 13px auto;
text-align: right;
float: right;
padding-left: 1.5em;
}
#indexmap a {
margin-left: 10px;
margin-bottom: 3px;
background: url(../img/index/map01.png) no-repeat left top;
width: 200px;
height: 140px;
display: block;
border: 1px #CCCCCC solid;
}
#indexmap a:hover {
background: url(../img/index/map02.png) no-repeat left top;
}
#iI_con_add {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

/* -----------------------
診療案内ここまで■
------------------------ */


/* --------------------------------------------
左カラムここまで■
-------------------------------------------- */

/* ---------------------------------------------
●右カラムここから
--------------------------------------------- */
/* トップ用右カラム点線 */
.lineR {
margin-top: 1em;
margin-bottom: 1em;
}

/* ---------------
●ニュースエリア
--------------- */
#h3_newsArea {
width: 680px;
height: 35px;
display: block;
background: url(../img/index/title_news.png) no-repeat left top;
}
#newsArea {
height: auto;
}

/* コンテンツ(シャドウ用) */
#nA_con {
background: url(../img/common/shadow_right.png) repeat-y right top;
height: auto;
width: 680px;
}

#nA_conL {
background: url(../img/index/bg_news.png) repeat-x left bottom;
height: auto;
width: 675px;
padding-top: 20px;
padding-bottom: 30px;
border-right: 1px #e1e1e1 solid;
border-bottom: 1px #e1e1e1 solid;
border-left: 1px #e1e1e1 solid;
}

#newsArea dl dt {
float: left;/* ddの回り込みを解除 */
padding-left: 20px;
}
#newsArea dl dd {
padding-right: 20px;
padding-left: 11.5em;
}
#more {
text-align: left;
width: 7.5em;
padding-left: 20px;
float: right;
}

/* ---------------
●関連施設エリア
--------------- */
#kanrenArea {
margin-top: 17px;
height: auto;
}
#h3_kanrenArea {
width: 680px;
height: 35px;
display: block;
background: url(../img/index/title_kanren.png) no-repeat left top;
}

/* コンテンツ(シャドウ用) */
#kA_con {
background: url(../img/common/shadow_right.png) repeat-y right top;
width: 680px;
display: inline;
}

/* コンテンツ左エリア(グラデ、ボーダー用) */
#kA_conL {
background: url(../img/index/bg_kanren.png) repeat-x left bottom;
height: auto;
width: 675px;
padding-top: 1em;
padding-bottom: 1em;
border-right: 1px #e1e1e1 solid;
border-bottom: 1px #e1e1e1 solid;
border-left: 1px #e1e1e1 solid;
}

/* 写真 */
#kA_con dl dt {
float: left;/* ddの回り込みを解除 */
padding-left: 20px;
}
#kA_01_Photo,#kA_02_Photo,#kA_03_Photo,#kA_04_Photo {
width: 75px;
height: 75px;
display: block;
}
#kA_01_Photo {
background: url(../img/index/img_kanren01.png) no-repeat left top;
}
#kA_02_Photo {
background: url(../img/index/img_kanren02.png) no-repeat left top;
}
#kA_03_Photo {
background: url(../img/index/img_kanren03.png) no-repeat left top;
}
#kA_04_Photo {
background: url(../img/index/img_kanren04.png) no-repeat left top;
}

#kA_con dl dd {
margin-left: 115px;
padding-right: 20px;
height: 75px;
}

#kA_con p {
padding-bottom: 0.4em;
}

/* 背景画像 */
#kA_01 dd {
background: url(../img/index/icon_kanren01.png) no-repeat right center;
}
#kA_02 dd {
background: url(../img/index/icon_kanren02.png) no-repeat right center;
}
#kA_03 dd {
background: url(../img/index/icon_kanren03.png) no-repeat right center;
}
#kA_04 dd {
background: url(../img/index/icon_kanren04.png) no-repeat right center;
}


/* ---------------------------------------------
右カラムここまで■
--------------------------------------------- */




/* ----------------------------------------------
コンテンツエリアここまで■
---------------------------------------------- */