/* CSS Document */

@charset "utf-8";

/*
--positions, distance--
margin
padding
width

--boximaging--
border
background

--letters --
color
font-size
line-height
text-decoration

*/




*{margin:0; padding:0}

/*--clearFix--*/
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */

img{border:none}

hr{display:none}

body{background-color:#ebebeb; font-size: 90%;margin:0; padding:0; line-height:150%
}

#container{ margin:0 auto; width:916px; background-color:#fff; border:1px solid #999; border-top: none}

p.pdfNotice{ clear:both; margin: 0 0 13px 0}

p.pdfNotice img{ float:left; margin: 0 13px 13px 0;}

/*-------------anchor--------------*/

/*moz*/
a[href]:link{
color: #000;
text-decoration: underline;
}

a[href]:visited{
color: #639;
}

a[href]:hover{
color: #999;
text-decoration: underline;
}

a:[href]active{
color: #999;
text-decoration: underline;
}

a[name]{ text-decoration:none}


a.anchor{ display:none}

*a:link{
color: #000;
text-decoration: underline;
}

*a:visited{
color: #639;
}

*a:hover{
color: #999;
text-decoration: underline;
}

*a:active{
color: #999;
text-decoration: underline;
}

/*--------------------------*/

#hospital{display:none}/*(print)*/

div.notes{ background-color:#e7e7e7; padding:13px; margin:0 0 13px 0;}

/*pagetop*/
ul.pageTop{ text-align:right; margin:0 13px 13px 0; clear:both}

ul.pageTop li{ display:inline; padding:0 0 0 16px; background:url(/img/pagetop-arrow_misc001.gif) no-repeat 0px 0px; }

/*markerLink*/
#main div.contentsHeader ul{ margin:0 0 0 15px}

ul.markerLink li{background:url(/img/customer-arrow_misc001.gif) no-repeat 0 0; padding:0 0 0 20px; display:inline; margin:0}

#main div.contentsHeader ul.markerLink{ margin:0 0 13px 15px}

#main div.contentsHeader ul.markerLink li{ margin:0 0 0 -13px}

/*-----------main------------*/

#main{clear:both;}

#main h1{margin:0 0 13px}

/*#main.index{ background:url(/img/index_pict001.jpg) no-repeat; padding:125px 0 0 0}*/

/*#main.quart #leadText, #main.othersTop #leadText{ width:664px; margin:0 0 0 13px; display:inline; float:left;}*/

/*#main.othersTop #leadText p{ margin:0}*/

#main img#access{ margin:0 0 0 13px;  float:left;}

/*
#main fieldset{ font-size:84%; margin:13px 0 0 13px; padding:5px 10px; width:190px;  float:left; -moz-border-radius: 0.3em;}

#main fieldset legend{ color:#000; padding:0 3px 0 3px; _padding:0 3px 0 0px; margin:0 0 0 -5px; _margin:0 0 0 -10px}

#main fieldset span.access{ padding:0 0 0 14px; background:url(/img/link-arrow_misc001.gif) no-repeat 0px 1px; }

#main fieldset span.tel{padding:0 0 0 14px; background:url(/img/tel_misc001.gif) no-repeat 0px 3px; }
*/

/*--contentsHeader--
#main.quart #leftArea div.contentsHeader{ width:664px; background:url(/section/img/header_base001.gif) no-repeat; padding:8px 0 0 0}

#main.quart #leftArea div.contentsHeader h2{ font-size:120%; margin:0 0 0 0; padding:0 0 7px 18px; background:url(/section/img/header_base002.gif) no-repeat bottom left;}

#main.quart #leftArea div.contentsHeader p{ margin:1em 0;}

#main.quart #leftArea div.contentsHeader ul{ margin:1em 0; list-style:inside}*/

/*insideLink*/
ul#insideLink{margin:0 13px 13px 13px; padding:0; word-break: keep-all; /*clear:both*/}

ul#insideLink li{background:url(/img/customer-arrow_misc002.gif) no-repeat 0 0; margin:0 13px 0 0; padding:0 0 0 20px; display:inline; white-space:nowrap; _white-space:normal}

*+html ul#insideLink li{background-position:0 3px ;display:block; float:left}

/*-------header------*/
#header{ width:916px;}

#header h1{margin:0}/*(/index.html)*/

#header img.home{float:left; margin:0; padding:0}

#header ul#globalNavi{clear:both; margin:0; padding:0}

#header ul#globalNavi li{display:inline;}

#header ul#headerInfo{margin:30px 0 0 0; padding:0; width:560px; text-align:right; float:left}

#header ul#headerInfo li{display:inline; margin:0 25px 0 0; padding:0 0 0 14px;background:url(/img/link-arrow_misc001.gif) no-repeat 0px 1px; }

#header ul#headerInfo li a{color:#000; text-decoration:underline;}

#header dl#textSize{ margin:10px 10px 0 0;_margin:10px 5px 0 0; padding:0; width:143px; float:right; }

#header dl#textSize dt{margin:0 0 2px 0;height:11px; text-align: center; font-size:0; display:inline;}

#header dl#textSize dd{display:inline; margin:0; padding:0}

#header #skip{ position:absolute; top:-10000px; left:-10000px}

.skip{ position:absolute; top:-10000px; left:-10000px}

/*breadcrumb*/

#breadcrumb{ background-color:#e7e7e4; padding:7px 0 7px 13px; margin:0}

#breadcrumb li{ display:inline}

#breadcrumb li span{position:absolute; top:-10000px; left:-10000px}

#breadcrumb li img{ margin:0 5px}

/*local-navigation*/
ul#localNavi{ padding: 0px 0 10px 13px; /*background:url(/section/img/local-navigation_base001.gif)*/ margin:0}

ul#localNavi li{ display:inline;}

/*submenu*/

ul#subMenu{ background-color:#f9ceb2; margin:0 0 0 0; padding: 5px 0 5px 13px; word-break: keep-all; clear:both}

ul#subMenu li{background:url(/img/customer-arrow_misc001.gif) no-repeat 0 0; display:inline; margin:0 13px 0 0; padding:0 0 0 20px}

ul#subMenu li#current{background:url(/img/customer-arrow_misc001s.gif) no-repeat 0 0;}

/*-------footer------*/

address{ text-align:right; font-style:normal; margin:0 13px 13px 0}

#main div.contentsHeader address{ text-align:right; font-style:normal; margin:0 0 13px 0}

ul#pageTop{ text-align:right; margin:26px 13px 0 0;}

ul#pageTop li{ display:inline; padding:0 0 0 16px; background:url(/img/pagetop-arrow_misc001.gif) no-repeat 0px 0px; }

#footer{clear:both; margin:13px 0 0 0; padding:10px 0; width:916px; background-image:url(/img/footer_base.gif); border-top:2px solid #999; min-height:17px/* for safari */}


#footer ul#footerInfo{ margin:0; padding:0; float:left}

#footer ul#footerInfo li{display:inline; margin:0 0 0 15px; padding:0 0 0 14px; background:url(/img/link-arrow_misc001.gif) no-repeat 0px 1px;}

#footer ul#footerInfo li a{color:#000; text-decoration:underline;}

#footer img{margin:2px 10px 0 0; float:right}

/*---------leftArea---------*/

#leftArea, #rightArea{  float:left; display: inline;}

#leftArea{margin:13px 0 13px 13px;}

#rightArea{margin:13px 0 13px 0px;}

/*
#main.index #leftArea{width:438px;}

#main.index #leftArea h2{ margin: 0 0 10px 0; padding:4px 0 2px 18px; background-image:url(../img/index-h2_base.gif); font-size:100%;}

#main.index #leftArea ul{margin:-34px 0 15px 0; text-align:right}

#main.index #leftArea ul li{ background:url(/img/link-arrow_misc003.gif) no-repeat 0 2px; display:inline;  padding:0 5px 0 14px}

#main.index #leftArea dl{ clear:both; border-bottom:1px dotted #999; margin:0 0 10px 0; padding:0 0 10px 0}

#main.index #leftArea dl dt{ float:left; width:auto; font-weight:bold}

#main.index #leftArea dl dd{ margin-left: 8.5em; width: auto; padding: 0 0 0 12px; background:url(/img/link-arrow_misc002.gif) no-repeat 0px 5px;}
*/

/*(/customer/)
#main.quart #leftArea{ width:678px;}

#main.quart #leftArea div{clear:both}

#main.quart #leftArea div.clearFix div{ width:212px; float:left; clear:none; margin:0 14px 0 0; display:inline}

#main.quart #leftArea div.clearFix div h2{ margin:0}

#main.quart #leftArea div div p{ margin:7px 0}

#main.quart #leftArea div div ul, #main.othersTop div ul{ margin:7px 0; list-style:none; padding:0}

#main.quart #leftArea div div ul li, #main.othersTop div ul li{background:url(/img/customer-arrow_misc001.gif) no-repeat 0 4px; padding:0 0 0 20px;}*/

/*---------rightArea---------*/

/*
#main.index #rightArea div{ clear:both; margin-left:13px}

#main.index #rightArea div div{ width:212px; margin:0 13px 0 0; float:left; clear:none; display:inline}

#main.index #rightArea div h2{ margin:0 0 5px 0;}

#main.index #rightArea div p{ margin:0 0 5px 0;}*/

/*(/customer/)
#main.quart #rightArea{width:212px;}

#main.quart #rightArea.gray{background-color:#b8b8b8}

#main.quart #rightArea div{ width:196px; border:1px solid #ccc; background-color:#fff; margin:7px 0 7px 7px }

#main.quart #rightArea div p{border-top:1px solid #ccc; padding:7px 7px}

#main.quart #rightArea.customer img{ margin:0 0 7px 0}*/

/*----------bannerArea---------*/
div#bannerArea{margin:13px 0 13px 0;}
div#bannerArea img{ margin: 0 7px 0 0}


/*-------------------------infopage---------------------------------*/
/*
ul#date{ text-align:right; margin:1em 13px 1em 0; list-style:none}


#main.acolumn h1{font-size:120%; text-align:center}

#main.acolumn #leadText{ width:890px; margin:0 0 0 13px; padding:13px 0 0 0; border-top:1px solid #ccc}

/*--contentsHeader--*/
/*
#main.acolumn div.contentsHeader{ margin:13px 0 0 13px; width:890px; background:url(/info/img/header_base003.gif) no-repeat; padding:8px 0 0 0; clear:both}

#main.acolumn div.contentsHeader h2{ font-size:120%; margin:0; padding:0 0 7px 18px; background:url(/info/img/header_base004.gif) no-repeat bottom left;}

#main.acolumn div.contentsHeader p{ margin:1em 0 0 0;}

#main.acolumn div.contentsHeader p.rightImage img{margin: 0 0 13px 13px; float:right; clear:both}

#main.acolumn div.contentsHeader p.leftImage img{margin: 0 13px 13px 0; float:left; clear:both}*/

/*--doctor--

#main.doctor div{ clear:both}

#main.doctor #leadText{ width:890px; margin:0 0 13px 13px; padding:13px 0 0 0;}

#main.doctor table{ margin:13px 0 0 13px; border-collapse:collapse; width:550px;border:1px solid #c4c4c4}

#main.doctor table th{background-color:#e4e4e4; vertical-align:top; width:200px;}

#main.doctor table th, #main.doctor table td{ padding:0.5em 0.5em 0.5em 0.5em; text-align:left; font-weight:bold; border:1px solid #c4c4c4}*/

/*--contentsHeader--
#main.doctor div.contentsHeader{ margin:13px 0 0 13px; width:890px; background:url(/section/img/header_base003.gif) no-repeat; padding:8px 0 0 0; clear:both}

#main.doctor div.contentsHeader h2{ font-size:120%; margin:0; padding:0 0 7px 18px; background:url(/section/img/header_base004.gif) no-repeat bottom left;}

#main.doctor div.contentsHeader h2 span{font-size:90%;}

#main.doctor div.contentsHeader p{ margin:1em 0 0 0;}

#main.doctor div.contentsHeader table{ margin:13px 0 13px 0; border-collapse: collapse; width:100%;border:1px solid #999}

#main.doctor div.contentsHeader table th{ background-color:#bebebe; border:1px solid #999; font-weight:normal; background-image:url(../section/gairai/img/table_base001.gif); vertical-align: top; width:auto}

#main.doctor div.contentsHeader table td{ border:1px solid #999; font-weight:normal; width:auto}

#main.doctor div.contentsHeader table td span{ background:url(/section/gairai/img/table_misc.gif) no-repeat 0 3px; padding:0 0 0 10px}

#main.doctor div.contentsHeader table tr.am td, #main.doctor div.contentsHeader table tr.am th{background-color:#e2e2e2;background-image:url(/section/gairai/img/table_base002.gif)}

#main.doctor div.contentsHeader table tr.pm td, #main.doctor div.contentsHeader table tr.pm th{background-color:#efefef;background-image:url(/section/gairai/img/table_base003.gif)}*/

/*--hospital--*/
/*
#main.hospital #leadText, #main.others #leadText{ width:890px; margin:0 0 0 13px; padding:0 0 13px 0; _padding:13px 0 0 0;}

#main.hospital div,*/ /*#main.othersTop div div{ width:212px; float:left; clear:none; margin:13px 1px 0 13px; display:inline}

#main.othersTop div div h2, #main.othersTop div div p{ margin:0}*/

/*
#main.hospital div h2{ background:none; padding:0}

#main.hospital div.contentsHeader{margin:13px 0 0 13px; width:890px; background:url(/customer/img/header_base001.gif) no-repeat; padding:8px 0 0 0; clear:both}

#main.hospital div.contentsHeader div.clearfix{ margin:0 -13px 26px -13px; width:916px; _display: block}

#main.hospital div.contentsHeader div.clearfix div.block{ margin:0 0 0 13px; width:438px;}

#main.hospital div.contentsHeader div.clearfix div.block p img{ float:left; margin:0 13px 0 0;}*/

/*#main.hospital div.contentsHeader ul.map{ text-align:right; margin:-30px 0 23px 0}

#main.hospital div.contentsHeader ul.map li{background:url(/img/customer-arrow_misc001.gif) no-repeat 0 0; padding:0 0 0 20px; display:inline; margin:0 13px 0 0}*/
/*
#main.hospital div.contentsHeader h2{ font-size:120%; margin:0; padding:0 0 7px 18px; background:url(/customer/img/header_base002.gif) no-repeat bottom left;}

#main.hospital div.contentsHeader h2 a:hover{ color:#000; text-decoration:none}

#main.hospital div.contentsHeader h3{ font-size:100%; margin:0 0 -10px 0; padding:0 0 5px 0; border-bottom: 1px solid #999}

#main.hospital div.contentsHeader p, #main.others div.contentsHeader p{ margin:1em 0;}*/
/*
#main.hospital div.contentsHeader table{ border-collapse:collapse; width:100%; border:1px solid #c4c4c4; margin:13px 0 13px 0}

#main.hospital div.contentsHeader table th, #main.hospital div.contentsHeader table td/*, #main.others div.contentsHeader table th, #main.others div.contentsHeader table td{ border:1px solid #c4c4c4; padding:3px 10px}

#main.hospital div.contentsHeader table caption{ text-align:left; font-weight:bold}

#main.hospital div.contentsHeader table th, #main.others div.contentsHeader table th{ text-align:left; background-color:#e4e4e4}

#main.hospital div.contentsHeader table td.gray{ background-color:#efefef}

#main.hospital div.contentsHeader ul, #main.others div.contentsHeader ul{ margin:0 0 0 13px}

#main.hospital div.contentsHeader ul.note{ margin:-8px 0 13px 0 }

#main.hospital div.contentsHeader ul.note li{ display:block; background:none; padding:0}

#main.hospital div.contentsHeader div.see{ background:url(../customer/hospital/img/see-list_base002.gif) bottom; width:100%; margin:0; padding:0 0 20px 0;}

#main.hospital div.contentsHeader div.see ul{background-image:url(../customer/hospital/img/see-list_base001.gif);margin:0; padding:10px 0 0 0; list-style:inside; padding:20px 0 0 0}

#main.hospital div.contentsHeader div.see ul li{ margin:0 0 0 13px}

#main.hospital div.contentsHeader dl{background:url(../customer/hospital/img/see-list_base002.gif) bottom; width:100%; margin:13px 0; padding:0 0 10px 0;}

#main.hospital div.contentsHeader dl dt{margin:0; padding:0;}

#main.hospital div.contentsHeader dl dd table{ width:50%; margin:13px 13px}

#main.hospital div.contentsHeader dl dd p{ margin: 0 13px}

#main.hospital div.contentsHeader dl dd dl{ background:none; margin:13px; padding:0; width:80%}

/*--others--*/

/*#main.othersTop div{ clear:both; margin:0}*/
/*
#main.others div.contentsHeader{margin:13px 0 0 13px; width:890px; background:url(/others/img/header_base001.gif) no-repeat; padding:8px 0 0 0; clear:both}

#main.others div.contentsHeader h2{ font-size:120%; margin:0; padding:0 0 7px 18px; background:url(/others/img/header_base002.gif) no-repeat bottom left;}

#main.others div.contentsHeader table{ border-collapse:collapse; border:1px solid #c4c4c4; margin:13px 0 13px 0}

#main.others div.contentsHeader h3{ font-size:100%; margin:13px 0; padding:0 0 5px 0; border-bottom: 1px solid #999}*/

#main div.contentsHeader div.textAndImage div{ margin:0 0 13px 0; display:inline; float:left;}

#main div.contentsHeader div.textAndImage div span{ display:block; width:290px}

#main div.contentsHeader div.textAndImage div p{ margin:0 13px 13px 0; width:587px}

#main div.contentsHeader div.textAndImage2{ margin:0 -13px 13px}

#main div.contentsHeader div.textAndImage2 div{ display:inline; float:left; width:440px;_width:auto; margin:0 0 13px 13px;}

#main div.contentsHeader table thead th{ text-align:left; background-color: #999999}

#main div.contentsHeader table td.right{ text-align:right}