/* ------- 共通設定 -------- */

body
{
	margin:0px;
	/*font-family: Roboto-Light,-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',YuGothic,'Yu Gothic','游ゴシック体','游ゴシック',Meiryo,sans-serif;*/
	/*font-family: 'Noto Sans Japanese', "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;*/
	/*font-family: Lato, 'Noto Sans Japanese', '游ゴシック Medium', 游ゴシック体, 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-kerning: auto;
	font-variant-ligatures: none;
	letter-spacing: .90px;
	line-height: 1.55;
	overflow-wrap: break-word;
	font-size: 98%;
	color: #333;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

textarea
{
	font-family: Roboto-Light,-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',YuGothic,'Yu Gothic','游ゴシック体','游ゴシック',Meiryo,sans-serif;
	padding:3px;
}

.tinyBetween{height:1px;}
.smallBetween{height:5px;}
.mediumBetween{height:15px;}
.largeBetween{height:40px;}
.superBetween{height:100px;}

#message
{
	color:#ff0000;
	font-size:97%;
	font-weight:normal;
}

.divcenter74
{
	width:74%;
	margin-left:auto;
	margin-right:auto;
}

/*★ヘッダー共通部分★*/
.topline
{
	margin:0px;
	width:100%;
	height:4px;
	border:none;
	background:#97c5e5;
}
/* ヘッダー枠全体 */
.headerwhole
{
	margin:0px;
	width:100%;
	background:#fff;
	line-height: 1.15;
}
.bottomline
{
	margin:0px;
	width:100%;
	border-top:solid 1px #f2f2f2;
}

.headertimetable
{
	border-collapse:collapse;
	font-size:85%;
}
.headertimetable th
{
	font-weight:bold;
	text-align:left;
	border-right:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
	padding:2px;
}
.headertimetable td
{
	text-align:center;
	border-bottom:solid 1px #eaeaea;
	padding:2px;
}

.headerwholetable
{
	border-collapse:collapse;
	width:74%;
	margin-left:auto;
	margin-right:auto;
}
.headerwholetable td
{
	padding:0px;
	white-space:nowrap;
}
.headerwholetable td .hp1
{
	/*font-family:'Montserrat',sans-serif;*/
	/*font-family: Roboto-Light,-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',YuGothic,'Yu Gothic','游ゴシック体','游ゴシック',Meiryo,sans-serif;*/
	font-size:97%;
	font-weight:normal;
	color:#000;
	padding:0px;
}

.headerwholetable td .tel
{
	font-family:'Montserrat',sans-serif;
	font-size:180%;
	color: #4297d0;
}
/*
.headerwholetable td .tel
{
	background-image:url(../img/tel.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	background-size:21px;
	padding-left:27px;
	font-family:'Montserrat',sans-serif;
	font-size:140%;
	font-weight:normal;
	line-height:35px;
	letter-spacing: .03em;
	color: #42bad0;
}
*/

.headerwholetable td .pcall
{
	background-image:url(../img/tel.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:24px;
	padding:3px 0px 3px 27px;
	margin-left:auto;
	margin-right:auto;
	color: #42bad0;
	font-size:130%;
}

.headeraddresstable
{
	margin-left:auto;
	margin-right:1px;
	border-collapse:collapse;
	font-size:80%;
}
.headeraddresstable td
{
	padding:2px;
}

.headermenutable
{
	border-collapse:collapse;
	/*width:74%;*/
	margin-left:auto;
	margin-right:auto;
}
.headermenutable td
{
	padding:0px;
	white-space:nowrap;
}

.headermenutable td a
{
	padding:5px 18px 5px 18px;
	border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
	font-size:105%;
	font-weight:normal;
	color: #4297d0;
	text-decoration:none;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	transition: 0.6s;
}
.headermenutable td a:hover
{
	/*background:#4297d0;*/
	background:#61bffe;
	color:#fff;
}

.footertable
{
	border-collapse:collapse;
	line-height: 1.25;
}
.footertable th
{
	text-align:left;
	font-size:94%;
	font-weight:normal;
	padding:2px 15px 2px 2px;
}
.footertable td
{
	font-size:94%;
}
.footertable td a
{
	text-decoration:underline;
	color:#000;
}

.waveline
{
	height: 4px;
	border:none;
	background: url(../img/line02.png) repeat-x 0 0;
}

/* ------- ここまで -------- */

/*body部分共通*/
.wholebody
{
	display: table;
	font-size:105%;
	color:#000;
	width:74%;
	margin-left:auto;
	margin-right:auto;
}

.rightbox
{
	display: table-cell;
	width:150px;
	text-align:center;
	border:solid 0px #f2f2f2;
	/*vertical-align:top;*/
}
.leftbox
{
	display: table-cell;
	padding-right:5px;
	vertical-align:top;
}

.copyright
{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku GothicPro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:82%;
	color:#999;
}

/*各ページの段落ごとのセンター寄せタイトル*/
.centertitle
{
	/*text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-decoration:underline;
	text-decoration-color:#dcdcdc;*/
	font-size:100%;
	font-weight:normal;
	padding:5px 0px 3px 10px;
	background:#61bffe;
	color:#fff;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.centertitle2
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:120%;
	font-weight:normal;
	padding:5px 0px 3px 10px;
	/*background:#61bffe;
	color:#fff;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;*/
}

/* やや強調するタイトル部分など */
.emphsizetitle
{
	font-size:115%;
	font-weight:normal;
	color:#202020;
}

.smalltitle
{
	font-family: 'Noto Sans Japanese', "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	background-image:url(../img/teeth1.png);
	background-repeat:no-repeat;
	background-position:3px 2px;
	background-size:20px;
	padding-left:30px;
	font-weight:normal;
	font-size:105%;
	color:#4b80c7;
	/*color:#4b9fc7;*/
	text-decoration:none;
}

.smallindent
{
	font-size:87%;
	padding-left:20px;
}
.smallindent img
{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	border:none;
}
.equipmenttable1
{
	border-collapse:collapse;
}
.equipmenttable1 th
{
	text-align:left;
}
.equipmenttable1 td
{
	padding:2px 20px 2px 0px;
}
.equipmenttable1 td img
{
	width:230px;
}

.equipmenttable2
{
	border-collapse:collapse;
}
.equipmenttable2 th
{
	text-align:left;
}
.equipmenttable2 td
{
	padding:2px 20px 2px 0px;
}
.equipmenttable2 td img
{
	width:130px;
}

.arrowBetween
{
	background-image:url(../img/downarrow.png);
	background-repeat:no-repeat;
	background-position:15px 10px;
	background-size:20px;
	height:50px;
}

.checklist ul
{
	list-style-position: inside;
	list-style-image: url(../img/check2.png);
}
.checklist ul li
{
	font-size:94%;
	font-weight:bold;
	
}
.checksecond
{
	font-weight:normal;
	padding-left:50px;
	color:#444;
}

/* お申し込みテーブル */
.submitbutton
{
	width:150px;
	height:42px;
	font-size:105%;
	background:#2c9eb3;
	color:#fff;
	border:solid 1px #42bad0;
	cursor:pointer;
}
.submitbutton:hover
{
	background:#42bad0;
}

.applytablediv
{
	border:solid 1px #f2f2f2;
	padding:15px 3px 15px 3px;
	background:#fcfcfc;
}
.applytitle
{
	text-decoration:underline;
	font-size:105%;
}

.applytable
{
	border-collapse:collapse;
}
.applytable th
{
	text-align:left;
	font-size:87%;
	font-weight:normal;
	padding:2px 0px 2px 5px;
}
.applytable td
{
	font-size:90%;
	padding:2px 0px 2px 10px;
}
.applytable td input[type="text"]
{
	height:32px;
	border:solid 1px #dcdcdc;
	padding-left:5px;
}
.applytable td select
{
	font-size:100%;
	height:28px;
	border:solid 1px #dcdcdc;
}
.applytable td textarea
{
	border:solid 1px #dcdcdc;
	padding:5px;
}
.applytable td input[type="radio"]
{
	height:18px;
	width:18px;
}
.applytable td input[type="checkbox"]
{
	height:18px;
	width:18px;
}

.applyinnertable td select
{
	font-size:115%;
	height:28px;
	border:solid 1px #dcdcdc;
}

/* FAQ */
.faqq
{
	/*width:90%;*/
	font-size:97%;
	font-weight:normal;
	padding:3px;
	text-decoration:underline;
	/*background:#4297d0;
	color:#fff;
	border:solid 1px #dcdcdc;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;*/
}

.faqa
{
	font-size:87%;
	padding-left:18px;
}

/* Support */
.pdflink
{
	font-weight:bold;
	padding:5px 9px 5px 9px;
	border:solid 1px #f80104;
	color:#fff;
	background:#fe2e30;
	text-decoration:none;
}
.pdflink a
{
	text-decoration:none;
	color:#fff;
}

/* Expense */
.expensetable
{
	border-collapse:collapse;
}
.expensetable th
{
	font-weight:normal;
	padding:5px;
	background:#f5f9fc;
	border:solid 1px #e1eff6;
}
.expensetable td
{
	padding:5px;
	border:solid 1px #e1eff6;
}

/* 右側のバナー */
.rightupperouter
{
	/*display: inline-block;*/
	padding:5px;
	text-decoration: none;
	color: #67c5ff;
	border: double 5px #81cfff;
	border-radius: 3px;
	transition: .4s;
	font-size:82%;
	background: #f2fcff;
	width:144px;
	margin:auto;
	text-align:center;
}
.tosupportouter
{
	/*display: inline-block;*/
	padding:2px;
	text-decoration: none;
	color: #67c5ff;
	border: dashed 1px #67c5ff;
	background: #fff;
	border-radius: 3px;
	transition: .4s;
	width:130px;
	margin:auto;
	font-size:85%;
	cursor:pointer;
}
.tosupportouter a
{
	text-decoration:none;
	color:#67c5ff;
}
.tosupportouter:hover
{
	background: #ffe6de;
}

.rightupperouter .rightupperoutertable
{
	border-collapse:collapse;
	text-align:left;
}

/* 内視鏡検査 */
.rightmiddleouter
{
	display: inline-block;
	padding:3px;
	text-decoration: none;
	color: #67c5ff;
	border: dashed 1px #67c5ff;
	background: #fff;
	border-radius: 3px;
	transition: .4s;
	width:151px;
	margin:auto;
	text-align:center;
	font-size:85%;
}

.lanscapetable
{
	border-collapse:collapse;
}
.lanscapetable td
{
	padding:2px 13px 20px 0px;
	text-align:center;
	vertical-align:top;
}
.lanscapetable td img
{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	border:none;
}

.photo {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}

.photo-frame {
  position: relative;
  font-weight: bold;
}
.photo-frame .photo {
  display: block;
  width: 130px;
  height: 173px;
  background: #fff;
  padding: 5px 5px 5px; 
  box-shadow: 0 4px 10px #333;
  transform: rotate(7deg);
  text-align: center;
}

.photo-frame .pin {
  position: absolute;
  top: -20px;
  margin: 0;
  padding: 10px;
  background: rgba(255, 255, 245, 0.8);
  box-shadow: 0 2px 4px #555;
  transform: rotate(-5deg);
  z-index: 1000;
}