/*全体位置の決定*/
.body  {background-repeat: no-repeat; z-index: 500; width: 100%; height: 600px}

/*バックの色*/
body  { background-color: #ccc; font-size: 14px;
/*スクロールバーの色*/
scrollbar-base-color:#d6d6d6;
scrollbar-face-color:#d6d6d6;
scrollbar-arrow-color:#333333;
scrollbar-darkshadow-color:#b8b8b8;
scrollbar-highlight-color:#b8b8b8;
scrollbar-3dlight-color:#b8b8b8;
}




/*ABOUTバック*/
.about   { background-color: #ccc; background-image: url("contents/img/about_top.jpg"); background-repeat: no-repeat; width: 800px; height: 580px }

/*歯科医院様バック*/
.fordent    { background-color: #ccc; background-image: url("contents/img/fordent_top.jpg"); background-repeat: no-repeat; position: relative; top: -23px; width: 800px; height: 580px }

/*mapバック*/
.map    { background-color: #ccc; background-image: url("http://boofee.co.jp/apagard/map/img/map_top.jpg"); background-repeat: no-repeat; position: relative; top: -3px; width: 800px; height: 580px }
.map_bg { background-color: white; background-image: url("http://boofee.co.jp/apagard/map/img/map_bg.jpg"); background-repeat: repeat-x; position: absolute; top: 0 }

/*基本リンク色*/
a:link   { color: gray; text-decoration: none } 
a:visited   { color: #00c; text-decoration: none } 
a:hover     { color: #00c; text-decoration: none } 
a:active  { color: #00c } 

/*サイトマップの行間*/
.sitemap   { line-height: 117% }


/*リンク色の指定*/
a:link.blue  { color: gray; text-decoration: none } 
a:visited.blue   { color: #00c; text-decoration: none } 
a:hover.blue   { color: #00c; text-decoration: none } 
a:active.blue  { color: #00c } 

a:link.sky  { color: gray; text-decoration: none } 
a:visited.sky   { color: #00ccff; text-decoration: none } 
a:hover.sky    { color: #00ccff; text-decoration: none } 
a:active.sky  { color: #0cf } 

a:link.orange  { color: gray; text-decoration: none } 
a:visited.orange    { color: #ff6600; text-decoration: none } 
a:hover.orange     { color: #ff6600; text-decoration: none } 
a:active.orange  { color: #f60 } 

a:link.green    { color: #808080; text-decoration: none } 
a:visited.green    { color: #0c6; text-decoration: none } 
a:hover.green     { color: #0c6; text-decoration: none } 
a:active.green   { color: #0c6 } 


a:link.green2      { color: #808080; text-decoration: underline } 
a:visited.green2     { color: #0c6; text-decoration: underline } 
a:hover.green2      { color: #0c6; text-decoration: underline } 
a:active.green2   { color: #0c6; text-decoration: underline } 


a:link.pink    { color: #808080; text-decoration: none } 
a:visited.pink   { color: #fd42a3; text-decoration: none } 
a:hover.pink     { color: #fd42a3; text-decoration: none } 
a:active.pink  { color: #fd42a3 } 

/*フォントサイズ*/
.font8pt  { font-size: 8pt; line-height: 110% }

/*フォーム入力のスタイル*/
input   { z-index: 999; border-width: 1px; border-color: gray }

/*iframeのスタイル*/
iframe  { border-color: gray; outline: solid thin gray }

/*ルビのスタイル*/
ruby  { letter-spacing: 0; ruby-align: distribute-space; ruby-overhang: center; ruby-position: above } 

/*ＨＲのスタイル*/
hr   { color: #00c; margin-bottom: -20px; height: 1px; border-style: solid }

/*テーブル内のスタイル*/
table   { color: gray; font-size: 12px; line-height: 150% }
.indent { text-indent: 10px }

.line  { line-height: 140% }


/*トップメニュー*/
ul,ol,dl,img {
	margin: 0px;
	padding: 0px;
}
ul,ol {
	list-style-type: none;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
}


/*内容*/
.contents    { background-image: url("top_img/topmenu_b.gif"); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; z-index: 1; top: -20px; width: 800px; height: 530px }

/*ABOT-TOP*/
.contents2        { background-image: url("contents/img/about_top.jpg"); background-repeat: no-repeat; position: relative; top: -20px; width: 800px; height: 530px }

/*EVENTのバック*/
.contents3       { background-image: url("contents/img/event_bg.jpg"); background-repeat: no-repeat; position: relative; top: -20px; width: 800px; height: 530px }

/*fordentistsのバック*/
.contents4      { background-image: url("contents/img/fordent_top.jpg"); background-repeat: no-repeat; position: relative; top: -20px; width: 800px; height: 530px }

/*Flash*/
.flash       { text-align: center; position: relative; z-index: 3; top: 0; right: 0; left: 0 }

/*about-top-メニュー*/
.about_bt01        { background-image: none; display: block; position: relative; top: 95px; left: 58px; width: 233px; height: 83px }
a:hover.about_bt01    { background-image: url("contents/img/about_top_01.jpg"); background-repeat: no-repeat }
.about_bt02         { background-image: none; background-repeat: no-repeat; display: block; position: relative; top: -1px; left: 528px; width: 205px; height: 78px }
a:hover.about_bt02    { background-image: url("contents/img/about_top_02.jpg") }
.about_bt03        { background-image: none; background-repeat: no-repeat; display: block; position: relative; top: 86px; left: 33px; width: 219px; height: 91px }
a:hover.about_bt03    { background-image: url("contents/img/about_top_03.jpg") }
.about_bt04        { background-image: none; background-repeat: no-repeat; display: block; position: relative; top: -4px; left: 510px; width: 195px; height: 89px }
a:hover.about_bt04    { background-image: url("contents/img/about_top_04.jpg") }
.about_bt05         { background-image: none; display: block; position: relative; top: 25px; left: 662px; width: 106px; height: 82px }
a:hover.about_bt05     { background-image: url("contents/img/about_top_05.jpg"); background-repeat: no-repeat }

/*学術ボタン*/
.gakujutsu_bt01                   { background-image: url("contents/img/gakujutsu_btm_off.gif"); background-repeat: no-repeat; display: block; position: absolute; z-index: 0; top: 451px; left: 23px; width: 83px; height: 98px }
a:link.gakujutsu_bt01  { background-image: url("contents/img/gakujutsu_btm_off.gif"); } 
a:hover.gakujutsu_bt01      { background-image: url("contents/img/gakujutsu_btm_on.gif"); background-repeat: no-repeat; z-index: 100 }

/*フッターメニュー*/
.footer  { position: relative; z-index: 1; top: 60px; width: 800px; height: 20px }

/*フッターメニュー*/
.footer2  { position: relative; z-index: 1; top: 63px; width: 800px; height: 20px }

ul#footer       { list-style: none; position: relative; top: 540px; left: 0; height: 20px; none: width: 800px }
ul#footer li    { list-style: none; float: left;}
ul#footer a     { text-indent: -500px; display: block; overflow: hidden }

a.footbtm_01 { background-image: url("top_img/footbtm_01.gif"); background-position: 0 -21px; text-align: center; width: 115px; height: 20px; float: left }
a:hover.footbtm_01  { background-position: 0 41px; width: 115px }

a.footbtm_02 { background-image: url("top_img/footbtm_02.gif"); background-position: 0 -21px; width: 114px; height: 20px; float: left }
a:hover.footbtm_02 { background-position:0px 41px}

a.footbtm_03 { background-image: url("top_img/footbtm_03.gif"); background-position: 0 -21px; width: 115px; height: 20px; float: left }
a:hover.footbtm_03 { background-position:0px 41px}

a.footbtm_04 { background-image: url("top_img/footbtm_04.gif"); background-position: 0 -21px; width: 114px; height: 20px; float: left }
a:hover.footbtm_04 { background-position:0px 41px}

a.footbtm_05 { background-image: url("top_img/footbtm_05.gif"); background-position: 0 -21px; width: 114px; height: 20px; float: left }
a:hover.footbtm_05 { background-position:0px 41px}

a.footbtm_06 { background-image: url("top_img/footbtm_06.gif"); background-position: 0 -21px; width: 115px; height: 20px; float: left }
a:hover.footbtm_06 { background-position:0px 41px}

a.footbtm_07 { background-image: url("top_img/footbtm_07.gif"); background-position: 0 -21px; width: 113px; height: 20px; float: left }
a:hover.footbtm_07 { background-position:0px 41px}
.title14   { font-size: 17pt; font-weight: 700; line-height: 100%; padding-bottom: -10px }
.HRsky  { margin: 0 }

.navi    { font-size: 11.5px; line-height: 140%; letter-spacing: 0; z-index: 20; top: 20px }

.lineuptxt       { letter-spacing: 0; position: relative; top: 30px }

.form        { letter-spacing: 0; position: absolute; z-index: 900; top: 220px }

.next { text-align: right; position: absolute; top: 570px; width: 360px }

.copy { color: gray; font-size: 9pt; text-align: right; position: absolute; top: 635px; width: 800px }
.copy2 { color: gray; font-size: 9pt; text-align: right; position: absolute; top: 638px; width: 800px }
.txt10  { font-size: 11pt; line-height: 15pt }