@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

hr {
	display: none;
}

/* リンク
----------------------------------------------------*/
/* リンク文字の色 */
a:link {
    color: blue;
	text-decoration: none;
}

/* 訪問済みリンクの色 */
a:visited{
    color: purple;
}

/* マウスオーバーの時の色 */
a:hover {
    color: red;
}

/* クリックしている時の色 */
a:active {
    color: red;
}

/* ページトップ（標準）
----------------------------------------------------*/
.pageTop01 {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
	width: 100px;
	z-index: 1;
}

.pageTop01 a {
	background: #E8A24A;
	text-decoration: none;
	color: #FFFFFF;
	width: 100px;
	padding: 25% 5%;
	text-align: center;
	display: block;
	border-radius: 5px;
}

.pageTop01 a:hover {
	text-decoration: none;
	background: #EEBA79;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
.clear,#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.center {
	text-align: center;
}
.img_R {
	float: right;
	margin: 0 3px 10px 10px;
}

.img_L {
	float: left;
	margin: 0 10px 10px 1px;
}

.img_box {
	padding: 2px;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 1px 1px 3px #CCCCCC;
	-moz-box-shadow: 1px 1px 3px #CCCCCC;
	box-shadow: 1px 1px 3px #CCCCCC;
}

/* 余白 */

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb60 {margin-bottom: 60px;}

/* 文字寄せ */
.text_center {text-align: center;}

/* 色 */
.red {
	color: #ff0000;
}

.blue {
	color: #023E99;
}

.olange { color: #FF860F;}

.gleen_bo {
	color: #007905;
	font-weight: bold;
}

.light-blue {color: #029BE5;}

.text_ct {
	color: #08CC5B;
}

.text_s {
	font-size: 55%;
	font-weight: normal;
}
.text_bo {
	font-weight: bold;
}

/* nextアイコン */
.next {
	background: url(../img/icon/icon_next.png) no-repeat center top;
	height: 17px;
}
/*----------------------------------------------------
	#wrapper（ページ全体）
----------------------------------------------------*/
#wrapper {
	background-color: transparent;
	overflow: hidden;
}
#contents {

}
#main {
	text-align: center;
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1080px;
}
img {
/*	width: 100%;*/
	vertical-align: bottom;
}

/*----------------------------------------------------
	メイン画像
----------------------------------------------------*/
#main-img img {
	width: 100%;
	margin-bottom: 5%;
}

/* クリッカブルマップ（リンクの線を消す）*/
area {
	border:none;
	outline:none;
}

/*----------------------------------------------------
	動画部分
----------------------------------------------------*/
.video {
	background-color: #FFFFFF;
}

.video .video_in {
	max-width: 1080px;
	padding: 100px 0;
	margin: 0 auto;
}



/*----------------------------------------------------
	ドクター紹介(青背景部分)
----------------------------------------------------*/
.doctor {
	background-color: #00A0EA;
	color: #ffffff;
	padding: 60px 0 1px;
}

.doctor .doctor_in {
	max-width: 1080px;
	margin: 0 auto 60px;
	text-align: left;
}

.doctor .doctor_in h2 {
	font-size: 250%;
	font-weight: bold;
	margin-bottom: 20px;
}

.doctor .doctor_in h3 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 7px;
	color: #023E99;
}

.doctor .doctor_in p {
	font-size: 130%;
	margin-bottom: 20px;
	line-height: 1.5;
}

/*-------------------- 表組み部分　--------------------*/

.doctor .doctor_in table {
	margin-bottom: 20px;
	font-size: 130%;
}

.doctor .doctor_in tr {
	line-height: 1.5;
	border-bottom: 1px dotted #6cd0ff;
}

.doctor .doctor_in tr th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
}

.doctor .doctor_in tr td {
	vertical-align: middle;
	text-align: left;
	padding-top: 10px;
}
/*-------------------- 氷室先生の紹介部分　--------------------*/

/***** 各項目の幅 *****/
/* 大枠 */
.doctor .doctor_in#dr-himuro #dr-himuro_in {
	width: 100%;
}
/* 半分にする */
#dr-himuro_keireki,
#syoseki {
	float: left;
	width: 50%;
}
/* 経歴 */
.doctor .doctor_in#dr-himuro #dr-himuro_keireki table {
	width: 96%;
}
/* 書籍 */
.doctor .doctor_in#dr-himuro #syoseki table {
	width: 100%;
}

/***** 経歴・書籍のカラム落ち *****/

.doctor .doctor_in#dr-himuro #dr-himuro_keireki th, 
.doctor .doctor_in#dr-himuro #dr-himuro_keireki td {
    display:block;
}

.doctor .doctor_in#dr-himuro #syoseki th,
.doctor .doctor_in#dr-himuro #syoseki td {
    display:block;
    float:left;
    clear:both;
    width: 100%;
}

/***** 経歴・書籍の行間 *****/
.doctor .doctor_in #dr-himuro_in tr td {
    padding-top: 0;
	padding-bottom: 7px; 
}



/***** 経歴の年号 文字サイズ *****/
.doctor .doctor_in#dr-himuro #dr-himuro_keireki tr th {
	font-size: 75%;
}

/***** 書籍の年号・出版社 文字サイズ *****/
.doctor .doctor_in#dr-himuro #syoseki tr th {
	font-size: 75%;
}


/*----------------------------------------------------
	背景色付き部分（グリーン）
----------------------------------------------------*/
.green-back{
	background-color: #81C16A;
	color: #FFFFFF;
	text-align: left;
}

.green-back .green-back_in {
	max-width: 1080px;
	padding: 60px 0;
	margin: 0 auto;
}

.green-back .green-back_in h2 {
	font-size: 250%;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
}

.green-back .green-back_in h3 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 20px;
}

.green-back .green-back_in p {
	font-size: 150%;
	line-height: 1.5;
	margin-bottom: 20px;
}

/*----------------------------------------------------
	お問い合せ部分（背景グリーン）
----------------------------------------------------*/

.green-back .green-back_in-tel {
	max-width: 1280px;
	padding: 60px 0;
	margin: 0 auto;
}


.green-back .green-back_in-tel h2 {
	font-size: 250%;
	font-weight: normal;
	text-align: center;
}

.green-back .green-back_in-tel img {
	width: 100%;
}


#invisa_11.green-back .green-back_in-tel {
	padding: 0 0 60px;
}

/*----------------------------------------------------
	CTの特徴についての表
----------------------------------------------------*/

#invisa_14 table {
	width: 100%;
}

#invisa_14 tr th {
	font-weight: bold;
	font-size: 200%;
	text-align: right;
	vertical-align: middle;
	padding-bottom: 30px;
	width: 40%;
}

#invisa_14 tr td {
	vertical-align: middle;
	padding-left: 45px;
	padding-bottom: 30px;
	font-size: 150%;
	line-height: 1.5;
}


/*----------------------------------------------------
	背景白部分
----------------------------------------------------*/
.white-back{
	background-color: #FFFFFF;
	color: #333333;
	text-align: left;
}

.white-back p {
    font-size: 150%;
    margin-bottom: 10px;
	line-height: 1.5;
}

/*-------------------- 画像のみの掲載部分　--------------------*/

.white-back .white-back_in-img {
	max-width: 1280px;
	padding: 60px 0;
	margin: 0 auto;
}

/*-------------------- テキストと画像を掲載する部分　--------------------*/

.white-back .white-back_in-text {
	max-width: 1080px;
	padding: 60px 0;
	margin: 0 auto;
	color: #023E99;
}

.white-back .white-back_in-text h2 {
	font-size: 250%;
	font-weight: bold;
	margin-bottom: 20px;
} 

.white-back .white-back_in-text p {
	font-size: 130%;
	line-height: 1.5;
	margin-bottom: 20px;
}

/*----------------------------------------------------
	医院情報部分
----------------------------------------------------*/

.white-back .white-back_info {
	max-width: 1080px;
	padding: 60px 0;
	margin: 0 auto;
	color: #007905;
}

.white-back_info table {
	font-size: 130%;
	margin-bottom: 5px;
}

.white-back .white-back_info #clinic_01 caption,
.white-back .white-back_info #clinic_02 caption {
	font-size: 130%;
	font-weight: bold;
	background-color: #007905;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
	margin-top: 20px;
/*	border-bottom: 1px dotted #007905;*/
}

.white-back .white-back_info #clinic_03 caption {
	font-size: 130%;
	font-weight: bold;
	background-color: #016B9B;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
	margin-top: 20px;
/*	border-bottom: 1px dotted #007905;*/
}

.white-back_info tr {
	line-height: 1.5;
}

.white-back_info tr th {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
/*	width: 15%;*/
	padding: 10px;
}

.white-back_info tr td {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
}

#clinic_01,
#clinic_02,
#clinic_03{
	float: left;
	width: 50%;

}

/*
#clinic_01 {
	padding-right: 20px;
}
#clinic_02 {
	width: 48% !important;
}
*/


#clinic_01 table {
	width: 96%;

}

#clinic_01 table tr th {
	width: 17%;
}

#clinic_02 table {
	width: 100%;

}

#clinic_03 table {
	width: 100%;

}

.white-back .white-back_info #clinic_01 h2,
.white-back .white-back_info #clinic_02 h2,
.white-back .white-back_info #clinic_03 h2{
	font-size: 250%;
	font-weight: bold;
	color: #027136;
	margin-bottom: 15px;
}

.white-back_info #clinic_tel {
	padding: 30px 0;
	margin: 0 auto;
}


/*
.white-back_info #clinic_tel table {
	margin-bottom: 30px;
}

.white-back_info #clinic_tel tr th {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	width: 50%;
	padding: 10px;
}

.white-back_info #clinic_tel tr td {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
}
*/


/*----------------------------------------------------
	ビッグアイオフィス院長・朝日オフィス副院長 経歴表
----------------------------------------------------*/
/*
#dr-suzuki {
	float: left;
	width: 100%;
}

.doctor_in #dr-suzuki table {
	margin: 10px 0;
	width: 100%;
}
*/

#dr-ikai,
#dr-suzuki {
	float: left;
	width: 50%;

}

.doctor_in #dr-ikai table,
.doctor_in #dr-suzuki table {
	margin: 10px 0;
	width: 96%;
}

.doctor_in #dr-ikai tr,
.doctor_in #dr-suzuki tr{
	line-height: 1.5;

}

.doctor_in #dr-ikai tr th{
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px dotted #6cd0ff;
	width: 20%;
}

.doctor_in #dr-ikai tr td {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dotted #6cd0ff;
}

.doctor_in #dr-suzuki tr th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px dotted #6cd0ff;
	width: 80%;
}

.doctor_in #dr-suzuki tr td {
	vertical-align: middle;
	text-align: left;
	padding: 10px 0 10px 10px;
	border-bottom: 1px dotted #6cd0ff;

}
/*
.white-back .white-back_info #clinic_01 #dr-ikai table,
.white-back .white-back_info #clinic_02 #dr-suzuki table {
	margin: 10px 0;
	width: 96%;
}

.white-back .white-back_info #clinic_01 #dr-ikai caption,
.white-back .white-back_info #clinic_02 #dr-suzuki caption {
	font-size: 130%;
	background-color: #007905;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
}

.white-back .white-back_info #clinic_01 #dr-ikai tr,
.white-back .white-back_info #clinic_02 #dr-suzuki tr{
	line-height: 1.5;

}

.white-back .white-back_info #clinic_01 #dr-ikai tr th{
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px dotted #1D581B;
	width: 20%;
}

.white-back .white-back_info #clinic_01 #dr-ikai tr td {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dotted #1D581B;
}

.white-back .white-back_info #clinic_02 #dr-suzuki tr th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px dotted #1D581B;
	width: 80%;
}

.white-back .white-back_info #clinic_02 #dr-suzuki tr td {
	vertical-align: middle;
	text-align: left;
	padding: 10px 0 10px 10px;
	border-bottom: 1px dotted #1D581B;

}
*/

/*----------------------------------------------------
	受付時間表
----------------------------------------------------*/
.white-back .white-back_info#time-table h2{
	font-size: 150%;
} 

#time-table {
	padding: 0 0 60px;
}

#time-table caption {
    font-size: 130%;
    background-color: #007905;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
}

#time-table caption span {
    font-size: 80%;
}

#time-table table {
	font-size: 130%;
	border: 1px solid #1D581B;
}

#time-table tr {
	line-height: 1.5;
}

#time-table tr th {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #1D581B;
	background-color: #81C16A;
	padding: 15px;
	color: #FFFFFF;
}

#time-table tr td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid #1D581B;
	padding: 15px;
	color: #007905;
}

/*----------------------------------------------------
	受付時間表2
----------------------------------------------------*/
.white-back .white-back_info#time-table h2{
	font-size: 150%;
} 

#time-table2 {
	padding: 0 0 60px;
}

#time-table2 caption {
    font-size: 130%;
    background-color: #016B9B;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
}

#time-table2 caption span {
    font-size: 80%;
}

#time-table2 table {
	font-size: 130%;
	border: 1px solid #016B9B;
}

#time-table2 tr {
	line-height: 1.5;
}


#time-table2 tr th {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #016B9B;
	background-color: #00A1E9;
	padding: 15px;
	color: #FFFFFF;
	width: 100px;
}

#time-table2 tr td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid #016B9B;
	padding: 15px;
	color: #016B9B;
}

/*----------------------------------------------------
	料金表
----------------------------------------------------*/
/*-------------------- 見出し　--------------------*/

#invisa_16.white-back h2,
#invisa_19.white-back h2{
	font-size: 300%;
	font-weight: normal;
	color: #023E99;
	text-align: center;
} 

/*-------------------- 料金表コンテンツの中身　--------------------*/
#invisa_17.white-back .white-back_in-text,
#invisa_20.white-back .white-back_in-text {
	text-align: center;
}

#invisa_17.white-back .white-back_in-text p,
#invisa_20.white-back .white-back_in-text p {
	font-size: 200%;
	margin-bottom: 50px;
	line-height: 1.5;
}

#invisa_17 table,
#invisa_20 table {
	width: 100%;
	border: 1px solid #1D581B;
	margin-bottom: 50px;
	font-size: 200%;
}

#invisa_17 tr th,
#invisa_20 tr th {
	font-weight: normal;
	text-align: center;
	background-color: #007905;
	color: #FFFFFF;
	padding: 15px 0;
	border: 1px solid #1D581B;
	line-height: 1.5;
}

#invisa_17 tr td,
#invisa_20 tr td {
	text-align: center;
	padding: 15px;
	color: #007905;
	border: 1px solid #1D581B;
	vertical-align: middle;
	line-height: 1.5;
}

/*----------------------------------------------------
	各項目の見出し・その他CSS
----------------------------------------------------*/

/*-------------------- 見出し「「新しい笑顔」で始める、新しい歯科矯正治療」　--------------------*/
#invisa_00.white-back h1 {
	font-size: 300%;
	font-weight: normal;
	margin-top: 150px;
	color: #023E99;
	text-align: center;
} 

#invisa_00.white-back .white-back_in-img {
	padding: 0 0 60px;
}

/*-------------------- 見出し「透明という選択肢　取り外し可能、しかも快適」　--------------------*/

#invisa_02.white-back .white-back_in-text {
	padding: 0;
}

#invisa_02.white-back .white-back_in-text h2 {
	max-width: 1080px;
	font-weight: normal;
	padding-top: 50px;
} 
#invisa_02 .img_L {
	float: left;
	margin: 0 10px 0px 1px;
}

/*-------------------- 見出し「本院・Big-iともに～」　--------------------*/
#invisa_06.white-back .white-back_in-text {
	margin-top: 20px !important;
}
#invisa_06.white-back .white-back_in-img {
	padding-top: 0 !important;
}

/*-------------------- 見出し「正確で安全な治療を行うための、最新鋭の歯科用CTを導入。」　--------------------*/

#invisa_13.white-back .white-back_in-text h2 {
	font-size: 300%;
	font-weight: normal;
	margin-top: 20px;
	color: #027136;
	text-align: center;
} 

#invisa_13.white-back .white-back_in-img {
	margin: 0 auto 80px !important;
	padding-top: 0 !important;
}

/*-------------------- 見出し「マウスピース矯正について」　--------------------*/
#invisa_21.white-back h1 {
	font-size: 300%;
	font-weight: normal;
	margin-top: 150px;
	color: #023E99;
	text-align: center;
} 
/*----------------------------------------------------
	ペラ1用
----------------------------------------------------*/

/*section.on img {
	margin: 0 -320px;
	padding: 0;
}*/

/*section.bk p {
	width: 1280px;
	height: 300px;
	background-size: contain;
 	background-repeat: no-repeat;
}
section.bk p.img01 {background-image: url("../img/image01.jpg");}
section.bk p.img02 {background-image: url("../img/image02.jpg");}
section.bk p.img03 {background-image: url("../img/image03.jpg");}
section.bk p.img04 {background-image: url("../img/image04.jpg");}
section.bk p.img05 {background-image: url("../img/image05.jpg");}
section.bk p.img06 {background-image: url("../img/image06.jpg");}
section.bk p.img07 {background-image: url("../img/image07.jpg");}*/