@charset "utf-8";

/* *******************************************

(C) Tokyo United Hospital International
special.css
Create:2009.05.08
Last Update:2009.07.2

******************************************* */


/* content ======================

1: Top Page
2: Nurse Category
3: Clinic Category
4: Utility Category
5: Outpatient Category
6: Patient Category
7: Recruit Category
8: Utility Category

============================== */




/* ---------------------------------------------
1: Top Page
--------------------------------------------- */
body#TopPage h2 {
border-bottom:none;
font-size:0;
line-height:0;
margin:0;
}

/* Flash Area
----------------------------------- */
div#FlashArea {
height:362px;
margin:0 0 15px;
}

div#FlashArea div.Flash {
height:330px;
z-index:1;
}

div#FlashArea div.TopBannerBg {
margin:-55px auto 0;
width:956px;
height:87px;
z-index:2;
}

div#FlashArea ul.TopBanner {
margin:-87px auto 0;
width:956px;
height:87px;
position:relative;
z-index:3;
}

div#FlashArea ul.TopBanner li {
width:207px;
height:69px;
}

div#FlashArea ul.TopBanner li.Banner01 {
margin:0 20px 0 0;
position:absolute;
top:10px;
left:34px;
}

div#FlashArea ul.TopBanner li.Banner02 {
margin:0 20px 0 0;
position:absolute;
top:10px;
left:261px;
}

div#FlashArea ul.TopBanner li.Banner03 {
margin:0 20px 0 0;
position:absolute;
top:10px;
left:488px;
}

div#FlashArea ul.TopBanner li.Banner04 {
margin:0 20px 0 0;
position:absolute;
top:10px;
left:715px;
}

/* Left Area 
----------------------------------- */
div#LeftArea {
width:635px;
float:left;
}

/* --- To Patients --- */
div.ToPatientBox {
width:635px;
height:149px;
margin:0 0 23px;
background:url(../img/bg_toclient.jpg) no-repeat 0 0;
position:relative;
}

div.ToPatientBox h2,
div.ToPatientBox ul li {
position:absolute;
}

div.ToPatientBox h2 {
left:10px;
top:13px;
}

div.ToPatientBox ul li.Btn01 {
left:22px;
top:62px;
}

div.ToPatientBox ul li.Btn02 {
left:22px;
top:84px;
}

div.ToPatientBox ul li.Btn03 {
left:22px;
top:106px;
}

div.ToPatientBox ul li.Btn04 {
left:200px;
top:62px;
}

div.ToPatientBox ul li.Btn05 {
left:200px;
top:84px;
}

div.ToPatientBox ul li.Btn06 {
left:200px;
top:106px;
}

div.ToPatientBox ul li.Btn07 {
left:410px;
top:62px;
}

div.ToPatientBox ul li.Btn08 {
left:410px;
top:84px;
}

div.ToPatientBox ul li.Btn09 {
left:410px;
top:106px;
}

/* --- Update Infomations --- */
body#TopPage h2.TtlUpdateInfo {
margin:0 0 15px;
border:none;
font-size:0;
line-height:0;
}

div.UpdateInfo div.NewsBox,
div.UpdateInfo div.RecruitBox {
background:url(../img/bg_updateinfobox.gif) no-repeat #F4F5F7 0 bottom;
padding:0 0 12px;
}

div.UpdateInfo dl {
font-size:77%;
padding:0px 11px;
}

div.UpdateInfo dl dt {
margin:0 0 3px;
}

div.UpdateInfo dl dd {
padding:5px 9px;
margin:0 0 13px;
background-color:#FFF;
border:1px #EFF1F3 solid;
}

/* --- Update Infomations : News Area --- */
div.UpdateInfo div.NewsBox {
width:310px;
float:left;
}

div.UpdateInfo div.NewsBox ul.Tab {
width:310px;
height:25px;
background-color:#FFF;
}

div.UpdateInfo div.NewsBox ul.Tab li {
float:left;
margin:0 3px 0 0;
}

div.UpdateInfo div.NewsBox dl dt {
background:url(../img/icon_arrow_tolist_news.gif) no-repeat 0 0.27em;
padding:0 0 0 16px;
}

div.UpdateInfo div.NewsBox div#Topics ul.ToList,
div.UpdateInfo div.NewsBox div#Media ul.ToList {
width:299px;
height:21px;
padding:0 11px 0 0;
text-align:right;
}

div.UpdateInfo div.NewsBox div#Topics ul.ToList {
background:url(../img/bg_tolist_topics.gif) no-repeat 0 0;
}

div.UpdateInfo div.NewsBox div#Media ul.ToList {
background:url(../img/bg_tolist_media.gif) no-repeat 0 0;
}

/* --- */
div#Media { display:none; }
/* --- */

/* --- Update Infomations : Recruit Area --- */
div.UpdateInfo div.RecruitBox {
width:310px;
float:right;
}

div.UpdateInfo div.RecruitBox ul.Tab {
width:310px;
height:25px;
background-color:#FFF;
}

div.UpdateInfo div.RecruitBox ul.ToList {
width:299px;
height:21px;
padding:0 11px 0 0;
background:url(../img/bg_tolist_recruit.gif) no-repeat 0 0;
text-align:right;
}

div.UpdateInfo div.RecruitBox dl dt {
background:url(../img/icon_arrow_tolist_recruit.gif) no-repeat 0 0.27em;
padding:0 0 0 16px;
}

/* Right Area
----------------------------------- */
div#RightArea {
width:310px;
float:right;
}

/* --- Quick Guide --- */
div.QGuideBox {
margin:0 0 23px;
width:310px;
height:273px;
background:url(../img/bg_guidebox.jpg) no-repeat 0 0;
position:relative;
}

div.QGuideBox h2,
div.QGuideBox dl dt,
div.QGuideBox dl dd,
div.QGuideBox ul li {
position:absolute;
}

div.QGuideBox h2 {
position:absolute;
left:10px;
top:13px;
}

div.QGuideBox dl dt.Btn01 {
left:21px;
top:63px;
}

div.QGuideBox dl dd.Btn02 {
left:130px;
top:63px;
}

div.QGuideBox dl dd.Btn03 {
left:130px;
top:90px;
}

div.QGuideBox dl dt.Btn04 {
left:94px;
top:117px;
}

div.QGuideBox dl dd.Btn05 {
left:130px;
top:117px;
}

div.QGuideBox dl dt.Btn06 {
left:94px;
top:135px;
}

div.QGuideBox dl dd.Btn07 {
left:130px;
top:135px;
}

div.QGuideBox ul li.Btn08 {
left:21px;
top:169px;
}

div.QGuideBox ul li.Btn09 {
left:21px;
top:212px;
}





/* --- Banner Area --- */
div.BannerArea {
background:url(../img/bg_bannerarea.gif) repeat 0 0;
padding:10px 9px 10px 10px;
}

div.BannerArea h2,
div.BannerArea ul li {
font-size:0;
line-height:0;
}

div.BannerArea ul {
background:url(../img/bg_bannerareaUL.gif) no-repeat 0 bottom;
padding:7px 6px 8px;
}


/* ---------------------------------------------
2: Nurse Category
--------------------------------------------- */
/* Top Page
----------------------------------- */
/* --- Update Infomations --- */
h2.TtlUpdateInfoNurse {
margin:0 0 15px;
border:none;
font-size:0;
line-height:0;
}

div.UpdateInfoNurse {
background:url(../../department/nurse/img/bg_updateinfobox.gif) no-repeat #F4F5F7 0 bottom;
padding:0 0 12px;
margin:0 0 50px;
}

div.UpdateInfoNurse ul.Tab {
width:690px;
height:25px;
background-color:#FFF;
}

div.UpdateInfoNurse ul.ToList {
width:679px;
height:21px;
padding:0 11px 0 0;
background:url(../../department/nurse/img/bg_tolist_topics.gif) no-repeat 0 0;
text-align:right;
}

div.UpdateInfoNurse dl {
font-size:77%;
padding:0px 11px;
}

div.UpdateInfoNurse dl dt {
margin:0 0 3px;
padding:0 0 0 16px;
background:url(../../department/nurse/img/icon_arrow_topics.gif) no-repeat 0 0.27em;
}

div.UpdateInfoNurse dl dd {
padding:5px 9px;
margin:0 0 13px;
background-color:#FFF;
border:1px #EFF1F3 solid;
}


/* Q and A
----------------------------------- */

/* --- Tab --- */
div.TabQA {
width:676px;
height:41px;
background:url(../../department/nurse/img/bg_tab_qa.gif) no-repeat 0 0;
padding:0 7px 4px;
margin:0 0 30px;
}

div.TabQA ul li {
float:left;
margin:0 8px 0 0;
}

div.TabQA ul li.LastItem {
margin:0;
}

/* --- Page Top Btn --- */
ul.PageTopQA {
width:690px;
text-align:right;
padding-top:20px;
}

/* --- QA Box --- */
div.QAbox {
width:690px;
background:url(../../department/nurse/img/bg_qabox_bottom.gif) no-repeat 0 bottom;
padding:0 0 7px;
}

div.QAboxInner {
width:655px;
background:url(../../department/nurse/img/bg_qabox.gif) no-repeat 0 0;
padding:21px 18px 14px 17px;
}

div.QAboxInner dl dt {
margin:0 0 4px;
font-size:90%;
color:#005DA3;
}

div.QAboxInner dl dt img {
margin:0 15px 0 0;
display:block;
float:left;
}

div.QAboxInner dl dt span {
width:575px;
display:block;
float:left;
}

div.QAboxInner dl dd {
background:url(../../department/nurse/img/bg_qa_answer.gif) no-repeat 0 0 #F4F6F8;
padding:10px 5px 7px 10px;
margin:0 0 14px;
font-size:77%;
}

div.QAboxInner dl dd img {
margin:0 15px 0 0;
display:block;
float:left;
}

div.QAboxInner dl dd span {
width:595px;
display:block;
float:left;
}

div.QAboxInner dl dd.LastItem {
margin:0;
}

div.QAboxInner dl dd span ul li {
padding:2px 0 2px 12px;
background:url(../../department/nurse/img/icon_list_qa.gif) no-repeat 0 2px;
}


/* Education
----------------------------------- */
div.CareerBox {
width:690px;
background:url(../../department/nurse/img/bg_careerbox_bottom.gif) no-repeat 0 bottom;
padding:0 0 7px;
}

div.CareerBoxInner {
width:690px;
background:url(../../department/nurse/img/bg_careerbox.gif) no-repeat 0 0;
}

div.CareerBoxInner div.LeftBox,
div.CareerBoxInner div.RightBox {
width:335px;
}

div.CareerBoxInner div.LeftBox {
float:left;
}

div.CareerBoxInner div.RightBox {
float:right;
}

div.CareerBoxInner div.LeftBox h3,
div.CareerBoxInner div.RightBox h3 {
background-image:none;
margin:0;
font-size:0;
line-height:0;
}

div.CareerBoxInner div.LeftBox p,
div.CareerBoxInner div.RightBox p {
width:295px;
padding:18px 20px 0;
}


/* Organization
----------------------------------- */
/* --- Staff Information --- */
div.StaffInfoNurse p.Photo {
width:200px;
float:left;
font-size:0;
line-height:0;
}

div.StaffInfoNurse div.Info {
width:450px;
float:right;
}

div.StaffInfoNurse div.Info p {
width:445px;
background:url(../img/bg_staffinfo_name.gif) no-repeat 0 bottom;
padding:0 5px 14px 0;
margin:0 0 20px;
font-size:90%;
font-weight:bold;
}

div.StaffInfoNurse div.Info p span.Name {
background:url(../img/icon_staffinfo_name_normal.gif) no-repeat 0 0;
padding:2px 0 2px 13px;
}

div.StaffInfoNurse div.Info p span.Name span.Titled {
margin:0 0 0 25px;
font-size:80%;
}

div.StaffInfoNurse div.Info dl {
background:url(../img/bg_staffinfo_nurse_dl.gif) no-repeat 0 0;
margin:0 0 10px;
font-size:77%;
}

div.StaffInfoNurse div.Info dl dt {
width:50px;
padding:0 7px 0 0;
color:#005DA3;
float:left;
}

div.StaffInfoNurse div.Info dl dd {
padding:0 3px 0 14px;
width:376px;
float:right;
}

/* --- Staff Information without Photos --- */
div.StaffInfoNurse div.InfoNoPhoto {
width:690px;
}

div.StaffInfoNurse div.InfoNoPhoto p {
width:685px;
background:url(../img/bg_staffinfo_name.gif) no-repeat 0 bottom;
padding:0 5px 14px 0;
margin:0 0 20px;
font-size:90%;
font-weight:bold;
}

div.StaffInfoNurse div.InfoNoPhoto p span.Name {
background:url(../img/icon_staffinfo_name_normal.gif) no-repeat 0 0;
padding:2px 0 2px 13px;
}

div.StaffInfoNurse div.InfoNoPhoto p span.Name span.Titled {
margin:0 0 0 25px;
font-size:80%;
}

div.StaffInfoNurse div.InfoNoPhoto dl {
background:url(../img/bg_staffinfo_nurse_dl.gif) no-repeat 0 0;
margin:0 0 10px;
font-size:77%;
}

div.StaffInfoNurse div.InfoNoPhoto dl dt {
width:50px;
padding:0 7px 0 0;
color:#005DA3;
float:left;
}

div.StaffInfoNurse div.InfoNoPhoto dl dd {
padding:0 3px 0 14px;
width:616px;
float:right;
}


/* ---------------------------------------------
3: Clinic Category
--------------------------------------------- */

/* Shisetu Annai
----------------------------------- */

/* --- Tab --- */
div.TabShisetu {
width:676px;
height:41px;
background:url(../../clinic/img/bg_tab_shisetu.gif) no-repeat 0 0;
padding:0 7px 4px;
margin:0 0 30px;
}

div.TabShisetu ul li {
float:left;
margin:0 8px 0 0;
}

div.TabShisetu ul li.LastItem {
margin:0;
}


/* Concert
----------------------------------- */

/* --- Image --- */
div.ImageConcert {
width:490px;
text-align:center;
margin:0 auto 50px;
}

div.ImageConcert p {
width:230px;
font-size:77%;
text-align:center;
}

/* --- Movie --- */
div.MovieConcert,
div.MovieConcertLastItem {
width:490px;
padding:0 80px;
}

div.MovieConcert {
margin:0 0 20px;
}

div.MovieConcert div,
div.MovieConcertLastItem div {
width:230px;
}

div.MovieConcert div p.Movie,
div.MovieConcertLastItem div p.Movie {
margin:0 0 5px;
font-size:0;
line-height:0;
}

div.MovieConcert div p.Text,
div.MovieConcertLastItem div p.Text {
margin:0 0 5px;
font-size:65%;
}

div.MovieConcert div p.Text span,
div.MovieConcertLastItem div p.Text span {
color:#36F;
}

div.MovieConcert div p.PlayBtn,
div.MovieConcertLastItem div p.PlayBtn {
color:#36F;
text-align:center;
margin:0 auto;
font-size:0;
line-height:0;
}

/* Google Map
----------------------------------- */
div#MapContainer {
padding:1px;
border:solid 1px #BFCCD6;
}

div#Map {
width:686px;
height:546px;
}

/* Access
----------------------------------- */
div.RRoadText {
margin:0 0 40px;
}

div.RRoadText p {
width:200px;
padding:0 0 0 30px;
margin:0;
float:left;
}



/* ---------------------------------------------
4: Utility Category
--------------------------------------------- */
div#LocalNavi p.LocalnaviTtlUtil {
margin:0 0 1px;
padding:0 0 550px;
background:url("../img/bg_localnavi_04.jpg") no-repeat;
}


/* ---------------------------------------------
5: Outpatient Category
--------------------------------------------- */
/* nagare
----------------------------------- */
ol.Flow {
margin:0 0 20px;
list-style-type:none;
}

ol.Flow li {
background:url(../../patient/outpatient/img/bg_nagare_arrow.jpg) no-repeat left bottom;
}

ol.Flow li.LastItem {
background:none;
}

ol.Flow li ul.ListType1 li {
padding:0 0 0 20px;
margin:0 0 7px;
background:url(../img/icon_list.gif) no-repeat 0 0;
}

ol.Flow li h4 {
float:left;
padding:0 0 85px;
margin:0;
width:228px;
}

ol.Flow li.LastItem h4 {
padding:0;
}

ol.Flow li div {
float:right;
padding:10px 0 0;
width:440px;
background:url(../../patient/outpatient/img/bg_nagare_line.gif) no-repeat left top;
}

ol.Flow li.FirstItem div {
background:none;
}


/* ---------------------------------------------
6: Patient Category
--------------------------------------------- */
/* kyukyugairai
----------------------------------- */
div.Flow {
margin:0 auto 10px;
text-align:center;
width:650px;
}

div.Flow p {
float:left;
font-size:0;
line-height:0;
}


/* ---------------------------------------------
7: Recruit Category
--------------------------------------------- */
/* intern
----------------------------------- */
div.MovieArea {
width:530px;
text-align:center;
margin:0 auto 20px;
}

div.MovieArea div.FirstItem {
float:left;
margin:0 25px 0 0;
}

div.MovieArea div.SecondItem {
float:left;
margin:0 0 0;
}

div.MovieArea div.LastItem {
margin:10px auto;
text-align:center;
}


/* ---------------------------------------------
8: Utility Category
--------------------------------------------- */
/* Site Map
----------------------------------- */
div.SiteMapBox {
width:220px;
padding:0 10px 0 0;
float:left;
}

div.SiteMapBoxLastItem {
width:220px;
padding:0 10px 0 0;
float:right;
}