@charset "Shift_JIS";

/* body
--------------------------------------------------------------------------------- */
html {
   font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
   color: #333333;
   line-height: 1.5;
   overflow-y:scroll;
   }

body {
   background: #ffffff url("../images/com/bg_page.gif") repeat-x left top;
   text-align: center;
   }

body,th,td {
   font-size: 12px;
   }

input,textarea,select,optgroup {
   font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
   }
body,h1,h2,h3,h4,h5,h6,
ul,li,ol,dl,dt,dd,p,caption,div {
   margin: 0;
   padding: 0;
   }
table {
   empty-cells: show;
   border-collapse: collapse;
   border: 0;
   }
th,caption {
   text-align:left;
   }
em,optgroup {
   font-style: normal;
   font-weight: bold;
   }
select {
   margin: 1px;
   padding: 0;
   font-size: 12px;
   line-height: 1.5;
   color: #333333;
   }

select option    { background: #ffffff;}
optgroup         { background: #eeeeee;}
label            { cursor: pointer;} 

sup,sub          { margin: 0 4px 0 1px; font-size: 8px;}
img              { border:0;}

li               { list-style:none;}

a:link,
a:visited {
   color: #FF6600;
   text-decoration: underline;
   }
a:hover,
a:active {
   color: #330000;
   text-decoration: none;
   }
hr         { display: none;}


/* layout
--------------------------- */
#wrapper { 
   margin: 0 auto;
   width: 800px;
   text-align: center;
   background: url("../images/com/bg_wrapper.gif") repeat-y left top;
   }

#primary {
   margin-top: 10px;
   float: right;
   width: 570px;
   text-align: left;
   }
#primary h2 {
   margin: 0 0 10px;
   }
#secondary {
   float: left;
   width: 210px;
   font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳゴシック", "Hiragino Kaku Gothic Pro", "Osaka";
   background: url("../images/com/bg_secondary.gif") repeat-x left top;
   }


/* Navigation
--------------------------------------------------------------------------------- */
#secondary #navigation {
   margin: 26px auto 10px auto;
   width: 184px;
   }
#secondary #navigation ul {
   margin: 0 auto;
   width: 184px;
   list-style-type: none;
   }
* html #secondary #navigation ul { margin: 0;}

#secondary #navigation li {
   margin-top: 2px;
   width: 184px;
   height: 44px;
   }
* html #secondary #navigation li { margin: 0;}

#secondary #navigation li a {
   display: block;
   width: 184px;
   height: 44px;
   overflow: hidden;
   background-image: url("../images/com/navigation.gif");
   }

/* off */
#navi01 a { background-position: 0      0;}
#navi02 a { background-position: 0  -44px;}
#navi03 a { background-position: 0  -88px;}
#navi04 a { background-position: 0 -132px;}
#navi05 a { background-position: 0 -176px;}
#navi06 a { background-position: 0 -220px;}
#navi07 a { background-position: 0 -264px;}

/* on stay */
#navi01 a:hover { background-position: -184px      0;}
#navi02 a:hover { background-position: -184px  -44px;}
#navi03 a:hover { background-position: -184px  -88px;}
#navi04 a:hover { background-position: -184px -132px;}
#navi05 a:hover { background-position: -184px -176px;}
#navi06 a:hover { background-position: -184px -220px;}
#navi07 a:hover { background-position: -184px -264px;}

#navi01 a.stay,#navi01 a.stay:hover { background-position: -368px      0;}
#navi02 a.stay,#navi02 a.stay:hover { background-position: -368px  -44px;}
#navi03 a.stay,#navi03 a.stay:hover { background-position: -368px  -88px;}
#navi04 a.stay,#navi04 a.stay:hover { background-position: -368px -132px;}
#navi05 a.stay,#navi05 a.stay:hover { background-position: -368px -176px;}
#navi06 a.stay,#navi06 a.stay:hover { background-position: -368px -220px;}
#navi07 a.stay,#navi07 a.stay:hover { background-position: -368px -264px;}

#secondary #navigation li a span { display: none;}

#secondary dl {
   margin: 20px auto;
   width: 184px;
   text-align: left;
   font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
   }
#secondary dt {
   font-size: 14px;
   font-weight: bold;
   }
#secondary dd em {
   color: #00AE8C;
   }

/* primary
--------------------------------------------------------------------------------- */
#primary div.section {
   margin: 5px;
   padding-bottom: 20px;
   width: 560px;
   clear: both;
   }
#primary div.section:after {
   content: ".";
   display: block;
   visibility: hidden;
   height: 0.1px;
   clear: both;
   }

#primary div.section h3 {
   margin: 0 0 10px;
   }
#primary div.section h3.text {
   margin: 0 0 10px;
   padding: 6px 10px 4px 10px;
   height: 22px !important; height /**/: 32px;
   font-size: 14px;
   color: #ffffff;
   background: url("../images/com/bg_sub_title.gif") no-repeat left top;
   }
#primary div.section h4 {
   margin: 20px 10px 10px 10px;
   padding: 0 10px;
   font-size: 14px;
   color: #FF6600;
   border-left: 5px solid #cccccc;
   }

#primary div.section p {
   margin: 0 10px 10px 10px;
   }

#primary div.section dl {
   margin-bottom: 15px;
   }
#primary div.section dt {
   margin: 5px 0;
   padding: 3px;
   font-weight: bold;
   color: #00AE8C;
   border-bottom: 3px double #C3C3C3;
   }
#primary div.section dd {
   margin: 5px 0 3px 20px;
	word-break: break-all;
   }

/* foot
--------------------------------------------------------------------------------- */
#foot {
   height: 195px;
   background: url("../images/com/bg_foot.gif") repeat-x left top;
   }
#pagetop {
   margin: 0 auto;
   width: 800px;
   height: 30px;
   text-align: right;
   background: url("../images/com/bg_pagetop.gif") no-repeat left top;
   }

#footer {
   margin: 0 auto;
   padding: 20px 0 0;
   width: 800px;
   text-align: left;
   }
#footer ul {
   float: left;
   }
#footer ul li {
   margin: 0 0 0 3px;
   display: inline;
   }
#footer a {
   color: #333333;
   }
address {
   margin: 2px 0 0 0;
   padding: 0;
   float: right;
   font-size: 10px;
   font-style: normal;
   color: #666666;
   }


/* TOP-PAGE
--------------------------------------------------------------------------------- */
iframe#infomation { width: 560px; height: 100px;}


/*  Photo Area
--------------------------------------------------------------------------------- */
div.photoArea1,div.photoArea2 { margin: 10px 10px 0 10px; clear: both;}

div.photoArea1 div.floatL,
div.photoArea1 div.floatR {
   margin-bottom: 10px;
   padding: 0 13px 0 0;
   width: 253px !important; width /**/: 266px;
   height: 200px;
   background: url("../images/com/bg_phtoarea.gif") no-repeat left bottom;
   }
div.photoArea2 div.floatL,
div.photoArea2 div.floatR {
   margin-bottom: 10px;
   padding: 0 13px 0 0;
   width: 253px !important; width /**/: 266px;
   height: 185px;
   background: url("../images/com/bg_phtoarea.gif") no-repeat left bottom;
   }
#primary div.photoArea1 div.floatL p,
#primary div.photoArea1 div.floatR p {
   margin: 0; padding: 3px 0 0;
   text-align: right;
   }

/*  外来担当医表
--------------------------------------------------------------------------------- */
table.tantoui {
   margin: 0 10px 10px 10px;
   width: 540px;
   }
table.tantoui th { background: #eeeeee;}
table.tantoui th,table.tantoui td {
   padding: 5px;
   width: 16%;
   text-align: center;
   border: 1px solid #5B5549;
   }

/*  お知らせ
--------------------------------------------------------------------------------- */
div.news dl { margin: 0 0 0 10px; padding: 10px; border: 1px solid #5B5549;}

div.news table.type1 { margin: 10px; width: 360px; border: 1px solid #5B5549;}

div.news table.type1 td,div.news table.type1 th {
   padding: 5px;
   border: 1px solid #5B5549;}


/* common
--------------------------------------------------------------------------------- */

/* リスト表示
--------------------------- */
ul.chonchon    { margin: 0 0 0 20px; padding: 0 0 0 10px;}
ul.chonchon li { margin: 5px 0; padding: 0 0 0 5px; list-style-type: disc; line-height: 1.5;}

ol    { margin: 10px 0 0 35px; padding: 0;}
ol li { margin: 0 0 8px; padding: 0 0 0 0; list-style-type: decimal; line-height: 1.5;}


/* テキストサイズ
--------------------------- */
.large-text { font-size: 14px;}
.small-text { font-size: 11px;line-height: 140%;}

em.o { color: #FF6600}
em.g { color: #00AE8C}


/*********************************/
.mgnTop5 { margin-top: 5px;}
.mgnTop10 { margin-top: 10px;}
.mgnTop15 { margin-top: 15px;}
.mgnTop20 { margin-top: 20px;}
.mgnTop30 { margin-top: 30px;}

.mgnBtm5 { margin-bottom: 5px;}
.mgnBtm10 { margin-bottom: 10px;}
.mgnBtm15 { margin-bottom: 15px;}
.mgnBtm30 { margin-bottom: 30px;}

.mgnLft10 { margin-left: 10px;}
.mgnLft15 { margin-left: 15px;}

.mgnRgt10 { margin-right: 10px;}
.mgnRgt15 { margin-right: 15px;}

/* フロート
--------------------------- */
.floatR    { float: right;}
.floatL    { float: left;}
.clearFix  { clear: both;}

/* テキストレイアウト
--------------------------- */
.argnR     { text-align: right;}
.argnC     { text-align: center;}

.argnM     { vertical-align: middle;}

/* css end ---------------------------------------------------------------------- */