/* === Filename is layout.css ===

takami-dental-clinic layout

*/

*{
  margin:0 auto;
  padding:0;
}


html{
  height:100%;
  margin-bottom:1px;
}


/* === Body === */
body {
  background-color: #FAFAFA;
  text-align: center;
  font-family: "�q���M�m�p�S Pro W3", Osaka, "�l�r �o�S�V�b�N", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  line-height: 1.6;
}


/* === Wrapper === */

body div#wrapper {
  width: 880px;
  padding:0;
  margin-left:auto;
  margin-right:auto;
  background-color:#fff;
  background-image:url(../images/bg_1.gif);
  background-repeat:repeat-y;
  text-align:center;
}




/* === header === */

div#header {
  width:880px;
  margin:0;
  padding:0;
  
}
 
  
/* === navi === */

div#navi{
  text-align:left;
  
}

div#naviwire{
  margin:0;
  padding:0 0 0 15px;
  width:850px;
  height:50px;
  text-align:left;
}


div#navilist ul{
  margin:0;
  padding:0;
  list-style:none;
  text-indent:-9999px;
}

div#navilist li.n1,div#navilist li.n1 a{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n2,div#navilist li.n2 a{
  display:block;
  width:141px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n3,div#navilist li.n3 a{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n4,div#navilist li.n4 a{
  display:block;
  width:141px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n5,div#navilist li.n5 a{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n6,div#navilist li.n6 a{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist a{
  text-decoration:none;
  background:url(../images/menu_1.gif) no-repeat left top;
}



.n1#navi01 a{
	background-position:0 0;
}
.n2#navi02 a{
	background-position:-142px 0;
}
.n3#navi03 a{
	background-position:-283px 0;
}
.n4#navi04 a{
	background-position:-425px 0;
}
.n5#navi05 a{
	background-position:-566px 0;
}
.n6#navi06 a{
	background-position:-708px 0;
}


#navi01 a:hover{
	background-position:0 -50px;
}
#navi02 a:hover{
	background-position:-142px -50px;
}
#navi03 a:hover{
	background-position:-283px -50px;
}
#navi04 a:hover{
	background-position:-425px -50px;
}
#navi05 a:hover{
	background-position:-566px -50px;
}
#navi06 a:hover{
	background-position:-708px -50px;
}


div#navilist li.n_place01{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n_place02{
  display:block;
  width:141px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n_place03{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n_place04{
  display:block;
  width:141px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n_place05{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist li.n_place06{
  display:block;
  width:142px;
  height:50px;
  margin:0;
  padding:0;
  float:left;
}

div#navilist{
  text-decoration:none;
  background:url(../images/menu_1.gif) no-repeat left top;
}


.n_place01{
	background: url(../images/menu_1.gif) no-repeat 0  -50px;
}
.n_place02{
	background: url(../images/menu_1.gif) no-repeat -142px  -50px;
}
.n_place03{
	background: url(../images/menu_1.gif) no-repeat -283px  -50px;
}
.n_place04{
	background: url(../images/menu_1.gif) no-repeat -425px  -50px;
}
.n_place05{
	background: url(../images/menu_1.gif) no-repeat -566px  -50px;
}
.n_place06{
	background: url(../images/menu_1.gif) no-repeat -708px  -50px;
}


/* === float === */
/* === left === */
.floatl{
	float:left; padding:10px 10px 0 0;
}
/* === right === */
.floatr{
	float:right; padding:10px 0 0 10px;
}
/* === clear === */
.clear{
	clear:both;
}


/* === index photo === */
.photo1{
  clear:both;
  width:880px;
  height:224px;
  margin:0;
  padding:19px 0 10px 0;
  
}


  
/* === top contents === */
#contents{
  width:880px;
  height:auto;
  text-align:center;
  
}



  
/* === top contents box === */

#contents_left{
  width: 417px;
  padding:0 0 0 15px;
  float: left;
}


#contents_right{
  width: 417px;
  padding:0 15px 0 16px;
  float: right;
}





/* === contents === */
#contents1{
  width:880px;
  height:auto;
  text-align:left;
  
}


#contents2{
  width:850px;
  height:auto;
  margin:0 0 0 15px;
  padding:0;
  background:url(../images/bg_img_right.jpg) no-repeat top right;
  text-align:left;
  
}




  
/* === contents box === */
#contents2_left{
  width: 676px;
  margin:0;
  padding:20px 0 0 20px;
}


#contents3_left{
  width: 676px;
  margin:0;
  padding:20px 0 0 20px;
}


.staffbox{
   display:block;
   margin:0;
   padding:38px 0 0 0;
   
}


/* === contents cap shinryou === */
.shinryoucap{
  width:667px;
  height : 43px;
  margin:20px 0 0 9px;
  padding:0;
  background:url(../images/bg_cap_shinryou.gif) no-repeat top left;
  
}
  
  

/* === contents cap === */
.bluecap{
  width:667px;
  height:31px;
  margin:20px 0 0 9px;
  padding:0;
  background:url(../images/bg_cap_blue.gif) no-repeat top left;
  
}
  
  
 .orangecap{
  width:667px;
  height:31px;
  margin:20px 0 0 9px;
  padding:0;
  background:url(../images/bg_cap_orange.gif) no-repeat top left;
  
}
  
  
 .greencap{
  width:667px;
  height:31px;
  margin:20px 0 0 9px;
  padding:0;
  background:url(../images/bg_cap_green.gif) no-repeat top left;
  
}

  


  

/* === contents box staff === */
.stafftext{
   margin:15px 15px 35px 20px;
   
}

.staffbox{
   display:block;
   width:auto;
   height:429px;
   margin:0;
   padding:38px 0 0 20px;
   
}
   

.staffbox2{
   display:block;
   width:auto;
   height:162px;
   margin:0;
   padding:38px 0 0 20px;
   
}
   
.staffcap{
   width:86px;
   height:auto;
   margin:0;
   padding:0;
   float:left;
   
}
   

.staffprof{
   display:block;
   width:560px;
   height:429px;
   margin:13px 0 0 8px;
   padding:0;
   background:url(../images/bg_staff_prof1.gif) no-repeat top right;
   float:left;
   
}
   
.staffprof_l{
   display:block;
   width:272px;
   height:auto;
   margin:0;
   padding:0;
   float:left;
   
}
   
.staffprof_r{
   display:block;
   width:240px;
   height:429px;
   margin:0;
   padding:20px 10px 10px 35px;
   float:left;
   
}
   
.staffprof_r h4{
   width:220px;
   margin:0;
   padding:6px 10px 6px 10px;
   color:#FFFFFF;
   background-color:#A3BEA5;
   font-size:12px;
}

.staffprof_r p{
   width:210px;
   margin:0;
   padding:6px 10px 10px 10px;
   color:#666666;
   
}


.staffprof2{
   display:block;
   width:560px;
   height:163px;
   margin:13px 0 0 8px;
   padding:0;
   background:url(../images/bg_staff_prof2.gif) no-repeat top right;
   float:left;
   
}
   
.staffprof2_l{
   display:block;
   width:350px;
   height:auto;
   margin:0;
   padding:18px 0 10px 25px;
   
}


/* === contents box access === */


.accessbox{
   width:654px;
   margin:38px 0 0 20px;
   padding:0 0 0 0;
   
}
   
.accessbox h3{
   width:86px;
   margin:0;
   padding:0;
   float:left;
   
}
      
.access_rbox{
   width:148px;
   height:auto;
   margin:10px 10px 0 10px;
   float:left;
   
}
   
.access_rbox1 p{
   margin:10px 0 10px 10px;
   
}

.access_rbox2{
   width:391px;
   height:auto;
   margin:0;
   padding:0;
   float:left;
   text-align:center;
   
}
   
.lefttop10{
   margin:10px 5px 0 5px;
   padding:0;
   float:left;
   
}

.line30{
   display:block;
   width:660px;
   background:url(../images/line_dot_1.gif) repeat-x bottom left;
   margin:30px 10px 0 10px;
   padding:0;
   clear:both;
   
}
   
.left20{
   margin:0 0 0 20px;
   
}
  
/* === contents cap qa === */
.qacap{
  width:667px;
  height:31px;
  margin:20px 0 0 9px;
  padding:0;
  background:url(../images/bg_cap_qa.gif) no-repeat top left;
  
}



  
/* === title === */
.title1{
  width:417px;
  height:33px;
  margin:0;
  padding:0;
  background:url(../images/bg_cap_1.gif) no-repeat left top;
  
}

/* === right box bt=== */ 
.btcontener{
  clear:both;
  width:396px;
  height:88px;
  padding:15px 0 0 0;
  text-align:center;
  display:block;
  
}

.btcontener2{
  clear:both;
  width:396px;
  height:88px;
  padding:5px 0 10px 0;
  text-align:center;
  display:block;
  
}
  
.contener3{
  clear:both;
  width:396px;
  padding:5px 0 10px 0;
  text-align:center;
  display:block;
  
}

.btbox{
  width:132px;
  height:88px;
  background:url(../images/bt_index_bg_1.jpg) no-repeat left top;
  display:block;
  float:left;
  
}
  
.btbox dl dt,.btbox dl dt a{
  width:132px;
  height:20px;
  display:block;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  margin:3px 0 0 0;
  padding:0;
  color:#333333;
  text-decoration:none;
  
}
  
.btbox dd,.btbox dd a{
  width:110px;
  height:45px;
  display:block;
  text-align:left;
  font-size:12px;
  color:#8199B8;
  margin:5px 0 0 3px;
  padding:0;
  text-decoration:none;
  line-height:120%;
  
}
  
    
/* === h1,h2,h3 === */ 

h1{
  display:none;
}

h2.topcap{
  font-size:14px;
  font-weight:bold;
  text-align:left;
  padding:9px 0 0 30px;
  
}
  

  
.shinryoucap h3{
  margin:0 0 0 25px;
  padding:6px 0 0 0; 
  font-size:14px;
  
}
  
.bluecap h3{
  margin:0 0 0 25px;
  padding:6px 0 0 0; 
  font-size:14px;
  
}
  
.orangecap h3{
  margin:0 0 0 25px;
  padding:6px 0 0 0; 
  font-size:14px;
  
} 
  
.greencap h3{
  margin:0 0 0 25px;
  padding:6px 0 0 0; 
  font-size:14px;
  
}  

.qacap h3{
  margin:0 0 0 25px;
  padding:6px 0 0 0;
  font-size:14px;
  
}

/* === text font === */
.fontsmall{
  font-size:80%;
  
}
  
.fontlarge{
  font-size:120%;
  
}

/* === text color === */
.textblue{
  color:#4D7094;
  
}  
  
/* === p�@img === */ 
#contents_left p{
  width:375px;
  padding:15px 0 0 20px;
  text-align:left;
  
}
  
#contents2_left p{
  margin:20px 10px 10px 25px;
  padding:0;
  
}
  

  
.img1{
  padding:15px 0 0 30px;
  text-align:left;
  
}
  
/* === strong === */
.strong1{
  color:#2E6F8F;
} 

/* === table1 annai === */

.td1{
  border-top:1px solid #8199B8;
  border-left:1px solid #8199B8;
  height:28px;
  font-size: 12px;
  color: #666666;
  
}

.td2{
  border-top:1px solid #8199B8;
  border-bottom:1px solid #8199B8;
  border-left:1px solid #8199B8;
  text-align:left;
  font-size: 12px;
  color: #666666;
  
}
  
.td3{
  border-top:1px solid #8199B8;
  border-left:1px solid #8199B8;
  border-right:1px solid #8199B8;
  height:28px;
  text-align:center;
  font-size: 12px;
  color: #666666;
  
}
  
.td4{
  border-top:1px solid #8199B8;
  border-left:1px solid #8199B8;
  border-right:1px solid #8199B8;
  height:28px;
  text-align:center;
  font-size: 12px;
  color: #666666;
  
}
  
.td5{
  border:1px solid #8199B8;
  text-align:left;
  font-size: 12px;
  color: #666666;
  
}

.comments{
  padding:10px 20px 0 5px;
  color:#666666;
  font-size:11px;
  
}
  
.comments dl dt{
  margin:0;
  padding:0;
  font-weight:bold;
  
}
  
.comments dd{
  margin:0;
  padding:0;
  
}
  
.tdbg{
  background-color:#8199B8;
  color:#FFF;
  height:115px;
  
}
  

.tdbg2{
  border-top:1px solid #FFF;
  background-color:#8199B8;
  color:#FFF;
  height:51px;
  
}
  
.tdbg3{
  border-top:1px solid #FFF;
  color:#FFF;
  height:51px;
  
}
  
/* === table ryoukin === */
.ryoukin{
  width:560px;
  height:auto;
  margin:10px 0 10px 55px;
  padding:0;
  color:#006CAB;
  
}
  
  
.ryoukin h4{
  padding:0 0 0 20px;
  font-size:12px;
  
}
    
.ryoukin_td1{
  width:200px;
  background-color:#D9EAF4;
  font-size: 12px;
  color: #666666;
  
}
  
.ryoukin_td2{
  width:230px;
  height:30px;
  background-color:#D9EAF4;
  border-bottom:1px dotted #F4F9FF;
  font-size: 12px;
  color: #666666;
  
}
  
.ryoukin_td3{
  width:130px;
  height:30px;
  background-color:#D9EAF4;
  border-bottom:1px dotted #F4F9FF;
  font-size: 12px;
  color: #666666;
  
}
  
.ryoukin_td4{
  width:360px;
  height:30px;
  background-color:#D9EAF4;
  border-bottom:1px dotted #F4F9FF;
  font-size: 12px;
  color: #666666;
  
}
  
.ryoukin_td5{
  width:360px;
  background-color:#D9EAF4;
  margin:10px 10px 0 0;
  padding:0 20px 0 0;
  color:#666666;
  font-size:10px;
  
}
  
.ryoukin_td6{
  border-top:1px #97CCEC solid;
  background-color:#D9EAF4;
  font-size: 12px;
  color: #666666;
  
}
  

.ryoukin_bg_t{
  width:560px;
  height:6px;
  margin:0px;
  padding:0;
  background:#D9EAF4 url(../images/ta_shinryou_t.gif) no-repeat top left;
  clear:both;
  
}
  
.ryoukin_bg_f{
  width:560px;
  height:6px;
  margin:0px;
  padding:0;
  background:#D9EAF4 url(../images/ta_shinryou_f.gif) no-repeat bottom left;
  
}
  

/* === qa list === */
div#qa_listbox{
  width:667px;
  height:32px;
  margin:0;
  padding:0;
  background:url(../images/bg_qa_bt.jpg) no-repeat top left;
  
}
  
div#qa_listbox ul{
  display:block;
  width:667px;
  height:32px;
  margin:0;
  padding:0;
  list-style-type:none;
  
}
  
div#qa_listbox li{
  display:block;
  width:166px;
  height:32px;
  margin:0;
  padding:7px 0 0 0;
  text-align:center;
  font-weight:bold;
  float:left;
  
}
  
div#qa_listbox li a{
  text-decoration:none;
  color:#666666;
  
}
  
div#qa_listbox li a:hover{
  text-decoration:none;
  color:#666666;
  
}
  

/* === qa dl dt dd === */
.qabox{
  width:600px;
  margin:18px 0 0 30px;
  padding:0;
  
}
  
.qabox2{
  width:600px;
  margin:18px 0 0 30px;
  padding:0;
  
}
  
.qabox3{
  width:600px;
  margin:18px 0 0 30px;
  padding:0;
  
}
  
.qabox dl{
  width:600px;
  margin:0 0 10px 0;
  padding:0;
  background:url(../images/bg_dot1.gif) no-repeat bottom left;
  
}
  
.qabox dt{
  width:600px;
  height:30px;
  margin:0;
  padding:3px 0 5px 40px;
  background:url(../images/ico_qa_q.gif) no-repeat top left;
  
}
  
.qabox dd{
  width:600px;
  height:auto;
  margin:0 0 0 0;
  padding:3px 0 10px 40px;
  background:url(../images/ico_qa_a.gif) no-repeat top left;
  
}

.qabox2 dl{
  width:600px;
  margin:0 0 10px 0;
  padding:0;
  
}
  
.qabox2 dt{
  width:600px;
  height:30px;
  margin:0;
  padding:3px 0 5px 40px;
  background:url(../images/ico_qa_q.gif) no-repeat top left;
  
}
  
.qabox2 dd{
  width:600px;
  height:auto;
  margin:0 0 5px 0;
  padding:3px 0 5px 40px;
  background:url(../images/ico_qa_a.gif) no-repeat top left;
  
}

/* === mailform === */

.mailtext{
   height:460px;
   margin:85px 15px 35px 20px;
   text-align:center;
   
}
   

.bgmail1{
  width:200px;
  height:40px;
  background:#9CB5C1 url(../images/bg_mail1.gif) no-repeat top left;
  color:#FFFFFF;
  text-align:center;
  
}
  
.bgmail2{
  width:200px;
  height:59px;
  background:#9CB5C1 url(../images/bg_mail2.gif) no-repeat top left;
  color:#FFFFFF;
  text-align:center;
  
}
  
.bgmail3{
  width:200px;
  height:144px;
  background:#9CB5C1 url(../images/bg_mail3.gif) no-repeat top left;
  color:#FFFFFF;
  text-align:center;
  
}
  
.bgmail p{
  margin:10px;
  
}

  
/* === pagetop === */
#pagetop{
  width: 676px;
  margin:40px 0 0 0;
  padding:0;
  text-align:right;
  
}

/* ===footer === */

#footer{
  clear:both;
  width:880px;
  height:105px;
  display:block;
  margin:0;
  padding:0;
  background:url(../images/bg_footer.gif) no-repeat bottom left;
  
}

#footer p{
  color:#999999;
  padding:20px 0 0 0;
  
}
  
.clear{
  clear:both;
  
}