/*** 基本 ***/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	font-size: 12px;
	background: url("../images/common/body_bg.gif") 0 0 repeat-x;
}

h1,h2,h3,h4,h5,p {
	margin: 0;
	padding: 0;
	line-height: 100%;
}
p {
	line-height: 140%;
}

img {
	border: none 0px;
}
form {
	margin: 0;
}
a {
	color: #0A87C8;
	text-decoration: none;
}
a:hover {
	color: #3BB1EF;
	text-decoration: underline;
}

/*フロートクリア*/
div.clearb{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width:765px;
}
br.clearb {
	clear: both;
}

/* フォント類 */
.font-9 {
	font-size: 9px;
}

/* 背景なし */
#backnone {
	background: none;
}

/*** 全体ブロック ***/
#MainArea {
	margin: 0 auto;
	/*width: 800px;*/
	width: 801px;
}

@media print {
	#MainArea {
		width: 801px;
	}
}

/*** ヘッダー ***/
#Header {
	height: 130px;
}
#Header .Headerl {
	float: left;
/*	width: 450px;*/
/*	width: 400px;*/
	width: 300px;
}

#Header .HeaderRightGroup {
	float: right;
	width: 500px;
}

#Header .Headerr {
	float: right;
	width: 128px;
}

#Header .Headermenu {
	clear: both;
	text-align: right;
	font-size: 10px;
	padding-top: 18px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
}

#Header .Headermenu * {
	zoom: 1;
}

#Header .Headermenu a {
	margin: 0 10px 0 0;
	padding: 0 0 0 12px;
}

/*** メインメニュー ***/
#Header ul#MainMenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
}
#Header ul#MainMenu li {
	margin: 0;
	padding: 0;
	float: left;
	width: 160px;
}

#Header .Headerl p {
	padding: 3px 0 0 5px;
	font-size: 8px;
	height: 11px;
	color: #c5c5c5;
}


/*** メインコンテンツ部分 ***/
#Contents {
	clert: both;
	padding: 0 0 30px;
	/* for IE6 */
	_height: 1%;
	border-bottom: 1px solid #ccc;
}
/* for IE7 */
*:first-child+html #Contents {
	height: 1%;
}
#Contents .leftContents {
	float: left;
	margin: 0 14px 0 0;
	width: 553px;
}
#Contents .rightContents {
	float: left;
	width: 233px;
}

/*** 右メインなしの場合 ***/
.mainContents {
	margin: 0 auto;
	width: 700px;
}
.mainContents553 {
	margin: 0 auto;
	width: 553px;
}

/*** フッター ***/
#Footer {
	clear: both;
	margin: 30px 0 0;
	padding: 1px 0 0;
	border-top: 1px solid #D4D4D4;
	font-size: 10px;
}
#Footer .Footermenu {
	padding: 10px 0 0 10px;
	height: 19px;
	background: url("../images/common/footer_bg.gif") 0 0 repeat-x;
	border-bottom: 2px solid #FF8400;
}
#Footer .Footermenu  a {
	margin: 0 10px 0 0;
	padding: 0 0 0 12px;
	background: url("../images/common/mark01.gif") 0 1px no-repeat;

	zoom: 1;
}
#Footer .Footercopy {
	margin: 1px 0 0;
	padding: 20px 0 20px 10px;
	border-top: 1px solid #D4D4D4;
	background: #FAFAFA;
	color: #333;
}

/* ぱんくず */
#navi {
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	line-height: 28px;
	width: 800px;
	height: 28px;
	background: url("../images/common/bg03.gif") 0 0 no-repeat;
}

/* 2ndページタイトル */
h1.second {
	margin: 0 0 15px;
}


/********** 以下共通で使用するボックス類 **********/

/* 検索結果タイトル、ページ移動　共通 */
.searchview {
	margin: 0;
	padding:7px 0px;
	text-align: right;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
}
.searchview img {
	vertical-align: middle;
	_vertical-align: bottom;
}
/* for IE7 */
*:first-child+html .searchview img  {
	vertical-align: bottom;
}

/* 地図画像 */
#map .map {
	padding: 0 0 3px 5px;
}

/* 検索結果ボックス　共通 */
.searchviewbox {
	padding: 5px;
	border: 1px solid #ccc;
	line-height: 20px;
}
.searchviewbox .maininfo {
	float: left;
	width: 270px;
	padding: 3px 0 0 3px;
	border-left: 2px solid #FF8400;
}
.searchviewbox .maininfo h3 {
	margin: 0 0 5px;
	font-size: 14px;
}
.searchviewbox .maininfo .searchlink {
	padding: 0 0 0 10px;
	background: url("../images/common/mark06.gif") 0 2px no-repeat;
}
.searchviewbox .subinfo {
	float: left;
	width: 146px;
}
.searchviewbox .subinfo img {
	vertical-align: middle;
	_vertical-align: bottom;
}
/* for IE7 */
*:first-child+html .searchviewbox .subinfo img  {
	vertical-align: bottom;
}

.leftContents .searchicon {
	margin: 5px 0 0;
	clear: both;
}

/* 右側　病院検索、薬局検索　共通 */
h2.searchtab01 {
	width: 116px;
	float: left;
}
h2.searchtab02 {
	width: 116px;
	float: right;
}
.searchbox01 {
	padding: 4px 4px 0;
	clear: both;
	float: left;
	border-top: 2px solid #FF8919;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 223px;
}
.searchbox01bottom {
	height: 5px;
	background: url("../images/common/bg04.gif") 0 0  no-repeat;
	float: left;
	width: 100%;
}
/* ↓検索ボックスのデフォルトと入力後を分ける為に修正↓ */
.searchbox01 input {
	vertical-align: middle;
}
.searchbox01 input.searchBoxDefault {
	color: #ccc;
}
/* ↑検索ボックスのデフォルトと入力後を分ける為に修正↑ */
.searchbox01_check01 {
	margin: 10px 0 0;
	border: 1px solid #F3D884;
	background: #FFFEDE;
}
.searchbox01 h3 {
	position: relative;
	margin: 15px 0 10px;
	font-size: 10px
}
.searchbox01 h3 span {
	display: block;
	position: absolute;
	top: 5px;
	_top: 0;
	right: 0;
}
/* for IE7 */
*:first-child+html .searchbox01 h3 span  {
	top: 0;
}
.searchbox01 h3 span  a {
	padding: 0 0 0 8px;
	background: url("../images/common/mark06.gif") 0 1px no-repeat;
}

.rightContents .searchicon {
	margin: 0;
	padding: 0 0 5px 1px;
	clear: both;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
	list-style-type : none;
}
/* ↓こだわり区分用↓ */
.rightContents .searchicon li {
	display : inline;
}
input.objhidden {
	display : none;
}
/* ↑こだわり区分用↑ */

.rightContents #backnone {
	background: none;
}

.rightContents ul.kamokulist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	_height: 1%;
	float: left;
}
/* for IE7 */
*:first-child+html .rightContents ul.kamokulist   {
	height: 1%;
}

.rightContents ul.kamokulist li {
	margin: 0;
	padding: 0;
	float: left;
	width: 111px;
}


/*** 左メインボックス類 ***/
/* パターン1　左メイン部分で良く使うもの */
.box01 {
	padding: 5px 0 0;
	margin: 0 0 15px;
	background: url("../images/common/box01_top.gif") 0 0 no-repeat;
}

.box01 .box01bottom {
	width: 553px;
	height: 5px;
	background: url("../images/common/box01_bottom.gif") 0 0 no-repeat;
}
.box01 .box01main {
	width: 543px;
	padding: 0 4px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #F1F1F1;
}



/*** 医療機関検索部分ボックス ***/
.kensakubox {
	width: 533px;
	padding: 0 5px;
	border-top: 2px solid #FF8400;
	background: url("../images/common/bg02.gif") bottom left no-repeat #fff;
}

.titlebox {
	width: 533px;
	padding: 10px 0 7px;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
}

*.titlebox .formparts * {
	zoom: 1;
}

/* 地図の箇所のみドットなし */
#map {
	background: none;
}
.titlebox h3 {
	float: left;
	margin: 0 0 0 2px;
	width: 55px;
}
.titlebox p {
	padding: 3px 0 0;
	margin: 0 0 10px;
}
.titlebox .formparts {
	padding-left: 53px;
}
.titlebox .formparts .searchbtn02 {
	margin: 1px 0 0;
	vertical-align: top;
}

/* ↓タブ機能実装の為、変更↓ */
#city {
	height : 120px;
}
#city ul.ui-tabs-nav {
	margin: 3px 0 0;
	_margin: 13px 0 0;
	padding: 0;
	list-style-type: none;
}
#city ul.ui-tabs-nav li {
	margin: 0 5px 0 0;
	padding: 0;
	width: 21px;
	height: 21px;
	float: left;
}
#city ul.ui-tabs-nav li a {
	display: block;
	margin: 0;
	padding: 5px 0 0 5px;
	width: 16px;
	height: 16px;
	background: url("../images/common/bg01.gif") 0 0 no-repeat;
	position : static;
}
#city ul.ui-tabs-nav li a span {
	margin: 0;
	padding: 0;
	background: none;
	color : #0A87C8;
	font-weight: normal;
	line-height: 14px;
	height : 16px;
}
#city ul.ui-tabs-nav li a:hover,
#city ul.ui-tabs-nav li.ui-tabs-selected a {
	background-color: #F1F1F1;
	background-image: none;
}

#city .city02 {
	padding: 0 0 12px;
	background: #F1F1F1;
	width: 533px;
	_height: 1%;
	border : none;
}
#city .city02 ul {
	margin: 0;
	list-style-type: none;
	width: 460px;
	padding-left: 50px;
	height: 80px;
}

#city .city02 ul  li {
	margin: 6px 0 0 7px;
	padding: 0;
	width: 80px;
	float: left;
}
/* ↑タブ機能実装の為、変更↑ */

/* confirmbox01は、「予約確認画面」パターン */
.confirmbox01 {
	padding: 15px 0 10px;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
	width: 553px;
}
.confirmbox01 h3 {
	float: left;
	width: 153px;
	margin: 0 60px
}
.confirmbox01 p {
	float: right;
	width: 260px;
}


/*** 詳細ページ　共通 ***/
.detailwrap .printbtn01 {
	margin: 3px 0 7px;
	text-align: right;
}

.detailwrap h2 {
	margin: 0 0 10px;
	padding: 11px 0 0 30px;
	font-size: 16px;
	width: 523px;
	height: 24px;
	background: url("../images/common/bg06.gif") 0 0 no-repeat;
}
.detailbox01 {
	width: 100%;
}

/* detailbox01は最上部写真フロート部分全体 */
.detailbox01 .detailbox01_l_notimg {
	width: 100%;
	float: left;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
}
.detailbox01 .detailbox01_l {
	float: left;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
}
.detailbox01 .detailbox01_r {
	width: 180px;
	float: right;
}
.detailbox01 .detailicon {
	margin: 5px 0 0;
	padding: 0 0 10px;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
}
.detailbox01 .detailbox01_l h3 {
	margin: 15px 0 5px;
}

/* 営業時間テーブル */
.detailbox01 .detailbox01_l table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.detailbox01 .detailbox01_l table th,
.detailbox01 .detailbox01_l table td {
	padding: 2px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.detailbox01 .detailbox01_l table thead th {
	background: #fdfdfd;
	font-weight: normal;
}
.detailbox01 .detailbox01_l table tbody th {
	background: #f1f1f1;
}

.detailbox01 .detailbox01_l table .blue01 {
	color: #39c;
}
.detailbox01 .detailbox01_l table .red01 {
	color: #c03;
}
.detailbox01 .detailbox01_l .exp01 {
	margin: 5px 0 10px;
	font-size: 10px;
}
.detailbox01 .detailbox01_l_notimg h3 {
	margin: 15px 0 5px;
}

/* 営業時間テーブル */
.detailbox01 .detailbox01_l_notimg table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.detailbox01 .detailbox01_l_notimg table th,
.detailbox01 .detailbox01_l_notimg table td {
	padding: 2px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.detailbox01 .detailbox01_l_notimg table thead th {
	background: #fdfdfd;
	font-weight: normal;
}
.detailbox01 .detailbox01_l_notimg table tbody th {
	background: #f1f1f1;
}

.detailbox01 .detailbox01_l_notimg table .blue01 {
	color: #39c;
}
.detailbox01 .detailbox01_l_notimg table .red01 {
	color: #c03;
}
.detailbox01 .detailbox01_l_notimg .exp01 {
	margin: 5px 0 10px;
	font-size: 10px;
}
.detailbox01 .detailbox01_r_notimg .exp02 {
	margin: 5px 0 0;
	font-size: 10px;
	text-align: left;
}

/* detailbox02は、「タイトル-説明」パターン */
.detailbox02 {
	padding: 15px 0 10px;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
	width: 553px;
}
.detailbox02 h3 {
	float: left;
	width: 115px;
}
.detailbox02 p {
	float: right;
	width: 438px;
}

/* 以下はURLのみで使用 */
.detailbox02 p.url {
	float: left;
	width: 226px;
}
.detailbox02 .qr {
	float: left;
	width: 57px;
}
.detailbox02 p.qrtxt {
	float: left;
	width: 145px;
	font-size: 10px;
	padding: 0 5px;
}

/* 以下代表者のみで使用 */
.detailbox02 .phototxt {
	font-size: 10px;
	margin: 2px 0 0;
}
.detailbox02 .photobox {
	width: 132px;
	float: left;
}
.detailbox02 .photowrap {
	/* 代表者と院内風景を分ける為に修正
	padding: 15px 0 0 115px;
	width: 438px;
	*/
	padding: 0 0 0 115px;
}


/* 戻るボタン */
.detailwrap .backbtn {
	padding: 20px 0 0;
	text-align: center;
}

/***  詳細画面右側 ***/
.detail_yoyakubox {
	padding: 10px 3px 3px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.detail_yoyakubox table {
	margin: 5px 0 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.detail_yoyakubox table th,
.detail_yoyakubox table td {
	padding: 2px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.detail_yoyakubox table  th {
	background: #f1f1f1;
	font-weight: normal;
}

.detail_yoyakubox table .blue01 {
	color: #39c;
}
.detail_yoyakubox table .red01 {
	color: #c03;
}

p.yoyakutxt01 {
	font-size: 10px;
}

.yoyakuselect {
	white-space:nowrap;
	margin-left: 0;
	padding: 0 0 8px;
	line-height: 26px;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
	list-style-type: none;
	clear: both;
	float: left;
}
.yoyakuselect li.yoyakuselectrow {
	clear: both;
	float: left;
	width: 219px;
}
*:first-child+html .yoyakuselect li.yoyakuselectrow {
/*	width: 210px;*/
	width: 228px;
}

.yoyakuselect li.yoyakuselectrow span {
	font-size: 10px;
	float: left;
}
.yoyakuselect li.yoyakuselectrow div.yoyakuselect_ymd,
.yoyakuselect li.yoyakuselectrow div.yoyakuselect_time {
	float: left;
	margin-left: 2px;
	margin-top: 4px;
}
.yoyakuselect li.yoyakuselectrow input.selectbox {
	font-size: 10px;
}
.yoyakuselect li.yoyakuselectrow div.selectbox-wrapper {
	margin-top: -1px;
	font-size: 12px;
}
.yoyakuselect li.yoyakuselectrow div.selectbox-wrapper ul li {
	line-height: 16px;
}

*:first-child+html .yoyakuselect li.yoyakuselectrow div.selectbox-wrapper {
	margin-left: 2px;
}

.detail_yoyakubox dl {
	margin: 8px 0 0;
	padding: 0;
	width: 203px;
}
.detail_yoyakubox dl dt {
	margin: 0 0 3px;
	padding: 6px 0 0;
	width: 43px;
	float: left;
}
.detail_yoyakubox dl dd {
	margin: 0 0 3px;
	padding: 0;
	width: 160px;
	float: right;
}
.detail_yoyakubox dl dd input {
	width: 154px;
}
.detail_yoyakubox dl dd textarea {
	width: 154px;
	height: 50px;
}
p.yoyakutxt02 {
	margin: 0 0 8px;
	padding: 0 0 7px;
	clear: both;
	font-size: 10px;
	color: #c00;
	background: url("../images/common/dot01.gif") bottom left repeat-x;
}
#errornote {
	font-size: 12px !important;
	display: block;
	padding: 4px 5px 4px 25px;
	margin: 0 6px 3px 0;
	border: 1px solid red;
	color: red;
	font-weight:bold;
}

/* ボタンサイズ設定 small */
.button_s{
	width: 80px;
}

/* ボタンサイズ設定 middle */
.button_m{
	width: 160px;
}

/* ボタンサイズ設定 lage */
.button_l{
	width: 200px;
}

/* 医療機関検索一覧 イメージサイズ指定 */
.infoimg {
	float: right;
	max-width:110px;
	max-height:83px;

	width: expression((getImageWidth('picture') > getImageHeight('picture')) ? "110px" : "auto");
	height: expression((getImageHeight('picture') > getImageWidth('picture')) ? "83px" : "auto");
}
/* 新規開業、ドクター紹介(トップページ) イメージサイズ指定 */
.infoimgTop {
	max-width:100px;
	max-height:75px;

	width: expression((getImageWidth('picture') > getImageHeight('picture')) ? "100px" : "auto");
	height: expression((getImageHeight('picture') > getImageWidth('picture')) ? "75px" : "auto");
}


#banner-L {
	width: 180px;
	height: auto;
	margin: 20px 0 10px;
	padding: 11px 27px;
	background:url("../images/top/bg_banner01.gif") repeat-x;
}

.banner-M
{
	width:234px;
	height:60px;
	margin:10px 0 0;
	padding:0;
	clear: both;
}

.banner-S
{
	width:120px;
	height:60px;
	margin:20px 8px 8px;
	padding:0;
	clear: both;
}