@charset "utf-8";

@import "import.css";


/*----- コンテンツ -----*/

div#area-wrapper {
	clear: both ;
	background: #fff url(../image/bg_wrapper.jpg) repeat-x 0 0 ;
}

div#area-contents {
	clear: both ;
	margin: 0 auto ;
	padding: 10px 0 30px ;
	width: 1000px ;
}
div#area-contents-sub {
	clear: both ;
	margin: 0 auto ;
	padding: 10px 0 30px ;
	width: 1000px ;
}

div#contents {
	float: right ;
	width: 710px ;
	text-align: left ;
	color: #4b4848 ;
}
div#contents-sub {
	float: right ;
	width: 710px ;
	text-align: left ;
	padding: 20px 0 0 ;
	color: #4b4848 ;
}
div#contents p,
div#contents-sub p {
	margin: 0 0 20px ;
	line-height: 1.8 ;
}



/* レッド */
.color1  { color: #ff3333 ; }
.color1b { color: #ff3333 ; font-weight: bold ; }

/* オレンジ */
.color2     { color: #ff6600 ; }
.color2b    { color: #ff6600 ; font-weight: bold ; }
.color2b-2  { color: #c46404 ; font-weight: bold ; }

/* ピンク */
.color3  { color: #ff33cc ; }
.color3b { color: #ff33cc ; font-weight: bold ; }

/* 茶 */
.color4    { color: #362a20 ; }
.color4b   { color: #362a20 ; font-weight: bold ; }
.color4b-2 { color: #7f5a35 ; font-weight: bold ; }
.color4b-3 { color: #b09575 ; font-weight: bold ; }

/* グレー */
.color5  { color: #444 ; }
.color5b { color: #444 ; font-weight: bold ; }

/* ブラック */
.color6  { color: #000 ; }
.color6b { color: #000 ; font-weight: bold ; }

/* ブルー */
.color7    { color: #0066ff ; }
.color7b   { color: #0066ff ; font-weight: bold ; }
.color7b-2 { color: #1b569e ; font-weight: bold ; }

/* グリーン */
.color8    { color: #339900 ; }
.color8b   { color: #339900 ; font-weight: bold ; }
.color8b-2 { color: #6a7339 ; font-weight: bold ; }




.line-h15 { line-height: 1.5 ; }
.line-h16 { line-height: 1.6 ; }
.line-h17 { line-height: 1.7 ; }





/*親要素*/
div#page-top-parent{
}

p#back-home {
position: fixed;
bottom: 80px;
right: 30px ;
font-size: 77%;
	z-index: 9999;
	width: 50px ;
}

p#back-home span {
	display: block;
	text-align: left ;
	text-indent: -9999px ;
	width: 50px ;
	height: 50px ;
}

p#back-home span a {
	display: block ;
	width: 100% ;
	height: 100% ;
}

p#back-home span#homeback { background: url("../image/btn_home.png") no-repeat ; }
p#back-home span#homeback a:hover { background: url("../image/btn_home_on.png") no-repeat ; }


p#page-top {
position: fixed;
bottom: 20px;
right: 30px ;
font-size: 77%;
	z-index: 9999;
	width: 50px ;
}

p#page-top span {
	display: block;
	text-align: left ;
	text-indent: -9999px ;
	width: 50px ;
	height: 50px ;
}

p#page-top span a {
	display: block ;
	width: 100% ;
	height: 100% ;
}

p#page-top span#toppage { background: url("../image/btn_pagetop.png") no-repeat ; }
p#page-top span#toppage a:hover { background: url("../image/btn_pagetop_on.png") no-repeat ; }




/* グレー（薄） */
.bg01 { background: #F0F0F0 ; }

/* グレー（bg01より少し濃い） */
.bg02 { background: #E4E4E4 ; }

/* ベージュ */
.bg03 { background: #feffe8 ; }

/* ベージュ */
.bg04 { background: #f5f6dd ; }



.for-smp01 { margin: 0 0 1px ; }
.for-smp02 { margin: 1px 0 0 ; }



/*----- 院長あいさつ -----*/
div.kazari01 {
	clear: both ;
	padding: 30px 0 ;
	text-align: center ;
}

.subtitle01 {
	font-size: 180% ;
	font-weight: bold ;
	margin: 40px 0 20px ;
	color: #755326 ;
}
.subtitle02 {
	font-size: 180% ;
	font-weight: bold ;
	margin: 40px 0 20px ;
	color: #ff33cc ;
}

.subject01 {
	margin: 0 0 20px ;
}


.kakomi01 {
	background: #fbf7db ;
	border: 1px solid #d8cc93 ;
	padding: 10px ;
}
.kakomi02 {
	background: #fbd9d9 ;
	border: 1px solid #e6b3b3 ;
	padding: 10px ;
}

/* アイコン（ロゴ） */
.icon01 {
	font-size: 140% ;
	font-weight: bold ;
	background: url(../image/icon01.png) no-repeat 0 0 ;
	padding: 0 0 0 43px ;
	margin: 30px 0 15px ;
	min-height: 42px ;
}
.icon01 span {
	display: block ;
	padding: 10px 0 0 ;
}

.mg43 {
	margin-left: 43px ;
}


/* アイコン（ハート赤） */
.icon02 {
	font-size: 140% ;
	font-weight: bold ;
	background: url(../image/icon02.png) no-repeat 0 0 ;
	padding: 0 0 0 43px ;
	margin: 30px 0 15px ;
	min-height: 35px ;
}
.icon02 span {
	display: block ;
	padding: 3px 0 0 ;
}

/* アイコン（緑の葉っぱ　ｕｌ） */
ul.icon03 li {
	background: url(../image/icon03.png) no-repeat 0 3px ;
	padding: 0 0 0 27px ;
	margin: 0 0 15px ;
	min-height: 20px ;
}

/* アイコン（緑の葉っぱ ｄｌ） */
dl.icon03-2 dt {
	background: url(../image/icon03.png) no-repeat 0 3px ;
	padding: 0 0 0 27px ;
	margin: 30px 0 10px ;
	min-height: 20px ;
	font-size: 140% ;
	font-weight: bold ;
}
dl.icon03-2 dd {
	padding: 0 0 0 27px ;
	line-height: 1.8 ;
}

/* アイコン（緑の葉っぱ　ｕｌ２ 文字大） */
ul.icon03-3 li {
	background: url(../image/icon03.png) no-repeat 0 3px ;
	padding: 0 0 0 27px ;
	margin: 0 0 15px ;
	min-height: 20px ;
	font-size: 140% ;
	font-weight: bold ;
}


ul.kenshin-btn li {
	float: left ;
	width: 205px ;
	height: 50px ;
	margin-left: 10px ;
	text-align: center ;
}

ul.kenshin-btn li a {
	text-indent: -9999px ;
	display: block ;
	width: 100% ;
	height: 100% ;
}

ul.kenshin-btn li.keshin01 {
	margin-left: 0 ;
	background: url(../45_shika_kenshin/image/btn_kenshin01.png) no-repeat ;
}
ul.kenshin-btn li.keshin02 {
	width: 280px ;
	background: url(../45_shika_kenshin/image/btn_kenshin02.png) no-repeat ;
}
ul.kenshin-btn li.keshin03 {
	background: url(../45_shika_kenshin/image/btn_kenshin03.png) no-repeat ;
}
ul.kenshin-btn li.keshin04 {
	margin-left: 0 ;
	width: 360px ;
	background: url(../45_shika_kenshin/image/btn_kenshin04.png) no-repeat ;
}

ul.kenshin-btn li.keshin02 a:hover {
	background: url(../45_shika_kenshin/image/btn_kenshin02_on.png) no-repeat ;
}
ul.kenshin-btn li.keshin03 a:hover {
	background: url(../45_shika_kenshin/image/btn_kenshin03_on.png) no-repeat ;
}
ul.kenshin-btn li.keshin04 a:hover {
	background: url(../45_shika_kenshin/image/btn_kenshin04_on.png) no-repeat ;
}




/*----- 診療案内 -----*/
ul.cure-link li {
	display: inline ;
	margin-right: 10px ;
	font-size: 110% ;
	font-weight: bold ;
}

ul.cure-link li a:link,
ul.cure-link li a:visited {
	color: #ff6600 ;
}
ul.cure-link li a:hover {
	text-decoration: underline ;
}



/*----- 医院の特徴 -----*/
div.bg-img01 {
	background: url(../05_shika_features/image/img01.jpg) no-repeat top right ;
	min-height: 194px ;
	margin: 0 0 50px ;
}



/*----- むし歯・う蝕 -----*/
.subject02 {
	clear: both ;
	padding: 0 0 0 45px ;
	margin: 30px 0 15px ;
	font-size: 140% ;
	font-weight: bold ;
	color: #666 ;
	min-height: 34px ;
	height: auto !important;
	height: 34px ;
	background: url("../image/ico2.png") no-repeat 0 0 ;
}
.subject02 span {
	display: block ;
	padding-top: 4px ;
}

.midashi01 {
	color: #ff6600 ;
	font-size: 120% ;
	font-weight: bold ;
	margin: 15px 0 5px ;
}

ul.caries-list {
	clear: both ;
	margin: 15px 0 ;
}

ul.caries-list li {
	float: left ;
	margin: 0 0 10px 20px ;
}

/* ↓2段の左側 */
ul.caries-list li.caries-first {
	margin: 0 0 10px 0 ;
}


/*----- 歯周病・歯槽膿漏 -----*/

ul.check {
	margin: 0 0 15px ;
}

ul.check li {
	float: left ;
	font-weight: bold ;
	margin: 0 0 5px ;
}
ul.check li.check-1 {
	width: 55% ;
}
ul.check li.check-2 {
	width: 45% ;
}

table.surgery1 {
	clear: both ;
	width: 100% ;
	margin: 0 0 30px ;
	line-height: 1 ;
}

table.surgery1 th,
table.surgery1 td {
	padding: 8px ;
	border: 2px solid #fff ;
	line-height: 1.5 ;
	vertical-align: top ;
}

table.surgery1 th {
	width:1%;
	white-space:nowrap;
	font-weight: bold ;
}

.t-bg1 {
	background: #f1efe5 ;
}

.t-bg2 {
	background: #f9f9f9;
}




/*----- コンテンツ内　医院インフォメーション -----*/
div.f-information {
	margin: 0 0 30px ;
}

/*----- コンテンツ内　フッターリンク -----*/

div#footer-link {
	text-align: center ;
}

div#footer-link ul {
	font-size: 0 ;
}

div#footer-link ul li{
	display: inline ;
	font-size: 18px ;
}


/*----- トップページ　医院インフォメーション -----*/

div#information-clinic a:link,
div#information-clinic a:visited {
	text-decoration: underline ;
	color: #666 ;
}
div#information-clinic a:hover {
	text-decoration: none ;
	color: #333 ;
}

div.information-box {
	margin-bottom: 40px ;
}

div.info-title {
	font-size: 180% ;
	font-weight: bold ;
	margin: 0 0 20px ;
	color: #6a7339 ;
}

div#information-clinic p {
	margin: 0 0 20px ;
	line-height: 1.8 ;
}
div#information-clinic p:last-child {
	margin-bottom: 0 ;
}
.info-text1 {
	font-size: 120% ;
	font-weight: bold ;
}
.info-text2 {
	font-size: 140% ;
	font-weight: bold ;
}
.info-em {
	color: #ff6600 ;
	font-size: 140% ;
	font-weight: bold ;
}
.info-text-b {
	font-size: 120% ;
	font-weight: bold ;
}
.info-color2b {
	color: #ff6600 ;
	font-weight: bold ;
}


/*----- トップページ　診療リスト -----*/
ul.top-cure-list li {
	float: left ;
	width: 230px ;
	margin-left: 10px ;
}

ul.top-cure-list li.cure-list01 {
	margin-left: 0 ;
}

ul.top-list01 li {
	float: left ;
	width: 345px ;
}


/*----- ホワイトニング -----*/

div.notes01-area {
	float: right ;
	margin-left: 20px ;
	width: 390px ;
	display: inline ;
}

div.notes01 {
	font-size: 90% ;
	font-weight: bold ;
	color: #cc0000 ;
	line-height: 1.5 ;
	padding: 10px ;
	border: 1px solid #c3b6a1 ;
	background: #f1efe5 ;
}


.icon-number01 {
	padding: 0 0 0 45px ;
	margin: 10px 0 15px ;
	font-size: 140% ;
	font-weight: bold ;
	color: #666 ;
	min-height: 36px ;
	height: auto !important;
	height: 36px ;
}
.icon-number01 span {
	display: block ;
	padding-top: 4px ;
}

.g01 { background: url(../image/number_g01.png) no-repeat left center ; }
.g02 { background: url(../image/number_g02.png) no-repeat left center ; }
.g03 { background: url(../image/number_g03.png) no-repeat left center ; }
.g04 { background: url(../image/number_g04.png) no-repeat left center ; }
.g05 { background: url(../image/number_g05.png) no-repeat left center ; }
.g06 { background: url(../image/number_g06.png) no-repeat left center ; }



/*----- 院内感染対策 -----*/
.system-box {
	background: url(../image/arrow.png) no-repeat center bottom ;
	overflow: hidden ;
	padding: 0 0 10px ;
}



/* table01(罫あり) *****/

table.table01 {
	clear:both ;
	width: 100% ;
}

table.table01 th,
table.table01 td {
	padding: 5px ;
	border: 1px solid #ccc ;
	line-height: 1.5 ;
	vertical-align: middle ;
}

table.table01 th {
	font-weight: bold ;
	text-align: left ;
}

table th.w-nowrap,
table td.w-nowrap {
	width: 1% ;
	white-space: nowrap ;
}

table.table01 td.tdright {
	text-align: right ;
}

table.table01 th.merit-demerit {
	text-align: center !important ;
	color: #6a7339 ;
	background: #e4f19f ;
	font-size: 120% ;
}


/* table01(罫無し（白）) *****/

table.table02 {
	clear:both ;
	width: 100% ;
}

table.table02 th,
table.table02 td {
	padding: 7px ;
	border: 3px solid #fff ;
	line-height: 1.5 ;
	vertical-align: top ;
}

table.table02 th {
	border-left: none ;
}
table.table02 td {
	border-right: none ;
}



/***** ★popupウインドウ用 *****/

div.popup-w {
	margin: 20px 10px 10px ;
}
div.popup-w p {
	color: #333 ;
	line-height: 1.8 ;
	font-size: 140% ;
	font-weight: bold ;
	text-align: center ;
	margin: 15px 0 0 ;
}

/* 確認用？ */
body#popup #area-contents {
	margin: 0 auto ;
	width: 970px ;
	background: none ;
}

div#popup-contents {
	width: 970px ;
	margin: 0 auto ;
}

body#popup .text-box {
	margin: 0 ;
	text-align: left ;
}