@charset "UTF-8";


/*---------------
基礎
---------------*/

body{
margin:0 auto;
padding:0;
background:url(../denta-apato-images/bg.gif) repeat top center;
font-size:14px;
line-height:140%;
}

p{ margin:0; padding:0;}

.floatL{float:left;}
.floatR{float:right;}


/* ------------------------------
 initialize
------------------------------ */

h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

hr {
margin:0;
padding:0;
display:none;
}

dl,dt,dd,ul,ol,td {
margin:0;
padding:0;
}

th {
margin:0;
padding:0;
text-align:left;
}

li {
margin:0;
padding:0;
list-style:none;
}

img {
border:0;
}

form {
margin:0;
padding:0;
display:block;
}

input,select,option {
margin:0;
padding:0;
vertical-align: middle;
}

br{
letter-spacing:0;
}


/*---------------
大枠
---------------*/

#container{
margin:0 auto;
padding:0;
background:url(../denta-apato-images/content_bg.gif) repeat-y top center;
overflow:hidden;
zoom:1;
}

#containerInner{
margin:0 auto;
_margin:0 0px 0 1px;
padding:0;
overflow:hidden;
zoom:1;
background:url(../denta-apato-images/content_btm.gif) no-repeat bottom center;
}


/*---------------
ヘッダー
---------------*/

#header{
width:780px;
margin:0 auto 17px;
padding:18px 15px 0;
zoom:1;
}

.headerMain{ overflow:hidden; zoom:1;}
.headerSub{ padding-top:11px; overflow:hidden; zoom:1; height:55px}

#header h1{
top:35px;
position:relative;
float:left;
}

#header p.mainVisual{float:right;}

#header .lead{ top:5px; position:relative; float:left;}
#header .attribute{ float:right;}


/*---------------
ナビ
---------------*/

#gnav{
width:810px;
margin:0 auto 37px;
clear:both;
height:54px;
background:url(../denta-apato-images/gnav_bg.gif) repeat-y top center;
overflow:hidden;
zoom:1;
}

#gnav ul li{
top:9px;
left:14px;
margin-right:6px;
position:relative;
text-indent:-9999px;
float:left;
}

#gnav ul li a{
height:34px;
display:block;
overflow:hidden;
}

#gnav ul li.gnav1 a{
width:259px;
background:url(../denta-apato-images/gnav1.gif) repeat-y top center;
}

#gnav ul li.gnav2 a{
width:259px;
height:34px;
background:url(../denta-apato-images/gnav2.gif) repeat-y top center;
}

#gnav ul li.gnav3 a{
width:254px;
height:34px;
background:url(../denta-apato-images/gnav3.gif) repeat-y top center;
}

#gnav ul li a:hover{
background-position:bottom;
}

/*---------------
メインコンテンツ
---------------*/

#mainContent{
clear:both;
width:810px;
margin:0 auto;
padding-bottom:50px;
}

#mainContentInner{

}

.text{ margin-bottom:12px;}


/*--区切り--*/

.sectionL1{
padding-bottom:25px;
}

.sectionL2{
padding:0 15px;
}

.sectionL3{
padding-bottom:15px;
}

.sectionL4{
}


/*--見出し--*/

h2{ margin-bottom:20px; padding:0;}

h3{ margin-bottom:12px; background:url(../images/sub_title_line.gif) no-repeat center right; color:#00937e; font-size:16px;}

h4{ margin-bottom:10px;}


/*--パーツ--*/

.pagetop{
margin-right:15px;
text-align:right;
clear:both;
}

.btmL{ margin-bottom:30px;}


/*--ニュースエリア--*/

#newsBox h2{ margin-bottom:12px;}

#newsBox dl{
margin-bottom:12px;
overflow:hidden;
zoom:1;
}

#newsBox dl dt{
width:5em;
clear:both;
float:left;
}


#newsBox dl dd{
margin-left:5em;
clear:right;
}

#newsBox dl dd { margin-left:5em; }
#newsBox dl dd, x:-moz-any-link { margin-left:6.5em;; /* Fx 1.0 以降に適用される */}
#newsBox dl dd, x:-moz-read-only { margin-left:6.5em;; /* Fx 1.5, 2.0 以降に適用される */}
#newsBox dl dd, x:-moz-broken { margin-left:6.5em;; /* Fx 3.0 以降に適用される */}
#newsBox dl dd, x:x{ margin-left:5em; }


/*--約20年…--*/

#twentyBox{}

#twentyBox{} .sectionL3 { clear:both; overflow:hidden; zoom:1;}
#twentyBox{} .sectionL3 .floatL { width:220px;}
#twentyBox{} .sectionL3 .floatR { width:545px;}
#twentyBox{} .sectionL3 .floatR p.text { margin-left:5px;}

.notes{ font-size:12px;}

#twentyBox{} .white{
margin-top:10px;
padding-top:25px;
padding-right:360px;
height:280px;
background:url(../denta-apato-images/20years_img4.jpg) no-repeat top right;
}

#twentyBox{} .sectionL3 .floatR h4 {
background:url(../denta-apato-images/20years_bg.gif) no-repeat;
height:31px;
padding:6px 8px 0px 15px;
color:#FFFFFF;
}


/*--とは…--*/

#aboutBox{ zoom:1; overflow:hidden;}

#aboutBox .sectionL2{ zoom:1; overflow:hidden;}

#aboutBox .floatL{ width:555px;}
#aboutBox .floatR{ width:180px;}

#aboutBox .sectionL3 p.text{ margin-left:5px;}

#aboutBox .sectionL2 h3.about-apato{
background:url(../denta-apato-images/about_bg.gif) no-repeat;
height:31px;
padding:6px 8px 0px 15px;
color:#FFFFFF;
}

/*--ラインアップ…--*/

#lineupBox{}

#lineupBox .sectionL3{ 
padding-top:35px;
background:url(../denta-apato-images/dot.gif) repeat-x left 10px;
}

#lineupBox .floatL{ width:150px; text-align:center;}
#lineupBox .floatR{ width:600px;}
#lineupBox p{ margin-left:0;}
#lineupBox .caption{ font-size:12px;}
#lineupBox .caption p.text{
margin-bottom:0px;
padding-left:12px;
background:url(../denta-apato-images/content_icon.gif) no-repeat 0.4em left;
}
#lineupBox .caption dl dt{
padding-left:12px;
background:url(../denta-apato-images/content_icon.gif) no-repeat 0.4em left;
float:left;
width:7em;
}
#lineupBox .caption dl dd{
clear:right;
margin-left:7em;
padding-left:12px;
background:url(../denta-apato-images/content_icon2.gif) no-repeat 0.2em left;
}
#lineupBox .brush .floatR{
height:420px;
}
#lineupBox .brush .inner{
background:url(../denta-apato-images/lineup_img5.gif) no-repeat bottom right;
overflow:hidden;
zoom:1;
}

#lineupBox .brush .floatL{ width:215px;}
#lineupBox .brush .floatR{ width:535px; left:-65px; position:relative;}


/*---------------
フッター
---------------*/

#footer{
margin:5px auto 0px;
padding:0 0 30px 0;
width:800px;
clear:both;
font-size:12px;
overflow:hidden;
position:relative;
}

#footer ul{ margin-top:0px;}

#footer ul li{
margin-right:16px;
padding-left:8px;
background:url(../denta-apato-images/footer_icon.gif) no-repeat left 0.3em;
display:inline;
}

#footer #sangiLogo{
top:20px;
position:relative;
}

h3.title-apato{
color:#7F52BA;
}


/* --------------------------------------------------------- CLASS STYLE */
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/*Hides from IE-mac \*/
*html.clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac*/