@charset "utf-8";
/* ---------------------------------------------------------------------
★通常ページ用★全コンテンツ領域★
----------------------------------------------------------------------- */
#contentwrapper{
	width:962px;
	text-align: left;
	float: left;
	clear: both;
	padding: 0 0 50px 0;
}	

/* ---------------------------------------------------------------------
★通常ページ用★主要コンテンツ★
----------------------------------------------------------------------- */
#content{
	width:743px;
	padding:0;
	float: left;
}
#content h2{
	padding:0 0 11px 0;
}
#content p.ttl-read{
	background-image:url(/image/common/bg_read.gif);
	background-repeat:no-repeat;
	background-position:1px 0px;
	padding:5px 0 27px 15px; height:27px;
	line-height:27px;
	font-size:85%;
	color:#333333;
}
#content p.ttl-read em{
	font-weight:bold;
	color:#09388d;
}
#content p.ttl-read span{
	color:#b2b2b2;
}

/* ---------------------------------------------------------------------
★タブ リセットスタイル★
----------------------------------------------------------------------- */
#content .tabs{
	float:left;
	width:743px;
}
#content ul.btn-tab{
	padding:0;
	margin:0;
}
#content ul.btn-tab li{
	float:left;
	position:absolute;
	z-index:1;
	margin:0 0 0 0;
}
#content ul.btn-tab li.tab-sec{
	margin:0 0 0 209px;
}
#content ul.btn-tab li span{
	display:none;
}
/* ---------------------------------------------------------------------
タブ内コンテンツその１★ここからページ毎スタイル★
----------------------------------------------------------------------- */
#tabs-0{
	z-index:0;
	color:#333333;
	float: left;
	background-image: url(/image/common/bg_content_area_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 7px 0;
	width: 743px;
}
/* ---------------------------------------------------------------------
★イントロ部分★
----------------------------------------------------------------------- */
#intro{
	width:711px;
	clear: left;
	padding: 21px 0 22px 1px;
}
#intro h3{
	height:35px;
	line-height:35px;
	padding:9px 0 2px 0;
	font-size:123.1%;
	background-image:url(/image/common/bg_double_line.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	font-weight: bold;
	width: 100%;
}
#intro p{
	padding:8px 0 0 0;
	width: 100%;
	line-height: 1.65;
}
#intro p strong{
	color:#e50065;
}
/* ---------------------------------------------------------------------
★歯周病ページ用★チェックポイント
----------------------------------------------------------------------- */
#tabs-0 .check-point{
	width:711px;
	float:left;
	color:#003399;
	padding: 0 0 0 1px;
	background-image: url(../image/perlodontitis/bg_main_check_point.gif);
	height: 283px;
}
#tabs-0 .check-point p{
	float:left;
	background-repeat:no-repeat;
	background-position:right top;
	padding:14px 0 0 0;
	line-height: 1.5;
	width: 642px;
	height: 51px;
}
#tabs-0 .check-point em{
	display:block;
	background-image:url(/diagnosis/image/perlodontitis/icn_main_point.gif);
	height:65px;
	width:54px;
	float:left;
	background-repeat: no-repeat;
}
#tabs-0 .check-point span{
	display:none
}
#tabs-0 .check-point ul{
	width:693px;
	padding:0 0 0 18px;
	clear: left;
}

#tabs-0 .check-point li{
	width:339px;
	float:left;

}
#tabs-0 .check-point li span{
	font-size:85%;
	display:block;
	width:334px;
	line-height:20px;
	height: 20px;
}
/* ---------------------------------------------------------------------
★メインコンテンツ★ベーシック枠内
----------------------------------------------------------------------- */
#content .content-area{
	width:712px;
	background-image:url(/image/common/bg_content_area.gif);
	background-repeat:repeat-y;
	clear: left;
	float: left;
	margin: 30px 0 0 0;
	background-position:left top;
}
#content .content-repeat{
	width:692px;
	background-image: url(/image/common/bg_content_area_head.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: left top;
	clear: left;
	float: left;
}
/* ★コンテンツボックスその１★ */
#content-box1{
	float:left;
	clear: left;
	width: 100%;
	padding: 30px 0 50px 0;
}
#content-box1 p strong{
	color:#e50065;
}
#content-box1 h3{
	padding: 0 0 15px 0;
}
#content-box1 p.read-txt{
	width:671px;
	padding: 1px 0 12px 1px;
	line-height: 1.6;
	clear: left;
}
#content-box1 p.box-txt{
	width:671px;
	padding: 0 0 14px 1px;
	line-height: 1.6;
	clear: left;
}
#content-box1 h4{
	height:32px;
	width:648px;
	clear:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0052d3;
	border-bottom-width: 2px;
	line-height: 32px;
	font-size: 108%;
	font-weight: bold;
}
#content-box1 .no1{
	padding: 0 0 0 23px;
	background-image: url(../image/perlodontitis/icn_01.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#content-box1 .no2{
	padding: 0 0 0 23px;
	background-image: url(../image/perlodontitis/icn_02.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#content-box1 ul{
	float:left;
	width:100%;
	padding:0 0 25px 1px;
}
#content-box1 ul.no2-foot{
	padding:0 0 8px 1px;
}
#content-box1 ul li{
	float:left;
	width:338px;
	padding:15px 0 5px 0;
	color: #003399;
}
#content-box1 ul li img{
	clear:left;
}
#content-box1 ul li span{
	font-size:85%;
	display:block;
	width:332px;
	line-height:20px;
	height: 20px;
}
/* ★コンテンツボックスその２★ */
#content-box2{
	float:left;
	clear: left;
	width: 100%;
	padding: 0 0 55px 0;
}
#content-box2 p strong{
	color:#e50065;
}
#content-box2 h3{
	padding: 0 0 15px 0;
}
#content-box2 p.read-txt{
	width:671px;
	padding: 12px 0 12px 1px;
	line-height: 1.6;
	clear: left;
}
#content-box2 h4{
	height:32px;
	width:671px;
	clear:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0052d3;
	border-bottom-width: 2px;
	line-height: 32px;
	font-size: 108%;
	font-weight: bold;
	padding:8px 0 0 1px;
}
/* 続発性骨粗鬆症グラフ */
#disease-list dt{
	width:428px;
	height:38px;
	line-height:38px;
	background-image:url(../image/perlodontitis/bg_contents02_01.gif);
	padding:0 116px 27px 1px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}
#disease-list ul{
	width:100%;
	height:72px;
	background-image:url(../image/perlodontitis/bg_contents02_02.gif);
	background-repeat:no-repeat;
	font-weight:bold;
}
#disease-list ul li.main{
	width:412px;
	height:40px;
	line-height:40px;
	float:left;
	padding:0 5px 0 0;
	text-align:center;
	color:#e50065;
}
#disease-list ul li.sub{
	width:255px;
	height:40px;
	line-height:40px;
	float:left;
	padding:0;
	text-align:center;
	color:#003399;
}
#disease-map{
	width:100%;
	float:left;
	padding:0 0 0 1px;
	background-image:url(../image/perlodontitis/bg_contents02_03.gif);
	background-repeat:no-repeat;
}
#disease-map dl{
	display:block;
	width:169px;
	float:left;
	font-size: 100%;
	background-image:url(../image/perlodontitis/bg_contents02_05.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0 0 13px 0;
}
#disease-map dt{
	clear:left;
	width:164px;
	height:38px;
	line-height:38px;
	padding:0 0 14px 0;
	text-align:center;
	color:#e50065;
	font-weight:bold;
}
#disease-map dd{
	width:169px;
	background-image:url(../image/perlodontitis/bg_contents02_04.gif);
	background-repeat:repeat-y;
}
#disease-map ul{
	padding:0;
}
#disease-map ul li{
	font-size:93%;
	line-height:1.8;
	padding:0 0 0 14px;
}
#disease-map ul li ul {
	padding:0 0 8px 0;
}
#disease-map ul li ul li{
	font-size:85%;
	line-height:1.7;
	padding:0 0 0 0px;
	background-image: url(none);
}
#content-box2 p.credit-txt{
	width:672px;
	padding: 3px 0 20px 0;
	line-height: 1.6;
	clear: left;
	font-size: 85%;
	text-align: right;
}
/* コンテンツボックス２リンク */
#content-box2 p a{text-decoration:underline; color:#003399;}
#content-box2 p a:visited{text-decoration:underline; color:#003399}
#content-box2 p a:hover{text-decoration:underline; color:#e50065;}

/* ★コンテンツボックスその３★ */
#content-box3{
	float:left;
	clear: left;
	width: 100%;
	padding: 0 0 45px 0;
}
#content-box3 h3{
	padding: 0 0 21px 0;
}
#boneright{
	width: 406px;
	padding: 20px 0 0 0;
	font-size: 100%;
	float: right;
}
#boneright h4{
	height:36px;
	width:386px;
	padding: 0 0 0 0;
	line-height: 36px;
	font-size: 116%;
	font-weight: bold;
	float: left;
	background-image: url(../image/perlodontitis/bg_dot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#boneright p{
	width:386px;
	float: left;
	line-height: 1.65;
	padding: 8px 0 17px 0;
}
#boneright strong{
	color:#e50065;
}
/* ボーンライトボタン */
#boneright ul.content-sub{
	width:376px;
	float:left;
}

#boneright ul.content-sub li{
	padding:0 0 10px 0;
	float:left;
}

#boneright ul.content-sub li span{
	display:block;
	position:absolute;
	width:180px;
	font-size:85%;
	margin: 15px 0 0 206px;
}
#boneright ul.content-sub li a p{
	color:#666666;
	text-decoration:none;
}
#boneright ul.content-sub li a:visited p{
	color:#666666;
	text-decoration:none;
}
#boneright ul.content-sub li a:hover p{
	color:#666666;
	text-decoration:none;
}
#boneright ul.content-sub li a:visited {
	color:#666666;
	text-decoration:none;
}
#boneright ul.content-sub li a{
	color:#666666;
	text-decoration:none;
}
#sample-pic{
	padding:19px 17px 20px 1px;
	width:268px;
	float:left;

}
#sample-pic p{
	width:268px;
	padding: 5px 0 0 0;
	line-height: 1.6;
	clear: left;
	font-size: 85%;
	text-align: left;
}
/* ---------------------------------------------------------------------
★トップに戻る★ベーシック枠内
----------------------------------------------------------------------- */
#content .content-area .btn-back{
	width:672px;
	padding:15px 0 0 0;
	clear:left;
	text-align:right;
	float: left;
}
#content .content-area .box1-foot{
	padding:15px 0 20px 0;
}
/* ---------------------------------------------------------------------
タブ内コンテンツその２
----------------------------------------------------------------------- */
#tabs-1{
	z-index:0;
	color:#333333;
	float: left;
	background-image: url(/image/common/bg_content_area_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 7px 0;
	width: 743px;
}
/* ★コンテンツボックスその４★ */
#content-box4{
	float:left;
	clear: left;
	width: 100%;
	padding: 0 0 35px 0;
}
#content-box4 p strong{
	color:#e50065;
}
#content-box4 h3{
	padding: 30px 0 15px 0;
}
#content-box4 p.read-txt{
	width:671px;
	padding: 0 0 10px 1px;
	line-height: 1.7;
	clear: left;
}
#content-box4 ul{
	width:100%;
	padding:0 0 10px 1px;
	float: left;
}
#content-box4 ul li{
	font-size:93%;
	width:226px;
	float:left;
}
#content-box4 ul h4{
	height:24px;
	line-height:24px;
	font-weight:bold;
}
#content-box4 ul p{
	line-height:1.3;
}
/* ★コンテンツボックスその５★ */
#content-box5{
	float:left;
	clear: left;
	width: 100%;
	padding: 0 0 35px 0;
}
#content-box5 h3{
	padding: 0 0 25px 0;
}
#content-box5 ol{
	width:100%;
	padding:0 0 0 1px;
	float: left;
}
#content-box5 ol li{
	width:219px;
	float:left;
	padding:0 5px 0 0;
	height: 275px;
}
#content-box5 h4{
	height:32px;
	width:196px;
	clear:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0052d3;
	border-bottom-width: 2px;
	padding: 0 0 0 23px;
	line-height: 32px;
	font-size: 108%;
	font-weight: bold;
}
#content-box5 .ol-01{
	background-image: url(../image/perlodontitis/icn_01.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#content-box5 .ol-02{
	background-image: url(../image/perlodontitis/icn_02.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#content-box5 .ol-03{
	background-image: url(../image/perlodontitis/icn_03.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#content-box5 .ol-04{
	background-image: url(../image/perlodontitis/icn_04.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#content-box5 .ol-05{
	background-image: url(../image/perlodontitis/icn_05.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#content-box5 ol p{
	float:left;
	width:219px;
	padding:5px 0 0 0;
	line-height: 1.5;
	font-size:93%;
}
#content-box5 ol img{
	clear:left;
	margin:8px 0 0 0;
}
/* ★コンテンツボックスその６★ */
#content-box6{
	float:left;
	clear: left;
	width: 100%;
	padding: 0 0 35px 0;
}
#content-box6 h3{
	padding: 0 0 3px 0;
}
#content-box6 h4{
	font-size:108%;
	color: #003399;
	font-weight: bold;
	padding: 0 0 0 1px;
	height: 52px;
	line-height: 52px;
}
#content-box6 ul{
	width:100%;
	clear:left;
	padding: 0 0 8px 0;
	float: left;
}
#content-box6 ul div{
	width:341px;
	float: left;
	margin: 0;
	padding: 0;
}
#content-box6 ul li{
	background-image:url(../image/perlodontitis/bg_contents06_icn.gif);
	width:331px;
	padding:0 0 12px 0;
	background-repeat: no-repeat;
	clear: left;
	height: 48px;
	float: left;
}
#content-box6 ul li span{
	display:block;
	height:48px;
	line-height:48px;
	width:56px;
	text-align: center;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
}
#content-box6 ul li em{
	display:block;
	height:48px;
	line-height:48px;
	text-align: left;
	float: left;
	padding: 0 0 0 10px;
}