@charset "utf-8";

/* ========================================================
	contents.css => コンテンツ用css
======================================================== */

/* 共通パーツ
============================================================================================================ */
.red {
    color: #cc0000;
}

.blue {
    color: #29b0e4;
}

.gray {
    color: #bbbbbb;
}

.csp {
    cursor: pointer;
}

.cspline {
    cursor: pointer;
    text-decoration: underline;
}

#modalPopUp {
}

#modalPopOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    z-index: 1000;
}

#modalPopContents {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1001;
}

#nixArea {
	display: none;
}
#nixArea .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #ffffff;*/
	/*filter: alpha(opacity=55);*/
	/*-moz-opacity: 0.55;*/
	/*opacity: 0.55;*/
	z-index: 1100;
}
#nixArea .wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
}
#nixArea .contents {
	position: absolute;
	top: -16px;
	left: -16px;
	width: 32px;
	height: 32px;
}

#modalArea {
	display: none;
}
#modalArea .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
	z-index: 1000;
}
#modalArea .wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
}
#modalArea .contents {
	position: absolute;
	top: -16px;
	left: -16px;
	width: 32px;
	height: 32px;
}

/* タイトル
-------------------------------------------------------------------------- */
h2.title {
    width: 12em;
    margin-bottom: 16px;
    padding: 0.2em 1em;
    background-color: #bcc217;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

/* セクション
-------------------------------------------------------------------------- */
.section {
    margin-bottom: 40px;
}

/* ボタンエリア
-------------------------------------------------------------------------- */
.btn_area {
    margin-bottom: 20px;
    zoom: 1;
}

.btn_area:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.btn_area p {
    float: left;
}

/* ボタン
-------------------------------------------------------------------------- */
a.btn {
    position: relative;
    display: block;
    padding: 10px;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdffff), to(#f7f8f8));
    background: -webkit-linear-gradient(#fdffff, #f7f8f8);
    background: -moz-linear-gradient(#fdffff, #f7f8f8);
    background: -ms-linear-gradient(#fdffff, #f7f8f8);
    background: -o-linear-gradient(#fdffff, #f7f8f8);
    background: linear-gradient(#fdffff, #f7f8f8);
    -pie-background: linear-gradient(#fdffff, #f7f8f8);
    font-size: 117%;
    font-weight: bold;
    behavior: url(/css/clinic/PIE.htc);
}

a.btn span {
    padding: 3px 20px 3px 30px;
    background: url(../../common/images/parts/link_arrow.png) no-repeat left;
}

/* 戻るボタン
-------------------------------------------------------------------------- */
.backbtn_area {
    margin: 40px 0 20px;
}

.backbtn_area ul {
    zoom: 1;
}

.backbtn_area ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.backbtn_area ul li {
    float: left;
    padding-right: 20px;
}

a.backbtn {
    position: relative;
    display: block;
    padding: 3px 10px;
    border: 2px solid #c0c0c0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #bebebe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bebebe), to(#9f9f9f));
    background: -webkit-linear-gradient(#bebebe, #9f9f9f);
    background: -moz-linear-gradient(#bebebe, #9f9f9f);
    background: -ms-linear-gradient(#bebebe, #9f9f9f);
    background: -o-linear-gradient(#bebebe, #9f9f9f);
    background: linear-gradient(#bebebe, #9f9f9f);
    -pie-background: linear-gradient(#bebebe, #9f9f9f);
    font-size: 117%;
    color: #ffffff;
    behavior: url(/css/clinic/PIE.htc);
}

a.backbtn span {
    padding: 3px 15px 3px 20px;
    background: url(../../common/images/parts/btn_back_arrow.png) no-repeat left;
}

a.backbtn:link, a.backbtn:visited {
    text-decoration: none;
}

a.backbtn:hover, a.backbtn:active {
    text-decoration: underline;
}

/* テーブル
-------------------------------------------------------------------------- */
table.basic {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

table.basic th,
table.basic td {
    padding: 0.8em 1.2em;
    border: 1px solid #d8d8d8;
}

table.basic .blue_bg {
    background-color: #e3f5fc;
}

table .w10 {
    width: 10%;
}

table .w20 {
    width: 20%;
}

table .w30 {
    width: 30%;
}

table .w40 {
    width: 40%;
}

table .w50 {
    width: 50%;
}

/* 診療時間テーブル
-------------------------------------------------------------------------- */
table.time_table {
    margin-top: 10px;
}

table.time_table th,
table.time_table td {
    padding: 0.8em .4em;
    text-align: center;
}

table.time_table th {
    background-color: #fafafa;
}

table.time_table thead th {
    background-color: #ededed;
}

/* ページャー
-------------------------------------------------------------------------- */
.pager {
    margin: 20px 0;
    padding: .8em;
    background-color: #e3f5fc;
    text-align: center;
}

/* 次前
-------------------------------------------------------------------------- */
.nextprev {
    zoom: 1;
}

.nextprev:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.nextprev .prev {
    float: left;
}

.nextprev .next {
    float: right;
}

/* ボタンだけ
-------------------------------------------------------------------------- */
.btn_only_area {
    padding: 40px 0 50px;
}

.btn_only_area ul {
    zoom: 1;
}

.btn_only_area ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.btn_only_area ul li {
    float: left;
    width: 420px;
    padding: 0 15px 20px;
}

/* フォームパーツ
-------------------------------------------------------------------------- */
input.text,
textarea.text {
    padding: 0.3em 0.5em;
    border: 1px solid #cccccc;
}

select.select {
    padding: 0.3em 0.5em;
    border: 1px solid #cccccc;
}

input.zip_btn {
    padding: 0.3em 0.5em;
    color: #666666;
    border: 1px solid #b3b3b3;
    background-color: #e6e6e6;
    cursor: pointer;
}

input.btn {
    position: relative;
    display: block;
    padding: 8px 80px;
    border: 2px solid #72d3f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #76d8fa;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#76d8fa), to(#46bfe9));
    background: -webkit-linear-gradient(#76d8fa, #46bfe9);
    background: -moz-linear-gradient(#76d8fa, #46bfe9);
    background: -ms-linear-gradient(#76d8fa, #46bfe9);
    background: -o-linear-gradient(#76d8fa, #46bfe9);
    background: linear-gradient(#76d8fa, #46bfe9);
    -pie-background: linear-gradient(#76d8fa, #46bfe9);
    font-size: 117%;
    color: #ffffff;
    behavior: url(/css/clinic/PIE.htc);
    cursor: pointer;
}

button.btn {
    position: relative;
    display: inline;
    padding: 8px 80px;
    border: 2px solid #72d3f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #76d8fa;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#76d8fa), to(#46bfe9));
    background: -webkit-linear-gradient(#76d8fa, #46bfe9);
    background: -moz-linear-gradient(#76d8fa, #46bfe9);
    background: -ms-linear-gradient(#76d8fa, #46bfe9);
    background: -o-linear-gradient(#76d8fa, #46bfe9);
    background: linear-gradient(#76d8fa, #46bfe9);
    -pie-background: linear-gradient(#76d8fa, #46bfe9);
    font-size: 117%;
    color: #ffffff;
    behavior: url(/css/clinic/PIE.htc);
    cursor: pointer;
}

/* 検索結果上位表示フォーム
-------------------------------------------------------------------------- */
#srankCForm {
    padding-bottom: 20px;
}

#srankCForm dt {
    width: 12em;
    margin-bottom: 16px;
    padding: 0.2em 1em;
    background-color: #bcc217;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#srankCForm dt.bidList {
    width: 20em;
}

#srankCForm dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #cccccc;
}

#srankCForm dd.bid {
    width: 855px;
}

#srankCForm dd.bid input.bid {
    width: 190px;
    height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    margin-right: 5px;
}

#srankCForm dd.bid input.save {
    width: 223px;
    padding: 8px 0;
}

#srankCForm dd.bid div {
    float: left;
}

#srankCForm dd.bid div.update {
    margin: 5px 0 0 0;
    float: none;
}

#srankCForm dd.bid div.message {
    width: 66%;
    float: right;
    background-color: #e9f7fa;
    border: 1px solid #b4e2ee;
    color: #656565;
    padding: 8px;
    margin: 0 0 15px 0;
}

#srankCForm dd.bid div.price {
    width: 30%;
}

#srankCForm dd.bid div.price p.error {
    width: 205px;
}

#srankCForm dd.bid div.info {
    width: 45%;
    margin: 0 0 0 20px;
    font-size: 12px;
}

#srankCForm dd.bid div.top10 {
    float: right;
    width: 20%;
    margin: 0 0 0 0;
}

#srankCForm dd.bid table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 0 0 0;
}

#srankCForm dd.bid table th,
#srankCForm dd.bid table td {
    padding: 0 1.0em;
    border: 1px solid #d8d8d8;
    height: 22px;
}

#srankCForm dd.bid table th {
    width: 50%;
    text-align: center;
}

#srankCForm dd.bid table td {
    width: 50%;
    text-align: right;
}

#srankCForm dd.bidList table {
    float: left;
    width: 17%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 20px 0 0;
}

#srankCForm dd.bidList table th,
#srankCForm dd.bidList table td {
    padding: 0 11px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    height: 30px;
}

#srankCForm dd.bidList table tr.now th,
#srankCForm dd.bidList table tr.now td {
    height: 29px;
    background-color: #e9f7fa;
    border: 2px solid #b4e2ee;
    color: #656565;
}

#srankCForm dd.bidList table tr.bid th,
#srankCForm dd.bidList table tr.bid td {
    height: 29px;
    background-color: #ffebe8;
    border: 2px solid #ff4c4c;
    color: #656565;
}

#srankCForm dd.bidList table th {
    width: 35%;
    text-align: center;
}

#srankCForm dd.bidList table td {
    width: 65%;
    text-align: right;
}

#srankCForm input.dis {
    cursor: default;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

/* ベーシックフォーム
-------------------------------------------------------------------------- */
.basic_form {
    padding-bottom: 20px;
}

.basic_form dt {
    width: 12em;
    margin-bottom: 16px;
    padding: 0.2em 1em;
    background-color: #bcc217;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.basic_form dd {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #cccccc;
}

.basic_form dl dd div span.left {
	width: 100px;
	display: inline-block;
	vertical-align: top;
}

.img_up_area dt {
    float: left;
    width: auto;
    margin: 0;
    padding: 0.2em 0 0;
    background-color: transparent;
    color: #656565;
    font-weight: normal;
    text-align: left;
}

.img_up_area dd {
    margin: 0 0 15px;
    padding: 0 0 15px 15em;
    border-bottom: 1px dotted #ededed;
}

.img_up_area dd.last {
    margin: 0;
    padding-bottom: 0;
    border: 0;
}

.img_up_area dd img {
    margin-bottom: 10px;
}

/* input単体
-------------------------------------------------------------------------- */
.input_area {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* ==============================================================================================================

	トップページ

============================================================================================================== */

#topArea {
    padding: 30px 0 100px;
}

#topArea p {
    margin-bottom: 60px;
    text-align: center;
}

#topArea ul {
    zoom: 1;
}

#topArea ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

#topArea ul li {
    float: left;
    width: 420px;
    padding: 0 15px 20px;
}

/* ==============================================================================================================

	予約状況

============================================================================================================== */
#reservationArea p {
    margin: 10px 0 5px;
}

#reservationArea span.emp {
    color: #51c4ed;
}

#reservationArea span.has {
    color: #9bd59a;
}

#reservationArea span.ful {
    /*color: #d5564a;*/
    color: #9bd59a;
}

#reservationArea table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

#reservationArea table th,
#reservationArea table td {
    padding: 0.3em 0;
    border: 1px solid #d8d8d8;
    text-align: center;
}

#reservationArea table th {
}

#reservationArea table tr th.sec {
}

#reservationArea table thead .week th,
#reservationArea table thead .week td {
    border-bottom-width: 2px;
}

#reservationArea table thead th {
    background-color: #ededed;
}

#reservationArea table thead td {
    background-color: #e3f5fc;
}

#reservationArea table thead td.saturday {
    color: #129dce;
}

#reservationArea table thead td.holiday {
    color: #f94848;
}

#reservationArea table tbody th {
    width: 3%;
    background-color: #fafafa;
}

#reservationArea table tbody td {
    /*width: 5.4%;*/
    width: 2.8%;
    padding: 0.2em 0;
}

#reservationArea table tbody td a {
    display: block;
    width: 85%;
    height: 1.8em;
    /*background-color: #51c4ed;*/
    margin: 0 auto;
    color: #ffffff;
    text-decoration: none;
}

#reservationArea table tbody td a.emp {
    background-color: #51c4ed;
}

#reservationArea table tbody td a.has {
    background-color: #9bd59a;
}

#reservationArea table tbody td a.ful {
    /*background-color: #d5564a;*/
    background-color: #9bd59a;
}

.faxNotice {
	color: #f94848;
}

/* ==============================================================================================================

	予約状況

============================================================================================================== */
#reservationList {
    width: 900px;
}

#reservationList p {
    margin-bottom: 8px;
}

#reservationList table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    border-spacing: 0;
}

#reservationList table th,
#reservationList table td {
    width: auto;
    padding: 0.3em;
    border: 1px solid #d8d8d8;
    text-align: center;
}

#reservationList table thead th {
    font-weight: normal;
    text-align: center;
}

#reservationList table tbody td {
    text-align: left;
}

#reservationList table tbody tr.point {
    cursor: pointer;
}

#reservationList table th.rdate,
#reservationList table td.rdate {
    width: 250px;
    text-align: center;
}

#reservationList table th.name,
#reservationList table td.name {
    width: 250px;
}

#reservationList table th.tel,
#reservationList table td.tel {
    width: 120px;
    text-align: center;
}

#reservationList table th.total,
#reservationList table td.total{
	text-align: right;
	padding-right: 3em;
}

.reseMonthList {
	display: none;
}

.reseTotal {
	margin-bottom: 20px;
}

.reseTotal:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}

.reseTotal div {
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0.5em 1em;
	/*border: 2px solid #f1f1f1;*/
	border: 2px solid #eaeaea;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	min-width: 8em;
	text-align: center;
}
.reseTotal div span {
	color: #06a9ef;
	font-size: 166.667%;
	font-weight: bold;
	margin-left: 0.5em;
	margin-right: 0.4em;
}

#reservationBody {
    width: 100%;
    margin: auto auto;
}

#reservationList span.show_toggle {
    color: #64c3dc;
    cursor: pointer;
    text-decoration: underline;
}

#reservationList span.reseMonthShowToggle {
	color: #64c3dc;
	cursor: pointer;
	text-decoration: underline;
}

#reservationList #pastList p.more {
    color: #64c3dc;
    cursor: pointer;
}

#reservationList #pastList table.pastList tbody td div.hdn {
    display: none;
}

/* ==============================================================================================================

	新着お知らせ

============================================================================================================== */
#infoList div.allReadBox {
    text-align: right;
    height: 33px;
}
#infoList div.allReadBox .allReadBtn {
    position: relative;
    /*display: block;*/
    padding: 10px;
    border: 2px solid #f2f2f2;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdffff), to(#f7f8f8));
    background: -webkit-linear-gradient(#fdffff, #f7f8f8);
    background: -moz-linear-gradient(#fdffff, #f7f8f8);
    background: -ms-linear-gradient(#fdffff, #f7f8f8);
    background: -o-linear-gradient(#fdffff, #f7f8f8);
    background: linear-gradient(#fdffff, #f7f8f8);
    -pie-background: linear-gradient(#fdffff, #f7f8f8);
    /*font-size: 117%;*/
    font-weight: bold;
    behavior: url(/css/clinic/PIE.htc);
    width: 250px;
    margin: auto;
    text-align: center;
}
a.btnOverlay {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#infoList table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    /*border-collapse: separate;*/
    border-spacing: 0;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

#infoList table th,
#infoList table td {
    width: auto;
    padding: 0.3em 0.5em;
    /*padding: 0;*/
    /*border: 1px solid #d8d8d8;*/
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    text-align: center;
    height:50px;
    font-size: 11px;
}

#infoList table th {
    height: 24px;
}

#infoList table th.event,
#infoList table td.event {
    width: 80px;
    text-align: center;
}

#infoList table th.date,
#infoList table td.date {
    width: 100px;
    text-align: center;
}

#infoList table th.name,
#infoList table td.name {
    /*width: 150px;*/
    width: 250px;
    text-align: center;
}

#infoList table td.name {
    text-align: left;
}

#infoList table th.tel,
#infoList table td.tel {
    width: 100px;
    text-align: center;
}

#infoList table th.summary,
#infoList table td.summary {
    width: auto;
}

#infoList table td.summary {
    text-align: left;
}

#infoList table th.btn,
#infoList table td.btn {
    width: 75px;
    text-align: center;
}

#infoList table tbody tr.pointer {
    cursor: pointer;
}

#infoList table tr.pointer div.hdn{
    /*height: auto;*/
    display: none;
}

#infoList table tbody tr.unread {
    /*background-color: #ffe0ed;*/
}

#infoList table tbody tr.u1 {
    background-color: #ffe0ed;
}
#infoList table tbody tr.u2 {
    background-color: #ffedd3;
}
#infoList table tbody tr.u3 {
    background-color: #f0f0f0;
}

#infoList table tbody tr td.more {
    cursor: pointer;
}

#infoList table tbody tr td.close {
    cursor: pointer;
}

#infoList table tr.detail {
    display: none;
    font-size: 14px;
    cursor: pointer;
}
#infoList table tr.detail td {
    padding: 0;
    text-align: left;
    height: auto;
	position: relative;
}
#infoList table tr.detail div.hdn{
    /*border: 1px solid red;*/
    /*padding: 0.3em 0.5em;*/
    height: auto;
    /*min-height: 50px;*/
    display: none;
}

#infoDetail {
    padding: 0.8em 8.0em;
}

#infoDetail dt {
    width: 15em;
    margin-right: 2em;
    margin-bottom: 12px;
    padding: 0.2em 1em;
    text-align: center;
    float: left;
    background-color: #cedbe5;
    clear: both;
}

#infoDetail dd {
    width:45em;
    text-align: left;
    margin-bottom: 12px;
    padding-top: 0.2em;
    float: left;
}



#infoDetail table th,
#infoDetail table td {
    padding: 0.3em 1.0em;
    border: 1px solid #d8d8d8;
    vertical-align: middle;
}

#infoDetail table th {
    width: 50%;
    padding: 0.3em;
    background-color: #42b9e3;
    text-align: center;
    color: #ffffff;
}


/* ==============================================================================================================

	ページレイアウト

============================================================================================================== */
#layout {
	margin-top: 25px;
	zoom: 1;
}

#layout:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#layout .thumbs {
	float: left;
	padding: 15px 10px 0;
	background-color: #ddf5fc;
	zoom: 1;
}

#layout .thumbs li {
	padding-bottom: 10px;
}

#layout .thumbs img {
	cursor: pointer;
}

#layout .thumbs em {
	padding-top: 3px;
	display: block;
}

#layout .contents {
	float: right;
	width: 740px;
	height: auto;
	margin: 0pt;
	padding: 0pt;
	list-style: none;
	zoom: 1;
}

#layout .contents .dragArea:last-child {
	margin: 4px 0 0 0;
}
#layout .contents .dragArea:first-child {
	margin: 0 0 4px 0;
}
#layout .contents .dragArea {
	margin: 4px 0;
	padding: 0.4em;
	color: #43bde8;
	border: 1px dashed #8cd2e4;
	text-align: center;
	/*cursor: pointer;*/
	cursor: default;
	font-size: 11px;
}
#layout .contents .drop-active {

}
#layout .contents .drop-hover {
	background-color: #e9f6fa;
}
#layout .cassette p {
	/*background: none repeat scroll 0 0 #282828;*/
	background: none repeat scroll 0 0 #34B0D1;
	height: 22px;
	padding: 5px;
	cursor: pointer;
}
#layout .cassette p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}
#layout .cassette p label {
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 2px 0 0 5px;
}
#layout .cassette p .delete {
	float: right;
}
#layout .cassette table {
	margin-bottom: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
#layout .edit_table01 {
	border: 1px solid #CCCCCC;
	font-size: 12px;
	margin-bottom: 10px;
	width: 100%;
}
#layout .edit_table01 th {
	background: none repeat scroll 0 0 #DDDDDD;
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 200px;
}
#layout .edit_table01 td {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: left;
}
#layout .imgBox a {
	display: block;
	margin: 5px 0 0;
	width: 60px;
}
#layout .imgBox img {
	max-height: 200px;
	max-width: 200px;
}
#layout .edit_table01 td em {
	display: block;
}
#layout .cassette table td {
	vertical-align: top;
}
#layout .cassette table .w50 {
	width: 50px;
}
#layout .cassette table .w400 {
	width: 400px;
}
#layout .cassette table .center {
	text-align: center !important;
}
#layout .cassette table .w90p {
	width: 90%;
}
#layout .cassette table .w95p {
	width: 95%;
}
#layout .cassette table .w98p {
	width: 98%;
}
#layout .cassette table .w100p {
	width: 100%;
}
#layout .cassette table .w50 {
	width: 50px !important;
}
#layout .cassette table .w80 {
	width: 80px !important;
}
#layout .cassette table .w200 {
	width: 200px !important;
}
#layout .cassette table .w350 {
	width: 350px !important;
}
#layout .cassette table .h50 {
	height: 50px;
}
#layout .cassette table .h100 {
	height: 100px;
}
#layout .cassette table .h200 {
	height: 200px;
}
#layout .cassette table .h400 {
	height: 400px;
}
.submitBtnArea {
	margin:30px 0;
}





#layout .content {
	float: right;
	width: 740px;
}

#layout .content .drag_catch_area {
	margin-bottom: 20px;
	padding: 1.5em;
	color: #43bde8;
	border: 1px dotted #8cd2e4;
	text-align: center;
}

#layout .content .drag_catch_area_between {
	margin-top: 20px;
	padding: 1.5em;
	color: #43bde8;
	border: 1px dotted #8cd2e4;
	text-align: center;
}

#layout .content .layout_box {
	position: relative;
	margin-bottom: 20px;
	zoom: 1;
}

#layout .content .layout_box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#layout .content .layout_box .box {
	border: 1px solid #d8d8d8;
}

#layout .content .layout_box .left {
	float: left;
}

#layout .content .layout_box .right {
	float: right;
}

#layout .content .layout_box .text {
	background: url(../../common/images/parts/layout_text_text.gif) no-repeat center;
}

#layout .content .layout_box .img {
	background: url(../../common/images/parts/layout_text_image.gif) no-repeat center;
}

#layout .content .layout_box .title1 {
	background: url(../../common/images/parts/layout_text_title1.gif) no-repeat center;
}

#layout .content .layout_box .title2 {
	background: url(../../common/images/parts/layout_text_title2.gif) no-repeat center;
}

#layout .content .layout_box .html {
	background: url(../../common/images/parts/layout_text_html.gif) no-repeat center;
}

#layout .content .layout_box .delete {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 1000;
}

/* ==============================================================================================================

	ページレイアウト

============================================================================================================== */
.clr {
	clear: both;
}

.placeholder {
	border: 2px dashed blue;
	background-color: #afeeee;
	height: 20px;
	background-image: none;
}

.layout_area {
    margin-top: 25px;
    zoom: 1;
}

.layout_area:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.layout_area .thumbs {
    float: left;
    padding: 10px 10px 0;
    background-color: #c4eaf5;
}

.layout_area .thumbs li {
    padding-bottom: 10px;
}

.layout_area .content {
    float: right;
    width: 740px;
}

.layout_area .content .drag_catch_area {
    margin-bottom: 20px;
    padding: 1.5em;
    color: #43bde8;
    border: 1px dotted #8cd2e4;
    text-align: center;
}

.layout_area .content .drag_catch_area_between {
    margin-top: 20px;
    padding: 1.5em;
    color: #43bde8;
    border: 1px dotted #8cd2e4;
    text-align: center;
}

.layout_area .content .layout_box {
    position: relative;
    margin-bottom: 20px;
    zoom: 1;
}

.layout_area .content .layout_box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.layout_area .content .layout_box .box {
    border: 1px solid #d8d8d8;
}

.layout_area .content .layout_box .left {
    float: left;
}

.layout_area .content .layout_box .right {
    float: right;
}

.layout_area .content .layout_box .text {
    background: url(../../common/images/parts/layout_text_text.gif) no-repeat center;
}

.layout_area .content .layout_box .img {
    background: url(../../common/images/parts/layout_text_image.gif) no-repeat center;
}
.layout_area .content .layout_box .title1 {
    background: url(../../common/images/parts/layout_text_title1.gif) no-repeat center;
}
.layout_area .content .layout_box .title2 {
    background: url(../../common/images/parts/layout_text_title2.gif) no-repeat center;
}
.layout_area .content .layout_box .html {
    background: url(../../common/images/parts/layout_text_html.gif) no-repeat center;
}
.layout_area .content .layout_box .delete {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1000;
}

/* ==============================================================================================================

	ページレイアウト

============================================================================================================== */
#layout {
	margin-top: 25px;
	zoom: 1;
}

#layout:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#layout .thumbs {
	float: left;
	padding: 15px 10px 0;
	background-color: #ddf5fc;
	zoom: 1;
}

#layout .thumbs li {
	padding-bottom: 10px;
}

#layout .thumbs img {
	cursor: pointer;
}

#layout .thumbs em {
	padding-top: 3px;
	display: block;
}

#layout .contents {
	float: right;
	width: 740px;
	height: auto;
	margin: 0pt;
	padding: 0pt;
	list-style: none;
	zoom: 1;
}

#layout .contents .dragArea:last-child {
	margin: 4px 0 0 0;
}
#layout .contents .dragArea:first-child {
	margin: 0 0 4px 0;
}
#layout .contents .dragArea {
	margin: 4px 0;
	padding: 0.4em;
	color: #43bde8;
	border: 1px dashed #8cd2e4;
	text-align: center;
	/*cursor: pointer;*/
	cursor: default;
	font-size: 11px;
}
#layout .contents .drop-active {

}
#layout .contents .drop-hover {
	background-color: #e9f6fa;
}
#layout .cassette p {
	/*background: none repeat scroll 0 0 #282828;*/
	background: none repeat scroll 0 0 #34B0D1;
	height: 22px;
	padding: 5px;
	cursor: pointer;
}
#layout .cassette p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}
#layout .cassette p label {
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 2px 0 0 5px;
}
#layout .cassette p .delete {
	float: right;
}
#layout .cassette table {
	margin-bottom: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
#layout .edit_table01 {
	border: 1px solid #CCCCCC;
	font-size: 12px;
	margin-bottom: 10px;
	width: 100%;
}
#layout .edit_table01 th {
	background: none repeat scroll 0 0 #DDDDDD;
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 200px;
}
#layout .edit_table01 td {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: left;
}
#layout .imgBox a {
	display: block;
	margin: 5px 0 0;
	width: 60px;
}
#layout .imgBox img {
	max-height: 200px;
	max-width: 200px;
}
#layout .edit_table01 td em {
	display: block;
}
#layout .cassette table td {
	vertical-align: top;
}
#layout .cassette table .w50 {
	width: 50px;
}
#layout .cassette table .w400 {
	width: 400px;
}
#layout .cassette table .center {
	text-align: center !important;
}
#layout .cassette table .w90p {
	width: 90%;
}
#layout .cassette table .w95p {
	width: 95%;
}
#layout .cassette table .w98p {
	width: 98%;
}
#layout .cassette table .w100p {
	width: 100%;
}
#layout .cassette table .w50 {
	width: 50px !important;
}
#layout .cassette table .w80 {
	width: 80px !important;
}
#layout .cassette table .w200 {
	width: 200px !important;
}
#layout .cassette table .w350 {
	width: 350px !important;
}
#layout .cassette table .h50 {
	height: 50px;
}
#layout .cassette table .h100 {
	height: 100px;
}
#layout .cassette table .h200 {
	height: 200px;
}
#layout .cassette table .h400 {
	height: 400px;
}
.submitBtnArea {
	margin:30px 0;
}





#layout .content {
	float: right;
	width: 740px;
}

#layout .content .drag_catch_area {
	margin-bottom: 20px;
	padding: 1.5em;
	color: #43bde8;
	border: 1px dotted #8cd2e4;
	text-align: center;
}

#layout .content .drag_catch_area_between {
	margin-top: 20px;
	padding: 1.5em;
	color: #43bde8;
	border: 1px dotted #8cd2e4;
	text-align: center;
}

#layout .content .layout_box {
	position: relative;
	margin-bottom: 20px;
	zoom: 1;
}

#layout .content .layout_box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#layout .content .layout_box .box {
	border: 1px solid #d8d8d8;
}

#layout .content .layout_box .left {
	float: left;
}

#layout .content .layout_box .right {
	float: right;
}

#layout .content .layout_box .text {
	background: url(../../common/images/parts/layout_text_text.gif) no-repeat center;
}

#layout .content .layout_box .img {
	background: url(../../common/images/parts/layout_text_image.gif) no-repeat center;
}

#layout .content .layout_box .title1 {
	background: url(../../common/images/parts/layout_text_title1.gif) no-repeat center;
}

#layout .content .layout_box .title2 {
	background: url(../../common/images/parts/layout_text_title2.gif) no-repeat center;
}

#layout .content .layout_box .html {
	background: url(../../common/images/parts/layout_text_html.gif) no-repeat center;
}

#layout .content .layout_box .delete {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 1000;
}

/* ==============================================================================================================

	ページコンテンツ

============================================================================================================== */
.content_area {
    margin-top: 25px;
    zoom: 1;
}

.content_area:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.content_area .content .drag_catch_area {
    margin-bottom: 20px;
    padding: 1.5em;
    color: #43bde8;
    border: 1px dotted #8cd2e4;
    text-align: center;
}

.content_area .content .drag_catch_area_between {
    margin-top: 20px;
    padding: 1.5em;
    color: #43bde8;
    border: 1px dotted #8cd2e4;
    text-align: center;
}

.content_area .content .layout_box {
    position: relative;
    margin-bottom: 20px;
    zoom: 1;
}

.content_area .content .layout_box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.content_area .content .layout_box .box {
    border: 1px solid #d8d8d8;
}

.content_area .content .layout_box .left {
    float: left;
}

.content_area .content .layout_box .right {
    float: right;
}

.content_area .content .layout_box .text {
    background: url(../../common/images/parts/layout_text_text.gif) no-repeat center;
}

.content_area .content .layout_box .img {
    background: url(../../common/images/parts/layout_text_image.gif) no-repeat center;
}
.content_area .content .layout_box .title1 {
    background: url(../../common/images/parts/layout_text_title1.gif) no-repeat center;
}
.content_area .content .layout_box .title2 {
    background: url(../../common/images/parts/layout_text_title2.gif) no-repeat center;
}
.content_area .content .layout_box .html {
    background: url(../../common/images/parts/layout_text_html.gif) no-repeat center;
}
.content_area .content .layout_box .delete {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1000;
}

/* selectPopArea
============================================================================================================ */
#selectPopArea {
    display: none;
}

#selectPopOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 990;
    cursor: pointer;
}

#selectPopContentsWrap {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
}

#selectPopContents {
    position: absolute;
    top: -280px;
    left: -370px;
    width: 740px;
    height: 560px;
    background-color: white;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

#selectPopContents .close {
    position: absolute;
    top: 2px;
    right: 4px;
    width: auto;
    text-align: center;
    cursor: pointer;
}

/* 歯科詳細
============================================================================================================ */
#dentDetail {
    margin-bottom: 20px;
}

#dentDetail table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

#dentDetail table th,
#dentDetail table td {
    padding: 0.5em 1.5em;
    border: 1px solid #d8d8d8;
    vertical-align: top;
}

#dentDetail table th {
    width: 35%;
    padding: 0.5em;
    background-color: #42b9e3;
    text-align: center;
    color: #ffffff;
}

/* loadingPopArea
============================================================================================================ */
#loadingPopArea {
    display: none;
}

#loadingPopOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    filter: alpha(opacity=55);
    -moz-opacity: 0.55;
    opacity: 0.55;
    z-index: 990;
}

#loadingPopContentsWrap {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
}

#loadingPopContents {
    position: absolute;
    top: -16px;
    left: -16px;
    width: 32px;
    height: 32px;
}

#loadingPopContents .loder {
    position: absolute;
    top: 2px;
    right: 4px;
    width: auto;
    text-align: center;
    cursor: pointer;
}

/* ボタン
-------------------------------------------------------------------------- */
a.editBtn {
    position: relative;
    display: block;
    padding: 10px;
    border: 2px solid #f2f2f2;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdffff), to(#f7f8f8));
    background: -webkit-linear-gradient(#fdffff, #f7f8f8);
    background: -moz-linear-gradient(#fdffff, #f7f8f8);
    background: -ms-linear-gradient(#fdffff, #f7f8f8);
    background: -o-linear-gradient(#fdffff, #f7f8f8);
    background: linear-gradient(#fdffff, #f7f8f8);
    -pie-background: linear-gradient(#fdffff, #f7f8f8);
    font-size: 117%;
    font-weight: bold;
    behavior: url(/css/clinic/PIE.htc);
    width: 250px;
    /*float: left;*/
    margin: auto;
    text-align: center;
}

a.preBtn {
	position: relative;
	display: inline;
	padding: 10px 15px;
	border: 2px solid #f2f2f2;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdffff), to(#f7f8f8));
	background: -webkit-linear-gradient(#fdffff, #f7f8f8);
	background: -moz-linear-gradient(#fdffff, #f7f8f8);
	background: -ms-linear-gradient(#fdffff, #f7f8f8);
	background: -o-linear-gradient(#fdffff, #f7f8f8);
	background: linear-gradient(#fdffff, #f7f8f8);
	-pie-background: linear-gradient(#fdffff, #f7f8f8);
	font-size: 117%;
	font-weight: bold;
	behavior: url(/css/clinic/PIE.htc);
	/*width: 200px;*/
	/*float: left;*/
	margin: auto;
	text-align: center;
}

a.disable {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	cursor: default;
	text-decoration: none;
}

a.btnOverlay {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    /*border: 2px solid red;*/
}

a.btnEditing {
    border: 2px solid red;
}

a.editBtn span {
    padding: 3px 20px 3px 20px;
    /*background: url(../../common/images/parts/link_arrow.png) no-repeat left;*/
}

/* ==============================================================================================================

	追加ページ管理

============================================================================================================== */
#addpageList table {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
	/*border-collapse: separate;*/
	/*border-top: 1px solid #d8d8d8;*/
	/*border-left: 1px solid #d8d8d8;*/
	border-spacing: 0;
}

#addpageList table thead tr th {
	background-color: #e3f5fc;
}

#addpageList table tbody tr {
	cursor: pointer;
}

#addpageList table th,
#addpageList table td {
	width: auto;
	padding: 0.3em 1.5em;
	/*padding: 0;*/
	border: 1px solid #d8d8d8;
	/*border-bottom: 1px solid #d8d8d8;*/
	/*border-right: 1px solid #d8d8d8;*/
	text-align: center;
	height: 30px;
	font-size: 11px;
}

#addpageList table th {
	height: 24px;
}

#addpageList table th.odr,
#addpageList table td.odr {
	width: 50px;
	text-align: center;
}

#addpageList table th.title,
#addpageList table td.title {
	width: 450px;
	text-align: center;
}

#addpageList table td.title {
	text-align: left;
}

#addpageList table th.date,
#addpageList table td.date {
	width: 150px;
	text-align: center;
}

#addpageList div.apOdrUpBox {
	text-align: left;
	height: 33px;
	margin: 20px 0 30px 0;
}

#addpageList div.apOdrUpBox .apOdrUpBtn {
	position: relative;
	/*display: block;*/
	padding: 10px 15px;
	border: 2px solid #f2f2f2;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdffff), to(#f7f8f8));
	background: -webkit-linear-gradient(#fdffff, #f7f8f8);
	background: -moz-linear-gradient(#fdffff, #f7f8f8);
	background: -ms-linear-gradient(#fdffff, #f7f8f8);
	background: -o-linear-gradient(#fdffff, #f7f8f8);
	background: linear-gradient(#fdffff, #f7f8f8);
	-pie-background: linear-gradient(#fdffff, #f7f8f8);
	/*font-size: 117%;*/
	font-weight: bold;
	behavior: url(/css/clinic/PIE.htc);
	width: 250px;
	margin: auto;
	text-align: center;
}

/*----------------------------------
=01 base
----------------------------------*/
#resFormArea {
	width: 100%;
	margin-top: 30px;
	border-bottom: 1px solid #94d5ed;
}
#resFormArea dl {
	border-top: 1px solid #94d5ed;
	background: #dcf3f9;
	letter-spacing: -.40em;
}
#resFormArea dt, #resFormArea dd {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
#resFormArea dt {
	width: 27%;
	background: #dcf3f9;
	font-size: 116.66667%;
	color: #088AB7;
}
#resFormArea dt span {
	margin-left: 1.5em;
}
#resFormArea dd {
	width: 73%;
	padding: 1.5em 0;
	background: #ffffff;
}
#resFormArea dd p {
	margin-left: 1.5em;
	padding-right: 1.5em;
}
#resFormArea input, #resFormArea select {
	margin-left: 1.5em;
	padding: 0.5em;
}
#resFormArea textarea {
	margin-left: 1.2em;
	width: 70%;
	height: 200px;
}
#resFormArea input {
	width: 50%;
}
#resFormArea input[type="checkbox"] {
	width: 5%;
}
#resFormArea #mail, #resFormArea #mail2 {
	width: 70%;
}
#resFormArea #resForm {
	width: 80%;
	height: 7em;
}

#resFormArea .reseDateVal {
	float: left;
	background: url("../../css/images/calendar.gif") no-repeat scroll left center;
	cursor: pointer;
	margin-left: 1.5em;
	margin-right: 20px;
	padding-left: 22px;
}

#resFormArea .reseDateVal .notice {
	margin-left: 10px;
}

#selectReseDate .onlineArea {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	text-align: center;
}
#selectReseDate .onlineArea th {
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	color: #330000;
	padding: 0.3em 0.3em;
	text-align: center;
}
#selectReseDate .onlineArea td {
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	padding: 0.3em 0.3em;
}
#selectReseDate .onlineArea thead th {
	background: #e3f5fc;
}
#selectReseDate .onlineArea tbody th {
	background: #fafafa;
}
#selectReseDate .onlineArea .tBlue {
	color: #61b5da;
}
#selectReseDate .onlineArea .tRed {
	color: #f85859;
}

#selectReseDate .onlineArea .noData {
	background: #ededed;
}

#selectReseDate .onlineArea {
	width: 100%;
	padding: 20px 0;
}
#selectReseDate .onlineArea table img {
	vertical-align: middle;
}
#selectReseDate .onlineArea th, .onlineArea td {
	width: 24px;
	padding: 0.3em 0 0.2em;
}

#selectReseDate .afternoon {
	margin-top: 20px;
}

#selectReseDate .evening {
	margin-top: 20px;
}

#modalAreaReseDate {
	display: none;
}
#modalAreaReseDate .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	z-index: 1000;
}
#modalAreaReseDate .wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
}
#modalAreaReseDate .contents {
	background-color: #ffffff;
	position: absolute;
	top: -300px;
	left: -250px;
	width: 500px;
	height: 600px;
	overflow: auto;
}





#noticeArea {
	margin-top: 20px;
}

#btnArea {
	margin-top: 40px;
	letter-spacing: -.40em;
	text-align: center;
}
#btnArea input {
	background: none;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
#btnArea #reset, #btnArea #back {
	margin-right: 10%;
}


.notice {
	color: #FFADAD;
	font-weight: bold;
}

#modalArea {
	display: none;
}
#modalArea .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
	z-index: 1000;
}
#modalArea .wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
}
#modalArea .contents {
	position: absolute;
	top: -16px;
	left: -16px;
	width: 32px;
	height: 32px;
}


#modalAreaPreRese {
	display: none;
}
#modalAreaPreRese .overlay {
	display: none;
	/*position: fixed;*/
	/*top: 0;*/
	/*left: 0;*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*background-color: #000000;*/
	/*filter: alpha(opacity=55);*/
	/*-moz-opacity: 0.55;*/
	/*opacity: 0.55;*/
	/*z-index: 1000;*/
}
#modalAreaPreRese .wrap {
	position: fixed;
	/*top: 50%;*/
	left: 50%;
	z-index: 1001;
}
#modalAreaPreRese .contents {
	display: none;

	position: absolute;
	/*top: -16px;*/
	left: -450px;
	width: 900px;
	/*height: 30px;*/

	color: #ff6666;
	background-color: #ffeace;

	/*margin: 0 0 0 20px;*/
	/*padding: 5px 15px 5px;*/

	border-right: 4px solid #e8a828;
	border-bottom: 4px solid #e8a828;
	border-left: 4px solid #e8a828;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;

	behavior: url(/css/op/PIE.htc);
}
#modalAreaPreRese .contents .close {
	position: absolute;
	top: 3px;
	right: 6px;
	color: #e8a828;
	font-size: 16px;
	line-height: 1em;
	cursor: pointer;
}
#modalAreaPreRese .contents p {
	margin: 3px 20px;
	font-weight: bold;
}
#modalAreaPreRese .contents p span {
	font-weight: normal;
	margin-left: 10px;
}
#modalAreaPreRese .contents ul {
	margin: 0 15px 7px 25px;
	list-style-type: disc;
}
#modalAreaPreRese .contents ul li {
	/*cursor: pointer;*/
}
#modalAreaPreRese .contents ul li a {
	text-decoration: none;
	color: #ff6666;
}
#modalAreaPreRese .contents ul li a:hover {
	text-decoration: underline;
	color: #ff3333;
}




#planListWrap {
	margin: 20px 0;
	padding: 0 20px;
}

#planListWrap label {
	display: block;
	/*margin: 10px;*/
	padding: 7px;
}

#planListWrap label input[type=checkbox] {
	margin-left: 0;
	margin-right: 0;
	vertical-align: middle;
}

#planListWrap .planBox {
	border: 1px solid #b3e1ed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 25px 0;
	padding: 15px 10px;
	position: relative;
}

#planListWrap .groupBox {
	border: 1px solid #b3e1ed;
	margin: 25px 0;
	padding: 15px 10px;
}
#planListWrap .groupBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#planListWrap div.hidden {
	background-color: #eeeeee;
}

#planListWrap div.custom {
	/*border: 2px solid #3398fe;*/
	/*background-color: #ddfce0;*/
}

#planListWrap .optionBox {
	/*margin: 15px 0;*/
	margin: 0;
	padding: 0 20px;
}

#planListWrap .optionBox .subBox {
	margin: 0 0 15px;
	padding: 0 20px;
}

#planListWrap #totalPriceWrap {
	height: 75px;
	margin: 20px 0 30px;
	text-align: right;
}
#planListWrap #totalPriceBox {
	border: 2px solid #64c2db;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	margin: auto;
	position: relative;
	text-align: center;
	width: 250px;
	float: right;
}
#planListWrap #totalPriceBox #totalTitle {
	background-color: #64c2db;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 8px 0;
}
#planListWrap #totalPriceBox #totalPrice {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 12px 0;
}
#planListWrap #totalPriceBox #totalPrice span {
	font-size: 200%;
	font-weight: bold;
	margin: 0 0.2em 0 0.5em;
}

#planListWrap .planEditBox {
	/*height: 33px;*/
	/*margin: 20px 0 30px;*/
	/*text-align: left;*/
}

#planListWrap .planDeleteBtn,
#planListWrap .planEditBtn {
	background: linear-gradient(#FDFFFF, #F7F8F8) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 2px solid #F2F2F2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 8px 12px;
	/*position: absolute;*/
	position: relative;
	text-align: center;
	/*top: 5px;*/
	top: -10px;
	/*right: 5px;*/
	float: right;
	margin-left: 6px;
}


.signup_form {

}

.signup_form #card,
.signup_form #bank {
	display: none;
}

.signup_form dl dd div {
	margin-bottom: 10px;
}

.signup_form dl dd div span.left {
	width: 100px;
	display: inline-block;
	vertical-align: top;
}
.signup_form dl dd div span.right {
	display: inline-block;
	vertical-align: top;
	height: auto;
}

.signup_form dl dd div#cType span {
	line-height: 55px;
	height: 55px;
}
.signup_form dl dd div#cType label {
	display: inline-block;
	line-height: 55px;
	height: 55px;
}
.signup_form dl dd div#cType input {
	vertical-align: middle;
}
.signup_form dl dd div#cType img {
	width: 6.5em;
}


.signup_form #sbpsForm {
	display: none;
}

.signup_form .attention {
	margin: 2em 0 3em;
	width: 80%;
}

.signup_form .attention ul {
	margin: 0.5em 2em;
}

.signup_form .attention ul li {
	margin: 0.3em 0;
	text-indent: -1em;
}




.billingArea .changeYearBox {
	padding: 10px 0;
	margin-bottom: 10px;
	font-size: 15px;
}

.billingArea .billingTotal {
	padding: 10px;
	border: 1px solid #D8D8D8;
	margin-bottom: 10px;
	font-size: 15px;
	width: 97.5%;
}

.billingArea .billingTotal select {
	margin-right: 15px;
}

.billingArea .billingTotal span.totalNum,
.billingArea .billingTotal span.totalPrice {
	float: right;
	margin-top: 4px;
	width: 100px;
	text-align: right;
}

.billingArea table {
	width: 60%;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 50px;
}

.billingArea table th,
.billingArea table td {
	padding: 0.8em 1.0em;
	border: 1px solid #d8d8d8;
}

.billingArea table .blue_bg {
	background-color: #e3f5fc;
}

.billingArea table th {
	background-color: #E3F5FC;
}


.billingArea table th,
.billingArea table td {
	text-align: center;
	height: 1.8em;
}

.billingArea table th.name {
	width: auto;
}
.billingArea table th.total {
	width: 30%;
	text-align: center;
}
.billingArea table th.billing {
	width: 20%;
	text-align: center;
}
.billingArea table td.name {
	width: auto;
}
.billingArea table td.total {
	width: 30%;
	text-align: right;
}
.billingArea table td.billing {
	width: 20%;
	text-align: center;
}





#authPopArea {
	display: none;
}
#authPopOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 990;
	cursor: pointer;
}
#authPopContentsWrap {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
}
#authPopContents {
	position: absolute;
	top: -90px;
	left: -150px;
	width: 300px;
	height: 180px;
	background-color: white;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.5em 2em;
	text-align: center;
}
#authPopContents .close {
	position: absolute;
	top: 2px;
	right: 4px;
	width: auto;
	text-align: center;
	cursor: pointer;
}
#authPopContents p {
	margin-top: 0.5em;
	margin-bottom: 1.0em;
}
#authPopContents div {
	margin: 0.8em 0;
}
#authPopContents div.err {
	margin: 0;
	color: red;
}
#authPopContents input[type='text'],
#authPopContents input[type='password']{
	background-color: #fbfbfb;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	font-size: 150%;
	padding: 0.2em 0.4em;
	/*width: 100%;*/
}
#authPopContents input[type='button'] {
	/*background-color: #fbfbfb;*/
	/*border: 1px solid #ebebeb;*/
	/*box-sizing: border-box;*/
	font-size: 100%;
	padding: 0.2em 0.6em;
	/*width: 100%;*/
}