@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:108%;}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;
color:#2e2e2e;
text-align:center;
background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/back.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#f7f4f1;
}

.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:#156040; text-decoration:underline;}
a:visited{ color:#156040; text-decoration:underline;}
a:hover{ color:#fff; text-decoration:none;background-color:#156040;}
a:active{ color:#fff; text-decoration:none;background-color:#156040;}

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

}

.pagetop{
width:850px;
text-align:right;
padding:20px 0 15px 0;
background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/waku.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:0;
padding:13px 10px 3px 10px;
font-size:77%;
font-weight:normal;
line-height:100%;
color:#fff;
text-align:right;
}

#header .left{
width:500px;
float:left;
margin-top:19px;
margin-left:10px;
}

#header .right{
width:330px;
float:right;
}
#header .logo a:hover{background-color:transparent;}
#header .clogo a:active{background-color:transparent;}
/* ロゴ */

#header .logo img{
border:0;
}

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

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

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

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


/*---------------------------------------------------
グローバルナビゲーション
---------------------------------------------------*/
#global-naviwaku{background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/navi_waku.gif);
background-repeat:no-repeat;}
#global-navi{
margin:0 5px;
padding-top:5px;
position: relative;
font-size:90%;
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:center;
}
.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 #666;
border-top:1px solid #666;
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:#fff;
}
.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:#500000;
}
.sf-menu ul a:hover{
background-color:#7d5354;
}

/*** 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;
}
/*---------------------------------------------------
ページ下部
---------------------------------------------------*/
#bottom{background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/waku.gif);
background-repeat:repeat-y;}

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

#footer{
margin:0 0 5px 0;
padding:10px 0 20px 0;
background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/waku02.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 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;}


/*---------------------------------------------------
コンテンツ
---------------------------------------------------*/
#waku{background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/waku.gif);
background-repeat:repeat-y;}
#wrapper{
width:850px;
margin:0;
padding:15px;


}

/* ヘッダイメージ */

#header_image{
width:100%;
margin:0 5px 15px 5px;
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-left:5px;

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



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

/* コンテンツ */

body.page #content{


}
body.page #content .entry{margin-left:10px; width:790px;}

body.page #content .entry p{
font-size:108%;
line-height:140%;
margin:0 0 15px 15px;
}

body.page #content .entry ol li{

line-height:140%;
margin:0 0 15px 8px;
}

body.page #content .entry h2{
margin:0;
padding:15px 0 0 22px;
font-size:123.9%;
font-weight:normal;
line-height:100%;
background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/title_cate.png);
background-repeat:no-repeat;
background-position:0 0;
height:43px;
width:800px;
}

body.page #content .entry h3{
margin:20px 0 20px 7px;
padding:7px 10px 6px 5px;
font-size:123.1%;
font-weight:normal;
line-height:100%;
border-top:1px solid #d6d3d3;
border-bottom:1px solid #b1a4a4;
background-color:#eadede;
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;
}

body.page #content td{font-size:108%;}




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

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

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


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

body.archive #content h2{
margin:0 0 15px 0;
padding:15px 0 0 5px;
font-size:123.9%;
font-weight:normal;
line-height:100%;
background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/07/title_cate02.png);
background-repeat:no-repeat;
background-position:0 0;
width:620px;
height:43px;
}

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

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 #visual_flash_area{
margin-left:5px;
padding:0;

}

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

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

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

body.home #welcome h2{
margin:10px 0 10px 8px;
padding-bottom:5px;
text-indent:-9999px;
line-height:100%;
background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/top_welcome.jpg);
background-repeat:no-repeat;
background-position:0 0;
height:50px;
border-bottom:#1d543b dashed 1px;
}

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 #book{
margin:0 0 20px 0;
padding:0;
width:575px;
}

body.home #book h2{
margin:10px 0 10px 8px;
padding-bottom:5px;
text-indent:-9999px;
line-height:100%;
background-image:url(http://www.iinodc.com/wp/wp-content/uploads/2010/06/top_book.jpg);
background-repeat:no-repeat;
background-position:0 0;
height:40px;
width:575px;
}
.syoseki_title{color:#66090b; font-weight:bold;}
body.home #book .inner{
margin:0;
padding:2px 10px 10px 10px;
font-size:108%;
line-height:140%;
}

body.home #book .inner p{
margin:0;
padding:5px 0 0 5px;
font-size:83%;
}



/* トップ表示記事 */

body.home #top-entry{
margin:0 0 15px 0;
padding:0;
border:1px solid #ccc;
width:575px;
}

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

body.home #top-entry .inner{
margin:0 0 0 0;
padding:0px 30px 15px 30px;
background-image:url(images/gradation1.png);
background-repeat:repeat-x;
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:123.1%;
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: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 8px;
width:575px;
border:0px solid #ccc;
}

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

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

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

body.home #middle .inner{
margin:0 0 25px 0;
padding:10px;
height:80px;
overflow:auto;
background-color:#f5f3df;
}

/* 院長メッセージ */

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


/* フリーエリア */

/* 地図・時間 */
body.home #top_free{
margin:0 0 0 23px;
padding:0 10px;
font-size:108%;
line-height:130%;
width:200px;
height:auto;
background:#e9e8e6;
float:left;
}

/*================
clearfix
================*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.photo img{float:right; margin-left:5px;margin-bottom:5px;}
#concept{border:#156040 dotted 2px;padding:7px; disply:inline;background-color:#e9eceb;font-size:108%; width:540px; margin:0 0 10px 5px; font-size:115%; line-height:125%;}
.komidashi{color:#225237;}
.komidashi02{background-color:#efe9d9; margin-bottom:10px; padding:2px;}
.kuzu{margin-bottom:12px; margin-left:18px;}
/* 診療時間 */
#time_page{text-align:center; font-size:108%;}
#time_page th{text-align:center;font-weight:normal;}
#lecture_page{margin-left:15px;}
#lecture_page table{background-color:#e6dedf;}
#lecture_page th{text-align:left;background-color:#d7ebe0;font-weight:normal;}
.kamoku{background-color:#ede6d3; text-align:center;}
#link_page ul li,#topcate_page ul li{margin-bottom:10px;}
#price_page p{margin-left:15px;}
#price_page table,
#white_page table,
#ceramic_page table,
#laminate_page table,
#yobou_page table,
#yobou_page ul li,
#isyoku_page table,
#implant_page table{margin-left:15px;}

#kyouseib_page,#syskeisei_page,#syssaisei_page{margin-left:10px;}
.btm{margin-bottom:20px;}

#ical {
	font-family: Helvetica;
	background: white;
	text-align: center;
	background: url(http://www.iinodc.com/wp/wp-content/themes/hospita_black-3/img/body.png) repeat-x;
}

#ical table {
	border-collapse: separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;
	margin: 10px auto;
	font-size: 20px;
}
#ical td, #ical th {
	width: 81px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	background: url(http://www.iinodc.com/wp/wp-content/themes/hospita_black-3/img/cells.png);
	color: #444;
	position: relative;
        margin:0;
        padding:0;
}
#ical th {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}
#ical td:hover,#ical th:hover {
	background-position: 0px -81px;
	color: #222;
}
#ical td.date_has_event {
	background-position: 162px 0px;
	color: white;
}
#ical td.date_has_event:hover {
	background-position: 162px -81px;
}
#ical td.padding {
	background: url(http://www.iinodc.com/wp/wp-content/themes/hospita_black-3/img/calpad.jpg);
}
#ical td.today {
	background-position: 81px 0px;
	color: white;
}
#ical td.today:hover {
	background-position: 81px -81px;
}
#ical .events {
	position: relative;
}
#ical .events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(http://www.iinodc.com/wp/wp-content/themes/hospita_black-3/img/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
#ical .events li {
	padding-bottom: 5px;
}
#ical .events li span {
	display: block;
	font-size: 12px;
	text-align: justify;
	color: #555;
}
#ical .events li span.title {
	font-weight: bold;
	color: #222;
}