@charset "utf-8";

/*
	Site Name: 荒川レディースクリニック
	Description: base template style
	Version:
	Author:
*/

/*
===== CONTENTS ===========================================

	1: BASE STYLE
	2: TOP STYLE
	3: dr STYLE
	4: job STYLE
	5: study STYLE
	6: shisetsu STYLE

==========================================================
*/

/*
===== 1: BASE STYLE ====================================
*/

.baner_01{
widows:200px;
height:100px;
text-align:center;
margin:19px auto;
}

.map_01{
widows:200px;
height:220px;
text-align:center;
margin:19px auto;
}

.map_text{
widows:200px;
text-align:left;
padding:0 0 0 5px;
}

/*
===== 2: TOP STYLE ====================================
*/

.top_contents{
width:630px;
margin:20px 0 0 0;
}

.top_contents_l{
width:315px;
float:left;
border-right:1px dashed #CCC;

}

.top_contents_r{
width:305px;
float:right;
height:395px;
}

.top_img{
width:300px;
height:225px;
margin:20px 0;
}

.top_img02{
width:300px;
height:203px;
margin:20px 0;
}

.top_text{
width:300px;
}

.topics_box{
height:115px;
margin-top:0px;
overflow: overlay;
}

/*
===== 3: dr STYLE ====================================
*/

.dr_contents{
width:640px;
height:280px;
margin-top:15px;
clear:both;
}
.dr_contents02{
width:640px;
height:160px;
margin-top:15px;
clear:both;
}
.dr_contents03{
width:640px;
height:220px;
margin-top:15px;
clear:both;
}
.dr_img{
width:200px;
height:150px;
float:left;
}

.dr_name{
width:65px;
height:150px;
float:left;
font-weight:bold;
display: inline;
margin-left:5px;
}

.dr_info{
width:360px;
height:200px;
float:left;
padding-left:7px;
border-left:1px solid #999;
line-height:130%;
}
.dr_info02{
width:360px;
height:260px;
float:left;
padding-left:7px;
border-left:1px solid #999;
line-height:130%;
}
.dr_info03{
width:360px;
height:160px;
float:left;
padding-left:7px;
border-left:1px solid #999;
line-height:130%;
}

.clinic_contents{
width:640px;
margin-top:34px;
clear:both;
}

.clinic_time{
margin:40px 0 30px 0;
clear:both;
}

.clinic_time table{
width:100%;
background-color:#CCCCCC;
text-align:center;
}

.clinic_time th{
font-weight:normal;
background-color:#EFEFEF;
}

.clinic_time td{
background-color:#FFFFFF;
}

.clinic_map{
width:640px;
height:335px;
margin-top:10px;
clear:both;
}

.clinic_box{
width:640px;
clear:both;
overflow:auto;
}

.clinic_box table{
width:300px;

}

.clinic_list{
background-image:url(../../dr/img/bg01.jpg);
width:320px;
margin-top:10px;
float:left;
}

.clinic_info{
background-image:url(../../dr/img/bg01.jpg);
width:320px;
margin-top:10px;
float:right;
}

.table_left{
padding-left:3px;
text-align:left;
}

/*
===== 4: job STYLE ====================================
*/

.job_contents{
width:640px;
margin:15px auto;
clear:both;
text-align:center;
}

.job_contact{
width:640px;
margin:15px auto;
clear:both;
text-align:center;
border:1px solid #CCC;
padding-bottom:7px;
padding-top:7px;
}

.job_recruitment{
width:640px;
margin:15px auto;
clear:both;
text-align:center;
overflow:auto;
}

.job_recruitment01{
width:640px;
margin:30px auto;
clear:both;
text-align:center;
height:220px;
font-size:95%;
}

.job_category_l{
width:305px;
float:left;
padding-right:10px;
font-size:100%;
}

.job_category_r{
width:316px;
float:right;
padding-right:5px;
font-size:100%;
}

.job_recruitment table{

font-size:100%;
}

.job_text{
padding-top:80px;
height:100px;
font-weight:bold;
width:100%;
text-align:center;
clear:both;
background-color:#F6F6F6;
border:solid #EFEFEF 1px;
}

.job_text01{
width:298px;
background-color:#F6F6F6;
border:solid #EFEFEF 1px;
}


.job_title{
width:640px;
clear:both;
}

.job_text01{
width:640px;
clear:both;
margin:10px 0px;
}

/*
===== 5: study STYLE ====================================
*/

.study_img{
width:159px;
height:106px;
float:left;
margin-top:10px;
padding-right:10px;
}

.study_text01{
width:451px;
float:right;
font-size:100%;
margin-top:10px;
padding-left:10px;
}

.study_text02{
width:627px;
clear:both;
margin:10px 0px;
font-size:100%;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
/*border:solid 1px #33B0B9;*/
background:#f6f6f6;
color:#33B0B9;
}

.study_title{
margin-top:10px;
width:640px;
clear:both;
}

/*
===== 6: shisetsu STYLE ====================================
*/
.shisetsu_title{
margin-top:10px;
margin-bottom:10px;
width:640px;
clear:both;
}

.shisetsu_title01{
width:640px;
clear:both;
margin-top:20px;
}

.shisetsu_title03{
width:640px;
clear:both;
margin-top:20px;
}

.shisetsu_img01{
width:159px;
height:340px;
float:left;
padding-right:10px;
}
.shisetsu_img02{
width:159px;
height:266px;
float:left;
padding-right:10px;
}
.shisetsu_img03{
width:159px;
height:116px;
float:left;
padding-right:10px;
}
.shisetsu_img04{
width:159px;
height:129px;
float:left;
padding-right:10px;
}
.shisetsu_img04{
width:159px;
height:129px;
float:left;
padding-right:10px;
}
.shisetsu_img05{
width:159px;
height:259px;
float:left;
padding-right:10px;
}
.shisetsu_img06{
width:159px;
height:109px;
float:left;
padding-right:10px;
}

.shisetsu_text01{
width:630px;
float:left;
margin-bottom:20px;
}
/*
===== 7: other STYLE ====================================
*/
.other_font01{
margin:10px 0px;
font-size:85%;
color:#666666;
}
.other_font02{
margin:10px 0px;
font-size:100%;
color:#666666;
}