@charset "utf-8";

/* 共通スタイル */
* {margin:0;padding:0;}
html body{font-size:100%;}
body{font-size:100%;
font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-align:center;color:#606060;background:#000000;}
/* IE7.0 only; style */
*:first-child+html body{font-size:150%;}
* html body{vertical-align:baseline;}

h1, h2, h3, h4, h5, h6, table, p, ul, ol, dl, .box1, .box2 {font-size:88%;line-height:1.4;}
ul li, ol li{list-style-type:none;}
table tr th, table tr td{line-height:1.6;text-align:left;vertical-align:top;}
hr{display:none;}
em, strong{font-weight:bold;color:#0f0f0f;}

/* object,embed{vertical-align:top;} */
img{vertical-align:top;}
img{border:0;}
a{outline:none;color:#606060;}
a:link, a:visited{text-decoration:underline;}
a:visited{}
a:hover{text-decoration:none;}
a:active{}
a.tap-button {
    color: rgba(68, 68, 68, 0.68);
    background-color: rgba(68, 68, 68, 0.19);
    display: inline-block;
    padding: 8px 16px;
    border: dotted 1px rgba(68, 68, 68, 0.69);
    border-radius: 30px;
    margin: 10px auto;
    text-decoration:none;
}

div#wrapper, div#contents, div#footer{width:100%;min-width:990px;}
div#wrapper, div#footer{position:relative;}
div.inner{position:relative;text-align:left;margin:0 auto;}


div.inner, div.section{min-height:1%;}
div.inner:after, div.section:after{content:".";display:block;font-size:0px;height:0px;clear:both;visibility:hidden;}
* html div.inner, * html div.section{height:1%;}

body div#unsupportedie{color:#909090;background:#000000;}

/* header */
div#header{width:100%;min-width:990px;position:relative;z-index:100;background:url(img/bg_header_darkbluenavy.jpg) repeat-x;}
div#header *{margin:0;padding:0;border:0;outline:none;}
div#header div.inner{width:1000px;height:137px;position:relative;background:#000000 url(img/bg_header_inner_darkbluenavy.jpg) no-repeat;margin:0 auto;}
div#header div.inner *{position:absolute;top:0;left:0;}
div#header div.inner p.logo{top:21px;}
div#header div.inner div.phone{width:229px;height:68px;top:28px;left:762px;}
div#header div.inner a{display:block;}
div#header div.inner h1 a, div#header div.inner p.logo a{cursor:pointer;}

/* globalnavi */
/* globalnavi background */ 
body div#wrapper{}
div#globalnavi {background:#000000 url(img/gnavi_bg.jpg) repeat-x;z-index:20;}
ul#navi_menu{width:1000px;height:71px;padding:0;position:relative;margin:0 auto;}
ul#navi_menu li{display:block;float:left;} /* liタグの中でaタグを使い且つfloatを指定すると、IE6,7で段々下にずれる。
aタグには display:blockとwidth、heightなどの指定をし、liタグにfloatを指定することで解決。bugfix IE7 */
ul#navi_menu li a{display:block;width:200px;height:71px;background:url(img/gnavi_menu.jpg) no-repeat;
fonti-size:1px;line-height:1px;text-indent:-9999px;vertical-align:top;}
#navi_menu li#menu01 a{background-position:0 0;}
#navi_menu li#menu01 a:hover{background-position:0 -71px;}
#navi_menu li#menu02 a{background-position:-200px 0;}
#navi_menu li#menu02 a:hover{background-position:-200px -71px;}
#navi_menu li#menu03 a{background-position:-400px 0;}
#navi_menu li#menu03 a:hover{background-position:-400px -71px;}
#navi_menu li#menu04 a{background-position:-600px 0;}
#navi_menu li#menu04 a:hover{background-position:-600px -71px;}
#navi_menu li#menu05 a{background-position:-800px 0;}
#navi_menu li#menu05 a:hover{background-position:-800px -71px;}

/* anim */
#anim{background:#ede197;z-index:25;}
#anim div.inner{width:1000px;height:413px;overflow:hidden;padding:0;position:relative;margin:0 auto;}
/* div#anim *{background-color:#000000;} */
#anim:after{content:'';}
#anim img, #anim p, #anim h2{position: absolute;}
#anim img{opacity: 0;
    -moz-opacity: 0; /*for Firefox*/
    filter: alpha(opacity=0); /*for IE*/
}
#anim img#anim_text_4 { z-index:1340; }
#anim img#anim_text_3 { z-index:1330; }
#anim img#anim_text_2 { z-index:1320; }
#anim img#anim_text_1 { z-index:1310; }
#anim img#text_bg_4 { z-index:1240; }
#anim img#text_bg_3 { z-index:1230; }
#anim img#text_bg_2 { z-index:1220; }
#anim img#text_bg_1 { z-index:1210; }
#anim img#anim_bg_5 { z-index:1050; }
#anim img#anim_bg_4 { z-index:1040; }
#anim img#anim_bg_3 { z-index:1030; }
#anim img#anim_bg_2 { z-index:1020; }
#anim img#anim_bg_1 { z-index:1010; }

/* still */
div#still{background:#ede197;z-index:25;}
div#still div.inner{width:1000px;height:413px;overflow:hidden;padding:0;position:relative;margin:0 auto;}
/* stillbottom */
div#stillbottom{background:#707070 url(img/bg_still_bottom_spacing.png) repeat-x;z-index:20;}
div#stillbottom div.inner{width:1000px;padding:0;position:relative;margin:0 auto;}
div#stillbottom *{color:#000000;}

/* contents includes side & centermain */
/* div#contents{z-index:10;background:url(img/wrapper_bg_x.jpg) #49545f repeat-x;} ***orig */
div#contents{z-index:10;background:url(img/wrapper_bg_x_cream_gradation.jpg) #ffffff repeat-x;}

div#contents div.inner{width:1000px;padding:0;position:relative;margin:0 auto;}
body div#title h1, body div#title ul.menu{position:relative;}

/* side (ミニコラム)*/
.side{width:320px;position:relative;float:left;margin:0 0 0 0;padding:30px 0 0 0;}
.side .cpanelcap{width:290px;height:43px;background:url('img/side_cpanelcap.png') no-repeat;float:left;margin:0;padding:0;}
.side .cpanelwrap{width:290px;background:url('img/side_cpanelwrap.png') repeat-y;float:left;margin:0;padding-bottom:1px;}
.side .cpanelsock{width:290px;height:33px;background:url('img/side_cpanelsock.png') no-repeat;float:left;margin:0;padding:0;}

.side .cpanelwrap h2{display:block;width:260px;height:35px;background:url('img/side_cpanelbutton.png');
/* line-height:40px; */
/* font-family: "myraid pro", "tahoma", Geneva, sans-serif;color: #b7987b; */
margin-bottom:1px;
}
.side .cpanelwrap a{display:block;margin:0 0 0 38px;padding-top:6px;color:#676767;text-decoration:none;
font-size: 17px;letter-spacing:2px;text-shadow:1px 1px 0 #000000;
}
.side .boshu a{padding:0;margin:0;width:260;margin-right:30px;}
.side .boshu a.first{margin-top:-43px;border-top:#6f6f6f solid 1px;}
.side .boshu a.second img{border-top:#6f6f6f solid 1px;}
.side .cpanelwrap a:hover, .side .cpanelwrap p a:hover{ color: #fff; text-decoration:none; }


/* centermain (メインコンテンツ) */
.centermain{width:680px;float:left;margin:30px 0 0 0;color:#646464;}
.centermain .contentcap{width:680px;height:28px;background:url('img/centermain_contentcap.png') no-repeat;float:left;margin:0;padding:0;}
.centermain .contentwrap{width:600px;background:url('img/centermain_contentwrap.png') repeat-y;float:left;margin:0;padding:0 55px 0 25px;}
.centermain .contentsock{width:680px;height:31px;background:url('img/centermain_contentsock.png') no-repeat;float:left;margin:0;padding:0;}

.centermain h3{display:block;
border-top:1px none #a7d37e;
border-bottom:1px dotted #a7d37e;
padding:6px 0 2px 30px;
margin:-8px 0 16px 0;color: #7ccf48;}
.centermain h3 a{color:#7ccf48;}
.centermain img.ribbon{padding-left:0;margin-left:-49px;}
.centermain img.tab{padding-left:0;margin-left:0px;margin-bottom:2em;}
.centermain h5{display:block;font-size:14px;color:#000000;
margin-bottom:10px;border-bottom:1px solid #777;padding-bottom:2px;}
.centermain h6{margin-bottom: 10px;color: #000;}
.centermain p{margin-bottom: 1.2em;}

.centermain span.kamoku{display:inline-block;width:100px;}
.centermain ul li {line-height: 20px;}
.centermain ul {margin-bottom: 18px; margin-left: 18px; list-style: square;}

.centermain img.photo{display:block;width:400px;float:left;padding-right:10px;}
.centermain p.photonotes{margin:10px;}

.centermain img.rphoto{display:inline;float:right;padding-left:10px;}
.centermain p.rphotonotes{margin:10px;}

/* .centermain p img{display:inline;} */

.centermain p.kyujinphoto{width:425px;float:left;position:relative;}
.centermain div.kyujinnotes{width:265px;float:left;margin:6px 8px 5px 0;}
.centermain img.timetable{margin-bottom:10px;}
.centermain .sitemap .one{width:290px;float:left;}
.centermain .sitemap .two{width:290px;float:right;}
.centermain .sitemap a:link{color:#44c;text-decoration:underline;}
.centermain .sitemap a:visited{color:#884;text-decoration:underline;}
.centermain .sitemap a:hover{text-decoration:none;}
.centermain .sitemap a:active{text-decoration:none;}

.centermain .biz-hour{border-collapse:collapse;font-size:100%;margin:0 15px;}
.centermain .biz-hour th{ border-top: 1px solid #A28C63;}
/* ２番目以降の線 */ /* 色はお好みで */
.centermain .biz-hour th, .centermain .biz-hour td { padding: 10px 20px; text-align: center;
  border-bottom: 1px solid #A28C63;
}

/* 上段の背景色 */
.centermain .biz-hour th {/* background: pink; */
  font-weight: normal;}
/* 土曜日の文字色 */
.centermain .biz-hour th.sat{color: #3db2da; }
/* 日曜日の文字色 */
.centermain .biz-hour th.sun{color: #e66a6a; }

/* span class=red の赤色 */
.centermain span.red{color: #e66a6a; }

img.rarrow{padding-top:3px;}

.clearfloat{clear:both;}

* html body div.header h2{height:1%;}
body div.header h2 span{font-size:87.5%;font-weight:normal;}

* html .side{height:1%;}

/* footer */
div#footer{z-index:10;background:url(img/bg_footer.png) repeat-x;margin:-7px 0 0 0;padding:7px 0 0 0;}
div#footer *{font-size:12px;line-height:18px;color:#a5a5a5;}
div#footer div.inner{width:1000px;height:107px;background:url(img/bg_footer_inner.png) no-repeat;}
div#footer p.logo{width:74px;float:left;padding:12px 0 0 0;}
div#footer div.inner div.clinicname{width:230px;float:left;padding:40px 0 0 28px;}
div#footer div.inner div.clinicname p.hojin{font-size:17px;}
div#footer div.inner div.clinicname p.clinic{font-size:22px;padding:5px 0 0 0;}
div#footer .footnotes{width:620px;float:left;padding:31px 0 0 18px;}
div#footer .smartphone{width:20px;float:left;padding:31px 0 0 1px;}
div#footer .smartphone img{width:100%; padding: 10px 0 0 0px;}

.arrow {
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: '';
vertical-align: middle;
}
.sample4-1::before{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #7a0;
}
.sample5-2::before{
left: 3px;
width: 14px;
height: 14px;
border-top: 3px solid #848484;
border-right: 3px solid #848484;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



#slideout {
    display: none;
    position: fixed;
    width: 258px;
    height: 59px;
    bottom: 2%;
    right: 0px;
    padding: 0px 0px 0px 40px;
    background-color: #CAE9FF;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    color: #000;
    -webkit-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
    border:1px solid #cccccc;
    z-index: 1500;
}
#clickme {
    position: absolute;
    top: -1px; /* 0; */
    left: -1px; /* 0; */
    width: 38px;
    height: 59px; /* 58px; */
    cursor: pointer;
    background-color: #fbe935;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
    -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
    -webkit-background-size: 5px 5px;
    /* background-color: #ECECEC; */
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent)); */
    /* -webkit-background-size: 10px; */
    display: block;
    border-radius:0px 10px 10px 0px;
    -webkit-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
    border:1px solid #cccccc;
}

p#slidecontent {
    position: absolute;
    top: 0;
    left: 38px;
    float:left;
    margin: 0;
    padding: 7px 10px 8px 20px;
}
#slidecontent a {
    padding: 12px 5px;
    color: #000;
    font-size: 120%;
    line-height: 150%;
    text-decoration: none;
}
body#index {
    overflow-x: hidden;
}
#clickme .arrow {
    padding: 60px 28px 0px 0px;
}