﻿body {

margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}

img {
	display: block;
	border: 0;
}

/* グローバルナビゲーション */

table.nav {
	margin-bottom: 1px;
}

/* メインコンテンツ */

.article h1 {
	margin: 0 0 20px 0;
	padding: 0;
}

.article .section {
	margin-bottom: 15px;
}

.article p {
	margin: 0 0 1em 0;
	color: #555555;
	line-height: 1.5;
	font-size: 15px;
}

.article p.attention {
	color: #f00;
	text-align: center;
}

.article p.btn {
	text-align: center;
}

.article p.btn a {
	margin: 0 auto;
	display: block;
	width: 234px;
	height: 50px;
	background-image: url(images/btnContact.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

.article p.btn a:hover {
	background-position: 0 -50px;
}	

.article .title {
	width: 540px;
	height: 75px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

/* ごあいさつ */

img.biography {
	margin-left: 5px;
}

/* 施術メニュー */

#aboutSejutsu img.photo {
	margin-right: 15px;
	float: left;
}

#aboutSejutsu p {
	float: right;
	width: 345px;
}

#course table {
	margin-bottom: 30px;
	border-right: solid 1px #900;
	border-bottom: solid 1px #900;
}

#course td {
	padding: 5px;
	border-top: solid 1px #900;
	border-left: solid 1px #900;
}

#course td img {
	margin-top: 10px;
}

/* レントゲン撮影 */

#xray .title {
	background-image: url(xray/images/titleXray.jpg);
}

#xray h2 {
	width: 540px;
	height: 24px;
	background-image: url(xray/images/hlXray.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#xray h3 {
	color: #555555;
	font-size: 15px;
}

#xray .section img.photo {
	margin-left: 15px;
	float: right;
}

/* 顎関節症 */

#gakukansetsu .title,
#gakukansetsuCase .title,
#gakukansetsuType .title,
#gakukansetsuTreatment .title {
	background-image: url(gakukansetsu/images/titleGakukansetsu.jpg);
}

#gakukansetsu #intro h2 {
	margin-top: 0;
	margin-bottom: 20px;
	float: right;
	width: 320px;
	height: 54px;
	background-image: url(gakukansetsu/images/hlGakukansetsu.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#gakukansetsu #intro img.photo {
	float: left;
}

#gakukansetsu #intro p {
	float: right;
	width: 320px;
	height: auto;
}

#gakukansetsu ul.contentsList {
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: dotted 3px #ccc;
	list-style: none;
}

#gakukansetsu ul.contentsList li {
	margin:0;
	padding: 15px 0;
	border-top: dotted 3px #ccc;
}

#gakukansetsu ul.contentsList li dl {
	position: relative;
	height: 72px;
}

#gakukansetsu ul.contentsList li dt {
	margin-bottom: 12px;
	width: 320px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#gakukansetsu ul.contentsList li dd {
	margin-left: 20px;
	width: 310px;
	font-size: 14px;
	line-height: 1.5;
}

#gakukansetsu ul.contentsList li dd.banner {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	heighth: 72px;
	text-indent: -10000em;
}

#gakukansetsu ul.contentsList li dd.banner a {
	display: block;
	width: 200px;
	height: 72px;
	background-repeat: no-repeat;
	background-position: top left;
}

#gakuCase dd.banner a {
	background-image: url(gakukansetsu/images/banCaseS.jpg);
}

#gakuType dd.banner a {
	background-image: url(gakukansetsu/images/banTypeS.jpg);
}

#gakuTreatment dd.banner a {
	background-image: url(gakukansetsu/images/banTreatmentS.jpg);
}

#gakukansetsu ul.contentsList li dd.banner a:hover {
	opacity: 0.5;
	-moz-opacity: 0.5; /* Firefox */
	filter: alpha(opacity=50); /* IE6/7 */
	-ms-filter: "alpha(opacity=50)"; /* IE8 */
}

#gakuCase dt {
	background-image: url(gakukansetsu/images/hlCase.gif);
}

#gakuType dt {
	background-image: url(gakukansetsu/images/hlType.gif);
}

#gakuTreatment dt {
	background-image: url(gakukansetsu/images/hlTreatment.gif);
}

#gakukansetsuCase h2 {
	width: 270px;
	height: 45px;
	background-image: url(gakukansetsu/images/titleCase.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#gakukansetsuType h2 {
	width: 270px;
	height: 45px;
	background-image: url(gakukansetsu/images/titleType.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#gakukansetsuTreatment h2 {
	width: 270px;
	height: 45px;
	background-image: url(gakukansetsu/images/titleTreatment.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#gakukansetsuCase h3,
#gakukansetsuType h3,
#gakukansetsuTreatment h3 {
	width: 540px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#gakukansetsuCase dl,
#gakukansetsuType dl,
#gakukansetsuTreatment dl {
	line-height: 1.5;
	color: #555555;
	font-size: 15px;
}

#gakukansetsuCase dt,
#gakukansetsuType dt,
#gakukansetsuTreatment dt {
	margin-bottom: 12px;
	font-weight: bold;
}

#gakukansetsuCase dd,
#gakukansetsuType dd,
#gakukansetsuTreatment dd {
	margin-bottom: 15px;
	margin-left: 20px;
}

#gakukansetsuCase dd img.photo {
	margin-left: 20px;
	float: right;
}

#gakukansetsuCase ul,
#gakukansetsuType ul,
#gakukansetsuTreatment ul {
	padding-left: 20px;
	line-height: 1.5;
	color: #555555;
	font-size: 15px;
}

#gakukansetsuCase li,
#gakukansetsuType li,
#gakukansetsuTreatment li {
	line-height: 1.6;
}

#gakukansetsuCase .conclusion,
#gakukansetsuType .conclusion,
#gakukansetsuTreatment .conclusion {
	margin-bottom: 30px;
	border-top: dotted 3px #999;
	border-bottom: dotted 3px #999;
}

#gakukansetsuCase .conclusion h3 {
	width: 420px;
	height: 60px;
	background-image: url(gakukansetsu/images/conclusionCase.gif);
}

#gakukansetsuType .conclusion h3 {
	width: 420px;
	height: 60px;
	background-image: url(gakukansetsu/images/conclusionType.gif);
}

#gakukansetsuTreatment .conclusion h3 {
	width: 420px;
	height: 60px;
	background-image: url(gakukansetsu/images/conclusionTreatment.gif);
}

#Case01 h3 {
	background-image: url(gakukansetsu/images/hlCase01.gif);
}

#Case02 h3 {
	background-image: url(gakukansetsu/images/hlCase02.gif);
}

#Case03 h3 {
	background-image: url(gakukansetsu/images/hlCase03.gif);
}

#Type01 h3 {
	background-image: url(gakukansetsu/images/hlType01.gif);
}

#Type02 h3 {
	background-image: url(gakukansetsu/images/hlType02.gif);
}

#Type03 h3 {
	background-image: url(gakukansetsu/images/hlType03.gif);
}

#Type04 h3 {
	background-image: url(gakukansetsu/images/hlType04.gif);
}

#Treatment01 h3 {
	background-image: url(gakukansetsu/images/hlTreatment01.gif);
}

#Treatment02 h3 {
	background-image: url(gakukansetsu/images/hlTreatment02.gif);
}

#gakukansetsuCase .marker {
	font-weight: normal;
	color: #c30;
}

#gakukansetsuType .marker {
	font-weight: normal;
	color: #063;
}

#gakukansetsuTreatment .marker {
	font-weight: normal;
	color: #c30;
}

#gakukansetsuTreatment .marker {
	font-weight: normal;
	color: #006;
}

#gakukansetsuTreatment .main {
	float: left;
	width: 320px;
}

#gakukansetsuTreatment .aside {
	float: right;
	width: 200px;
}

#gakukansetsuTreatment .aside img {
	margin-bottom: 10px;
}

#gakukansetsuTreatment .aside p.caption {
	margin-bottom: 20px;
	color: #999;
	line-height: 1.4;
	font-size: 12px;
	text-align: center;
}

#gakukansetsuTreatment .aside p.caption .notes {
	font-size: 10px;
}

#gakukansetsuCase ul.localNav,
#gakukansetsuType ul.localNav,
#gakukansetsuTreatment ul.localNav {
	margin: 0 0 20px 0;
	padding: 0;
}

#gakukansetsuType ul#typeList {
	padding: 10px 15px;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px; /* Firefox用 */ 
	border: solid 2px #6c6;
	list-style: none;
}

.localNav li {
	margin-right: 20px;
	float: left;
	width: 260px;
	height: 72px;
	list-style: none;
}

.localNav li.end {
	margin-right: 0;
}

.localNav li a {
	display: block;
	width: 260px;
	height: 72px;
	background-image: url(gakukansetsu/images/banListL.jpg);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

.localNav li#nav01 a {
	background-position: 0 0;
}

.localNav li#nav02 a {
	background-position: 0 -72px;
}

.localNav li#nav03 a {
	background-position: 0 -144px;
}

.localNav li a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
}

/* ハイパーリンク */
a {text-decoration:underline;color:#006699;}
a:hover {text-decoration:none;color:#FF3333;}
a.footer {color:#999999;}
a.top {color:#333399;}

a.mcate {text-decoration:underline;color:#996699;}
a.scate {text-decoration:underline;color:#6666CC;}

/* コピーライト・pagetopリンク */
.copy {font-size: 11px;color: #ffffff;text-decoration: none;}
.pagetop {color:#666666;font-size:10px;text-align:right;margin-right:6px;}


/* 注釈用 */
.notes {font-size:12px;color:#CC3333;}
.notes2 {font-size:12px;color:#333333;}
.top12 {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 120%
}
.main12 {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 140%
}
.main12b {
	FONT-SIZE: 12px; COLOR: #003399; LINE-HEIGHT: 120%
}
.car11 {
	FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 115%
}
.main11{
	FONT-SIZE: 11px; COLOR: #555555; LINE-HEIGHT: 120%
}
.main15{
	FONT-SIZE: 15px; COLOR: #555555; LINE-HEIGHT: 125%
}
.main15b {
	FONT-SIZE: 15px; COLOR: #003399; LINE-HEIGHT: 125%
}
.main15r {
	FONT-SIZE: 15px; COLOR: #990000; LINE-HEIGHT: 125%
}
.main16{
	FONT-SIZE: 16px; COLOR: #555555; LINE-HEIGHT: 140%
}
.main18{
	FONT-SIZE: 18px; COLOR: #555555; LINE-HEIGHT: 140%
}
.aisatsu {
	FONT-SIZE: 12px; COLOR: #996600; LINE-HEIGHT: 200%
}

img#treatment {
	margin-left: 5px;
}

/* スクロールバー色 */
body {
scrollbar-3dlight-color:#990000;
scrollbar-arrow-color:#990000;
scrollbar-base-color:#E9E9E9;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#E9E9E9;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#990000;
}

dl.attention {
	margin: 0 auto;
	width: 470px;
}

dl.attention dt {
	margin-bottom: 10px;
	color: #c00;
	text-align: left;
	font-weight: bold;
}

dl.attention dd {
	margin: 0 0 0.5em;
	padding-left: 1em;
	text-align: left;
	text-indent: -1em;
	font-size: 13px;
}

td#privacypolicy p {
	margin: 0 auto 1em auto;
	width: 470px;
}

td#privacypolicy p.headline {
	color: #370B08;
	font-weight: bold;
}

td#privacypolicy dl {
	margin: 0 auto 1em auto;
	width: 470px;
	font-size: 12px;
}

td#privacypolicy dl dt {
	margin-bottom: 0.7em;
	color: #666;
	font-weight: bold;
}

td#privacypolicy dl dd {
	margin: 0 0 1.2em 0;
	padding: 0;
}

img.banner {
	margin-top: 10px;
}

/* CLEAR FIX */

.article:after,
.articleContents:after,
.section:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.article,
.articleContents,
.section,
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

*html .article,
*html .articleContents,
*html .section,
*html .clearfix {
	height: 1%;
}

.article,
.articleContents,
.section,
.clearfix {
	display: block;
}
/* End hide from IE-mac */
