@charset "utf-8";
/*
Theme Name: cloudtpl_116
Theme URI: http://c-tpl.com/
Description: cloudtpl_116
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(images/bg_top.png) repeat-x top;
}

body#toppage{
background: url(images/bg_top.png) repeat-x top;
}

a{color:#d57d36;text-decoration:none;}
a:hover{color:#eaa169;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
background: url(images/header.png) no-repeat 100% 10px;
height: 80px;
}

#header h1 {
padding: 7px 0 0;
font-size: 12px;
font-weight: normal;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 15px 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading.png) no-repeat;
clear: left;
}

#main h3 {
font-size: 13px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #d57d36;
border-bottom: 1px solid #cccccc;
}

#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main .withImage{ width: 598px; }
#main .withImage_msg{
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main .withImage img{
float: right;
margin-left: .5em;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#d57d36;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_harf{
width: 140px;
margin-left: 10px;
}
.box_img{ padding: 0px 0px 10px 0px; }
.last{ margin-right:0; }


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}
p.button_harf { padding: 15px 0px 15px 0px!important; }

p.button_harf a{
background: #ffffff url(images/button3.png) no-repeat;
margin: 0px;
}

p.button a{color:#d57d36;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
お知らせコンテンツ
*************/
#newsbox{
float:left;
width:422px;
}
#access_img{
margin-left: 15px;
}
#newsbox_content{ margin: 25px 0px 20px 15px!important; }
#newsbox .title{
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 40px;
background: url(images/heading2.png) no-repeat;
}
#newsbox .news_title:first-letter{
background: url(images/list3.png) no-repeat 0 50%;
padding-left: 15px;
}
#newsbox .news_title{
list-style: none;
margin: 10px 15px 0px 0px;
word-break: break-all;
text-indent:-1.2em;
padding-left:1em;
}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 15px 0;
}

#sidebar .sidebar_list{margin-bottom: 15px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-bottom: 15px;
}

#sidebar li{
padding: 5px 5px 5px 15px;
list-style: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#sidebar li a{
font-size: 16px;
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
color: #F0671F;
}

#sidebar li a:hover{
background-position: 3px 50%;
color:#eaa169;
}

#calender{ margin-bottom: 15px; }
#calender .calender_comment1{
text-align: center;
border: 1px solid #ccc;
width: 262px;
height: 29px;
border-top: 0px;
}
#calender .calender_comment2{ padding: 15px 10px 0px 10px; text-align: center;}
#calender .calender_comment2 strong{ border: 0px; font-weight: bold;}
#calender .calender_comment3{ padding-left: 111px; }
#calender .calender_comment4{
margin-top: 10px;
padding: 0px 10px 0px 17px;
background: url(images/list3.png) no-repeat 2px 50%;
display: block; }
#calender .calender_comment5{
padding: 7px 10px 0px 17px;
background: url(images/list3.png) no-repeat 2px 12px;
display: block;
}
#calender strong{
padding: 1px 6px;
font-weight: normal;
border: 1px solid #ccc;
}
#calender strong#red{ background-color: #ffc0bd; }
#calender strong#green{ background-color: #dfc }
#calender .sbc-calendar-month{
margin: 0;
width: 222px;
padding: 10px 20px;
border-top: 0px;
border-bottom: 0px;
}

#calender table thead th, #calender tr td{
width: 30px!important;
font-size: 14px!important;
}
/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer ul{
margin-left: 5px;
padding: 10px 0;
}

#footer li{
margin: 0 10px 10px 5px;
list-style: none;
}

#footer li a{
background: url(images/list2.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#footer li a:hover{background-position: 3px 50%;}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/******************
/*    固定ページ
******************/
.page{ padding: 15px 15px 15px 20px; }
.page p{ padding: 0; }
.page .mt20{ margin-top: 20px; }
.page .mt30{ margin-top: 30px; }
.page .mb10{ margin-bottom: 10px; }
.page .mb15{ margin-bottom: 15px; }
.page .mb20{ margin-bottom: 20px; }
.page .mb30{ margin-bottom: 30px; }
.page .pt20{ padding-top: 20px; }
.page .pt30{ padding-top: 30px; }
.page .p0 { padding: 0px!important; }
.page .imgmsg{ padding: 0px 0px 10px 0px; }
.page strong{ color: #fcaa44; }

.page .subtitle{
margin-bottom: 10px;
color: #FC8833;
padding: 5px 5px 1px 15px !important;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #D5D5D5;
}

.page .subtitle2{
font-size:14px;
font-weight:bold;
color: #FC8833;
margin-bottom: 10px;
padding-bottom: 3px;
border-bottom: 1px solid #FC8833;
}

.page .center_msg{
color: #ffffff;
background-color: #fcaa44;
width: 574px;
text-align: center;
padding: 5px;
margin-top: 30px;
}

.page .left_msg{
color: #ffffff;
background-color: #8FBC5D;
width: 47px;
padding: 2px 4px;
margin: 20px 0 10px 0;
border: 1px solid #8FBC5D;
font-size: 14px;
letter-spacing: 0.1em;
}

.page .left_msg2{
width: 139px;
letter-spacing: 0;
}
.page .button_harf{
width: 140px;
float: right;
padding: 5px 0 20px 0!important;
}
.page .button_harf a{ margin: 0; }

.page .left_box{
width: 338px;
float: left;
margin-right: 15px;
}

.page_box{
border:1px solid #FC8833;
moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding: 10px;
}

.listbox{
margin-top: 10px;
}

#listbox_o{
border-style: solid;
width: 572px;
border-color:#fcaa44;
border-width: 1px;
padding: 5px;
}

.lbox1{ height: 50px; }
.lbox2{ height: 40px; }
.lbox3{ height: 40px; }
.lbox4{ height: 50px; padding-bottom: 20px; }

.case_img{
float: left;
margin-top: 5px;
}

.case_msg{
float: right;
margin-top: 5px;
width: 253px;
}

.case_msg p{ padding: 15px; }

.yajirushi{ padding: 10px 0;  height: 40px; }
.yajirushi img{
float: left;
padding-left: 100px;
}
.yajirushi p{ padding: 10px 0px 10px 150px!important; }

/******************
/* インプラントページ
******************/
#implant .listbox .listimg{
float: left;
width: 400px;
padding: 5px;
}

#implant .listbox .button_harf{
padding: 5px 5px 10px 0!important;
}

.yajirushi2{ padding: 0px 0px 10px 0px;  height: 40px; }
.yajirushi2 img{
float: left;
padding-left: 100px;
}
.yajirushi2 p{ padding: 10px 0px 10px 150px!important; }
.yajirushi3{
text-align: center;
padding: 10px 0;
height: 40px;
}

/******************
/*  審美歯科 ページ
******************/
#appreciation .case_box p{ padding: 5px; }

#appreciation .case_left{
float: left;
width: 250px;
}

#appreciation .case_right{
float: right;
width: 250px;
}

#appreciation .subtitle{
padding: 35px 5px 1px 15px !important;
}

.right_img{ float: right; }

#appreciation .left_stc{
width: 252px;
float: left;
}

/******************
/*  衛生管理 ページ
******************/
#safety .left_box{
width: 250px;
float: left;
margin-right: 20px;
}

#safety .safety_box{
padding: 30px 0;
height: 160px;
}

#safety .safety_box_tate{ height: 373px; }

/******************
/*  口腔外科 ページ
******************/
#oralsurgery #listbox_o{ height: 130px; }
#oralsurgery #listbox_o p{ padding: 5px 10px 5px 10px!important; }
#oralsurgery .case_style p{ padding: 5px; }
#oralsurgery .case_style{ width: 160px; }
#oralsurgery .case_style2{ width: 250px; }
#oralsurgery .case_style2 p{ padding: 5px; }

#oralsurgery .case_left{
float: left;
margin-right: 51px;
}
#oralsurgery .case_right{ float: right; }

#oralsurgery .left_box{
width: 250px;
float: left;
margin-right: 20px;
}

#oralsurgery .case_left2{ float: left; }
#oralsurgery .case_right2{ float: right; }

/******************
/*  医院案内 ページ
******************/
#clinic .case_box p{ padding: 5px;  margin-bottom: 15px}
#clinic hr{ margin-bottom: 25px; }
#clinic .case_left{
float: left;
width: 250px;
}

#clinic .case_right{
float: right;
width: 250px;
}

/******************
/*  再生療法 ページ
******************/
#reproduction .case{ height: 177px; }
#reproduction .left_box { width: 250px; }
#reproduction .case_style p{ padding: 5px; }
#reproduction .case_style{ width: 160px; }
#reproduction .case_left{ float: left; margin-right: 51px; }
#reproduction .case_right{ float: right; }

/******************
/*  咬合療法 ページ
******************/
#articulation strong.black{ color: #252525; }
#articulation .case{ margin-top: 20px; }
#articulation .left_box { width: 250px; }
#articulation .right_box { height: 136px; }
#articulation .content{ padding: 5px; }


/******************
/*  料金表 ページ
******************/
#price table.type10 {
width: 583px;
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #efefef;
font-weight: normal;
}

#price table.type10 thead th {
width: 68%;
padding: 10px;
font-weight: normal;
vertical-align: top;
color: #fff;
background: #fcaa44;
font-size: 14px;
}

#price table.type10 td {
padding: 10px;
font-weight: normal;
text-align: right;
}
#price table.type10 th {
padding: 10px;
vertical-align: top;
font-weight: normal;
}

#price table.type10 .even { background: #efefef; }

#price .left_box { width: 250px; }
#price .button1{ margin-left: 38px; }

#price .price_menu{
height: 224px;
margin-bottom: 30px;
}

/******************
/*  アクセス ページ
******************/
#access .access_title{
color: #fcaa44;
font-weight: bold;
border-bottom: 1px solid #cccccc;
margin-bottom: 5px;
}

#access .access_sent{ margin-left: 10px; }
#access .title_under{ margin-top: 15px; }

#access .left_box{
float: left;
width: 318px;
margin-right: 15px;
}

#access .right_box{
float: right;
width: 250px;
}
#access_box1{ height: 614px; }
#access_box2{ margin-top: 15px; }
#access_box2 .left{ float: left; width: 368px;}
#access_box2 .right{ float: right;}
#access_box2 .access_sent{  margin-bottom: 64px; }

/******************
/*  歯周病 ページ
******************/
#periodontitis #listbox_o{ height: 440px; }
#periodontitis #listbox_o .listimg{ padding: 2px 10px 2px 10px!important }
#periodontitis .listmsg{ padding: 0px 0px 15px 23px!important; }

/******************
/*  院長紹介 ページ
******************/
#director .left_msg{
float: left;
margin: 0px 15px 0 0px;
font-weight: bold;
text-align: center;
padding: 2px 4px;
}

#director .senzoku{ width: 78px; }

#director .right_msg{
margin: 0px 0px 18px 0px;
padding: 2px 0 0 0px;
}

#director .director_img{
float: left;
padding: 0px 10px 0px 0px;
width: 200px;
}
#director .director_img p{
margin: 15px 30px 0px 0px;
}

#director .director_msg{
width: 373px;
float: right;
}
#director .content{ padding: 5px 0 10px 10px; }