body {
    font:12px/1.231 "HiraKakuProN-W3";
	padding:0;
	background-color:#F0F1E8;
}

#wrap {
    padding:0 10px 10px 10px;
}

section, nav {
    margin-bottom: 1em;
}

/* section文字センター */
.centerbox {
	text-align:center;
}

.leftbox {
	text-align:left;
}

.rightbox {
	text-align:right;
}

p {
    margin-bottom: 1em;
}

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

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


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


/* リンク色設定 */
a { color:#0e68bb; text-decoration:underline; }

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


/* ヘッド */
header { 
	text-align:center;
	padding-bottom:0px;
}

#top { padding-bottom:10px; }

/* ロゴボックス */
#logobox { background:#FFFFFF; padding-top:5px; }
#logo { width:150px; float:left; margin-left: 10px; }

/* ホームボタン */
#btnHome {
    border-radius: 5px;
	background-color: #0e68bb;
    background: -webkit-gradient(linear, left top, left bottom, from(#0e68bb), to(#99ccff)) #0e68bb;
    width: 7em;
    font-size: 85%;
    text-align: center;
    float: right;
    margin-right: 10px;
	margin-top:5px;
}
#btnHome a {
    text-shadow: 1px 1px 0 #0e68bb;
    display: block;
    padding: 5px 0;
    color: #FFFFFF;
    text-decoration: none;
}

/* キャッチ */
.catchbox01 {
	text-align:center;
	padding-bottom:10px;
}

.catchbox01 hr {
	display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
	margin:0;
	padding:0;
}

.catchbox01 p { padding:10px 0 0 0; }

/* 角丸エリア */
aside {
    background-color: #F0F1E8;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
}
aside p:last-child {
    margin-bottom: 0;
}


/* ドロップシャドウ */
h2 {
    font-size: 121%;
    text-shadow: 1px 1px 2px #ccc;
    color: #0e68bb;
    margin-bottom: 10px;
}


/* ナビ */
#navi { padding:0 0 10px 0; }

.navibox { padding-bottom:1px; }

.navibox01 { width:320px; margin:0 auto; }

.navi01_01 {
	text-align:center;
	width:158px;
	float:left;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #0e68bb;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e68bb), to(#99ccff));
	font-size: 140%;
	padding:5px 0 5px 0;
	margin:1px;
	}		

.navi01_01 li {
	text-align: center;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

.navi01_01 li a {
	display: block;
}

.navi01_01 a {
	color: #fff;
	text-decoration: none;
	padding: 0px 2px 0px 0px;
}

.navi02_01 {
	width:318px;
	float:left;
	text-align:center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #0e68bb;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e68bb), to(#99ccff));
	font-size: 140%;
	padding:5px 0 5px 0;
	margin:1px;
	}		

.navi02_01 li {
	text-align: center;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

.navi02_01 li a {
	display: block;
}

.navi02_01 a {
	text-align:center;
	color: #fff;
	text-decoration: none;
	padding: 0px 2px 0px 0px;
}


/* 診療時間表 */
table#time { width:100%; border-collapse: collapse; border:1px #61a3e2 solid; margin:0 auto; color:#0e68bb; margin:0 0 10px 0; }
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; background:#FFFFFF; }
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; background:#FFFFFF; }


/* PC/スマホリンク */
#switchButton {
	clear: both;
	text-align: center;
	font-size: 100%;
}

/* ページトップ */
#btnTop {
    border-radius: 5px;
	background-color: #0e68bb;
    background: -webkit-gradient(linear, left top, left bottom, from(#0e68bb), to(#99ccff)) #0e68bb;
    width: 7em;
    font-size: 85%;
    text-align: center;
    float: right;
    margin-right: 10px;
}
#btnTop a {
    text-shadow: 1px 1px 0 #0e68bb;
    display: block;
    padding: 5px 0;
    color: #FFFFFF;
    text-decoration: none;
}

/* フッター */
footer {
	background-color:#0e68bb;
	font-size:80%;
	color:#FFFFFF;
	text-align:center;
	padding:5px 0 5px 0;
}


footer p {
	clear: both;
	padding: 0;
}
footer img {
	vertical-align: top;
}
footer p:last-child {
	margin: 0;
}


/* 下層ページ共通 */
.contentsbox01 { padding-bottom:15px; }
.contentsbox02 { padding-bottom:15px; text-align:center; }
.titlebox01 {
    font-size: 110%;
    color: #0e68bb;
}

.titlebox02 {
    font-size: 110%;
    color: #0e68bb;
	padding:0 0 5px 0;
}

.imgcenterbox01 {
	text-align:center;
	padding:5px 0 5px 0;
}

.imgcenterbox02 {
	text-align:center;
	padding:0 0 5px 0;
}


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

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

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