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


/* =========================================================
	スマートフォンサイト
	共通のスタイル指定(リセット・基本設定、ヘッダー、フッター)
========================================================= */


/* ===============================================
	リセット・基本設定
=============================================== */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'HiraKakuProN-W6';
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img {
	vertical-align: bottom;
}


/* フォントの設定 */
.font_red { color:#cc0000; }


/*	.clearfix
------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }

/*	body
------------------------------------------------*/
html {
}
body {
	color: #333333;
	font-family: "メイリオ","Meiryo","HiraKakuProN-W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	background-color:#FFFFFF;
}

a {
	color: #666666;
	text-decoration: none;
	overflow: hidden;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

/*	#container
------------------------------------------------*/
#container {
	width: 320px;
	margin: 0 auto;
	background:#FFFFFF;
	color:#333333;
}


/* ===============================================
	ヘッダー
=============================================== */
#header {
	width: 320px;
	background: #fff;
	position: relative;
	padding-bottom:10px;
}
#header .logo {
	text-align: left;
}

#header .homeicon {
	position: absolute;
	top: 0px;
	right: 0px;
}

.homeicon { padding:5px 5px 0 0; }

#header .headcatch {
	width:320px;
	position: absolute;
	top: 46px;
	color:#006ba6;
	text-align:center;
}

.headcatch { padding:0 0 0 0; }


/* スライド */
#rotator
{
	border:none;
	cursor:default;
	overflow: hidden;
	position: relative;
	min-height:169px;
	height:auto !important;
	height:169px;
}

#rotator img
{
	border: 0;
	width: 100%;
	min-height:169px;
	height:auto !important;
	height:169px;
}

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#rotator img a{ cursor:default; }


/* ナビゲーション */
#navibox { width:100%; padding-bottom:10px; }
.navi { width:25%; float:left; }


/* コンテンツ */
.detailbox01_01 .contentstablebox01 {
	padding:0;
}

.contentstablebox01 a {
	text-decoration:none;
	display:block;
}

td.contentsimg {
	width:30%;
	vertical-align:middle;
}

.contentsimgarea {
	width:85px;
	text-align:left;
	padding-right:5px;
}

td.contentsdetail {
	width:60%;
	vertical-align:top;
	font-family: "HiraKakuProN-W3";
	font-weight: normal;
}

td.contentsarrow {
	width:10%;
	vertical-align:middle;
}

td.contentsdetail .title {
	width: 175px;
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight:bold;
	padding:3px 0 0 0;
}
td.contentsdetail .txt {
	width: 175px;
	display: block;
	font-size: 8px;
	line-height: 10px;
}
td.contentsarrow .topicsicon {
	margin: 0 0 0 0;
	float:right;
}

/*	.pageTitleArea
----------------------------------------------- */
.pageTitleArea {
	position: relative;
}
h2.pageTitle01 {
	height: 30px;
	padding: 10px 10px 0 10px;
	background: url(../images/ttl_bg_01.gif) repeat-x left top;
	text-align: center;
	text-shadow: #000 0px -1px 1px;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}
h1.pageTitle02 {
	height: 30px;
	padding: 10px 10px 0 10px;
	background: url(../images/ttl_bg_02.gif) repeat-x left top;
	text-align: center;
	text-shadow: #4b0000 0px -2px 2px;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}
.backBtn {
	position: absolute;
	top: 5px;
	left: 6px;
}

h2.pageTitle03 {
	height: 30px;
	padding: 10px 10px 0 10px;
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
}
h2.pageTitle03 span.stxt {
	font-size: 10px;
}

h2.pageTitle04 {
	padding: 10px 10px 5px 10px;
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}
h2.pageTitle04 span.stxt {
	font-size: 10px;
}


/* ===============================================
	コンテンツ
=============================================== */
#contents {
	width: 320px;
}

.detailWrap {
	width: 320px;
	border-bottom: #980000 4px solid;
}

.explain {
	width: 310px;
	height: 22px;
	padding: 2px 5px 0 5px;
	background: #222222;
	text-align: center;
	color: #aaaaaa;
	font-family: "HiraKakuProN-W3";
	font-size: 10px;
}


/* ===============================================
	フッターメニュー
=============================================== */
.btmMenu {
	padding: 40px 10px 15px 10px;
}

.btmMenu .top {
	border-bottom: 3px solid #333333;
}


/* ===============================================
	フッター
=============================================== */
#copyright {
	text-align:center;
	padding:5px;
}

















/* ===============================================
	下層ページ共通
=============================================== */
#headpagetitle {
	padding-bottom:20px;
}

.detailbox01_01 {
	padding:0 10px 10px 10px;
}
.detailbox01_02 {
    background-color: #F3F4E7;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	font-family: "HiraKakuProN-W3";
	color:#333333;
}

.detailbox01_02 a {
	color:#333333;
}

.detailbox02_01 {
	padding:0 10px 10px 10px;
}
.detailbox02_02 {
    background-color: #99ccff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	font-family: "HiraKakuProN-W3";
	color:#0e68bb;
}

.detailbox02_02 a {
	color:#0E68BB;
}


.detailbox03_01 {
	padding:0 10px 10px 10px;
}
.detailbox03_02 {
    background-color: #C6F4F1;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	font-family: "HiraKakuProN-W3";
	color:#289790;
}

/* 角丸エリア */
aside {
    padding: 5px;
}
aside p:last-child {
    margin-bottom: 0;
}


/* コンテンツ */
.contentsbox01 {
	font-family: "HiraKakuProN-W3";
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	display: block;
	padding-bottom:0px;
}

.contentsbox02 { padding:0 10px 10px 10px; }
.contentsbox03 { padding:0 20px 10px 20px; }
.contentsbox04 { padding:0 20px 30px 20px; }


/* コンテンツ（3列） */
td.contentsleft01 { width:34%; text-align:left; vertical-align:top; }
td.contentscenter01 { width:16%; text-align:center; vertical-align:top; }
td.contentsright01 { width:50%; text-align:left; vertical-align:top; }

.subcontentsbox01 { padding-bottom:10px; }
.subtitlebox01 { font-size:12px; font-weight:bold; padding-bottom:5px; }


/* コンテンツ内 表 */
td.contentslistleft01 { text-align:left; vertical-align:top; }
td.contentslistright01 { text-align:left; vertical-align:top; }

td.contentslistleft02 { width:50%; text-align:left; vertical-align:top; padding-right:10px; }
td.contentslistright02 { width:50%; text-align:left; vertical-align:top; padding-left:10px; }

/* コンテンツ（2列） */
table.contentsmaxwidth { width:100%; }
td.contentsleft02 { width:20%; text-align:left; vertical-align:top; }
td.contentsright02 { width:80%; text-align:left; vertical-align:top; }


.titlebox01 {
	padding:0 10px 10px 10px;
}

.newsdetailbox {
	padding:0 20px 10px 20px;
}

.newsdate { color:#448ED4; }


/* 診療時間（トップ） */
.timebox01 { padding:0 20px 10px 20px; }

table#time { width:100%; border-collapse: collapse; border:1px #61a3e2 solid; margin:0 auto; color:#0e68bb; }
table#time td { border:1px #61a3e2 solid; }
td.time01 { width:28%; text-align:center; padding:5px 0 5px 0; background-image:url(../img/tablebg.png); background-repeat:repeat; }
td.time02 { width:28%; text-align:center; padding:5px 0 5px 0; }
td.day01 { width:9%; text-align:center; padding:5px 0 5px 0; background-image:url(../img/tablebg.png); background-repeat:repeat; }
td.day02 { width:9%; text-align:center; padding:5px 0 5px 0; }


/* インフォメーション（トップ） */
.namebox01 { background:#99ccff; padding:5px 10px 5px 10px; color:#0e68bb; font-size:12px; }
.infoleftbox01 { float:left; padding-right:10px; }
.inforightbox01 { float:right; }

.infodetailbox {
	padding:0 20px 10px 20px;
}

#top .tablebox01 {
	border-top: #666666 1px solid;
}

#top .tablebox02 {
	padding: 5px 0 5px 15px;
}

#top .news table {
	width:100%;
}

td.detail {
	width:80%;
	vertical-align:middle;
	font-family: "HiraKakuProN-W3";
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
}

td.arrow {
	width:20%;
	vertical-align:middle;
}

td.detail .date {
	width: 250px;
	color: #E4007F;
	display: block;
}
td.detail .txt {
	width: 250px;
	color: #666666;
	display: block;
}
td.arrow .topicsicon {
	margin: 0 10px 0 0;
	float:right;
}

#top .newsendbox {
	padding:0 10px 0 10px;
}


/* 下部リンク */
.linkdetailbox01_01 {
	padding:0 10px 10px 10px;
}

.linkdetailbox01_02 {
    background-color: #99CCFF;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	font-family: "HiraKakuProN-W3";
	color:#333333;
}

.linkdetailbox01_03 {
	padding:0;
}

.linkdetailbox01_02 .contentstablebox01 {
	padding:0;
}

.linkdetailbox01_02 a {
	color:#333333;
}

#linkleftbox { width:48%; float:left; }
#linkrightbox { width:48%; float:right; }

td.linkimg {
	width:30%;
	vertical-align:middle;
}

.linkimgarea {
	width:40px;
	text-align:left;
	padding-right:5px;
}

td.linkdetail {
	width:70%;
	vertical-align:middle;
	font-family: "HiraKakuProN-W3";
	font-weight: normal;
}

td.linkdetail .title {
	width: 95px;
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight:bold;
	padding:0;
	color:#0E68BB;
}
td.linkdetail .txt {
	width: 95px;
	display: block;
	font-size: 8px;
	line-height: 10px;
}


/* ページトップ */
.pagetopbox { padding:0 10px 10px 10px; text-align:right; }


/* インフォバナー */
#infobannerbox { padding:0 9px 0 10px; }
#infobannerbox02 { padding:0 9px 10px 10px; }


/* アクセスページ */
#accessbuttonbox { line-height:140%; padding:10px 0 0 0; }
#accessdetails { line-height:140%; padding:10px 0 0 0; }
#accessdetails a { color:#333333; text-decoration:underline; }

#accessmapbox { padding-bottom:0px; }

#accessleftbox01 { float:left; }
#accessrightbox01 { float:right; }


/* 施設案内 */
table.imglist { width:100%; }
td.imglistbox01 { width:50%; padding:0 10px 5px 0; text-align:center; }
td.imglistbox02 { width:50%; padding:0 0 5px 10px; text-align:center; }
td.imglisttextbox01 { width:50%; padding:0 10px 20px 0; text-align:center; font-size:12px; font-weight:bold; }
td.imglisttextbox02 { width:50%; padding:0 0 20px 10px; text-align:center; font-size:12px; font-weight:bold; }


/* お問い合せ */
.formbox {
	font-family: "HiraKakuProN-W3";
	text-align:left;
	font-size:10px;
}

.formitem01 { color:#0e68bb; }
#attentionbox01 { padding-bottom:10px; color:#FFFFFF; }
#attentionbox02 { padding-bottom:10px; color:#FFFFFF; }
#thanksbox { text-align:left; }
#errorbox { padding-bottom:10px; color:#FFFFFF; }

textarea.textbox01 { width:100%; height:60px; overflow:hidden; border:none; }
input.textbox02 { width:100%; height:30px; border:none; }