/* CSS Document */

/*--------------------------------------*/
/* = 01 NEWインデックスページ
----------------------------------------*/


/* 左ボックス (メイン)
----------------------------------------*/

#index_main{
 background: url(../../images/img_common/bg_rspace.gif) repeat-y 570px top;
 padding-bottom: 30px;
}

.column2_leftwide{
 margin-bottom: 0;
}

#index_main .contentboxwide{
 width: 560px;
 margin: 0 0 10px 0;
}

#index_main .contentboxwide h2{
 position: relative; left: 0;
}

#index_main .contentboxwide h2 span{
 margin-top: -8px;
 text-indent: 0;
 font-weight: normal;
 font-size: 11px;
 color:  #333;
 display: block;
 text-align: right;
}

/*-歯科医療の専門サイト----------*/

.cb_description h2{
 background: url(../../images/img_common/t_sitedescription.gif) no-repeat;
}

.cb_description{
 background: url(../../images/img_common/bg_slash_orange.gif) repeat-x left bottom;
 padding-bottom: 17px;
}


/*-メインフォト-*/

#mainphoto{
 width: 560px;  height: 200px;
 margin: 0 0 10px 0;
 position: relative;
 overflow: hidden;
}

#mainphoto strong{
 background: url(../../images/img_common/img_mainphoto.jpg) no-repeat;
 width: 560px;  height: 200px;
 position: absolute;  left: 0;  top: 0;
 text-indent: -9999px;
}

#mainphoto a{
 background: url(../../images/img_common/bt_clinicsearch.gif) no-repeat;
 width: 202px;  height: 27px;
 position: absolute;  left: 20px;  top: 145px;
 text-indent: -9999px;
 display: block;
}
#mainphoto a:hover{
 background-position: right top;
}


/*-更新ニュース-*/

.cb_description ul{
 background: url(../../images/img_common/bg_news.gif) repeat-y;
 width: 530px;  min-height: 40px;
 padding: 5px 15px;
 position: relative;
}

.cb_description li{
 background: url(../../images/img_common/icon_news.gif) no-repeat left center;
 width: 495px;
 padding: 1px 0 1px 35px;
 font-size: 85%;
}
.cb_description li span{
 margin-right: 1em;
 letter-spacing: 0;
}


/*-就職希望・スタッフ採用(バナーボタン)----------*/

dl.bt_user{
 background: url(../../images/img_common/bg_dl.gif) no-repeat;
 width: 560px;  height: 167px;
 margin: 0 0 10px 0;
 position: relative;
 overflow: hidden;
}

.bt_user a{
 width: 552px;  height: 77px;
 display: block;
 text-indent: -9999px;
}
.bt_user a:hover{
 background-position: right top;
}
.bt_userstaff{
 background: url(../../images/img_common/bt_userstaff.gif) no-repeat;
 position: absolute;  left: 4px;  top: 5px;
}
.bt_userclinic{
 background: url(../../images/img_common/bt_userclinic.gif) no-repeat;
 position: absolute;  left: 4px;  top: 85px;
}

.bt_user dd{
 padding: 10px 10px 50px 10px;
}


/*-PRテキスト----------*/

.pr_text{
 width: 528px;
 margin: 0 0 15px 0;
 padding: 7px 15px;
 border: 1px dotted #666;
}

.pr_text li{
 background: url(../../images/img_common/icon_pr.gif) no-repeat left 3px;
 width: 491px;
 padding: 1px 0 1px 37px;
 font-size: 85%;
}

.pr_text a{
 margin-right: 1em;
}

.pr_text a span{
 padding-left: 1em;
 text-decoration: none;
 color: #333;
}





/* 左ボックス (デンタル情報コンテンツ)
----------------------------------------*/

.cb_dentalcontents h2{
 background: url(../../images/img_common/t_dentalcontents.gif) no-repeat;
}

.cb_dentalcontents h3{
 background: url(../../images/img_common/bg_slash_orange.gif) repeat-x;
 width: 560px;
 margin: 0 0 10px 0;
 padding: 12px 0 0 0;
 font-size: 120%;  color: #333;
}

.cb_dentalcontents h3 span{
 background: url(../../images/img_common/icon_square_orange2.gif) no-repeat 5px center;
 padding: 0 0 1px 25px;
 display: block;
}

.dcbox{
 background: url(../../images/img_common/bg_dcbox.gif) repeat-y left top;
 border-top: 1px solid #c7c7c7;
}

.dcbox_bottom{
 background: url(../../images/img_common/bg_dcbox_bottom.gif) no-repeat;
 width: 560px;  height: 5px;
 margin: 0 0 15px 0;
 clear: both;
}

/*-歯科医院紹介----------*/

.dcb_1{
 width: 555px;
 padding: 5px 0 0 5px;
}

.dcb_1 div{
 padding: 0 3px 0 0;
 float: left;
}

.dcb_1 h4{
 background: url(../../images/img_common/bg_dcb1_top.gif) no-repeat;
 width: 262px;  min-height: 17px;
 padding: 6px 0 7px 11px;
}

.dcb_1 h4 a{
 background: url(../../images/img_common/icon_dcb1_h4.gif) no-repeat left 2px;
 padding: 0 10px 0 19px;
 display: block;
}

.dcb_1 dl{
 width: 251px;
 padding: 10px 10px 0 10px;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
}

.dcb_1 dt{
 margin: 0 7px 0 0;
 float: left;
}

.dcb_1 dd{
 padding: 0 0 5px 0;
}

.dcb_1 dd span{
 border-bottom: 1px dotted #999;
 line-height: 160%;
}

.dcb_1 div p{
 background: url(../../images/img_common/bg_dcb1_bottom.gif) no-repeat left bottom;
 width: 262px;  height: 25px;
 padding: 5px 0 0 11px;
}

.dcb_1 div p a{
 background: url(../../images/img_common/icon_triangle_gray.gif) no-repeat left center;
 padding: 0 0 0 14px;
 display: block;
}


/*-お役立ち情報----------*/

.dcb_2{
 width: 560px;
 padding: 10px 0 5px 0;
}

.dcb_2 .on{
 background: url(../../images/img_common/bg_dcb2_on.gif) no-repeat left top;
 padding-top: 10px;
}

.steps{
 background: url(../../images/img_common/bg_dcb2_ydot.gif) repeat-y 278px top;
 margin-bottom: 5px;
 padding: 0 0 0 10px;
}

.steps div{
 background: url(../../images/img_common/bg_slash_orange2.gif) repeat-x left top;
 width: 248px;
 padding: 20px 5px 5px 5px;
 float: left;
}

.steps div img{
 margin: 0 7px 0 0;
 float: left;
}

.steps div h4{
 margin: 0 0 7px 0;
}


/*-ホワイトニング特集----------*/

.dcb_3 h4{
 background: url(../../images/img_common/img_dc3.jpg) no-repeat;
 width: 560px;  height: 76px;
 margin: 0 0 10px 5px;
 text-indent: -9999px;
}

.dcb_3 div{
 background: url(../../images/img_common/bg_dcb2_xdot.gif) repeat-x left top;
 width: 540px;
 margin: 0 0 0 5px;
 padding: 10px 5px 0 5px;
 clear: both;
}

.dcb_3 .url{
 font-size: 120%;
}

.dcb_3 .url span{
 font-size: 85%;
 display: block;
 color: #666;
}

.dcb_3 dl{
 width: 540px;
 margin: 10px 0 0 0;
}
.dcb_3 dt{
 width: 90px;
 padding: 0 0 20px 0;
 float: left;
}
.dcb_3 dd{
 width: 450px;
 padding: 5px 0 20px 0;
 float: right;
}

.dcb_3 dt img{
 border-right: 2px solid #999;
 border-bottom: 2px solid #999;
}





/* 右ボックス
----------------------------------------*/

#index_main #box_right{
 position: relative;
}

/*-サービス内容(見出し)-*/

#index_main #box_right h2{
 background: url(../../images/img_common/t_sidetitle.gif) no-repeat;
 width: 183px;  height: 30px;
 position: absolute;  left: 0;  top: 0;
 text-indent: -9999px;
}

/*-サービス内容(メニュー)-*/

#menu_side{
 margin: 42px 0 10px 0;
}

.ms_index p{
 margin: 0 0 8px 3px;
}
.ms_index p a{
 background: url(../../images/img_common/bnr_service.gif) no-repeat;
 width: 175px;  height: 55px;
 display: block;  text-indent: -9999px;
}
.ms_index p a:hover{
 background-position: right top;
}

.ms_index h3{
 width: 180px;  height: 22px;
 background-position: 1px top;
 text-indent: -9999px;
}

.sm_user{
 background: url(../../images/img_common/sm_user.gif) no-repeat;
}
.sm_staff{
 background: url(../../images/img_common/sm_staff.gif) no-repeat;
}
.sm_clinic{
 background: url(../../images/img_common/sm_clinic.gif) no-repeat;
}

.ms_index li a{
 width: 175px;  height: 27px;
 margin-left: 1px;
 background-position: left top;
 display: block;
 text-indent: -9999px;
}
.ms_index li a:hover{
 background-position: right top;
}

.sm1_1{
 background: url(../../images/img_common/sm1_1.gif) no-repeat;
}
.sm1_2{
 background: url(../../images/img_common/sm1_2.gif) no-repeat;
}
.sm1_3{
 background: url(../../images/img_common/sm1_3.gif) no-repeat;
 margin-bottom: 8px;
}
.sm2_1{
 background: url(../../images/img_common/sm2_1.gif) no-repeat;
}
.sm2_2{
 background: url(../../images/img_common/sm2_2free.gif) no-repeat;
}
.sm2_3{
 background: url(../../images/img_common/sm2_3.gif) no-repeat;
}