@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;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/06/back.png);
background-repeat:repeat-x;
color:#4b4b4b;
background-color:#fbf7ec;
}

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

a:link{ color:#e65e2e; text-decoration:underline;}
a:visited{ color:#e65e2e; text-decoration:underline;}
a:hover{ color:#fff; text-decoration:none;background-color:#e65e2e;}
a:active{ color:#fff; text-decoration:none;background-color:#e65e2e;}

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

}

.pagetop{
width:860px;
height:20px;
text-align:right;
padding:20px 0 15px 0;
margin:0;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/06/waku01.gif);
background-repeat:repeat-y;
}
.pagetop img{
border:0;
margin-right:20px;
}
.pagetop a:hover{background-color:transparent;}
.pagetop a:active{background-color:transparent;}
/*---------------------------------------------------
ヘッダ
---------------------------------------------------*/

#header .description{
margin:7px 0 0 0;
padding:3px 10px;
font-size:77%;
font-weight:normal;
line-height:100%;
color:#fff;

text-align:right;
}

#header .left{
width:500px;
float:left;
margin:11px 0 6px 3px;
}

#header .right{
width:330px;
float:right;
margin-top:5px;
}

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

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

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

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

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


/*---------------------------------------------------
グローバルナビゲーション
---------------------------------------------------*/
#global-naviwaku{background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/06/waku02.gif);
background-repeat:no-repeat;}
#global-navi{
margin:0 10px;
padding-top:10px;
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:40px;/* 最上メニューの縦幅に合わせる */
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:40px;
line-height:40px;
border-left:1px solid #b1b1ae;

padding:0 10px;
font-size:108%;
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:#574f42;
}
.sf-menu li li{
background-color:#555;
}
.sf-menu li li li {
background-color:#666;
}
.sf-menu a:hover{
outline:0;
background-position:0 -40px;
}

.sf-menu ul a{
height:30px;
line-height:30px;
font-size:93%;
background-image:none;
background-color:#f4d780;
}
.sf-menu ul a:hover{
background-color:#f3cc54;
}

/*** 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;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/06/waku021.gif);
background-repeat:no-repeat;
background-position:bottom;
}

/* フッタナビゲーション */
#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 10px 20px 10px;
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;}



/*---------------------------------------------------
コンテンツ
---------------------------------------------------*/
#waku{background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/06/waku01.gif);
background-repeat:repeat-y;}
#wrapper{
width:860px;
margin:0;
padding:20px;
}




/* ヘッダイメージ */

#header_image{
width:100%;
overflow:hidden;
position:relative;
z-index: 1;height:155px;
text-indent:-9999px;
}

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

#header_image img{
position:absolute;
top:0px;
left:0px;
background-color:#fff;
margin:3px 10px;
width:840px;

}


/* ヘッダタイトル */

#header_title{
margin:0;
padding:3px 10px;
clear:both;

}

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

#header_title img{
position:absolute;
top:0px;
left:0px;
background-color:#fff;
}



/*---------------------------------------------------
単一ページ
---------------------------------------------------*/
.photo img{float:right;margin-left:8px; margin-bottom:5px;}

/* コンテンツ */

body.page #content{
width:820px;



}

body.page #content .entry p{
margin:5px 5px 10px 10px;
}

body.page #content .entry h2{
margin:0;
padding:11px 10px 8px 10px;
text-indent:31px;
font-size:123.1%;
line-height:100%;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/07/title_cate.png);
background-repeat:no-repeat;
background-position:0 0;
height:45px;
}

body.page #content .entry h3{
margin:20px 0 0 0;
padding:8px 10px 1px 10px;
font-size:116%;
font-weight:normal;
color:#434343;
line-height:100%;
background-image:url(images/gradation1.png);
background-repeat:no-repeat;
height:35px;
clear:both;
}

body.page #content .entry h4{
margin:0 0 20px 0;
padding:0 0 3px 5px;

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 25px 10px;
padding:0 0 0 2.0em;

}
body.page #content .entry ul li,
body.page #content .entry ol li{
margin-bottom:5px;

}
body.page #content .entry {
font-size:116%;
color:#434343;
line-height:125%;
}
body.page #content .entry table {
margin:5px 10px 10px 10px;
}
/* 診療時間 */
#time_page td{text-align:center;}
#time_page th{text-align:center;font-weight:normal;}
.komidashi{color:#eb6100;}






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

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

body.blog-page #sidebar{
width:180px;
float:left;
margin-left:15px;
}


/* アーカイブページ */

body.archive #content h2{
padding:11px 10px 8px 10px;
text-indent:31px;
font-size:131%;
margin:0 0 20px 0;
line-height:100%;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/07/title_news02.png);
background-repeat:no-repeat;
background-position:0 0;
height:45px;
}

body.archive #content .posts{

}

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:#666;
border:1px solid #999;
}

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


/* 記事ページ */

body.single #content h1{
margin:0;
padding:11px 10px 8px 10px;
text-indent:31px;
font-size:138.5%;
line-height:100%;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/07/title_news02.png);
background-repeat:no-repeat;
background-position:0 0;
height:45px;
}

body.single #content .date{
margin:0 0 20px 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 0 0;
padding:0 0 0 0;
font-size:108%;
line-height:140%;
color:#333;
}



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

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

body.blog-page #sidebar .widget h2{
margin:0;
padding:3px 10px;
font-size:108%;
color:#333;
line-height:120%;
background-image:url(images/gradation1.png);
background-repeat:repeat-x;
background-position:0;
border:1px solid #fff;
}

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

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 10px;
padding:0;
padding-top:3px;
}

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

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

body.home #welcome{
margin:0 0 20px 0;
padding:0;
width:585px;

}

body.home #welcome h2{
margin:0;
padding:8px 10px;
text-indent:-9999px;
height:60px;
color:#fff;
line-height:100%;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/06/top_welcome.png);
background-repeat:no-repeat;

}

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

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

body.home #welcome .top_bnr_left{
float:left;
margin:7px 0 5px 6px;
}

body.home #welcome .top_bnr_right{
float:left;
margin:7px 0 5px 15px;
}

/* トップ表示記事 */

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

body.home #top-entry h2{
margin:0 0 0 0;
padding:0;
border:0;
height:45px;
}

body.home #top-entry .inner{
margin:0 0 0 0;
padding:0px 30px 15px 8px;
background-image:url(images/gradation1.png);
background-repeat:no-repeat;
background-position:0 -80px;
overflow:auto;
height:150px;
}

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

body.home #top-entry .post h3{
margin:0 0 5px 0;
padding:0 0 0 18px;
font-size:113.1%;
line-height:120%;
background-image:url(images/arrow1.png);
background-repeat:no-repeat;
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:585px;
background-image:url(images/gradation1.png);
background-repeat:no-repeat;
background-position:0 -80px;
}

/*
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:0 0 0 0;
padding:0;
font-size:123.1%;
line-height:100%;

}

body.home #middle .inner{
margin:0;
padding:10px;
height:150px;
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:108%;
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;
font-size:115%;
}

body.home #middle  dl dd{
margin:0 0 8px 0;
padding:0 0 8px 90px;
border-bottom:1px dotted #ccccc7;
font-size:115%;
}


/* フリーエリア */

/* 地図・時間 */
body.home #top_free{
margin: 0;
font-size:108%;
line-height:130%;
width:220px;
height:auto;
float:left;
}
body.home #top_free .time{
margin:0;
font-size:108%;
line-height:130%;
width:220px;
height:165px;
background-image:url(http://www.miyabayashi-hifu.jp/wp/wp-content/uploads/2010/06/topfree_b01.png);
background-repeat:no-repeat;
}
#top_free a:hover{background-color:transparent;}
#top_free a:active{background-color:transparent;}
/* パンクズ */
.kuzu{margin-bottom:12px; margin-left:5px;}
/* 院内紹介*/
#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:#d4d1ce 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;
  /**/
}