@charset "utf-8";
/*
Theme Name: ホスピタテンプレート(黒)
Theme URI: http://hospita.jp/
Description: <a href="http://hospita.jp/" target="_blank">ホスピタ</a> によるテンプレート
Version: 1.0
Author: ホスピタ
Author URI: http://hospita.jp/
Tags: black
Text Domain: hospita
*/


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
[YUI Font Size Adjustment]
10px - 77%		11px - 85%		12px - 93%		13px - 100%
14px - 108%		15px - 116%		16px - 123.1%	17px - 131%
18px - 138.5%	19px - 146.5%	20px - 153.9%	21px - 161.6%
22px - 167%		23px - 174%		24px - 182%		25px - 189%
26px - 197%
*/



/*---------------------------------------------------
共通設定
---------------------------------------------------*/

body{
margin:0;
padding:0;
font-family:Meiryo,MS PGothic, Osaka;
text-align:center;
color:#434343;

}
body.home{background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/06/back.png);
background-repeat:repeat-x;

}
body.page{background-image:url(
http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/07/page_back.png);
background-repeat:repeat-x;
}

.c:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.c{display:inline-block;}
* html .c{height:1%;}
.c{display:block;}



#page{
width:840px;
margin:0 auto;
padding:0;
text-align:left;

}

.pagetop{
width:820px;
height:20px;
text-align:right;
margin:20px 0 0 0;
}
.pagetop img{
border:0;
}

.pagetop02{
width:820px;
height:20px;
text-align:right;
margin:3px 0 10px 0;
}
.pagetop02 img{
border:0;
}
.komidashi{color:#306dcf; font-weight:bold;font-size:116%; margin-left:18px; margin-bottom:15px;}
.imp{color:#b1332d;}
a:link{ color:#1c4e8f; text-decoration:underline;}
a:visited{ color:#1f7751; text-decoration:underline;}
a:hover{ color:#1f7751; text-decoration:none;}
a:active{ color:#1f7751; text-decoration:none;}

/*---------------------------------------------------
ヘッダ
---------------------------------------------------*/

#header .description{
margin:0;
padding:3px 0 5px 10px;
font-size:80%;
font-weight:normal;
line-height:100%;
color:#306dcf;

text-align:right;
}

#header .left{
width:500px;
float:left;
margin-left:6px;
}

#header .right{
width:330px;
float:right;
}

/* ロゴ */
#header .logo img{
border:0;
}

/* 検索フォーム */
#header .right form{
margin:0;
padding:5px 2px 0 0;
text-align:right;
}

#header .right form input{
font-size:93%;
}

/* フリーエリア */
#header #head_free{
margin:8px 2px 0 0;
font-size:93%;
float:right;
}

#header #head_free p{
margin:0;
padding:0;
}


/*---------------------------------------------------
グローバルナビゲーション
---------------------------------------------------*/

#global-navi{
margin:5px 0 0 0;
padding:0;
position: relative;
z-index: 10;

}

#global-navi .pagenav{

}
#global-navi .page_item{
}
#global-navi .current_page_item{
}
#global-navi .current_page_parent{
}
#global-navi .current_page_ancestor{
}

/* Superfish設定 */

/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu li,
.sf-menu a{
margin:0;
padding:0;
list-style:none;
}
.sf-menu{
line-height:1.0;
}
.sf-menu ul{
position:absolute;
top:-999em;
width:10em;/* left offset of submenus need to match (see below) */
}
.sf-menu ul li{
width:100%;
}
.sf-menu li:hover{
visibility:inherit;/* fixes IE7 'sticky bug' */
}
.sf-menu li{
float:left;
position:relative;

}
.sf-menu a{
display:block;
position:relative;
text-align:left;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
left:0;
top:35px;/* 最上メニューの縦幅に合わせる */
z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{
top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{
left:10em;/* match ul width */
top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{
left:10em;/* match ul width */
top:0;
}

/*** DEMO SKIN ***/

.sf-menu a {
height:35px;
line-height:35px;
border-left:1px solid #a9b7ce;
border-top:1px solid #fff;
padding:0 10px;
font-size:100%;
text-decoration:none;
background-image:url(images/global_navi.png);
background-repeat:repeat-x;
background-position:0 0;

}
.sf-menu .first{
border-left:0;
}
.sf-menu a,
.sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/
color:#000;
}
.sf-menu li li{
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/07/navi_sub02.png);
background-position:0 0;
}
.sf-menu li li li {
background-color:#666;
}
.sf-menu a:hover{
outline:0;
background-position:0 -35px;
}

.sf-menu ul a{
height:30px;
line-height:30px;
font-size:93%;
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/07/navi_sub.png);
background-position:0 0;
width:180px;
}
.sf-menu ul a:hover{
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/07/navi_sub02.png);
background-position:0 0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right:2.25em;
min-width:1px;/* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url('images/arrows-ffffff.png') no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator{/* give all except IE6 the correct values */
top:.8em;
background-position:0 -100px;/* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator{
background-position:-10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{
background-position:-10px 0;
}
.sf-menu ul a > .sf-sub-indicator{
background-position:0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator{
background-position:-10px 0;/* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul{
background:url('images/shadow.png') no-repeat bottom right;
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
}
.sf-shadow ul.sf-shadow-off{
background: transparent;
}


/*---------------------------------------------------
フッタ
---------------------------------------------------*/

#footer{
margin:0 0 5px 0;
padding:10px 0 20px 0;
border-bottom:#306dcf solid 4px;

}

/* フッタナビゲーション */
#footer .footer-menu a:link{ color:#646464; text-decoration:underline;}
#footer .footer-menu a:visited{ color:#646464; text-decoration:underline;}
#footer .footer-menu a:hover{ color:#fff; text-decoration:none;background-color:#c5c4c4;}
#footer .footer-menu a:active{ color:#fff; text-decoration:none;background-color:#c5c4c4;}

#footer .footer-menu{
margin:0 5px 20px 5px;
padding:10px 0 10px 0;
border-bottom:1px solid #ddd;
border-top:1px solid #ccc;
width:840px;
}

#footer .footer-menu ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
}

#footer .footer-menu li{
margin:0 10px;
display:inline;
font-size:98%;
line-height:100%;
}


/* コピーライト */

#footer .copyright{
padding:0 20px;
font-size:77%;
font-family:Verdana,MS PGothic,Osaka;
color:#777;
line-height:100%;
}

#footer .copyright .left{
width:400px;
float:left;
}

#footer .copyright .right{
width:400px;
float:right;
text-align:right;
}
#footer .copyright .right a:link{ color:#7b1a7a; text-decoration:underline;}
#footer .copyright .right a:visited{ color:#7b1a7a; text-decoration:underline;}
#footer .copyright .right a:hover{ color:#7b1a7a; text-decoration:none;background-color:transparent;}
#footer .copyright .right a:active{ color:#7b1a7a; text-decoration:none;background-color:transparent;}

#footer .copyright .left a:link{ color:#646464; text-decoration:underline;}
#footer .copyright .left a:visited{ color:#646464; text-decoration:underline;}
#footer .copyright .left a:hover{ color:#fff; text-decoration:none;background-color:#c5c4c4;}
#footer .copyright .left a:active{ color:#fff; text-decoration:none;background-color:#c5c4c4;}

/*---------------------------------------------------
コンテンツ
---------------------------------------------------*/

#wrapper{
margin:0;
padding:15px 0;


}

/* ヘッダイメージ */

#header_image{
width:100%;
overflow:hidden;
position:relative;
z-index: 1;
height:123px;
}

#header_image h1{
margin:0;
padding:0;
font-size:108%;
}

#header_image img{
position:absolute;
top:0px;
left:0px;

}


/* ヘッダタイトル */

#header_title{
margin:0;
padding:0;
clear:both;

}

#header_title h1{
margin:0;
padding:0;
position:relative;
overflow:hidden;
}

#header_title img{
position:absolute;
top:0px;
left:0px;

}



/*---------------------------------------------------
単一ページ
---------------------------------------------------*/

/* コンテンツ */

body.page #content{

}

body.page #content .entry p{
font-size:108%;
line-height:140%;
color:#333;
}

body.page #content .entry h2{
margin:0;
padding:12px 0;
font-size:138.5%;
font-weight:normal;
line-height:100%;
color:#000;
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/07/midashi.png);
background-repeat:no-repeat;
background-position:0 0;
width:820px;
height:41px;
text-indent:25px;

}

body.page #content .entry h3{
margin:15px 0 20px 0;
padding:8px 10px;
font-size:123.1%;
font-weight:normal;
color:#333;
line-height:100%;
background-color:#d7dfed;
border-top:1px solid #c9cfd7;
border-bottom:1px solid #ddd;
clear:both;
}

body.page #content .entry h4{
margin:0 0 20px 0;
padding:0 0 3px 5px;
font-size:123.1%;
font-weight:bold;
color:#333;
line-height:100%;
border-bottom:1px solid #999;
}

body.page #content .entry ul,
body.page #content .entry ol{
margin:10px 0;
padding:0 0 0 2.0em;
font-size:108%;
color:#333;
}

/* パンクズ */
.kuzu{margin-bottom:12px; margin-left:3px;}





/*---------------------------------------------------
ブログページ
---------------------------------------------------*/

body.blog-page #content{
width:570px;
float:left;
}

body.blog-page #sidebar{
width:180px;
float:right;
}


/* アーカイブページ */
body.archive{background-image:url(
http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/07/page_back.png);
background-repeat:repeat-x;
}

body.archive #content h2{
margin:0 0 20px 0;
padding:7px 10px 5px 0;
font-size:138.5%;
line-height:100%;
background-color:#e5eaf1;
border-left:#9cbce8 solid 7px;
width:620px;
font-weight:normal;
}

body.archive #content .posts{
width:620px;

}

body.archive #content .post{
margin:0 0 40px 0;
padding:10px 0 0 0;
border-top:1px solid #333;
}

body.archive #content .post .date{
width:55px;
float:left;
font-family:Arial,MS PGothic,Osaka;
text-align:center;
color:#444;
}

body.archive #content .post .date .year{
font-size:93%;
font-weight:bold;
line-height:110%;
}
body.archive #content .post .date .day{
font-size:46px;
font-weight:bold;
line-height:90%;
letter-spacing:-2px;
}
body.archive #content .post .date .time{
font-size:77%;
line-height:100%;
}

body.archive #content .post .inner{
margin:0 0 0 80px;
}

body.archive #content .post h3{
margin:0 0 5px 0;
padding:0;
font-size:123.1%;
line-height:120%;
}

body.archive #content .post .entry{
margin:0 0 0 0;
padding:0;
font-size:108%;
line-height:130%;
color:#444;
}



body.archive #content .navi{
margin:30px 0 0 0;
}

body.archive #content .navi div{
width:100px;
}

body.archive #content .navi .new{
float:left;
}
body.archive #content .navi .old{
float:right;
text-align:right;
}

body.archive #content .navi a{
padding:3px;
text-decoration:none;
color:#4d4d4e;
border:1px solid #999;
}

body.archive #content .navi a:hover{
color:#4d4d4e;
border:1px solid #444;
background-color:#ddd;
}


/* 記事ページ */
body.single{background-image:url(
http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/07/page_back.png);
background-repeat:repeat-x;
}
body.single #content h1{
margin:0 0 20px 0;
padding:7px 10px 0 8px;
font-size:138.5%;
line-height:100%;
background-color:#e5eaf1;
border-left:#9cbce8 solid 7px;
width:620px;
font-weight:normal;
}



body.single #content .date{
margin:0 0 0 0;
padding:0 0 15px 0;
font-size:93%;
line-height:100%;
color:#555;
border-bottom:1px solid #ddd;

}

body.single #content .entry{
margin:0 0 20px 0;
padding:0 0 0 0;
font-size:108%;
line-height:140%;
color:#333;
width:620px;
}



/*---------------------------------------------------
サイドバー
---------------------------------------------------*/

body.blog-page #sidebar .widget{
margin:0 0 20px 0;
border:1px solid #ced7e6;
}

body.blog-page #sidebar .widget h2{
margin:0;
padding:3px 10px;
font-size:108%;
font-weight:normal;
line-height:120%;
background-color:#e5eaf1;

border:1px solid #fff;
}

body.blog-page #sidebar .widget .inner{
margin:0;
padding:10px;
border-top:1px solid #ced7e6;
}

body.blog-page #sidebar .widget ul{
margin:0;
padding:0 0 0 1.5em;
}

body.blog-page #sidebar .widget ul li{
margin:5px 0;
padding:0;
}

body.blog-page #sidebar .widget ul li a{
font-size:93%;
line-height:120%;
}

body.blog-page #sidebar .widget ul ul{
margin:0;
padding-bottom:1px;
}


/* サイドフリーエリア */

body.blog-page #sidebar .side_free{
margin:0 0 20px 0;
padding:0;
}


/*---------------------------------------------------
トップページ
---------------------------------------------------*/
body.home #visual{
margin-:0;
padding:0;
width:840px;
}



/* 挨拶・お知らせ・新着 */
body.home .top_defo{
margin:0;
padding:0;
width:575px;
float:left;
}

/* ウェルカムエリア */

body.home #welcome{
margin:0 0 13px 0;
padding:0;
border:1px solid #a9b7ce;
width:600px;
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/06/top_goaisatsu03.jpg);
repeat:no-repeat;
position:top;
}

body.home #welcome h2{
margin:5px 0 1px 5px;
padding:8px 10px;
font-size:153.9%;
text-indent:-9999px;
line-height:100%;
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/06/top_goaisatsu.png);
background-repeat:no-repeat;

}

body.home #welcome .inner{
margin:0;
padding:2px 10px 10px 10px;
font-size:108%;
line-height:140%;
}

body.home #welcome .inner p{
margin:0;
padding:8px 0 0 0;
}


/* トップ表示記事 */

body.home #top-entry{
margin:10px 0 8px 0;
padding:0;
border:1px solid #a9b7ce;
width:600px;
}

body.home #top-entry h2{
margin:3px 0 0 5px!important;
padding:8px 10px 0 10px;
text-indent:-9999px;
line-height:100%;
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/08/top_info.png);
background-repeat:no-repeat;
background-position:0 0;
}

body.home #top-entry .inner{
margin:0 0 10px 0;
padding:0px 20px 10px 12px;
overflow:auto;
height:140px;
}

body.home #top-entry .post{
margin:0 0 0 0;
padding:15px 0 0 0;
}

body.home #top-entry .post h3{
margin:0 0 3px 0;
padding:0 0 0 20px;
font-size:108%;
line-height:120%;
background-image:url(images/arrow1.png);
background-repeat:no-repeat;
background-position:0px 50%;
font-weight:normal;
}

body.home #top-entry .post .entry p{
margin:0;
padding:0 0 0 18px;
font-size:108%;
color:#000;
line-height:140%;
}

body.home #top-entry .post .more{
margin:0;
padding:5px 0 0 28px;
font-size:93%;
line-height:100%;
}


/* メッセージ・更新情報 */

body.home #middle{
margin:10px 0 0 0;
width:600px;
border:1px solid #a9b7ce;
height:210px;
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/06/top_inback.png);
repeat:no-repeat;
position:bottom;
}

/*
body.home #middle .left,
body.home #middle .right{
width:380px;
float:left;
border:1px solid #ccc;
}

body.home #middle .right{
float:right;
}
*/

body.home #middle h3{
margin:3px 0 3px 5px;
padding:8px 10px;
text-indent:-9999px;
line-height:100%;
background-image:url(http://www.higashiohsawa.jp/wp/wp-content/uploads/2010/08/top_blog.png);
background-repeat:no-repeat;
background-position:0 0;

}

body.home #middle .inner{
margin:0;
padding:0 10px 5px 10px;
height:160px;
overflow:auto;
}

/* 院長メッセージ */

body.home #middle .left .inner p{
margin:0;
padding:8px 10px 0 10px;
font-size:108%;
line-height:130%;
}


/* 更新情報 */

body.home #middle .right dl{
margin:0;
padding:0;
}

body.home #middle .right dl dt,
body.home #middle .right dl dd{
font-size:116%;
line-height:130%;
}

body.home #middle .right dl dt{
width:85px;
margin:0;
padding:0;
float:left;
clear:left;
color:#666;
}
body.home #middle dl dt{
float:left;
}
body.home #middle dl dd{
margin:0 0 8px 0;
padding:0 0 8px 85px;
border-bottom:1px dotted #ccc;
font-size:108%;
}

/* フリーエリア */

/* 地図・時間 */
body.home #top_free{
margin:0 0 0 0;
padding:10px 10px 10px 10px;
font-size:108%;
line-height:130%;
width:200px;
height:700px;
background:#dfe8f2;
float:right;
}
.photo img{float:right;margin-left:5px;margin-bottom:5px;}
#center{width:610px;}
#center img{margin:0 5px 5px 0;}

.waku{
margin:0 0 13px 0;
padding:10px;
border:1px solid #a9b7ce;
width:820px;
background-color:#fff;
}
.waku table,.waku p{margin:0 7px 10px 18px;}
.waku ul li{margin:0 7px 6px 20px;}
.waku ol li{margin:0 7px 10px 20px;}
#page_time th{text-align:center;}
.emphasis01{color:#ba3737;}
.emphasis02{color:#086d08;}
.emphasis03{color:#b9aa00;}
#page_shikkan #bui td{border:#cbd1db solid 1px;text-align:center;padding:5px 0;}
#page_shikkan {margin-left:30px;}
.photo img{float:right;}
/* 院内紹介*/
#clinic{width:820px;
}
#clinic .left table{float:left; margin-left:40px;}
#clinic img{margin-top:3px;margin-bottom:25px;}
#clinic .right table{float:left; margin-left:40px;}
#clinic .midashi{border-bottom:#cbd1db dotted 2px; font-weight:bold;}
/*================
clearfix
================*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}