@charset "utf-8";
body  {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
	font-size: 0.88em;
	margin: 0 auto; 
	padding: 0; 
	color: #606060;
	background:url(images/bg_dot.png) repeat-x 0 -25px;
}
body p {
	margin: 0;
	padding:0 0 5px 0;
}
a {
color:#627EB7;
}
a:hover {
color:#a8796d;
}
a img {
border: none;
}
#container {
	width: 945px;
	margin: 0 auto;
	text-align: left;
	padding: 30px 20px 20px 15px;
	clear: both;
} 
#header {
	margin: 0 auto;
	width: 960px;
	height: 100px;
	padding-right: 20px;
	overflow: hidden;
} 
#header h1 {
	margin: 5px 0 0 0;
	padding: 3px 5px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: right;
}
#head_right_wrap {
	width: 440px;
	float: right;
}
#head_right {
	width: 440px;
	height: 67px;
	z-index: 100;
	position: fixed;
	background:url(images/header_right.png) no-repeat;
	padding: 10px;
	font-size: 0.88em;
}
#head_right .phone {
	font-size: 1.5em;
	font-weight: bold;
	background: url(images/i_phone.png) no-repeat left center;
	padding: 2px 0 0 25px;
	height: 18px;
}
#head_right .operation_hour {
	padding: 5px 3px 1px;
	font-size: 0.75em;
	font-weight: normal;
	background: #cce3ee;
	margin-left: 10px;
}
/* tabmenu */
    #tabs1 {
	background:#fff;
	width:910px;
	margin:0 auto;
	line-height:normal;
	height: 95px;
	text-align:center;
	background:url(images/navi/global_navi_base.png) no-repeat 0 center;
	padding: 0 35px;
      }
    #tabs1 ul {
	list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabs1 li a {
	float: left;
	display:block;
	width: 130px;
	height: 95px;
}
#tabs1 li.cur_first a {
	background: url(images/navi/global_navi_1.png) no-repeat;
}
#tabs1 li.cur_second a {
	background: url(images/navi/global_navi_2.png) no-repeat;
}
#tabs1 li.cur_third a {
	background: url(images/navi/global_navi_3.png) no-repeat;
}
#tabs1 li.cur_fourth a {
	background: url(images/navi/global_navi_4.png) no-repeat;
}
#tabs1 li.cur_fifth a {
	background: url(images/navi/global_navi_5.png) no-repeat;
}
#tabs1 li.cur_sixth a {
	background: url(images/navi/global_navi_6.png) no-repeat;
}
#tabs1 li.cur_seventh a {
	background: url(images/navi/global_navi_7.png) no-repeat;
}
	
	  
    #tabs1 a span {
display: none;
      }


body#first #tabs1 li.cur_first a, body#first #tabs1 li a:hover,
body#second #tabs1 li.cur_second a, body#second #tabs1 li a:hover,
body#third #tabs1 li.cur_third a,body#third #tabs1 li a:hover,
body#fourth #tabs1 li.cur_fourth a,body#fourth #tabs1 li a:hover,
body#fifth #tabs1 li.cur_fifth a, body#fifth #tabs1 li a:hover,
body#sixth #tabs1 li.cur_sixth a, body#sixth #tabs1 li a:hover,
body#seventh #tabs1 li.cur_seventh a, body#seventh #tabs1 li a:hover
body#eighth #tabs1 li.cur_eighth a, body#eighth #tabs1 li a:hover
body#nineth #tabs1 li.cur_nineth a, body#nineth #tabs1 li a:hover
{
      background-position: 0 -95px;
	  }
body#first #tabs1 li.cur_first a span, body#first #tabs1 li a:hover span,
body#second #tabs1 li.cur_second a span, body#second #tabs1 li a:hover span,
body#third #tabs1 li.cur_third a span, body#third #tabs1 li a:hover span,
body#fourth #tabs1 li.cur_fourth a span, body#fourth #tabs1 li a:hover span,
body#fifth #tabs1 li.cur_fifth a span, body#fifth #tabs1 li a:hover span,
body#sixth #tabs1 li.cur_sixth a span, body#sixth #tabs1 li a:hover span,
body#seventh #tabs1 li.cur_seventh a span, body#seventh #tabs1 li a:hover span
body#eighth #tabs1 li.cur_eighth a span, body#eighth #tabs1 li a:hover span
body#nineth #tabs1 li.cur_nineth a span, body#nineth #tabs1 li a:hover span
{

	  }	  
	  


#mainContent {
	float: right;
	width: 670px;
	margin: 0 0 60px 0;
} 
.twtr-hd {display:none;}
.twtr-ft {display:none;}

#footer {
	padding: 10px 20px 5px;
	clear: both;
	background:url(images/tile_bg2.png) repeat;
	font-size: 0.75em;
	text-align: center;
	}

#footer p {
	margin: 0;
	padding: 0 10px 5px;
	color: #666666;
}
#footer a, #footer a:hover {
text-decoration:none;
color:#666666;
}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.floatright {
float: right;
}
#mainContent img.floatright {
	margin: 0 0 10px 20px;
}
.floatleft {
float:left;
}
#mainContent img.floatleft {
	margin: 0 15px 10px 0;
}
#logo {
	width: 233px;
	height:50px;
	margin-left: 15px;
}

#mainContent p {
	line-height: 150%;
	padding: 0em 0 0.1em 0;
	margin:0 0 1em 0;
}
#mainContent img {
	padding: 3px;
	border: thin solid #CCCCCC;
	margin: 0 10px 10px;
}
#mainContent img.title {
	margin: 0;
	border: none;
	padding: 0;
}

/* sidemenu navigation */
body#first #sidemenu li.cur_first a, body#first #sidemenu li a:hover,
body#second #sidemenu li.cur_second a, body#second #sidemenu li a:hover,
body#third #sidemenu li.cur_third a,body#third #sidemenu li a:hover,
body#fourth #sidemenu li.cur_fourth a,body#fourth #sidemenu li a:hover,
body#fifth #sidemenu li.cur_fifth a,body#fifth #sidemenu li a:hover,
body#sixth #sidemenu li.cur_sixth a, body#sixth #sidemenu li a:hover,
body#seventh #sidemenu li.cur_seventh a, body#seventh #sidemenu li a:hover
body#eighth #sidemenu li.cur_eighth a, body#eighth #sidemenu li a:hover
 {
background-position: 0 -50px;
}


/* sidebar */

#sidebar1 {
	float: left;
	width: 230px;
	padding: 0px;
	font-size:0.88em;
	margin-bottom: 10px;
}

.side_inbox {
	background:#fff;
	border:3px solid #ccc;
	padding: 2px 14px 6px;
	margin: 0 0 10px;
}
.side_inbox p {
	margin: 0;
}
.side_inbox h3 {
	font-size: 1.35em;
	margin: 0 0 10px;
	padding: 8px 0;
	color: #5087a1;
	background: #fff;
	border-bottom: 3px solid #7fbfc8;
}
.side_banner h3 {
	font-size: 1.13em;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	color: #666666;
	background: url(images/h_bg.png) repeat-x center bottom;
	border:none;
	
}

.side_banner {
	margin: 0 auto 10px;
	width: 230px;
	font-size:0.88em;
	}

.side_banner a {
display:block;
width: 178px;
height:47px;
border:1px solid #ccc;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
padding: 11px 10px 10px 40px;
text-decoration:none;
text-align:center;
}
.side_banner a:hover {
border-color:#7fbfc8;
}

a.zen1 {
background:url(images/zen1.jpg) no-repeat center center;
}

a.zen2 {
background:url(images/zen2.jpg) no-repeat center center;
}

#sidemenu {
	width: 230px;
	margin: 0 0 10px;
        }
#sidemenu li {
list-style:none;
border: 1px solid #ccc;
border-top: 3px solid #ccc;
margin-bottom:3px;
}



#sidemenu li a {
	border-top: 1px solid #fff;
          height: 22px;
          voice-family: "\"}\"";
          voice-family: inherit;
        text-decoration: none;
		margin:0;
        }

#sidemenu li a:link, #sidemenu li a:visited {
	color: #888;
	display: block;
	background: url(images/sidemenu_bg.png) repeat-x 0 -5px ;
	padding: 11px 0 0 25px;
        }


/* floating menu */

/*div.floating-menu {
	position:fixed;
	width:230px;
	z-index:100; 
}*/
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em 5px;}


#mainContent h3 {
	clear:both;
	margin: 0 0 1em 0;
	padding: 15px 10px 14px 23px;
	background:url(images/h3.png) no-repeat left top;
	font-size: 1.1em;
	color: #666;
	border-bottom: 1px dotted #ccc;
}
.inbox {
	margin:0 1.3em 2em 1em;
	clear: both;
}
#mainContent h2 {
	font-size: 1.25em;
	font-weight: bold;
	background:url(images/h2.png) no-repeat left top;
	color: #666;
	padding: 19px 15px 26px;
	margin: 0 0 1em 0;
}

/* 仮想テーブル　*/
dl,dt,dd, ul, li {
 margin: 0;
 padding: 0;
}
dl.table{
	width: 352px;
	border-bottom:1px solid #999;
}
dl.table dt {
	color: #ccc;
	width: 7em;
	padding: 1em 0 1em 1em;
	border-top: 1px solid #999;
	float: left;
	background: #333333;
}
dl.table dd {
	background-color: #FFF;
	margin: 0 0 0 8em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #999;
	border-bottom:none;
	width: 226px;
}
#mainContent h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

/* side box */

dl.dl_bg {
	clear: both;
	width: 240px;
	padding-bottom:15px;
	background:url(images/side_float_btm.png) no-repeat left bottom;
	margin-bottom: 15px;
}
dt.dt_bg {
clear: both;
width: 240px;
height:15px;
background:url(images/side_float_top.png) no-repeat left top;
}
dd.dd_bg {
	clear: both;
	width: 220px;
	background:url(images/side_float_body.png) repeat-y left top;
	padding: 0 10px;
}
#mainvisual {
	background: #fff url(images/mainimg.jpg) no-repeat center -0px;
	height: 340px;
	width: 668px;
	margin: 0 auto 10px;
	border: 1px solid #ebebeb;
}

.dashborder {
border-bottom: 1px dashed #999;
}
span.none {
display: none;
}
ul.list li {
padding: 0 10px 8px 12px;
list-style:none;
background:url(images/bullet.png) no-repeat left 0.3em;
}

.gotop a {
font-size:0.7em;
padding-left: 16px;
background:url(images/gotop.png) no-repeat left 0;
}
.gotop a:hover {
background-position:left -12px;
}
.note {
font-size:0.88em;
color:#CC0000;
}
.copyright {
	margin: 5px auto;
	text-align: center;
	font-size: 0.69em;
}

/*    table 2     */

dl.table2 {
width: 600px;
border: 1px solid #ddd;
margin: 0 auto;
}

dl.table2 dt {
float:left;
width: 150px;
background:#66CCCC;
border-bottom:1px solid #ddd;
padding: 5px;
}

dl.table2 dd {
margin-left: 160px;
border-bottom:1px solid #ddd;
padding: 5px;
width: 448px;
}
.facs_area {
	width: 600px;
	margin: 0 auto;
	font-size: 0.85em;
	margin-bottom:20px;
}
.facs_left {
	float: left;
	width: 272px;
	border: 1px solid #ccc;
	padding: 1px 1px 10px;
}
.facs_right {
	float: right;
	position: relative;
	width: 272px;
	border: 1px solid #ccc;
	padding: 1px 1px 10px;
}
.facs_list {
    line-height: 180%;
    padding-bottom: 10px;
    padding-top: 4px;
}
.facs_dl01 {
    border-top: 1px dotted #939393;
    line-height: 160%;
    padding: 6px 0;
}
.facs_dl01 dt {
    color: #549FCB;
    font-weight: bold;
    line-height: 160%;
}
.facs_dl01 dd {
    line-height: 140%;
}


.w255 {
    width: 250px;
	margin: 0 10px;
}
#slideshow {
	position:relative;
	height:332px;
	margin-bottom: 20px;
}

#slideshow IMG {
	position:absolute;
	top:-1px;
	left:0;
	z-index:8;
	margin: 0;
}

#slideshow IMG.active {
	z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.cpap-sub-title{
  font-weight:bold;
  font-size:13pt;
}

.hiro-left,
.hiro-right {
   overflow: hidden;
   height: auto;
}
 
.hiro-left img {
   float: left;
   margin: 0 15px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.hiro-right img {
   float: right;
   margin: 0 0 0 15px !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.hiro-left p,
.hiro-right p {
   overflow: hidden;
   height: auto;
}

