@charset "utf-8";



/*----------------------------------------
■リセット
------------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}

h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}

p {
	margin:0 0 1em 0;
	}

ul {
	list-style-type:none;
	}

img {
	border:0;
	}

img a {
	border:none;
	}

caption,th {
	text-align:left;
	}

caption,em,strong,th {
	font-style: normal;
	}
/*----------------------------------------
■BODY
------------------------------------------*/
body {

}

#mainBox {
	width: 1400px;
	margin: 0 auto;
}

img {
    max-width: 100%;
    height: auto;
}

/*----------------------------------------
■ヘッダー
------------------------------------------*/

/*----------------------------------------
■
------------------------------------------*/

#flashContainer {
	clear: both;
	width: 1400px;
	height: 460px;
	margin: 0px auto 38px auto;
	padding: 0 0px 0 0px;
	background: url(../img/01.jpg) no-repeat;
	}

/*下層ページタイトル*/
#titHead {
	clear: both;
	display: block;
	width: 990px;
	height: 230px;
	position: relative;
	overflow: hidden;
	margin: 0px auto 26px auto;
	padding: 0px 205px 0 205px;
	}
#titHead p#pagetit {
	position: absolute;
	top: 50px;
	z-index: 30;
	color: #000;
	font-size: 40px;
	margin: 0;
	line-height: 1.3em;
	}
#titHead p#pagetit span {
	display: block;
	font-size: 18px;
	line-height: 1.3em;
	}
#titHead img#titimg {
	position: absolute;
	left: 742px;
	z-index:10;
	margin: 0;
	}
#titHead div#titBg {
	position: absolute;
	width: 1400px;
	height: 230px;
	top: 0px;
	left: 0px;
	z-index: 20;
	background: url(../img/bg_tit01.png) repeat-y;
	}

/*----------------------------------------
■メインコンテナ
------------------------------------------*/
#mainContainer {
	width: 990px;
	margin: 0 auto;
	}

/*----------------------------------------
■右側コンテナ
------------------------------------------*/
#sideContainer {
	width: 230px;
	float: right;
	padding-top: 25px;
	}


/*-------------------------
 サイドメニュー装備
 ----------------------------*/

#sideMenu {
	padding: 17px 0px 0 0px;
	margin-bottom: 15px;
	}

/*----------------------------------------
■左側コンテナ
------------------------------------------*/
#contentContainer {
	width: 730px;
	float: left;
	}

#contentContainer h2 a {
	color: #2F534D;
	}

/*下層ページ用*/

#contentContainer p {
	font-size: 16px;
	overflow:auto;
	}
#contentContainer p.center {
	overflow: hidden;
	}

#contentContainer p a:link {
	color: #00A3D8;
	font-weight: bold;
	text-decoration: underline;
	}
#contentContainer .wid200 {
	font-size:12px;
}

/*TOPコンテンツブロック*/

.topBox {
	clear: both;
	width: 1110px;
	margin: 0px auto 27px auto;
	padding: 0 0px 0 0px;
}

/*選ばれる理由*/
.pointArea {
	padding: 38px 0 0 0;
	}
.pointArea h2 {
	clear: both;
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	font-size: 26px;
	text-align: center;
	color: #003F9F;
	border-top: none;
	margin-bottom: 27px;
	padding: 0;
	background: url(../img/bg_h2_top.png) repeat-x left center;
	}
.pointArea h2 span {
	background: #FFF;
	padding: 0 20px 0 20px;
	}

.pointArea div {
	display: block;
	float: left;
	width: 350px;
	margin-bottom: 25px;
	padding: 0px 0px 0 0px;
	line-height: 1.6em;
	}

.pointArea div img {
	margin-bottom: 10px;
	}

.pointArea p {
	font-size: 12px;
	width: 310px;
	line-height: 1.4em;
	margin-left: 20px;
	}

.point1,
.point2,
.point4,
.point5 { margin-right: 30px; }


/*衛生管理TOP*/

.infectionBox {
	padding: 18px 0 0 0;
	}
.infectionBox h2 {
	clear: both;
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	font-size: 26px;
	text-align: center;
	color: #003F9F;
	border-top: none;
	margin-bottom: 27px;
	padding: 0;
	background: url(../img/bg_h2_top.png) repeat-x left center;
	}
.infectionBox h2 span {
	background: #FFF;
	padding: 0 20px 0 20px;
	}
.infectionBox div {
	display: block;
	float: left;
	width: 470px;
	padding-bottom: 10px;
	padding: 0px 0px 0 0px;
	}

.infectionBox div h3 {
	display: block;
	font-size: 24px;
	font-weight: normal;
	color: #003F9F;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 5px;
	padding: 0px 0 0 0;
	}

.infectionBox div img {
	float: right;
	margin: 0 0 0 10px;
	}

.infectionBox p {
	font-size: 14px;
	line-height: 1.4em;
	}

.infe01 { margin-right: 40px; }

/*診療項目*/
.treatBox {
	padding: 38px 0 0 0;
	}
.treatBox h2 {
	clear: both;
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	font-size: 26px;
	text-align: center;
	color: #003F9F;
	border-top: none;
	margin-bottom: 27px;
	padding: 0;
	background: url(../img/bg_h2_top.png) repeat-x left center;
	}
.treatBox h2 span {
	background: #FFF;
	padding: 0 20px 0 20px;
	}

.treatBox div {
	display: block;
	float: left;
	width: 310px;
	margin-bottom: 25px;
	padding: 0px 0px 0 0px;
	line-height: 1.6em;
	}

.treatBox div img {
	margin-bottom: 10px;
	}

.treatBox p {
	font-size: 12px;
	line-height: 1.4em;
	}

.treat01,
.treat02,
.treat04,
.treat05 { margin-right: 30px; }


/*衛生管理TOP*/

.ctBox {
	padding: 38px 0 20px 0;
	}
.ctBox h2 {
	clear: both;
	display: block;
	line-height: 30px;
	font-weight: normal;
	font-size: 26px;
	color: #003F9F;
	border-top: none;
	border-bottom: solid #0047B3 1px;
	margin-bottom: 27px;
	padding: 7px 0 7px 0;
	}

.ctBox img {
	float: right;
	margin: 0 0 0 30px;
	}

.ctBox p {
	font-size: 14px;
	line-height: 1.4em;
	}


/*フッターお問い合わせ*/
div.otoArea {
	clear: both;
	display: block;
	width: 730px;
	margin: 50px 0 35px 0;
	padding: 30px 0px 30px 0px;
	border-bottom: solid #DDD 3px;
	border-top: solid #DDD 3px;
}
#contentContainer .otoArea p {
	font-size:18px;
	line-height: 1.4em;
}

#contentContainer .pointArea p a,
#contentContainer div.otoArea p a {
	text-decoration: none;
    background: none;
    padding-right: 0;
	margin-right: 0;
	height: auto;
}

#contentContainer div.otoArea .otoMap {
	display: block;
	}

#contentContainer div.otoArea .otoMap p {
	font-size: 12px;
	}

div.otoArea .fl {
	text-align: right;
}

#contentContainer div.otoArea .otoMap p.train {
	font-size: 18px;
	color: #468C00;
	text-align: center;
	padding-left: 34px;
	margin: 5px 0 0 0;
	background:url(../img/train.png) no-repeat 8px 0;
}

#contentContainer div.otoArea .otoMap p.car {
	font-size: 14px;
	color: #3F2600;
	text-align: left;
	padding-left: 34px;
	margin: 5px 0 0 0;
	background:url(../img/car.png) no-repeat 3px 0;
}

/* -----------------------------------------------------------
  h見出し　装飾
----------------------------------------------------------- */
#contentContainer h2 {
	clear: both;
	display: block;
	line-height: 1.3em;
	font-size: 30px;
	margin: 2em 0 0.6em 0;
	padding: 7px 0 7px 0px;
	font-weight: normal;
	color:#3F3000;
	border-bottom: solid #BBB 1px;
	}

/*h3タイトル1*/
#contentContainer h3 {
	clear:both;
	display: block;
	line-height: 1.4em;
	padding: 0 0 4px 25px;
	margin-bottom: 1em;
	font-size: 22px;
	font-weight: normal;
	background: url(../img/bg_h3.png) no-repeat left 5px;
	border-bottom: dotted #B29683 1px;
	}
#contentContainer .h3noBox h3 {
	display: block;
	line-height: 1.3em;
	padding: 0 0 0 0;
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: normal;
	background: none;
	border-bottom: dotted #B29683 1px;
	}
#contentContainer h4 {
	display: block;
	line-height: 1.4em;
	padding: 0 0 4px 25px;
	margin-bottom: 1em;
	font-size: 22px;
	font-weight: normal;
	background: url(../img/bg_h4.png) no-repeat left 6px;
	}

#contentContainer .clinicBox {
	margin-bottom: 5em;
}

#contentContainer .clinicBox h3 {
	display: block;
	line-height: 1.3em;
	padding: 5px 0 5px 10px;
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: normal;
	background: none;
	border-left: solid #0AB1AD 3px;
	border-bottom: none;
	}


/*----------------------------
  治療の流れ
----------------------------*/
#contentContainer .stepBox {
	margin-bottom: 3em;
}

#contentContainer .stepBox h2,
#contentContainer .stepBox h3 {
	clear: both;
	font-size: 22px;
	line-height: 1.3em;
	margin-bottom: 1em;
	padding: 5px 0 10px 80px;
	border-bottom: dotted #CCCCCC 1px;
	background-repeat: no-repeat;
	background-position: left 0;
	}

#contentContainer .stepBox .titStep01 { background-image: url(../img/step01.png); }
#contentContainer .stepBox .titStep02 { background-image: url(../img/step02.png); }
#contentContainer .stepBox .titStep03 { background-image: url(../img/step03.png); }
#contentContainer .stepBox .titStep04 { background-image: url(../img/step04.png); }
#contentContainer .stepBox .titStep05 { background-image: url(../img/step05.png); }
#contentContainer .stepBox .titStep06 { background-image: url(../img/step06.png); }
#contentContainer .stepBox .titStep07 { background-image: url(../img/step07.png); }
#contentContainer .stepBox .titStep08 { background-image: url(../img/step08.png); }
#contentContainer .stepBox .titStep09 { background-image: url(../img/step09.png); }
#contentContainer .stepBox .titStep10 { background-image: url(../img/step10.png); }

#contentContainer .stepBox h4 {
	display: block;
	line-height: 1.4em;
	padding: 0 0 4px 25px;
	margin: 0 0 1em 2em;
	font-size: 18px;
	font-weight: normal;
	background: url(../img/bg_h3.png) no-repeat left 5px;
	}

.stepBox p {
	background: url(../img/arrow_step.png) no-repeat 10px 0;
	margin-left: 5px;
	padding-left: 2em;
	}

/*新着記事表示*/
dl.newsArea {
	width: 680px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	}

dl.newsArea dt {
	float: left;
	clear: both;
	width: auto;
	padding: 5px 3px 3px 0;
	line-height:1.7em;
	}

dl.newsArea dd {
	margin: 0;
	margin-left: 120px;
	padding: 5px 3px 3px 3px;
	line-height: 1.7em;
	}

dl.newsArea a:link,
dl.newsArea a:visited {
	text-decoration: underline;
	color: #567A21;
	}

/*Dr経歴表示*/
dl.drProfile {
	display: block;
	width: 600px;
	font-size: 16px;
	margin-bottom: 20px;
	line-height:1.5em;
	}

dl.drProfile dt {
	float:left;
	clear:both;
	width:80px;
	padding:0 0 0 15px;
	background: url(../img/arrow.png) no-repeat left;
	}

dl.drProfile dd {
	margin:0;
	margin-left:100px;
	}

/*----------------------------
院内紹介用 写真　装飾
----------------------------*/

.tourBox div {
	display: block;
	float: left;
	width: 345px;
	margin-right: 20px;
	padding-bottom: 10px;
	}

#contentContainer .tourBox div h3 {
	font-size: 18px;
	font-weight: normal;
	color: #7E641B;
	text-align: center;
	line-height: 1.3em;
	margin: 0;
	padding-top: 0;
	padding-left: 0;
	background: none;
	border: none;
	}
#contentContainer .tourBox div img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

#contentContainer .tourBox div p {
	font-size: 14px;
	}

/*----------------------------
院内紹介用 写真　装飾465
----------------------------*/

.clinicBox div {
	display: block;
	float: left;
	width: 465px;
	margin-right: 30px;
	padding-bottom: 10px;
	}
.clinicBox div img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
#contentContainer .clinicBox div h4,
#contentContainer .clinicBox div h3 {
	font-size: 20px;
	font-weight: normal;
	color: #00A3D8;
	text-align: center;
	line-height: 1.3em;
	margin: 7px 0 5px 0;
	padding: 0;
	background-color: none;
	background: none;
	border: none;
	}
.clinicBox div h4 {
	margin: 0 0 5px 0;
	}
.clinicBox div p {
	font-size: 16px;
	}
/*----------------------------
  Q&A設定
----------------------------*/

dl.faqArea {
	display:block;
	margin-bottom: 3em;
	}

dl.faqArea dt {
	background: url(../img/q.png) no-repeat top left;
	padding: 5px 0 5px 40px;
	font-size: 20px;
	font-weight: normal;
	color: #3F3416;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 10px 0 8px 0;
}

dl.faqArea dd {
	background: url(../img/a.png) no-repeat top left;
	padding: 10px 0 20px 3.5em;
	line-height: 1.7em;
	font-size: 16px;
}
dl.faqArea dd span {
	display: block;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #0080AA;
}

/*----------------------------------------
■フッター
------------------------------------------*/

/*----------------------------------------
■角丸
------------------------------------------*/
div.round_uu {
	clear: both;
	width:86%;
	border-radius: 10px;
	padding: 1.3em 1.5em 0 1.5em;
	margin: 0 auto 20px auto;
	background-color: #F3F1EB;
}

/*その中の見出し設定*/

#contentContainer .round_uu h3,
#contentContainer .round_uu h4 {
	display: block;
	line-height: 1.3em;
	margin: 0 0 1em 0;
	padding: 0.5em 0 0.5em 0.5em;
	font-size: 24px;
	font-weight: normal;
	color: #0059B2;
	border: none;
	border-radius: 5px;
	background-image: none;
	background-color: #FFF;
	}
#contentContainer .round_uu h3.hDr {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 155px;
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	background: #FFFFFF url(../img/bg_h3_dr.png) no-repeat left center;
	}
#contentContainer .round_uu h3.hMemo {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 110px;
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: normal;
	color: #446622;
	background: #FFFFFF url(../img/bg_h3_memo.png) no-repeat left center;
	}


/*----------------------------
  テーブル　クリニック紹介　設定
----------------------------*/
#contentContainer table.tableClinic {
	border-collapse: collapse;
	width: 98%;
	 font-size: 16px;
	 margin-left: 10px;
	 margin-bottom: 20px;
	}
#contentContainer table.tableClinic th {
	 background-color: #F4F4EA;
	 font-weight: normal;
	 padding: 4px;
	 border: 1px solid #CCCCCC;
	 white-space: nowrap ;
	}
#contentContainer table.tableClinic td {
	clear: both;
	 padding: 4px;
	 border: 1px solid #CCCCCC;
	}
#contentContainer table.tableClinic p {
	margin:0;
	padding:0;
	 text-align: left;
	}

/*----------------------------
  テーブル　料金表　設定
----------------------------*/

#contentContainer table.tableFee {
	border-collapse: collapse;
	width: 98%;
	 font-size: 16px;
	 margin-left: 10px;
	 margin-bottom: 20px;
	}
#contentContainer table.tableFee th {
	 background-color: #E4EDEA;
	 font-weight: normal;
	 padding: 4px;
	 border: 1px solid #CCCCCC;
	 white-space: nowrap ;
	}
#contentContainer table.tableFee td {
	clear: both;
	 padding: 4px;
	 border: 1px solid #CCCCCC;
	}
#contentContainer table.tableFee p {
	margin:0;
	padding:0;
	 text-align: left;
	}
#contentContainer table.tableFee p.center {
	 text-align: center;
	}
#contentContainer table.tableFee th img,
#contentContainer table.tableFee td img {
	float: left;
	margin-right: 10px;
}


/*----------------------------
  テーブル　治療期間・料金・種類・主訴など　設定
----------------------------*/
#content table.tableCase,
#contentContainer table.tableCase {
	border-collapse: collapse;
	width: 60%;
	 font-size: 14px;
	 margin: 0 auto 3em auto;
	}
#content table.tableCase th,
#contentContainer table.tableCase th {
	 background-color: #F7F4F0;
	 font-weight: normal;
	 padding: 4px 8px;
	 border: 1px solid #CCCCCC;
	 white-space: nowrap ;
	}
#content table.tableCase td,
#contentContainer table.tableCase td {
	clear: both;
	 padding: 4px 8px;
	 border: 1px solid #CCCCCC;
	}
#content table.tableCase p,
#contentContainer table.tableCase p {
	margin:0;
	padding:0;
	}


/*Dr経歴表示*/

/*----------------------------
  テーブル　マウスピース矯正　比較
----------------------------*/
.tableAligner {
	display: block;
	border-collapse:collapse;
	width: 100%;
	 font-size: 16px;
	 margin: 0 0 2em 0;
	 border-bottom: 2px solid #E0985C;
	 border-right: 2px solid #E0985C;
	}

.tableAligner th {
	 background-color: #F4DBC6;
	 border-left: 2px solid #E0985C;
	border-bottom: 1px dotted #999;
	 font-weight: bold;
	 padding: 3px;
	 text-align: center;
	 white-space: nowrap;
	 display: table-cell;
	}

.tableAligner tr.line001 th {
	 border-bottom: 2px solid #E0985C;
	 border-top: 2px solid #E0985C;
	}

.tableAligner td {
	background-color: #FFF;
	padding: 3px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px dotted #999;
	}
.tableAligner tr.line002 td {
	border-bottom: 1px dotted #999;
	}

.tableAligner p {
	display: block;
	margin:0;
	padding:0;
	 text-align: left;
	 width: auto;
	}
.tableAligner p.center {
	 text-align: center;
	}
.tableAligner th img {
	margin: 0 0 5px 0;
}
/*----------------------------
  テーブル 補綴比較表 設定
----------------------------*/
#contentContainer table.tableMaterial {
	border-collapse: collapse;
	width: 60%;
	 font-size: 16px;
	 margin-left: 10px;
	 margin-bottom: 3.5em;
	}
#contentContainer table.tableMaterial th {
	 background-color: #E4EDEA;
	 font-weight: normal;
	 padding: 4px;
	 border: 1px solid #CCCCCC;
	 white-space: nowrap ;
	}
#contentContainer table.tableMaterial td {
	clear: both;
	 padding: 4px;
	 border: 1px solid #CCCCCC;
	}

/*----------------------------
  テーブル　インプラント比較
----------------------------*/
.tableHikaku {
	width: 90%;
	border-collapse:collapse;
	 font-size: 16px;
	 margin: 0 auto 1.5em auto;
	}
.tableHikaku th {
	width: 50%;
	 background-color: #E0DECF;
	 padding: 3px;
	 font-weight: normal;
	 border: 1px solid #CCCCCC;
	 white-space: nowrap;
	 text-align: center;
	}
.tableHikaku td {
	 padding: 3px;
	 border: 1px solid #CCCCCC;
	}
.tableHikaku td img {
	display: block;
	margin: 0 auto;
	}

/*-------------------------------
リスト
---------------------------------*/

/* リスト*/

#contentContainer ul {
	display: block;
	list-style-image: url(../img/arrow.png);
	line-height:1.7em;
	font-size: 16px;
	margin-left: 2em;
	margin-bottom: 2em;
	}
#contentContainer ul li ul {
	display: block;
	list-style-image: url(../img/arrow.png);
	line-height:1.7em;
	margin-left: 2em;
	}
#contentContainer #mailfield dl.mailform ul {
	list-style-image: none;
	}
#contentContainer table ul {
	margin-bottom: 0;
	}

/*数字*/
#contentContainer ol {
	display: block;
	line-height:1.7em;
	font-size: 16px;
	margin-left: 2em;
	margin-bottom: 2em;
	}

/*200pxを3つ*/
#contentContainer ul.imgList {
	list-style-image: none;
	margin-left: 10px;
	}

#contentContainer ul.imgList li {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	width: auto;
	text-align: center;
	}

/*150pxを4つの流れ*/
ul.imgListstep4 {
	margin-left: 10px;
	}

ul.imgListstep4 li {
	display: block;
	float: left;
	width: 150px;
	padding-right: 30px;
	margin-bottom: 15px;
	background: url(../img/arrow_step.png) no-repeat 160px 80px;
	}
ul.imgListstep4 li.lastimg {
	padding-right: 0px;
	}

/*写真素材*/
#contentContainer .freeBox ul {
	margin: 0;
	list-style-image: none;
	}
#contentContainer .freeBox ul li {
	display: block;
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	}



/*-------------------
 リンク設定
 ---------------------*/
a:link {
	text-decoration:none;
	}

a:visited {
	text-decoration:none;
	color: #00A3D8;
	}

a:hover {
	color: #FF9900;
	text-decoration:underline;
	}

p {
	line-height: 1.7em;
	}

.uLine a {
	color: #00A3D8;
	text-decoration: underline;
	}

.linkColor a {
	color: #333;
	text-decoration: none;
	}

/* パンくずリスト */

ol.panNavi {
	clear: both;
	display: block;
	margin: 0px 0 14px 0;
	font-size: 10px;
	color: #FFF;
	padding-left: 60px;
	background: url(../img/glue_0.png) no-repeat 47px center;
	}

ol.panNavi li {
	display: inline;
	list-style-type: none;
	}

ol.panNavi li a {
	padding-right: 14px;
	background: url(../img/glue.png) no-repeat right center;
	}


ol.panNavi li a:link,
ol.panNavi li a:visited,
ol.panNavi li a:hover {
	color: #FFF;
	text-decoration: underline;
	}

/* ページの先頭へ */

p.retornPage {
	clear: both;
	display: block;
	width: 700px;
	text-align:right;
	margin: 0;
	background: url(../img/bg_pagetop.jpg) no-repeat left;
	}
#contentContainer p.pageTop a {
	clear: both;
	display:block;
	text-align:right;
	margin: 0;
	padding-right: 14px;
	font-size: 14px;
	background: url(../img/pagetop.gif) no-repeat right;
	}

/*padding設定*/
.pt30 { padding-top: 30px; }

.pl05 { padding-left: 05px; }
.pl10 { padding-left: 10px; }
.pl12 { padding-left: 12px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl24 { padding-left: 24px; }
.pl27 { padding-left: 27px; }
.pl30 { padding-left: 30px; }
.pl36 { padding-left: 36px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }


.bold {
	color: #000;
	font-weight: bold;
	}
#contentContainer p.bold1,
.bold1 {
	color: #00A3D8;
	font-weight:bold;
	letter-spacing:0.2em;
	}

.bold2 {
	color: #F00;
	font-weight:bold;
	letter-spacing:0.2em;
	}

.bold3 {
	color:#FF6600;
	font-weight:bold;
	letter-spacing:0.1em;
	}
.bold4 {
	color: #59B200;
	font-weight:bold;
	letter-spacing:0.2em;
	}
.bold5 {
	color: #FF6600;
	font-weight:bold;
	letter-spacing:0.2em;
	font-size:24px;
		}

/*マージン設定群*/

.m0 {	margin:0;	}

.mb03{	margin-bottom:3px;	}
.mb04{	margin-bottom:4px;	}
.mb05{	margin-bottom:5px;	}
.mb06{	margin-bottom:6px;	}
.mb07{	margin-bottom:7px;	}
.mb08{	margin-bottom:8px;	}
.mb09{	margin-bottom:9px;	}
.mb10{	margin-bottom:10px;	}
.mb12{	margin-bottom:12px;	}
.mb13{	margin-bottom:13px;	}
.mb15{	margin-bottom:15px;	}
.mb20{	margin-bottom:20px;	}
.mb25{	margin-bottom:25px;	}
.mb27{	margin-bottom:27px;	}
.mb30{	margin-bottom:30px;	}
.mb36{	margin-bottom:36px; }
.mb40{	margin-bottom:40px; }
.mb50{	margin-bottom:50px; }
.mb60{	margin-bottom:60px; }
.mb70{	margin-bottom:70px; }
.mb100{	margin-bottom:100px; }


.mt05{	margin-top:5px;	}
.mt10{	margin-top:10px; }
.mt15{	margin-top:15px; }
.mt20{	margin-top:20px; }
.mt25{	margin-top:25px; }
.mt30{	margin-top:30px; }
.mt100{	margin-top:100px; }

.mr05{	margin-right:5px; }
.mr06{	margin-right:6px; }
.mr07{	margin-right:7px; }
.mr08{	margin-right:8px; }
.mr09{	margin-right:9px; }
.mr10{	margin-right:10px; }
.mr11{	margin-right:11px; }
.mr12{	margin-right:12px; }
.mr13{	margin-right:13px; }
.mr14{	margin-right:14px; }
.mr15{	margin-right:15px; }
.mr16{	margin-right:16px; }
.mr17{	margin-right:17px; }
.mr20{	margin-right:20px; }
.mr25{	margin-right:25px; }
.mr26{	margin-right:26px; }
.mr30{	margin-right:30px; }
.mr50{	margin-right:50px; }


.ml05{	margin-left:5px; }
.ml10{	margin-left:10px; }
.ml15{	margin-left:15px; }
.ml20{	margin-left:20px; }
.ml25{	margin-left:25px; }
.ml26{	margin-left:26px; }
.ml27{	margin-left:27px; }
.ml28{	margin-left:28px; }
.ml30{	margin-left:30px; }
.ml40{	margin-left:40px; }
.ml50{	margin-left:50px; }
.ml60{	margin-left:60px; }
.ml70{	margin-left:70px; }
.ml100{	margin-left:100px; }


/*レタースペース*/
.ls00 { letter-spacing: 0 }
.ls01 { letter-spacing: 0.1em }
.ls02 { letter-spacing: 0.2em }
.ls03 { letter-spacing: 0.3em }
.ls04 { letter-spacing: 0.4em }
.ls05 { letter-spacing: 0.5em }
.ls06 { letter-spacing: 0.6em }
.ls07 { letter-spacing: 0.7em }
.ls08 { letter-spacing: 0.8em }
.ls09 { letter-spacing: 0.9em }
.ls10 { letter-spacing: 1em }


/*クリア設定*/

.left {
	text-align: left;
	}

.right {
	text-align: right;
	}

.center {
	text-align: center;
	}


.coler1 { color: #FF6666; }
.coler2 { color: #3399CC; }
.coler3 { color: #009966; }
.coler4 { color:#990000; }
.coler5 { color:#FF0000; }

.f10 { font-size: 10px;	}
.f11 { font-size: 11px;	}
.f12 { font-size: 12px;	}
.f13 { font-size: 13px;	}
.f14 { font-size: 14px;	}
.f15 { font-size: 15px;	}
.f16 { font-size: 16px;	}
.f17 { font-size: 17px;	}
.f18 { font-size: 18px;	}
.f19 { font-size: 19px;	}
.f20 { font-size: 20px;	}
.f30 { font-size: 30px;	}


/*幅設定*/
.wid80 { width: 80px; }
.wid100 { width: 100px; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }

.wid200 { width: 200px; }
.wid212 { width: 212px; }
.wid215 { width: 215px; }
.wid250 { width: 250px; }
.wid260 { width: 260px; }
.wid276 { width: 276px; }
.wid300 { width: 300px; }
.wid312 { width: 312px; }
.wid320 { width: 320px; }
.wid350 { width: 350px; }
.wid360 { width: 360px; }

.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid470 { width: 470px; }
.wid480 { width: 480px; }
.wid490 { width: 490px; }

.wid500 { width: 500px; }
.wid550 { width: 550px; }

.wid600 { width: 600px; }
.wid630 { width: 630px; }
.wid650 { width: 650px; }
.wid670 { width: 670px; }
.wid680 { width: 680px; }


/*----------------------------
  安心のポイント
----------------------------*/

.pointBox {
	display: block;
	line-height: 1.6em;
	margin-bottom: 2em;
	}

#contentContainer .pointBox h3 {
	clear: both;
	color: #000;
	line-height: 1.3em;
	font-size: 24px;
	margin: 1.5em 0 10px 0;
	padding: 4px 0 8px 75px;
	border-bottom: dotted #CCCCCC 1px;
	background-repeat: no-repeat;
	background-position: left 0;
	}
.pointBox p {
	}
#contentContainer .pointBox h4 {
	margin-bottom: 0.5em;
	background-image: none;
	background-color:#E5FBEF;
	padding-left:0;
	}
.pointBox img {
	}

#contentContainer .point01 { background-image: url(../img/point01.png) ;}
#contentContainer .point02 { background-image: url(../img/point02.png) ;}
#contentContainer .point03 { background-image: url(../img/point03.png) ;}
#contentContainer .point04 { background-image: url(../img/point04.png) ;}
#contentContainer .point05 { background-image: url(../img/point05.png) ;}
#contentContainer .point06 { background-image: url(../img/point06.png) ;}
#contentContainer .point07 { background-image: url(../img/point07.png) ;}


/*----------------------------
  こだわり8つ
----------------------------*/

.qualityBox {
	display: block;
	line-height: 1.6em;
	margin-bottom: 2em;
	}

#contentContainer .qualityBox h2 {
	clear: both;
	color: #000;
	line-height: 1.3em;
	font-size: 30px;
	margin: 1.5em 0 10px 0;
	padding: 4px 0 8px 75px;
	border-bottom: dotted #CCCCCC 1px;
	background-repeat: no-repeat;
	background-position: left 0;
	}
.qualityBox p {
	}
#contentContainer .qualityBox h4 {
	margin-bottom: 0.5em;
	background-image: none;
	background-color:#E5FBEF;
	padding-left:0;
	}
.qualityBox img {
	}

#contentContainer .quality01 { background-image: url(../img/quality01.png) ;}
#contentContainer .quality02 { background-image: url(../img/quality02.png) ;}
#contentContainer .quality03 { background-image: url(../img/quality03.png) ;}
#contentContainer .quality04 { background-image: url(../img/quality04.png) ;}
#contentContainer .quality05 { background-image: url(../img/quality05.png) ;}
#contentContainer .quality06 { background-image: url(../img/quality06.png) ;}
#contentContainer .quality07 { background-image: url(../img/quality07.png) ;}
#contentContainer .quality08 { background-image: url(../img/quality08.png) ;}

/* リンク・ブランク表示アイコン */
.linkBlank a {
   background: transparent url(../img/external.png) right no-repeat;
   padding-right: 15px;
}
/* メモ帳アイコン　表示 */
#contentContainer p a,
.aLink01 a {
	color: #00B2B2;
	text-decoration: underline;
    background: transparent url(../img/txt-icon00.png) right no-repeat;
    padding-right: 12px;
	margin-right: 3px;
	height: 12px;
	font-weight: bold;
}
.aLink02 a {
	color: #008EBF;
	text-decoration: underline;
    background: transparent url(../img/txt-icon.png) right no-repeat;
    padding-right: 15px;
	margin-right: 3px;
	height: 15px;
	font-weight: bold;
}
#contentContainer p.txtNone a {
    background: none;
}

/*BOXのセンタリング*/
.boxCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}



/* ---------------------------------------------------------------- *
	clearfixに関する設定
 * ---------------------------------------------------------------- */

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

*+html div {
	display: inline-block;
	}				
	/*-- IE7用 --*/

/**/
.fl {
	display: block;
	float: left;
	}

.fr {
	display: block;
	float: right;
	}
#contentContainer .alignR {
	display: block;
	float: right;
	margin-left: 2em;
	margin-bottom: 20px;
	text-align: center;
	font-size: 12px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
#contentContainer .alignL {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 12px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.alignC {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

/*----- floatをclearするための汎用クラス定義 -----*/

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*----------------------------------------
■
------------------------------------------*/

/*----------------------------------------
■
------------------------------------------*/

/*----------------------------------------
■
------------------------------------------*/

/*----------------------------
  医療費控除
----------------------------*/
#contentContainer .deduction .treatment-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#contentContainer .deduction .treatment {
	margin: 20px auto;
}

#contentContainer .deduction .treatment > span {
	display: table;
	position: relative;
	margin: 0 auto 10px;
	font-size: 18px;
	text-align: center;
}

#contentContainer .deduction .treatment > span::before {
	display: block;
	position: absolute;
	top: 0;
	left: -25px;
	width: 4px;
	height: 40px;
	border-left: 2px solid #fbe3a9;
	content: "";
	transform: rotate(-20deg);
}

#contentContainer .deduction .treatment > span::after {
	display: block;
	position: absolute;
	top: 0;
	right: -25px;
	width: 4px;
	height: 40px;
	border-left: 2px solid #fbe3a9;
	content: "";
	transform: rotate(20deg);
}

#contentContainer .deduction .treatment div {
	display: flex;
	position: relative;
	width: 300px;
	height: 250px;
	border: 1px solid #fbe3a9;
	background: #fdf5e1;
	justify-content: center;
	align-items:center;
}

#contentContainer .deduction .treatment div span {
	position: absolute;
	color: #fff;
	font-weight: bold;
	font-size: 180px;
}

#contentContainer .deduction .treatment div ul {
	margin-bottom: 0;
	z-index: 1;
}

#contentContainer .deduction ul.calculation {
	display: flex;
	margin-left: 0;
	justify-content: center;
}

#contentContainer .deduction ul.calculation li {
	list-style: none;
	position: relative;
	width: 150px;
	height: 100px;
	margin: 10px 30px 10px 0;
	background: #fdf5e1;
	text-align: center;
}

#contentContainer .deduction ul.calculation li:last-of-type {
	margin-right: 0;
	background: #fbe3a9;
}

#contentContainer .deduction ul.calculation li:nth-of-type(n+2)::before {
	display: block;
	position: absolute;
	top: 35%;
	left: -30px;
	font-size: 30px;
	content: "－";
}

#contentContainer .deduction ul.calculation li:last-of-type::before {
	content: "＝";
}

#contentContainer .deduction ul.calculation li p {
	display: flex;
	height: 100px;
	justify-content: center;
	align-items: center;
}

#contentContainer .deduction ul.calculation li:nth-of-type(3) p {
	font-size: 14px;
}

#contentContainer .deduction table {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	border-collapse: separate;
	border-spacing: 2px;
}

#contentContainer .deduction table thead th {
	background: #fbe3a9;
}

#contentContainer .deduction table thead tr:last-of-type th {
	background: #fdf5e1;
}

#contentContainer .deduction table tbody th {
	background: #fdf5e1;
}

#contentContainer .deduction table th,
#contentContainer .deduction table td {
	padding: 10px 5px;
	border: 1px solid #fdf5e1;
	font-weight: normal;
	text-align: center;
}

#contentContainer .deduction table td.oval {
	position: relative;
}

#contentContainer .deduction table td.oval::before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 120px;
	min-width: 100px;
	height: 40px;
	margin: auto;
	border: 3px solid #efaa52;
	border-radius: 50px / 20px;
	content: "";
}

#contentContainer .deduction table td.oval::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 140px;
	width: 140px;
	height: 140px;
	background: url("/img/deduction/arrow.png") center center no-repeat;
	background-size: contain;
	content: "";
}

#contentContainer .deduction p.case {
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 20px;
	border: 2px solid #fbe3a9;
	font-size: 18px;
}

#contentContainer .deduction p.case + p {
	font-size: 14px;
}

#contentContainer .deduction .example-container {
	text-align: center;
}

#contentContainer .deduction .example {
	display: flex;
	justify-content: center;
}

#contentContainer .deduction .example table {
	max-width: 430px;
	margin-right: 60px;
}

#contentContainer .deduction .amount {
	flex: none;
}

#contentContainer .deduction .amount p.balloon {
	display: table;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 30px;
	border: 1px solid #fbe3a9;
	background: #fdf5e1;
}

#contentContainer .deduction .amount p.balloon::before {
	position: absolute;
	bottom: -17px;
	left: 45%;
	z-index: 2;
	border: 6px solid transparent;
	border-top: 12px solid #fdf5e1;
	content: "";
}

#contentContainer .deduction .amount p.balloon::after {
	position: absolute;
	bottom: -21px;
	left: 45%;
	z-index: 1;
	margin-left: -2px;
	border: 8px solid transparent;
	border-top: 14px solid #fbe3a9;
	content: "";
}

#contentContainer .deduction .amount span {
	display: block;
	margin: 10px 0;
	font-size: 22px;
}

#contentContainer .deduction .amount p.parentheses {
	position: relative;
	display: table;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
}

#contentContainer .deduction .amount p.parentheses::before {
	position: absolute;
	bottom: 15px;
	left: -25px;
	font-size: 50px;
	content: "(";
}

#contentContainer .deduction .amount p.parentheses::after {
	position: absolute;
	bottom: 15px;
	right: -25px;
	font-size: 50px;
	content: ")";
}