@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.touseki-clinic.com/wp/wp-content/uploads/2010/10/back.png);
background-repeat:no-repeat;background-color:#f7ecc9; border-bottom:#eda33b solid 5px;
}
body.home{background-image:url(http://www.touseki-clinic.com/wp/wp-content/uploads/2010/10/back.png);
background-repeat:no-repeat;background-color:#f7ecc9; border-bottom:#eda33b solid 5px;}
.c:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.c{display:inline-block;}
* html .c{height:1%;}
.c{display:block;}



#page{
width:976px;
margin:0 auto;
padding:0;
text-align:left;


}

.pagetop{
width:960px;
height:25px;
text-align:right;
margin:0 0 0 0;
}
.pagetop img{
border:0;
}

a:link{ color:#6a2e01; text-decoration:underline;}
a:visited{ color:#6a2e01; text-decoration:underline;}
a:hover{ color:#fff; text-decoration:none;background-color:#6a2e01;}
a:active{ color:#fff; text-decoration:none;background-color:#6a2e01;}


/*---------------------------------------------------
ヘッダ
---------------------------------------------------*/
#header .description{
margin:10px 10px 11px 10px;

font-size:77%;
font-weight:normal;
line-height:100%;

text-align:right;
}

#header .left{
width:500px;
float:left;
margin:0 0 9px 20px;

}
#header .left a:hover{text-decoration:none;background-color:transparent;}
#header .left a:active{text-decoration:none;background-color:transparent;}
#header .right{
width:330px;
float:right;
}

/* ロゴ */
#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:10px 13px 0 0;
font-size:93%;
float:right;
}

#header #head_free p{
margin:0;
padding:0;}


/*---------------------------------------------------
グローバルナビゲーション
---------------------------------------------------*/

#global-navi{
margin:0 auto;
padding:0;
position: relative;
z-index: 10;
width:976px;
}

#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;
width:980px;
}
.sf-menu ul{
position:absolute;
top:-999em;
width:15em;/* 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: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 #fdedb9;
padding:0 10px;
font-size:93%;
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.touseki-clinic.com/wp/wp-content/uploads/2010/07/global_navisub02.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.touseki-clinic.com/wp/wp-content/uploads/2010/07/global_navisub.png);
background-position:0 0;
text-align:left;
}
.sf-menu ul a:hover{
background-image:url(http://www.touseki-clinic.com/wp/wp-content/uploads/2010/07/global_navisub02.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 .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{
margin:30px 0 0 0;
padding:10px 0 20px 0;
border-top:1px solid #d9d8d7;
}

/* フッタナビゲーション */

#footer .footer-menu{
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:1px solid #d9d8d7;
}

#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-color:#fff;  margin:0 auto;background-image:url(http://www.touseki-clinic.com/wp/wp-content/uploads/2010/10/waku.png) ;background-repeat:repeat-y;
width:986px;}

#wrapper{
margin:0;
width:976px;
padding:15px;
}

/* ヘッダイメージ */

#header_image{

overflow:hidden;
position:relative;
z-index: 1;
width:976px;
margin:0 auto;
}

#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 outo;
clear:both;
padding:0;
width:986px;
}

#header_title h1{height:150px;
width:986px;
margin:0 auto;
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{float:left;width:675px; margin-left:10px;}
body.page #content .entry p{
font-size:108%;
line-height:140%;
color:#333;
margin:5px 13px 15px 13px;
}

body.page #content .entry h2{
margin:0 0 20px 0;
padding:10px 38px;
font-size:153.9%;
font-weight:normal;
line-height:100%;
background-image:url(http://www.touseki-clinic.com/wp/wp-content/uploads/2010/07/title_page.png);
background-repeat:no-repeat;
background-position:0 0;
heitht:38px;
}

body.page #content .entry h3{
margin:0 20px 20px 8px;
padding:6px 7px 1px 5px;
font-size:123.1%;
font-weight:normal;
line-height:100%;
border-bottom:2px solid #e29023;
border-left:3px solid #e29023;

}

body.page #content .entry h4{
margin:0 0 20px 8px;
padding:9px 7px 7px 7px;
font-size:123.1%;
font-weight:normal;
line-height:100%;
border:1px solid #c0c2b7;
background-color:#e4e5de;
width:150px;
text-align:center;
}
body.page #content .entry ul,
body.page #content .entry ol{
margin:10px 15px 40px 10px;
padding:0 0 0 2.0em;
font-size:108%;
}
body.page #content .entry ul li,
body.page #content .entry ol li{
margin-bottom:5px ;

}






/*---------------------------------------------------
ブログページ
---------------------------------------------------*/

body.blog-page #content{
width:740px;
float:left;
}

body.blog-page #sidebar{
width:180px;
float:left;
margin-left:20px;
}


/* アーカイブページ */

body.archive #content h2{
margin:0 0 20px 0;
padding:10px 10px 10px 35px;
font-size:146.5%;
font-weight:normal;
line-height:100%;
background-image:url(http://www.touseki-clinic.com/wp/wp-content/uploads/2010/07/title_blog.png);
background-repeat:no-repeat;
background-position:0 0;
width:740x;
height:38px;
}

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 0 0 5px;
line-height:123.1%;
color:#333;
font-size:131%;
border-bottom:2px solid #e29023;
border-left:5px solid #e29023;

}

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 #dcdad4;
}

body.blog-page #sidebar .widget h2{
margin:0;
padding:3px 10px;
font-size:108%;
color:#333;
line-height:120%;
background-color:#b8e5f5;
border:1px solid #fff;
}

body.blog-page #sidebar .widget .inner{
margin:0;
padding:10px;
border-top:1px solid #dcdad4;
}

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 auto;
padding:0;
width:976px;
}

/* 挨拶・お知らせ・新着 */
body.home .top_defo{
margin:0;
padding:0;
width:575px;
float:left;
}

/* ウェルカムエリア */

body.home #welcome{
margin:0 0 20px 3px;
padding:0;
width:665px;
}

body.home #welcome h2{
margin:13px 0 0 10px;
padding-bottom:7px;
text-indent:-9999px;
height:50px;
line-height:100%;
background-image:url(http://www.touseki-clinic.com/wp/wp-content/uploads/2010/07/top_houshin.png);
background-repeat:no-repeat;
background-position:0 0;

}

body.home #welcome .inner{
margin:0;
padding:2px 10px 10px 5px;
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 3px;
padding:0;
width:665px;
}

body.home #top-entry h2{
margin:13px 0 0 10px;
padding-bottom:7px;
border:0;
height:50px;
background-image:url(http://www.touseki-clinic.com/wp/wp-content/uploads/2010/07/top_info.png);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
}

body.home #top-entry .inner{
margin:8px 0 0 8px;
padding:0px 30px 15px 10px;
background-image:url(images/gradation1.png);
background-repeat:repeat-x;
background-position:0 -80px;
overflow:auto;
height:220px;
}

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%;
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:575px;

}

/*
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:8px 10px;
font-size:123.1%;
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.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 .right dl dd{
margin:0 0 8px 0;
padding:0 0 8px 85px;
border-bottom:1px dotted #ccc;
}


/* フリーエリア */

/* 地図・時間 */
body.home #top_free{
margin:0 30px 0 0;
font-size:108%;
line-height:130%;
width:250px;
float:right;
}
body.page #side_free{
margin:0 30px 0 0;
font-size:108%;
line-height:130%;
width:250px;
float:right;
}
#topfree_time{margin-top:12px;}
#topfree_access{margin-top:10px;}
#topfree_syoukai{margin-top:10px;}

#sidefree_access{margin-top:10px;}
#sidefree_syoukai{margin-top:10px;}
#top_nairan{margin:10px 0 30px 10px;}
#top_point{margin:10px 0 30px 10px;}
.point{background-color:#fce6e6; margin:20px 0 20px 10px; border:#fdd8d8 solid 1px;width:630px;}
#top_welcome img{float:right; margin-left:5px; margin-bottom:5px;}

#map{margin:5px 25px 5px 10px;}
/* パンクズ */
.kuzu{margin:5px 0 12px 10px;}
#page_setsubi a:link{text-decoration:none;}
#page_setsubi a:visited{text-decoration:none;}
#page_setsubi a:hover{ background-color:#fff;}
#page_setsubi a:active{background-color:#fff;}
#page_setsubi table{font-size:108%;}
#page_setsubi img{margin-bottom:30px;}
#page_setsubi .midashi{border-left:5px solid #e29023;border-bottom:2px solid #e29023; font-weight:bold;text-indent:5px;}
#page_time table th{font-weight:normal; background-color:#dcdad4;text-align:center;}
#page_time table{margin-left:5px; margin-bottom:15px;background-color:#c8c6c0; }
#page_time td{background-color:#fff;text-align:center;}
/*院内紹介*/
.page_clinic .waku{border-radius: 3px;         /* CSS3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
   border: 1px #d4c0a8 solid;     /* 枠線の装飾 */
   background-color: #fff;   /* 背景色 */
   padding:7px;
   margin-bottom:10px;
   height:200px;}
.page_clinic .waku p{margin:0;}
.page_clinic .waku .title{color:#6d372b;font-size:108%; margin-bottom:10px; text-indent:20px;background-image:url(http://www.himawari-mental.jp/wp/wp-content/uploads/2010/11/flow_title.png);background-repeat:no-repeat;border-bottom: 1px #d4c0a8 dotted;}
.page_clinic .waku img{float:right;margin:0 0 0 5px;}
/*================
clearfix
================*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

