/*   
Theme Name: kataoka
Theme URI: http://kataoka-seikotu.com/
Description: 片岡整骨院
Author: nagami
Author URI: 
Version: 2.65
*/

@charset "utf-8";
/* CSS Document */

* {
color:#142;
font-family:"ＭＳ Ｐゴシック";
}

body {
margin:0 auto;
font-size:14px;
}

a {
color:#364;
}
a:hover { color:#5a8; }
p { margin:0 0 20px 0; }
h1{
margin:0;
padding:0;
}
h2, h3, h4 {
width:100%;
padding:0;
clear:both;
}
h2 { margin:0; }
h2, h3 { margin-bottom:20px; }
h3 { margin-top:30px; }
h4 {
margin-bottom:10px;
}


/** #page部分 **/
#page {
width:760px;
text-align:left;
margin:10px auto;
padding:0;
cursor:default;
}
/** END #page部分 **/

/*** header.php部分 ***/
#header {
width:760px;
height:80px;
margin:0 0 10px 0;
padding:0;
background:url(images/header_01.jpg) left center no-repeat;
position:relative;
}
#logo {
position:absolute;
top:10px;
left:10px;
}
/* flash部分 */
#wrap_fla {
width:760px;
height:250px;
text-align:center;
margin:0 auto 10px auto;
padding:0;
}
/*** END header.php部分 ***/

/* #content部分 */
div#content {
width:580px;
float:right;
margin:0 0 0 auto;
padding:0;
}
/* END #content部分 */

/*** index.php ***/
/* 最新情報見出し部分 */
#midasi_news { margin-top:0; }
/* デイホームバナー部分 */
#banner_dayhome { margin-top:40px; }
#banner_dayhome span {
color:#5a6;
font-size:12px;
}
#banner_dayhome a img:hover {
filter:alpha(opacity=80);		/*(IE対応)*/
-moz-opacity:0.80;					/*(ff対応)*/
opacity:0.80;								/*(ff,Sa対応)*/
}
/* 最新情報欄部分 */
.wrap_news {
width:580px;
height:140px;
margin:0 0 20px 0;
padding:0;
position:relative;
overflow:hidden;
background:url(images/img_bg_news.jpg) left top no-repeat;
}
.button_news {
position:absolute;
bottom:10px;
right:10px;
margin:0;
padding:0;
}
.wrap_post_news {
width:470px;
height:65px;
line-height:12px;
text-align:left;
margin:0 auto auto 17px;
clear:both;
}
.news {
width:470px;
line-height:12px;
text-align:left;
margin:0 auto 6px 0;
float:left;
clear:both;
font-size:13px;
}
.wrap_news .post_time  {
line-height:11px;
font:12px "ＭＳ Ｐ明朝";
display:block;
margin:0 0 1px 0;
padding:0 0 0 15px;
text-align:left;
color:#693;
background:#fff url(images/icon_01.gif) left center no-repeat;
}
.news_cat {
line-height:13px;
background:#fff;
}
.post_content p { display:inline; }
/* END 最新情報欄部分 */
/* 診療時間部分 */
.table_style_01 {
width:100%;
text-align:center;
margin:0 0 5px 0;
padding:0;
border-collapse:collapse;
font-size:14px;
}
.table_style_01 * {
color:#486;
}
.table_style_01 tr th {
border:1px solid #696;
color:#264;
}
.table_style_01 tr td {
border:1px solid #696;
color:#264;
}
.table_style_01 tr td.td_style_01 {
font-weight:bold;
}
/* END 診療時間部分 */
/*** index.php部分終了 ***/

/*** sidebar.php ***/
div#sidebar {
width:160px;
float:left;
margin:0 auto 0 0;
padding:0;
}
/* sidebarメニュー部分 */
ul#navi {
width:160px;
padding:0;
margin:0 0 10px 0;
text-align:center;
list-style:none;
}
/*ul#navi li img {
margin-bottom:-4px;
}*/
div#sidebar ul li a { outline:none; }
ul#navi li a {
width:160px;
height:30px;
margin-bottom:1px;
display: block;
}
/* sidebarメニュー部分終了 */
/* banner部分 */
ul#banner {
width:160px;
margin:0;
padding:0;
text-align:left;
list-style:none;
clear:both;
}
ul#banner li {
margin:0 0 10px 0;
padding:0;
list-style:none;
float:left;
display:inline;
}
ul#banner li span {
color:#5a6;
font-size:12px;
}
ul#banner li a {
width:100%;
height:auto;
display:block;
margin:0;
padding:0;
}
ul#banner li a:hover {
/* 半透明処理 */
filter:alpha(opacity=80);		/*(IE対応)*/
-moz-opacity:0.80;					/*(ff対応)*/
opacity:0.80;								/*(ff,Sa対応)*/
}
/* banner部分終了 */
/*** END sidebar.php ***/

/*** footer部分 ***/
#footer {
width:760px;
height:70px;
clear:both;
text-align:center;
margin:0;
padding:20px 0 0 0;
}
#footer_link {
height:11px;
font-size:11px;
margin:2px 0 1px 10px;
}
#footer_link a {
text-decoration:none;
}
#footer_link a:hover {
text-decoration:underline;
}
#copyright {
height:11px;
font-size:11px;
margin:2px 0 0 10px;
}
#copyright a {
text-decoration:none;
color:#693;
}
#copyright a:hover {
text-decoration:underline;
color:#9c6;
}
/*** END footer部分 ***/

/*** page.php部分 ***/
/** ページ共通部分 **/
.box_01 {
width:100%;
line-height:1.3em;
margin:0;
padding:0;
}
.box_01:after {	/* firefox対応（margin-bottomが効かない） */
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.box_01 a {
display:block;
margin:0 20px 5px 0;
padding:0;
}
.box_01 a img {
width:100%;
height:100%;
margin:0;
padding:0;
outline:none;
border:none;
}
.box_01 a.img_s, .box_01 a.img_l {
float:left;
}
.box_01 a.img_l {
border:1px solid #ddd;
}
.box_01 a.img_l:hover {
/* 半透明処理 */
filter:alpha(opacity=70);		/*(IE対応)*/
-moz-opacity:0.70;					/*(ff対応)*/
opacity:0.70;								/*(ff,Sa対応)*/
}
.box_01 a.img_s {
border:1px solid #9c9;
}
.box_01 a.img_s:hover {
border:1px solid #6b6;
}
.box_01 a.img_l { width:210px; }
.box_01 a.img_s { width:135px; }
.box_01 img.img_s {
margin:0 0 10px 10px;
padding:0;
float:right;
border:1px solid #cec;
}
/* ページ内リンクリスト部分 */
.ll_01 {
line-height:1.4em;
}
.ll_01 dt a {
font:15px "ＭＳ ゴシック";
}
/** END ページ共通部分 **/

/** 当院のご案内 **/
.list_text {
line-height:20px;
text-align:left;
margin:0;
padding:0;
}
.list_text li {
list-style:none;
}
.list_text li.li_style_01 {
width:80px;
text-align:right;
font-size:15px;
font-weight:bold;
color:#485;
float:left;
clear:both;
}
/** END 当院のご案内 **/

/** レインボー療法 **/
.manga {
width:100%;
margin:0;
padding:0;
}
.manga li {
list-style:none;
margin:0 auto 0 50px;
padding:0;
float:left;
}
.manga li div {
line-height:20px;
font-size:15px;
font-weight:bold;
}
.manga li a {
width:210px;
height:290px;
display:block;
border:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}.manga li a:hover {
border:1px solid #aaa;
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.manga li a img {
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
}
.manga:after {	/* firefox対応（margin-bottomが効かない） */
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/** END レインボー療法 **/

/** 足底挿板 **/
.box_01 a.img_ga_l, .box_01 a.img_ga, .box_01 a.img_ga_mb_l, .box_01 a.img_ga_mb {
width:176px;
line-height:1.3m;
float:right;
margin:0 0 0 20px;
text-decoration:none;
}
.box_01 a.img_ga_mb_l, .box_01 a.img_ga_mb {
margin-bottom:20px;
}
.box_01 a.img_ga_l, .box_01 a.img_ga_mb_l {
margin-left:0;
}
.box_01 a.img_ga_l img, .box_01 a.img_ga img, .box_01 a.img_ga_mb_l img, .box_01 a.img_ga_mb img {
width:100%;
height:132px;
border:1px solid #9c9;
}
.box_01 a.img_ga_l img:hover, .box_01 a.img_ga img:hover, .box_01 a.img_ga_mb_l img:hover, .box_01 a.img_ga_mb img:hover  {
border:1px solid #6b6;
}
/* リスト部分 */
.list_style_01 {
line-height:1.3em;
}
.list_style_01 ul li {
list-style:none;
}
/* 画像付きリスト部分 */
.list_sokutei li {
color:#4b7;
font:20px "HG明朝B";
clear:both;
margin-bottom:2px;
}
.list_sokutei ul li {
line-height:1.3em;
font:14px "ＭＳ Ｐゴシック";
list-style:none;
margin-bottom:5px;
}
.list_sokutei ul li a {
width:160px;
display:block;
margin:0 0 10px 10px;
padding:0;
float:right;
border:1px solid #9c9;
}
.list_sokutei ul li a:hover {
border:1px solid #6b6;
}
.list_sokutei ul li a img {
width:100%;
height:120px;
display:inline;
margin:0;
padding:0;
}
.list_sokutei ul li span {
width:65%;
margin:0;
padding:0;
float:left;
}
/** END 足底挿板 **/

/** 診療予定時間 **/
/* events-calender部分 */
table#CalendarLarge-Header { width:100%; }
table#CalendarLarge-Header tr td { font-size:20px; }
div#calendar_wrapLarge {
width:500px;
text-align:center;
margin:0 auto;
padding:0;
}
span#EC_previousMonthLarge, span#EC_nextMonthLarge  {
color:#3c6;
font:16px "HGPｺﾞｼｯｸE";
text-decoration:underline;
}
span#EC_previousMonthLarge:hover, span#EC_nextMonthLarge:hover  {
color:#6f9;
}
div#calendar_wrapLarge h2, div#calendar_wrapLarge h2 table  {
width:500px;
text-align:center;
margin:0;
padding:0;
}
div#calendar_wrapLarge h2 {
background-color:#efe;
border:1px solid #ded;
margin-bottom:20px;
}
div#calendar_wrapLarge h2 table td {
border-collapse:collapse;
}
/* END events-calender部分 */
/** END 診療予定時間 **/

/** Q&A **/
ul.list_QA {
width:100%;
text-align:left;
margin:0 0 5px 0;
padding:0 0 5px 0;
background:url(images/line_01.gif) left bottom repeat-x;
}
.list_QA li {
margin:0 0 5px 30px;
list-style:none;
font-size:1.1em;
}
.list_QA li.question {
list-style-image:url(images/icon_Q&A_01.gif);
color:#b41;
/*background:url(images/icon_Q&A_01.gif) left top no-repeat;*/
}
.list_QA li.answer {
list-style-image:url(images/icon_Q&A_02.gif);
/*background:url(images/icon_Q&A_02.gif left top no-repeat;*/
}
/** END Q&A **/

/** スタッフ紹介 **/
.box_01 a.staff {
width:90px;
float:left;
}
.box_01 a.staff img {
height:120px;
}
/** END スタッフ紹介 **/

/** リンク **/
.list_link {
width:100%;
margin:0;
padding:0;
}
.list_link li {
width:100%;
font-size:17px;
list-style:none;
vertical-align:top;
margin-bottom:20px;
clear:both;
}
.list_link li a.link_banner {
width:130px;
font-size:13px;
margin:0 20px 0 0;
display:inline-block;
margin-bottom:20px;		/* ff対応 */
float:left;
}
.list_link li a.link_banner img {
width:100%;
border:none;
}
/** END リンク **/

/** お問い合わせ **/
.table_mail_form {
width:580px;
height:100%;
font-size:13px;
font-family:"ＭＳ Ｐゴシック";
border:3px double #9c9;
background-color:#f6fff6;
padding:5px;
}
.table_mail_form_02 {
background-color:#9c9;
margin:5px 0 0 0;
}
.table_mail_form .td_top, .table_mail_form .td_button{
height:30px;
text-align:center;
margin:0;
padding:0;
}
.table_mail_form_02 th, .table_mail_form_02 td {
padding:4px 0 4px 5px;
background-color:#fff;
word-break:keep-all;
}
.table_mail_form_03 th, .table_mail_form_03 td { background-color:#fff; }
.table_mail_form table th {
width:25%;
font-weight:100;
padding-left:7px;
}
.table_mail_form table td {
width:75%;
}
.table_mail_form_03 tr td { text-align:left; }
.table_mail_form_03 tr .td_01, .table_mail_form_03 tr .td_03  {
text-align:right;
width:40px;
}
.table_mail_form_03 tr .td_02 { width:170px; }
.table_mail_form_03 tr .td_04 { width:240px; }
.table_mail_form td { text-align:left; }
.form_text, .form_textarea, .form_submit, .form_reset, .form_select {}
.form_submit,.form_reset {
width:90px;
height:24px;
margin:10px auto;
}
.table_mail_form .td_checkbox {
padding-right:40px;
}
.table_mail_form .td_button { text-align:center; }
/** END お問い合わせ **/
/** デイホーム並木 **/
.page_title_dayhome {
margin-bottom:10px;
}
.midasi_dayhome {
margin-top:0;
}
.dayhome_01 {
width:580px;
height:245px;
margin:0;
padding:0;
background:url(images/bg_img_dayhome_01.jpg) left center no-repeat;
position:relative;
}
.dayhome_01 ul {
width:500px;
height:150px;
text-align:left;
margin:0;
padding:0;
position:absolute;
top:50px;
left:40px;
}
.dayhome_01 ul li {
width:500px;
height:40px;
list-style:none;
margin:0 0 10px 0;
}
.dayhome_01 ul li.li_02 {
background:url(images/img_dayhome_01_04.jpg) right center no-repeat;
}
.dayhome_01 ul li span {
width:380px;
vertical-align:top;
display:inline-block;
margin:0;
padding:5px 0 0 10px;
font-size:13px;
color:#960;
}
.dayhome_01 ul li.li_02 span {
width:300px;
}

.dayhome_02 {
width:580px;
height:220px;
margin:0;
padding:0;
position:relative;
}
.dayhome_02 ul {
width:410px;
text-align:left;
margin:0;
padding:0;
}
.dayhome_02 .ul_01 {
position:absolute;
top:0;
left:0;
}
.dayhome_02 .ul_02 {
width:440px;
position:absolute;
bottom:0;
right:0;
margin-bottom:30px;
}
.dayhome_02 ul li {
line-height:1.5em;
background:url(images/line_dayhome_01.gif) left bottom repeat-x;
margin:0;
padding:5px 0;
list-style:none;
}
.dayhome_02 ul li img {
margin:3px 5px auto 0;
padding:0;
display:inline;
vertical-align:top;
}
.dayhome_02 ul li span {
width:390px;
display:inline-block;
color:#960;
}
.dayhome_02 .img_dayhome_01 {
width:129px;
height:100px;
position:absolute;
top:0;
right:0;
background:url(images/img_dayhome_02_01.jpg) no-repeat;
margin-right:20px;
}
.dayhome_02 .img_dayhome_02 {
width:99px;
height:130px;
position:absolute;
bottom:0;
left:0;
background:url(images/img_dayhome_02_02.jpg) no-repeat;
margin-left:20px;
}
/** END デイホーム並木 **/
/*** page.php部分終了 ***/


/*** category.php部分 ***/
.news_list {
text-align:left;
margin:0;
padding:0;
}
.news_list li {
height:15px;
list-style:none;
margin-bottom:5px;
}
.news_date { color:#693; }
/*** END category.php部分 ***/


/*** single.php ***/
/** 「最新情報」の個別記事部分 **/
/* ページタイトル部分 */
#midasi_title {
width:580px;
height:30px;
background:url(images/midasi_title_bg_01.jpg) left center no-repeat;
margin:0;
padding:0;
}
#midasi_title span {
font:20px "HGP明朝B","ＭＳ Ｐ明朝";
line-height:26px;
margin:0;
padding:0 0 0 50px;
color:#3c6;
}
/** END 「最新情報」の個別記事部分 **/
/*** END single.php ***/


/*** serch.php ***/
#keyword {
margin-bottom:20px;
}
div#search{
position: absolute;
top: 10px;
right: 10px;
width: 180px;
height: 20px;
border: none;
}
div#search form#searchform .searchinput{
color: #666;
font-size: 13px;
width: 150px;
border: 1px solid #ded;
border-right: 1px solid #cdc;
border-bottom: 1px solid #cdc;
margin:0;
padding:0;
}
div#search form#searchform .button{
background: url(images/search_icon.gif) no-repeat;
height: 20px;
width: 20px;
margin:auto 0;
padding:0;
border: 0;
cursor: pointer;
}
/*** END search.php ***/


/* 全体に関する部分 */
/** 見出し共通 **/
.midasi {
width:auto;
height:auto;
text-align:left;
margin:0 0 20px 0;
padding:0;
position:relative;
}
/* 個別記事見出し */
.midasi_text {
position:absolute;
top:5px;
left:25px;
font-size:17px;
font-family:"ＭＳ Ｐゴシック";
font-weight:bold;
color:#66f;
}
/* ページのトップへ */
.page_top {
margin-top:20px;
float:right;
clear:both;
}
.spacer, .spacer_10, .spacer_20, .spacer_30 {
width:100%;
height:1px;
clear:both;
margin:0;
padding:0;
}
.spacer_10 { height:10px; }
.spacer_20 { height:20px; }
.spacer_30 { height:30px; }
.text_s {
text-align:left;
font-size:0.8em;
font-weight:100;
}
.red { color:#f33; }
.orange { color:#f60; }
.blue { color:#069; }
.clear { clear:both; }
hr {
height:1px;
width:97%;
text-align:center;
border:none;
border-bottom:3px dotted #c96;
margin:10px auto;
}
.center {
width:100%;
text-align:center;
margin:0 0 20px 0;
padding:0;
}
.img_on img:hover {
/* 半透明処理 */
filter:alpha(opacity=80);		/*(IE対応)*/
-moz-opacity:0.80;					/*(ff対応)*/
opacity:0.80;								/*(ff,Sa対応)*/
}
/* banner部分終了 */
/* wp_page_navi */
.page_navi {
line-height:25px;
text-align:center;
margin:0 auto;
padding-top:20px;
clear:both;
}