/*	▼▼▼　<link href="http://www.apagard.com/apagard.css" rel="stylesheet" type="text/css" media="all">	▼▼▼	*/

/*全体位置の決定*/
.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 }


/*	▲▲▲　<link href="http://www.apagard.com/apagard.css" rel="stylesheet" type="text/css" media="all">	▲▲▲	*/


/*
body {margin:0;height:100%;}
html {margin:0;height:100%;}

body {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}
*/
li { margin-right: 0; padding-right: 0 }
div.rmenu   { color: navy; font-size: 12px; background-color: white; cursor: pointer; padding-right: 0; padding-bottom: 0; padding-left: 0; border: solid 1px #cccccc }

.rmenuItem {
    background-color: white;
    padding: 2px;
    cursor: pointer;
}

div.infoWindow             { color: #042789; font-size: 12px; background-image: url("../img/map_bg01.jpg"); background-repeat: repeat-x; background-position: left top; text-align: left; padding: 20px 6px 6px; position: relative; top: 0; right: 0; width: 380px; border: solid 1px #c4c4c4 }

table.infoWindow          { margin: 0; border-collapse: collapse         }

table.infoWindow td           { padding: 3px; width: 260px; border-style: none none dashed; border-width: 0 0 1px; border-color: #999 }
table.infoWindow th    { text-align: left; padding: 2px; width: 100px; border-style: solid solid dashed; border-width: 0 0 1px; border-color: #ccc #ccc #999 }

table.infoWindow input   { font-size: 12px }
table.infoWindow textarea  { width: 275px }

table.map   { background-color: white; margin-right: auto; margin-left: auto; padding: 0; border-style: none solid solid; border-width: 0 1px 1px; border-color: #999 }

#loginStatus  { padding-top: 3px; padding-bottom: 3px; padding-left: 10px; border-style: solid none none; border-width: 1px 0 0; border-color: #999   }

div.addressList {
    background-color: white;
    border: 1px solid #cccccc;
    padding: 0px;
    font-size: 12px;
    cursor: pointer;
}

div.addressListItem {
	color:navy;
    background-color: white;
    font-size:12px;
    padding: 2px;
    cursor: pointer;
}


div.newestList {
    background-color: white;
    border: 1px solid #cccccc;
    padding: 0px;
    font-size: 12px;
    cursor: pointer;
    color: navy;
}

.newestListItem {
    background-color: white;
    padding: 2px;
    cursor: pointer;
}

div.rankingList {
    background-color: white;
    border: 1px solid #cccccc;
    padding: 0px;
    font-size: 12px;
    cursor: pointer;
    color: navy;
}

.rankingListItem {
    background-color: white;
    padding: 2px;
    cursor: pointer;
}