@charset "shift-jis";

/*目次
01:トップフラッシュ
02:コンテンツタイトル
03:バナー
04:東海林歯科のインプラントが選ばれる理由
05:おしらせ
*/

/* 01:トップフラッシュ */

#topFlash{
margin:5px 0 20px 0;
padding:5px;
border:1px solid #CCCCCC;
width:733px;
height:180px;
}

/* 02:コンテンツタイトル */

.title01{
width:540px;
height:29px;
background:url(../img/top/content_title_01.gif);
text-indent:-1000em;
margin:0 0 20px 0;
}

.title02{
width:540px;
height:29px;
background:url(../img/top/content_title_03.gif);
text-indent:-1000em;
margin:0 0 10px 0;
}

/* 03:バナー */
#topBnr{
width:100%;
margin:0 0 20px 0;
}

#topBnr .bnr01{
background:url(../img/top/banner_01_bg.jpg);
width:205px;
height:135px;
margin:0 10px 0 0;
float:left;
padding:15px 85px 0px 25px;
}

#topBnr .bnr01 a{
text-decoration:underline;
}

#topBnr .bnr01 a.aoyamaLink{
display:block;
height:40px;
width:205px;
text-indent:-1000em;
margin:0 0 20px 0;
text-decoration:none;
}

#topBnr .bnr02{
background:url(../img/top/banner_02_bg.jpg);
width:185px;
height:85px;
margin:0;
float:left;
padding:65px 15px 0px 15px;
}

#topBnr .bnr02 a{
text-decoration:underline;
}

.bnr03{
background:url(../img/top/banner_03_bg.gif);
width:510px;
height:130px;
margin:0 0 20px 0;
padding:15px;
}

.bnr03Title{
width:100%;
margin:0 0 10px 0;
}

.bnr03Title h2{
float:left;
margin:0 15px 0 0;
}

.bnr03Title p{
float:left;
}

.bnr03Title p a{
width:200px;
height:30px;
display:block;
background:url(../img/top/banner_01_btn.gif);
text-indent:-1000em;
text-decoration:none;
}

.bnr03Title p a:hover{
background-position:0 -30px;
}

.bnr03Text{
background:url(../img/top/banner_03_pic.gif) right no-repeat;
margin:0 0 10px 0;
}

.bnr03Obi{
background:url(../img/top/banner_03_obi.gif);
line-height:25px;
padding:0 15px;
}

/* 04:東海林歯科のインプラントが選ばれる理由 */

.impNav01{
width:157px;
height:176px;
float:left;
border:1px solid #CCCCCC;
padding:13px 13px 13px 93px;
margin:0 10px 10px 0;
background:url(../img/top/nav_pic_01.jpg) 1px 1px no-repeat;
}

.impNav02{
width:157px;
height:176px;
float:left;
border:1px solid #CCCCCC;
padding:13px 13px 13px 93px;
margin:0 0 10px 0;
background:url(../img/top/nav_pic_05.jpg) 1px 1px no-repeat;
}

.impNav03{
width:157px;
height:176px;
float:left;
border:1px solid #CCCCCC;
padding:13px 13px 13px 93px;
margin:0 10px 20px 0;
background:url(../img/top/nav_pic_03.jpg) 1px 1px no-repeat;
}

.impNav04{
width:157px;
height:176px;
float:left;
border:1px solid #CCCCCC;
padding:13px 13px 13px 93px;
margin:0 0 20px 0;
background:url(../img/top/nav_pic_04.jpg) 1px 1px no-repeat;
}

.impNav01 p,
.impNav02 p,
.impNav03 p,
.impNav04 p{
margin:0 0 10px 0;
}

.impNav01 a,
.impNav02 a,
.impNav03 a,
.impNav04 a{
background:url(../img/top/nav_icon.gif) left center no-repeat;
padding:0 0 0 10px;
display:block;
margin:0 0 3px 0;
text-decoration:underline;
}

.impNav01 a:hover,
.impNav02 a:hover,
.impNav03 a:hover,
.impNav04 a:hover{
text-decoration:none;
}

.impNav01 h3{
background:url(../img/top/nav_title_01.gif);
width:146px;
height:40px;
text-indent:-1000em;
margin:0 0 10px 0;
}

.impNav02 h3{
background:url(../img/top/nav_title_02.gif);
width:146px;
height:18px;
text-indent:-1000em;
margin:0 0 10px 0;
}

.impNav03 h3{
background:url(../img/top/nav_title_03.gif);
width:146px;
height:18px;
text-indent:-1000em;
margin:0 0 10px 0;
}

.impNav04 h3{
background:url(../img/top/nav_title_04.gif);
width:146px;
height:40px;
text-indent:-1000em;
margin:0 0 10px 0;
}

/* 05:おしらせ */
#oshiraseList{
width:540px;
margin:0 0 20px 0;
}

#oshiraseList ul{
width:100%;
}

#oshiraseList ul li.day{
width:80px;
float:left;
clear:both;
padding:5px 5px 5px 5px;
}

#oshiraseList ul li.description{
width:440px;
float:left;
padding:5px;
background:url(../img/common/bg_dot.gif) 0 100% repeat-x;
}