@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* PCで電話番号リンクを無効に */
@media screen and (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 { clear: both; padding-bottom: 5px;}
h4 { clear: both; padding-bottom: 14px;}
h5 { clear: both; padding-bottom: 13px;
}

a { color: #f48102; }
a:hover,
a:active { color: #f8ac58; text-decoration: none; }
a:visited {
}

p { padding-bottom: 15px; }

.section { padding-bottom: 25px;}
.section .section { padding-bottom: 20px; clear: both; }
.section .box { padding-bottom: 10px; clear: both; }
.image_l { float: left; padding: 0 16px 8px 0; }
.image_r { float: right; padding: 0 0 8px 16px; }



/* add
------------------------------------------------------------------------*/

.pb0  { padding-bottom: 0!important;}
.pb05 { padding-bottom: 5px!important;}
.mb0  { margin-bottom : 0;    }
.mb05 { margin-bottom : 5px;  }
.mb10 { margin-bottom : 10px; }
.mb15 { margin-bottom : 15px; }
.mb20 { margin-bottom : 20px; }
.mb30 { margin-bottom : 30px; }

.mt5 { margin-top : 5px; }
.mt10 { margin-top : 10px; }

.ml10 { margin-left:10px;}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	color: #333;
	text-align: center;
}
#wrapper {
    background: url(../images/contents_bg.jpg) no-repeat center 0;
	min-width: 970px;
	margin-bottom:-20px;
}

#index #wrapper {
	background: url(../images/index_bg.png) no-repeat center 0;
}

#main {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#content {
	width: 627px;
	text-align: left;
	float: right;
	padding: 10px 51px 0 0;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#header img {
	vertical-align: top;
}

#header p {
	padding-bottom: 0;
}

#header #logo {
	padding: 30px 0 24px 0;
}

#header .hContact {
	padding-left: 5px;
}

#header .hBlock {
	float: left;
}

#header .hSection {
	float: right;
	width: 634px;
}

#header h1 {
	padding: 6px 0 8px 2px;
}

#header .hTel {
	padding: 13px 0 0 144px;
}

#gNavi {
	float: right;
	padding-bottom: 15px;
}

#gNavi .gNavi01 {
	padding: 24px 4px 0 0;
}

#gNavi .gNavi02 {
	padding: 24px 4px 0 0;
}

#gNavi .gNavi03 {
	padding: 25px 6px 0 0;
}

#gNavi .gNavi04 {
	padding: 0 4px 0 0;
}

#gNavi li {
	float: left;
}



/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	text-align: left;
	background: url(../images/footer_bg.jpg) no-repeat center top;
	height: 659px;
	margin-top: -2px;
}

#footerInner {
	width: 950px;
	margin: 0 auto;
}

#footer .fSection {
	float: left;
	width: 477px;
	padding-top: 32px;
}

#footer .fMap {
	float: right;
	margin-top: 40px;
}

#footer .fMap p {
	font-size: 12px;
}

.fLogo {
	padding-left: 10px;
}

.fImg {
	padding-left: 9px;
}

.fImg img {
	float: left;
}

.fImg a {
	float: right;
}

.fContact {
	clear: both;
	padding: 18px 0 13px 9px;
}

.fContact p {
	float: right;
}

.fContact .fTel {
	float: left;
	padding-right: 2px;
}

.fBlock {
	padding: 0 0 0 6px;
}

.fBlock p {
	float: left;
	padding-top: 20px;
}

.fBlock .fBanner {
	float: right;
	padding: 12px 6px 0 0;
}

#footer address {
	width: 950px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	font-size: 12px;
	padding: 18px 0 10px;
}

#footer img {
	vertical-align: top;
}

#footer p {
	padding-bottom: 0;
}

#footer .fList {
	width: 950px;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

#footer .fList ul {
	padding-left: 36px;
}

#footer .fList li {
	float: left;
	padding: 17px 15px 0px 0;
}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/


/* class common
------------------------------------------------------------------------*/

.pageTop {
	clear: both;
	width: 950px;
	margin: 0 auto;
}

.pageTop p {
	text-align: right;
	padding-bottom: 0;
}

.main {
	height: 260px;
	clear: both;
}

.main h2 {
	padding: 47px 0 0 26px;
}

.tbl01 {
	width: 60%;
}

.tbl02 {
	width: 75%;
}

.tbl03 {
	width: 50%;
}

table {
	width: 100%;
	margin-bottom: 20px;
}

table td,
table th {
	border: 1px solid #4b9841;
}

table th {
	background: #5cb44e;
	color: #fff;
}
table th.th01 { padding-left:0; padding-right:0;}
table td {
	vertical-align: top;
}
table td.bg01 { background:#ddeedb; font-weight:bold; text-align:center;}
.w20 { width: 20%; }
.w25 { width: 25%; }
.w33 { width: 33%; }

.bgTop {
	clear: both;
	padding-bottom: 0;
}

.box01  .title {
	padding: 12px 0 0 15px;
}

.box01 {
	background: url(../images/box_02.jpg) repeat-y 0 0;
	padding:;
}

.box01 .inner {
	padding: 15px 20px;
}

.bgBottom {
	clear: both;
	padding-bottom: 0;
}

.txtList {
	padding-bottom: 20px;
}

.txtList li {
	background: url(../images/icon_01.png) no-repeat 0 8px;
	padding: 1px 0 1px 13px;
}

.arrow {
	clear: both;
	text-align: center;
}

.bold {
	font-weight: bold;
}

.txtIndent {
	text-indent: -9px;
	display: inline-block;
}

*:first-child + html .txtIndent {
	text-indent: -4px;
}

.text {
	padding-top: 24px;
}

.list_check {
	padding-top: 10px;
}

.list_check li {
	padding: 5px;
	
}

.list_check li span {
	padding-left: 10px;
}


/* index
------------------------------------------------------------------------*/

.slideshow {
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: -1;
	clear: both;
	height: 360px;
}

.slide {
	position: absolute;
	text-align: center;
	left: 0;
	top: -120px;
}

.slide h2 {
	padding: 0;
}

/**:first-child + html .slide {
	top: -132px;
}*/

.item01 {
	background: url(../images/index_img_02.jpg) no-repeat 0 0;
	clear: both;
	height: 347px;
	margin: 12px 0 30px;
	padding: 18px 0 0 24px;
}

.item01 p { 
	padding-bottom: 0;
}

.item01 ul {
	width: 850px;
	padding: 10px 0 0 7px;
}

.item01 ul li {
	float: left;
	padding: 0 11px 8px 0;
}

.item01 ul li img {
	vertical-align: top;
}
	
.item01 ul .last {
	padding-left: 1px;
}

.item02 {
	clear: both;
	padding: 0 0 0 24px;
}

.item03 {
	padding: 23px 0 0 9px;
}

.item03 li {
	float: left;
	padding-right: 18px;
}

.item03 li.last {
	padding-right: 0;
}

.item03 li img {
	vertical-align: top;
}

.item04 {
	clear: both;
	background: url(../images/index_img_06.jpg) no-repeat 0 0;
	height: 425px;
	margin: 44px 0 20px 23px;
}

.item04 .text {
	font-size: 12px;
	padding: 0 5px 14px 5px;
}

.item04 .inner {
	width: 605px;
	float: right;
}

.item04 .inner .title {
	padding: 0 0 7px;
}


/* clearfix
------------------------------------------------------------------------*/

.section .box,
.item03,
.fBlock,
.fImg,
.fContact,
#footer,
#footerInner {
	zoom: 1;
}

.section .box:after,
.item03:after,
.fBlock:after,
.fImg:after,
.fContact:after,
#footer:after,
.footerInner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.gm-style-iw,
.gm-style div,
.gMapInfoWindow { display: block; }


/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 232px;
	text-align: center;
	padding: 33px 0 0 8px;
}

.lNavi img {
	vertical-align: top;
}
.small { font-size:80%;}

/*140929 pickup_CT*/
.section .clinic_pickup_ct{	border:2px solid #4b9841; padding: 25px 20px 10px;	}
.ct_bar {
	margin-bottom: 15px;
	text-align: center;
	padding: 0;
}
.main_img {
	position:relative;
}
.idx_bnr {
	position:absolute;
	right:0;
	bottom:75px;
	z-index:999;
}

/*==========================================================================*/
/*                            blog                                    */
/*==========================================================================*/


.n_list li {
font-size: 14px;
padding: 10px 0 15px 15px;
border-bottom: 1px dotted #CCCCCC;
color: #2a2a2a;
font-weight: bold;
}
.n_list li a{
	color:#333;
}
.pagination { margin-top: 35px; text-align:center;}
.pagination li {
display: inline;
 margin-right: 5px;
}

.pagination li a {
padding:5px 10px;
background:#009242;
color: #fff;
font-weight: bold;
text-decoration:none;
}
.pagination li a:hover {
padding:5px 10px;
background:#fb8e2b;
color: #fff;
font-weight: bold;
text-decoration:none;
}
.pagination li.active a {
padding:5px 10px;
background:#fb8e2b;
color: #000;
font-weight: bold;
}

h3.blog {
background:url(../images/h3_bg.jpg) no-repeat left bottom;
width: 615px;
height: 55px;
margin: 0px;
padding: 60px 0 0 10px;
font-size: 26px;
color: #183f24;
}

.staff_blog {
	margin: 10px 7px 5px 5px;
}
.staff_blog p.title {
    padding: 0px;
	margin:0px;
}
.staff_blog ul {
	width:205px;
	background:#fff;
	padding: 7px;
	border: 1px solid #009242;
	height: 35px;
 	overflow-y: auto;
 	overflow-x: hidden;
}
.staff_blog li {
    border-bottom: 1px dotted #009242;
    font-size: 12px;
    padding: 5px 0 0 15px;
	text-align:left;
	background:url(../images/icon_02.jpg) no-repeat 0 9px;
}
.staff_blog li a {
	color:#1d402a;
}
.blog_h2 {
	color:#298f3b;
	font-size: 38px;
	padding: 70px 0 0 45px !important;
	text-shadow: 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff, 0px 0px 7px #fff;
}

#blogfeed dl {
padding-bottom:5px;
margin-bottom:8px;
border-bottom: 1px dotted #ccc;
}
#blogfeed dl.news_item dt {
float: left;
font-size: 10px;
color:#727272;
width: 70px;
}

#blogfeed dl.news_item dd {
float: left;
width: 121px;
font-size: 12px;
}
div.blog { 
 border: 1px solid #ccc;
 height: 120px;
 overflow-y: auto;
 overflow-x: hidden;
 padding:10px;
 }
 .nav_blog { margin:10px 0; }
.breadcrumb {
		text-align:right;
		overflow:hidden;
}
.breadcrumb li {
	float:left;
}
.pagination li.disabled {
	display:none;
}
.idx_bnr {
  bottom: 140px;
}
.idx_bnr02 {
  position: absolute;
  bottom: 50px;
  right: 0;
}