@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;
}

.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;
border-style:solid;
border-color:#ccc;
border-width:0 1px 1px 1px;
}




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

#header .description{
margin:0;
padding:3px 10px;
font-size:93%;
font-weight:normal;
line-height:100%;
color:#666;
border-bottom:1px solid #ccc;
}

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

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

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

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

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

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

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


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

#global-navi{
margin: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;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
left:0;
top:25px;/* 最上メニューの縦幅に合わせる */
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:25px;
line-height:25px;
border-left:1px solid #666;
border-top:1px solid #666;
padding:0 10px;
font-size:100%;
text-decoration:none;
background-color:#006600;
text-align:center;
}
.sf-menu .first{
border-left:0;
}
.sf-menu a,
.sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/
color:#fff;
}
.sf-menu li li{
background-color:#006600;
}
.sf-menu li li li {
background-color:#006600;
}
.sf-menu a:hover{
outline:0;
background-position:0 -30px;
}

.sf-menu ul a{
height:25px;
line-height:25px;
font-size:93%;
background-image:none;
background-color:#006600;
}
.sf-menu ul a:hover{
background-color:#009900;
}

/*** 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:30px 0 0 0;
padding:10px 0 20px 0;
border-top:1px solid #ccc;
}

/* フッタナビゲーション */

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

#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;
}



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

#wrapper{
margin:0;
padding:30px;
}


/* ヘッダイメージ */

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

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

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


/* ヘッダタイトル */

#header_title{
margin:0;
padding:0px 0px;
clear:both;
border-bottom:0px solid #999;
}

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

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



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

/* コンテンツ */

body.page #content{

}

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

body.page #content .entry h2{
margin:0 0 20px 0;
padding:8px 10px;
font-size:108%;
font-weight:bold;
color:#fff;
line-height:100%;
background-image:url(images/headline1.png);
background-repeat:repeat-x;
background-position:0 0;
border-bottom:1px solid #555;
}

body.page #content .entry h3{
margin:0 0 20px 0;
padding:8px 10px;
font-size:123.1%;
font-weight:bold;
color:#333;
line-height:100%;
background-image:url(images/gradation1.png);
background-repeat:repeat-x;
background-position:0 -50px;
border-top:1px solid #999;
border-bottom:1px solid #ddd;
}

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;
}






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

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

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


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

body.archive #content h2{
margin:0 0 20px 0;
padding:8px 10px;
font-size:108%;
font-weight:bold;
color:#fff;
line-height:100%;
background-color:#006600;
border-bottom:0px solid #555;
}

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:108%;
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 0 15px 0;
padding:0;
line-height:108%;
color:#333;
font-size:108%;
}

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;
padding:0;
}


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

body.home #welcome{
margin:0 0 20px 0;
padding:0;
border:0px solid #ccc;
}

body.home #welcome h2{
margin:0;
padding:8px 10px;
font-size:108%;
font-weight:bold;
color:#000;
line-height:100%;
background-color:#fff;
border-bottom:0px solid #555;
}

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:0 0 20px 0;
padding:1px;
border:1px solid #ccc;
}

body.home #top-entry .inner{
margin:0 0 0 0;
padding:0px 30px 15px 30px;
xxxbackground-image:url(images/gradation1.png);
background-repeat:repeat-x;
background-position:0 -80px;
}

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:108%;
line-height:120%;
background-image:url(images/arrow1.png);
background-repeat:no-repeat;
background-position:0px 50%;
}

body.home #top-entry .post .entry p{
margin:0;
padding:0 0 0 18px;
font-size:100%;
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:0 0 0 0;
}

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

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

body.home #middle h3{
margin:0 0 0 0;
padding:8px 10px;
font-size:100%;
font-weight:bold;
color:#fff;
line-height:100%;
xxxbackground-color:#006600;
background-repeat:repeat-x;
background-position:0 0;
xxxborder-bottom:1px solid #555;
}

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

body.home #middle h4{
margin:0 0 0 0;
padding:8px 10px;
font-size:100%;
font-weight:bold;
color:#fff;
line-height:100%;
background-color:#006600;
background-repeat:repeat-x;
background-position:0 0;
xxxborder-bottom:1px solid #555;
}

/* 院長メッセージ */

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 .right dl dd{
margin:0 0 8px 0;
padding:0 0 8px 85px;
border-bottom:1px dotted #ccc;
}


/* フリーエリア */

body.home #top_free{
margin:20px 0 0 0;
font-size:108%;
line-height:130%;
}