@charset "Shift-JIS";

body {
background-color:#ffffff;
/*font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
/*font-family:"メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;*/
font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',osaka,sans-serif;
}


a:link {text-decoration:none; color:#0000ff }
a:visited {text-decoration:none; color:#0000ff }
a:active {text-decoration:none; color:#d85800 }
a:hover {text-decoration:underline; color:#d85800 }

#header {
width: 100%;
margin: 0px;
padding: 0px;
clear:both;
}

#header_left {
/*width: 65%;*/
margin: 0px;
padding: 0px;
text-align:left;
vertical-align:middle;
float: left;
}

#header_right {
/*width: 25%;*/
margin: 0px 12px 0px 0px;
padding: 0px;
text-align:right;
float: right;
}

#header_right img{
/*width: 194px;
height: 42px;*/
border: 0px;
}



#header_right #home a {
background-image: url("../../image/static/header_logo.gif");
background-repeat: no-repeat;
width: 194px;
height: 42px;
display:block;
text-align:left;
text-indent:-9999px;
margin: 0px;
padding: 0px;
border: 0px;
}

#header_right #fsc_bk {
background-image: url("../../image/static/fontsize_bk.jpg");
background-repeat: no-repeat;
position: relative;
width: 200px;
height: 28px;
margin: 0px;
padding: 0px ;
}
#header_right #fsc_bk #fsc {
position: absolute;
top: 5px;
left: 90px;
margin: 0px;
padding: 0px;
}

#topicPath {
margin: 0px;
padding: 0px 0px 4px 20px;
text-align:left;
font-size: 90%;
line-height: 1em;
clear: both;
}

#headerline {
width: 100%;
height:14px;
margin: 0px;
padding: 0px;
background-image : url(../../image/static/header_bk.gif);
background-repeat: repeat-x;
}


div#onelineIM {
background: url("../../image/top/onelineIM.gif") repeat-x left bottom;
width: 100%;
height: 28px;
margin: 0px;
padding: 0px;
}



#mobileQR {
margin: 2px auto;
padding: 0px;
text-align:center;
font-size:11px;
line-height:1.0em;
color: #363636;
float:right;
}

#contents {
	position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;/* width of whole page */
	max-width:1200px;
	overflow:hidden;/* This chops off any overhanging divs */
/*	background-color:#edf1f3; */
	background-color:#ffffff;
}

#colleft {
float:left;
width:200%;
margin-left:-220px;
position:relative;
right:100%;
background:#fff;
}
#col1wrap {
float:left;
width:50%;
position:relative;
left:50%;
padding-bottom:1em;
}
#col1 {
margin:0 10px 0 230px;
overflow:hidden;
}
#col2 {
float:right;
width:200px;
position:relative;
left:210px;
margin:0px auto;
padding:0px;
text-align:center;
}
#col2 form {
margin:0px;
padding:8px 0px;
}



/* freeword-searching box */
form#freewords_search {
position: relative;
background:url(./img/freewords_search_bk.gif) no-repeat 0 0;
width: 200px;
height: 61px;
margin:0 0 8px;
padding:0;
font: 0px/0px sans-serif;
}
form#freewords_search input.txt{
position:absolute;
top:33px;
left:9px;
width:160px;
height:25px;
border:0;
margin:0;
padding:0;
font-size:14px;
line-height:1.6em;
color:#676767;
}
form#freewords_search input.searchbtn{
position:absolute;
top:27px;
left:171px;
width:30px;
height:34px;
background:url(./img/freewords_search_btn.gif) 0 0 no-repeat;
border:0;
text-indent:-9999px;
cursor:pointer;
}



.msgbox {
width:96%;
margin: 2px;
padding: 2px;
font-size: 100%; 
line-height:150%;
color:#000000;
text-align:left;
}

#toDetail {
width:98%;
height:28px;
margin:0px;
padding:0px;
clear:both;
}
#toDetail #btn a {
background-image: url("../../image/static/to_search_details4.gif");
background-repeat: no-repeat;
width:176px;
height:28px;
display:block;
text-align:left;
text-indent:-9999px;
float:right;
}

#nrwdwncap {
background-image: url(../../image/static/static_index4_bk.jpg);
background-repeat: repeat-x;
width:98%;
height:50px;
margin:0px auto;
margin-bottom:16px;
padding:0px;
clear:both;
overflow:hidden
}
#nrwdwncap #step0{
background-image: url(../../image/static/static_index4-1.jpg);
background-repeat: no-repeat;
background-position:left top;
width:60px;
height:50px;
margin:0px;
padding:0px;
text-indent:-9999px;
}
#nrwdwncap #step1{
background-image: url(../../image/static/static_index4-2.jpg);
background-repeat: no-repeat;
background-position:left top;
width:60px;
height:50px;
margin:0px;
padding:0px;
text-indent:-9999px;
}
#nrwdwncap #step2{
background-image: url(../../image/static/static_index4-1.jpg);
background-repeat: no-repeat;
background-position:left top;
width:60px;
height:50px;
margin:0px;
padding:0px;
text-indent:-9999px;
}
#nrwdwncap #r {
background-image: url(../../image/static/static_index4_r.jpg);
background-repeat: no-repeat;
margin:0px;
padding:0px;
width:10px;
height:50px;
float:right;
}
/*
#nrwdwncap #toDetail img {
border: 0px;
width:176px;
height:50px;
}
*/

#nrwdwn .outertbl {
width:98%;
margin:0px auto;
padding:0px;
clear:both;
text-align:left;
}
#nrwdwn .outertbl table {
width: 100%;
margin-left: auto;
margin-right: auto;
padding:0px;
border-right:1px solid #003366;
border-bottom:1px solid #003366;
border-collapse:collapse;
border-spacing:0px;
empty-cells:show;
}
#nrwdwn .outertbl table th {
background-image : url(../../image/static/tableth_bk.jpg);
background-repeat: repeat-y;
background-position: right;
border-left:1px solid #003366;
border-bottom:1px solid #003366;
padding: 4px;
font-size: 14px;
font-weight:bold;
text-align: center;
color: #5c5c5c;
}
#nrwdwn .outertbl table td {
border-bottom:1px solid #003366;
background-color:#ffffff;
padding: 4px;
}

.innertbl {
clear:both;
}


#nrwdwn .innertbl table{
width:100%;
margin-left: auto;
margin-right: auto;
margin-bottom:4px;
border: 2px solid #99bbe8;
border-spacing:0;
empty-cells:show;
background-color:#e9e9e9;
}
/*
#nrwdwn .cities table{
border: 2px solid #c1eeae;
}
#nrwdwn .symptoms table{
border: 2px solid #ffdabb;
}
*/

#nrwdwn .innertbl table th {
background-image : url(../../image/static/tablecap_bk.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-bottom:1px solid #ededed;
text-align: left;
text-indent:32px;
color: #000;
padding: 4px;
font-size: 14px;
font-weight:bold;
color: #5b3429;
}
#nrwdwn .innertbl table td {
background-image : url(../../image/static/tabletd_bk.jpg);
background-repeat: repeat-y;
background-position: right;
border-bottom:1px solid #ededed;
text-align: left;
color: #000;
padding: 4px;
}

.thistop a {
background-image : url(../../image/static/to_thistop.jpg);
background-repeat: no-repeat;
margin:0px 40px 0px 0px;
padding:0px;
width:110px;
height:24px;
display:block;
float:right;
text-align:left;
text-indent:-9999px;
}

ul.li_hori {
list-style-type: none;
line-height: 1.2em;
margin: 12px;
padding: 0px;
clear:both;
}
ul.li_hori li {
margin: 0px;
padding: 0px 20px 8px 22px;
background: url(../../image/static/li_hori.gif) no-repeat 0px 0em;
list-style-type: none;
white-space: nowrap;
float: left;
}

#searchDmnBox {
background-color: #ffffcd; width:96%; border: 2px solid #d0a82c;
margin:0px auto; padding: 0px;
text-align: left;
clear:both;
}
#searchDmnBox .text{
margin:0px; padding: 4px;
font-size:100%;
line-height: 130%;
}


#tabmenu, #tabbody {
width:100%;
margin:0px auto;
clear:both;
overflow:hidden
}
#tabmenu {
height:38px;
background-image: url(../../image/static/index_static_bk.gif);
background-repeat: repeat-x;
padding:0px;
}
#tabmenu .tab{
margin:0px;
padding:0px 2px 0px 0px;
float:left;
}

#tabmenu #toDetail2 {
margin:6px 4px 0px 0px;
padding:0px;
width:176px;
height:28px;
float:right;
}
#tabmenu #toDetail2 #btn a {
background-image: url("../../image/static/to_search_details4.gif");
background-repeat: no-repeat;
margin:0px;
padding:0px;
width:176px;
height:28px;
display:block;
text-align:left;
text-indent:-9999px;
}


#tabbody {
/* border: solid 1px #003366; これだとこの枠線がtabmenuより右に1px出てしまう？*/
border-bottom: solid 1px #003366;/*下と*/
border-left: solid 1px #003366;/*左は大丈夫なので*/
background-image: url(../../image/static/tabbody_right_bk.gif);/*右端だけ1px左にずらした背景画を*/
background-repeat: repeat-y;
background-position: top right;
padding:0px;
}
/* IE用ハック */  
/* * html body #tabbody {*/
/* background-image: url(../../image/static/tabbody_right_bkIE.gif);*//*IE用は1pxずれてない背景画*/
/* } */

#pane1 {
margin: 0px auto;
padding: 16px 2px 0px 2px;
text-align: center;
display: block;
}

#allLinks ul, #mindoc ul {
font-size: 14px;
margin:0px;
padding:6px 0px 0px 0px;
white-space: nowrap;
}
#allLinks li, #mindoc li {  
list-style:none;
padding-left:20px;
padding-right:10px;
background:url('../../image/static/li_arrow1.gif') left top no-repeat;
line-height:20px;
float: left;
}

#links {
clear:both;
}

.homepage {
width: 98%;
float: right;
margin-left: -110px;
}

.homepage .screenshot {
width:110px;
margin: 0px auto;
padding:0px;
text-align:center;
float: left;
}
.screenshot img.siteimg {
width: 100px;
height: 70px;
padding: 3px;
border: 1px solid #0000dd;
background-color: #FFFFFF;
}
.homepage .pitch {
position: relative;
margin: 0px 10px 0px 110px;
padding: 0px;
text-align:left;
font-size: 90%;
line-height:1.3em;
color:#000000;
}
.freepage {
width: 98%;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 90%;
line-height:1.3em;
color:#000000;
}
.hpbtm {
clear:both;
margin:0px;
padding:0px;
height: 6px;
}

#aboutLinks {
width:92%;
font-size: 12px;
color:#112465;
margin:0px auto;
text-align:right;
padding:0px 0px 16px 0px;
}

#listupcap {
width:98%;
margin:0px auto;
padding:2px;
}
div#mindoc .orng{
color: #ff9900;
font-weight: bold;
}
div#mindoc .orng a:link {text-decoration:none; color:#ff9900; }
div#mindoc .orng a:visited {text-decoration:none; color:#ff9900; }
div#mindoc .orng a:hover {text-decoration:underline; color:#ff9900; }

#aboutIcon {
text-align:right;
margin: 0px;
padding: 2px;
}
#aboutIcon ul {
font-size: 12px;
color:#112465;
margin:0px;
padding:0px;
white-space: nowrap;
}
#aboutIcon li {  
list-style:none;
padding-left:24px;
padding-right:12px;
background:url('../../image/static/list_icons.gif') left top no-repeat;
line-height:21px;
float: left;
}


#ma {
width:200px;
margin:0px auto;
padding:0px;
}
#ma #ttl{
width:200px;
height: 46px;
margin:0px;
padding:0px;
background-image: url(../../image/static/ma_index.gif);
background-repeat: no-repeat;
}
#ma #bk{
width:200px;
margin:0px auto;
padding:0px;
background-image: url(../../image/static/ma_bk.gif);
background-repeat: repeat-y;
text-align:center;
}
#ma #btm{
width:200px;
height: 8px;
margin:0px;
padding:0px;
background-image: url(../../image/static/ma_btm.gif);
background-repeat: no-repeat;
font-size:2px; /*need to set this less than "height" above, for IE6*/
line-height:1em;/*need to set this less than "height" above, for IE6*/
}
#ma select {
width:190px;
margin:0px;
padding:3px;
}


#mindocL {
width:200px;
margin:0px auto;
padding:0px;
}
#mindocL #ttl{
width:200px;
height: 42px;
margin:0px;
padding:0px;
background-image: url(../../image/static/mindoc_index.jpg);
background-repeat: no-repeat;
}
#mindocL #bk{
width:200px;
margin:0px auto;
padding:0px;
background-image: url(../../image/static/mindoc_bk.gif);
background-repeat: repeat-y;
text-align:center;
}
#mindocL #pitch{
width:190px;
margin:0px auto;
padding:0px;
font-size: 12px;
line-height: 1.4em;
color: #993333;
text-align:left;
}
#mindocL #pitch a:link {text-decoration:none; color:#993333; }
#mindocL #pitch a:visited {text-decoration:none; color:#993333; }
#mindocL #pitch a:hover {text-decoration:underline; color:#993333; }
#mindocL #btm{
width:200px;
height: 8px;
margin:0px;
padding:0px;
background-image: url(../../image/static/mindoc_btm.gif);
background-repeat: no-repeat;
font-size:2px; /*need to set this less than "height" above, for IE6*/
line-height:1em;/*need to set this less than "height" above, for IE6*/
}


/***** tab-contents of result list *****/
#listup {
clear:both;
margin-bottom:24px;
}
/* outer table definition */
#listup table {
width: 98%;
margin-left: auto;
margin-right: auto;
border-top:1px solid #003366;
border-left:1px solid #003366;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
#listup th {
border-right:1px solid #003366;
border-bottom:1px solid #003366;
background-color:#e7e7de;
padding: 4px;
font-size: 12px;
font-weight:bold;
color:#333333;
white-space: nowrap;
}
#listup td {
border-right:1px solid #003366;
border-bottom:1px solid #003366;
padding: 4px;
}

/* place & icons field */
#listup table .place{
float:left;
text-align:left;
padding:0px 0px 3px 0px;
}
#listup table .mapwom{
float:right;
text-align:right;
white-space: nowrap;
}
#listup table .mapwom img{
border: 0px;
height: 21px;
width: 22px;
}
/* child table for detialed information */
#listup table.details {
width: 100%;
margin-left: auto;
margin-right: auto;
border-top:1px solid #003366;
border-left:1px solid #003366;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
font-size: 85%;
line-height:1.4em;
color:#000000;
}
#listup table.details tr {
background-color:#ffffff;
}
#listup table.details th {
border-right:1px solid #003366;
border-bottom:1px solid #003366;
background-color:#e7e7de;
padding: 4px;
text-align: center;
font-size: 12px;
font-weight:bold;
color:#333333;
white-space: nowrap; 
}
#listup table.details td {
width: 100%;
border-right:1px solid #003366;
border-bottom:1px solid #003366;
background-color:#ffffff;
padding: 4px;
}

div#listup table tr, div#listup table td {
background-color:#ffffff;
}
div#listup table tr.linkdata,div#listup table td.linkdata {
background-color:#f6fcfe;
}
/* font definition for each element */
.corp, .zip {font-size: 70%; line-height:1.2em; color:#000000; }
.hospital {font-size: 100%; line-height:1.2em; color:#000000; }
.tel {font-size: 100%; font-weight: bold; line-height:1.2em; color:#000000; }
.address {font-size: 100%; line-height:1.2em; color:#000000; }
.domain { font-size: 85%; line-height:1.3em; color:#000000; }

div#listup .hospital a:link {font-weight:bold; }
div#listup .hospital a:visited {font-weight:bold; }
/**********/

 #pane2 {
margin: 0px auto;
padding: 16px 2px 0px 2px;
text-align: center;
display: none;
}
 #pane3 {
margin: 0px auto;
padding: 16px 2px 0px 2px;
text-align: center;
display: none;
}

div.listhdl {
width: 98%;
background-image : url(../../image/static/matchvol_bk2.gif);
background-repeat: repeat-x;
text-align: left;
margin: 0px auto;
padding: 0px;
clear:both;
}

div#btmButton {
width: 90%;
margin: 0px auto;
padding: 0px;
}

div#rewind {
width: 100px;
margin: 0px;
padding: 4px;
float: left;
text-align:left
}

div#forward {
width: 100px;
margin: 0px;
padding: 4px;
float:right;
text-align: right;
}


div.hdl {
width: 98%;
background-image: url(../../image/static/hdl_bk.gif);
background-repeat: repeat-x;
text-align:left;
margin: 0px auto;
padding: 0px;
}
div.hdl:after {
content: ""; 
display: block;
clear: both;
}

.idxfont {
font-size: 100%;
line-height:150%;
color:#000000;
margin: 0px;
padding: 8px;
}
.fleft{
float: left;
text-align:left;
}
.fright {
float: right;
text-align:right;
}
.mt10 {
margin-top:10px;
}

#btmTabMenu {
width:96%;
margin: 0px auto;
padding: 0px;
text-align: left;
font-size: 85%;
line-height:1.2em;
color:#000000;
}
#btmOtherDomain {
width:96%;
margin: 0px auto;
padding: 0px;
text-align: left;
}
#btmCityPath {
width:96%;
margin: 0px auto;
padding: 0px;
text-align: left;
}
#btmTabMenu ul {
padding: 0px 10px;
}
#btmCityPath ul, #btmOtherDomain ul {
margin-top: -6px;
margin-left: -1px;
padding:4px;
}
#btmTabMenu li, #btmCityPath li, #btmOtherDomain li {
  padding: 0px 5px;
  display: inline;
  border-left: 1px solid #000000;
  line-height:1.5em;
}


hr {
background-color: #003366;
color: #04658e;
border: none;
height: 1px;
width: 96%;
}

.expttl1 {
width: 96%;
height: 46px;
background-image: url(../../image/static/explain_index_bk01.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
text-align:left;
clear:both;
}
.expidx1 {
width: 174px;
height: 46px;
background-image: url(../../image/static/explain_index01.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
text-align:left;
}


.expttl2 {
width: 96%;
height: 46px;
background-image: url(../../image/static/explain_index_bk02.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
text-align:left;
clear:both;
}
.expidx2 {
width: 174px;
height: 46px;
background-image: url(../../image/static/explain_index02.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
text-align:left;
}


.expttl3 {
width: 96%;
height: 46px;
background-image: url(../../image/static/explain_index_bk03.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
text-align:left;
clear:both;
}
.expidx3 {
width: 174px;
height: 46px;
background-image: url(../../image/static/explain_index03.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
text-align:left;
}


#footer {
background-color:#dae7f6;
width: 100%;
margin: 0px auto;
padding: 0px;
text-align:center;
clear: both;
}
#footer:after {
content: ""; 
display: block;
clear: both;
}
#footer #whtsp {
background-color:#ffffff;
width: 100%;
height: 16px;
margin: 0px auto;
padding: 0px;
clear: both;
}
#footer #btmBar {
width: 100%;
height:32px;
background-image: url('../../image/static/btm_topicpath_bk.gif');
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
text-align:center;
}
#footer #btmBar:after { 
content: ""; 
display: block;
clear: both;
}
#footer #btmBar #topicPath {
margin: 0px;
padding: 8px 0px 0px 20px;
text-align:left;
font-size: 90%;
line-height: 1em;
float:left;
}
#footer #btmBar #toPgeTop {
margin: 0px;
padding: 0px 40px 0px 0px;
text-align:right;
float:right;
}
#footer #btmBar  a:link {text-decoration:none; color:#15428b; }
#footer #btmBar  a:visited {text-decoration:none; color:#15428b; }
#footer #btmBar  a:hover {text-decoration:underline; color:#d85800; }

#footer #btmMenu{
width:90%;
margin: 0px auto;
padding: 16px 0px 0px 0px;
text-align:left;
clear:both;
}
#footer #btmMenu ul{
margin:0; padding:0;
}
#footer #btmMenu li {  
list-style:none;  
padding-left:18px;  
background:url('../../image/static/btm_li.gif') left top no-repeat;
line-height:20px;
font-size:13px;
}
#footer #btmLogo{
width:90%;
height:44px;
margin: 0px auto;
padding: 8px;
background-image: url('../../image/static/btm_logo.gif');
background-repeat: no-repeat;
background-position: left top;
}
#footer #btmLogo #signature{
margin: 0px;
padding: 0px 0px 0px 52px;
font-size:12px;
line-height:1.5em;
text-align:left;
}
#footer hr {
background-color: #99bbe8;
color: #ffffff;
border: none;
height: 1px;
width: 96%;
}





div.fltclr {
clear:both;
}

div.vbr {
margin:0px;
padding:0px;
height:8px;
font-size:8px;
line-height:8px;
}

div.vbr4 {
margin:0px;
padding:0px;
height:4px;
font-size:4px;
line-height:4px;
}


ul.nbr {
font-size: 13px;
list-style-type: none;
line-height: 1.5em;
margin: 0px;
margin-left: 0px;
padding: 0px;
}
ul.nbr li {
margin: 0px;
padding: 0px 18px 0px 16px;
background: url(../../image/static/li_icon2.gif) no-repeat left top;
list-style-type: none;
display: inline;
}

.outside{
left: -999px; top: -999px;
position: absolute;
}

.bc00 {
font-weight:bold;
color:#cc0000;
}
.dbl {
color:#15428b;
}
.drd {
color:#840000;
}
.dgn {
color:#006633;
}

h1 { font-size: 14pt;}
h2 {
margin:0px;
padding:18px 0px 0px 0px;
font-size:18px;
line-height:1.0em;
font-weight:bold;
text-decoration:underline;
color:#0000ff;
}
p {
background-color:#ffffff;
}
.s {
font-size: 12px;
}

.gloss {
color: #a52a2a;
/*text-decoration: underline;*/
cursor: hand;
font-family: "Verdana";
}

.rubi { font-size:8pt; line-height: 100%; color: #333333;}

td .cva {display:block;width:100%;height:100%; }
td {
text-align: left;
}


div.eyecatch {
width:194px;
border:1px solid #B8860B;
background-color:#FFFFCC;
margin:0px auto;
padding: 2px;
text-align:left;
}
div.eyecatch .ecl {
font-size:12px;
line-height:1.2em;
color: #007167;
}




div .textlink a {
	display:block;
	background:#fff;
	width:190px;
	border:1px solid #ffffff;
	margin:0 auto;
	padding: 4px;
	text-align:left;
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
div .textlink a:hover {
	background:#fdf29b;
	text-decoration:none;
}
div .textlink a .headline {
	color:#0045d6;
	font-size:15px;
	font-weight:bold;
	line-height:1.4em;
}
div .textlink a .headline .url {
	color:#5c9dde;
	font-size:11px;
	line-height:1.4em;
}
div .textlink a .tbody {
	color:#000000;
	font-size:12px;
	line-height:1.4em;
}