@charset "utf-8";
/*
Theme Name: Oral Proportion Clinic’s Recruit Site
Theme URI: http://opc-recruit.com/
Description: 東京都渋谷の歯科求人情報のデフォルトテーマ
Version: 1.0
Author: orange communications
Author URI:orange-communications.com
*/



@charset "utf-8";

/*---base---*//*----------------------------------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}

body {
	font:normal normal normal 75%/1.6 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color:#333333;
	background:#1b1b00 url(./img/bg.gif) no-repeat left top;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: normal;
}

img {
	border:0;
	vertical-align:bottom;
}

ul { list-style:none;}

table {
	border:none;
	border-collapse:collapse;
	font-size:100%;
}

table caption { display:none;}

td,th {
	text-align:left;
	line-height: 1.4;
}

#wrapper {
	margin:0px auto;
	width:840px;
	text-align:left;
	overflow:hidden;
}


#main_box {
	width:840px;
	float:left;
	margin: 0;
}
#main_box_contents {
	width:820px;
	_width:840px;
	float:left;
	padding: 10px 10px 0;
	margin: 0 0 25px;
	background:url(./img/bg_contents.jpg) repeat-y;
}

#main {
	width:620px;
	float:left;
	margin: 0;
}

a { outline-style:none;}

a:link,a:visited {
	color:#333333;
	text-decoration:none;
}

a:active,a:hover {
	color:#666666;
	text-decoration: underline;
}

/*---header---*//*----------------------------------------------------------------------------------------------*/

div#header {
	position:relative;
	width:840px;
	height:470px;
	margin:20px 0 15px;
	text-align:left;
	background: url(./img/bg_header_bottom01.jpg) bottom repeat-x;
}
div#header_contents {
	position:relative;
	width:840px;
	height:270px;
	margin:20px 0 0;
	text-align:left;
	background: url(./img/bg_header_bottom02.jpg) bottom repeat-x;
}

h1 {
	width:486px;
	height:50px;
	margin: 0 0 10px;
	background:url(./img/h1.jpg) no-repeat;
	overflow: hidden;
	text-indent:-99999px;
}

h1 a {
	display:block;
	width:486px;
	height:50px;
	overflow:hidden;
}

p#head_banner {
	position:absolute;
	top:14px;
	left:681px;
}

div#header h2 {
	width:840px;
	height:340px;
	background:url(./img/top_main_img.jpg) no-repeat;
	text-indent:-99999px;
}

div#header_contents h2 {
	position:absolute;
	top: 140px;
	left: 640px;
	width:189px;
	height:49px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	z-index: 100;
	_behavior:url(/wp/wp-content/themes/opcrecruit/iepngfix/iepngfix.htc);
}

ul#head_ca {
	position:relative;
	width:840px;
	height:140px;
	z-index:0;
}

ul#head_ca li {
	float:left;
	width:210px;
	height:140px;
	text-indent:-99999px;
}

li.head_li01 { background-image:url(./img/head_li01.jpg);}
li.head_li02 { background-image:url(./img/head_li02.jpg);}
li.head_li03 { background-image:url(./img/head_li03.jpg);}
li.head_li04 { background-image:url(./img/head_li04.jpg);}


/*---gl_nav---*//*----------------------------------------------------------------------------------------------*/

#gl_nav {
	float:left;
	width:180px;
	margin: 0px 0px 0px 0px;
}

#gl_nav ul {
	width:840px;
	float:left;
	margin: 0;
}

#gl_nav ul li {
	float:left;
	width:168px;
	height:60px;
	margin: 0;
}

#gl_nav ul li a {
	display:block;
	width:168px;
	height:60px;
	text-indent:-9999px;
}
#gl_nav ul li a:active,#gl_nav ul li a:hover { background-position:bottom;}

li.gl_nav01 a { background-image:url(./img/gl_nav01.jpg);}
li.gl_nav02 a { background-image:url(./img/gl_nav02.jpg);}
li.gl_nav03 a { background-image:url(./img/gl_nav03.jpg);}
li.gl_nav04 a { background-image:url(./img/gl_nav04.jpg);}
li.gl_nav05 a { background-image:url(./img/gl_nav05.jpg);}

/*---nav---*//*----------------------------------------------------------------------------------------------*/

#nav {
	float:right;
	width:180px;
	margin: 0 0 35px;
}

#nav h3 {
	float:left;
	width:180px;
	height:40px;
	margin: 0;
	text-indent:-99999px;
	background: url(./img/nav_title.jpg);
}

#nav ul#contents {
	float:left;
	clear:both;
	background:#FFFFFF;
	padding: 20px 10px 10px;
	margin: 0 0 20px;
}

#nav ul#contents li {
	float:left;
	width:160px;
	margin: 0 0 20px;
}

#nav ul#contents li a {
	display:block;
	background: url(./img/icon02.jpg) 0px 1px no-repeat;
	padding: 0 0 0 27px;
	font-weight:bold;
}

#nav ul#contents li a:active,#nav ul#contents li a:hover { color:#FF9900;}

#nav #banner_box {
	float:left;
	clear:both;
	margin: 0px;
	padding: 5px;
	background:url(./img/bg_slash02.jpg);
}
#nav ul#banner {
	float:left;
	margin: 0px;
	padding: 15px 5px 5px;
	background:url(./img/bg_slash03.jpg);
}
#nav ul#banner li {
	margin:0 0 10px;
}
#nav ul#banner li a:active img,#nav ul#banner li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/*---footer---*//*----------------------------------------------------------------------------------------------*/

#footer {
	clear:both;
	width:840px;
	float:left;
}

#footer01 {
	float:left;
	width:840px;
	padding: 25px 0 20px;
	background: url(./img/bg_footer.jpg) bottom repeat-x;
}

#footer01 ul {
	float:left;
	width:700px;
	margin: 0 20px 0 0;
	color:#FFFFFF;
}
#footer01 ul li { display:inline;}
#footer01 ul li a { color:#FFFFFF;}

.to_top {
	float:right;
	width:120px;
	height:22px;
	overflow:hidden;
}
.to_top a {
	display:block;
	width:120px;
	height:22px;
	background-image:url(./img/to_top.jpg);
	text-indent:-99999px;
}
.to_top a:active,.to_top a:hover { background-position:bottom;}


#footer02 {
	float:left;
	width:840px;
	padding: 20px 0 40px;
}

#footer dl {
	overflow:hidden;
	width:780px;
	height:15px;
	float:left;
	display:inline;
	margin: 10px 10px 5px;
	text-align:center;
}

#footer dl dt {
	display:inline;
	text-align:right;
}

#footer dl dd {
	text-align:left;
	text-indent:-99999px;
	float:left;
}

address {
	display:block;
	float:right;
	text-align: right;
	font-style: normal;
	color:#807d67;
}

address a:link,address a:visited { color:#807d67;}
address a:active,address a:hover { color:#807d67;}

/*---top---*//*----------------------------------------------------------------------------------------------*/

.section_index {
	float:left;
	width:840px;
	padding: 0 0 50px;
	overflow:hidden;
}
.section_index_last{
	padding: 0 0 25px;
}

#main h3 {
	float:left;
	width:620px;
	height:40px;
	margin: 0 0 20px;
	text-indent:-99999px;
}

.section_index h3 {
	float:left;
	width:840px;
	height:40px;
	margin: 0 0 25px;
	text-indent:-99999px;
}

ul#top_ca { float:left;}
ul#top_ca li {
	float:left;
	width:410px;
	height:112px;
	margin: 0 20px 25px 0;
	text-indent:-99999px;
}

ul#top_ca li.top_ca01 { background-image:url(./img/top_ca01.jpg);}
ul#top_ca li.top_ca02 { background-image:url(./img/top_ca02.jpg); margin-right:0;}
ul#top_ca li.top_ca03 { background-image:url(./img/top_ca03.jpg); margin-bottom:0;}
ul#top_ca li.top_ca04 { background-image:url(./img/top_ca04.jpg); margin-right:0; margin-bottom:0;}

#subject_list { float:left;}
#subject_list li {
	float:left;
	width:266px;
	margin: 0 21px 21px 0;
	background: url(./img/bg_box01_contents.jpg) repeat-y;
	border-bottom: #383520 solid 3px;
	color:#FFFFFF;
}
#subject_list li.last_one {
	background: url(./img/bg_box01_contents02.jpg) repeat-y;
	border-bottom: #666666 solid 3px;
}
#subject_list li.last_one img { margin-bottom:36px;	_behavior:url(/wp/wp-content/themes/opcrecruit/iepngfix/iepngfix.htc);}
#subject_list li.right_one { margin-right:0;}
#subject_list li.bottomline { margin-bottom:0;}
#subject_list li ul {
	float:left;
	width:266px;
}
#subject_list dt {
	float:left;
	width:266px;
	height:52px;
	margin: 0 0 10px;
	text-indent:-99999px;
}
#subject_list li ul li {
	float:left;
	width:240px;
	_width:266px;
	padding: 0 13px 20px;
	margin: 0;
	border:none;
	background:none;
}
#subject_list li ul li.txt01 { height:40px;_height:60px;}
#subject_list li ul li.txt02 { height:80px;_height:100px;}
#subject_list li ul li.empty { padding-bottom:159px;}
#subject_list li ul li.to_detail a {
	display:block;
	float:right;
	color:#FF9900;
	padding: 0 0 0 25px;
	background: url(./img/icon_01.jpg) no-repeat 0px 1px;
}

#top_sub01 { background-image:url(./img/top_sub01.jpg);}
#top_sub02 { background-image:url(./img/top_sub02.jpg);}
#top_sub03 { background-image:url(./img/top_sub03.jpg);}
#top_sub04 { background-image:url(./img/top_sub04.jpg);}
#top_sub05 { background-image:url(./img/top_sub05.jpg);}
#top_sub06 { background-image:url(./img/top_sub06.jpg);}
#top_sub07 { background-image:url(./img/top_sub07.jpg);}
#top_sub08 { background-image:url(./img/top_sub08.jpg);}
#top_sub09 { background-image:url(./img/top_sub09.jpg);}


/*---sitemap---*//*----------------------------------------------------------------------------------------------*/

dl#sitemap dt {
	border-bottom:#999999 solid 1px;
	border-left:#999999 solid 5px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	text-indent:8px;
}

dl#sitemap dd {
	text-indent: 20px;
	margin-bottom:15px;
	border-bottom:#999999 dotted 1px;
}

dl#sitemap dt a:link,dl#sitemap dt a:visited {
	color:#999999;
	text-decoration:none;
}
dl#sitemap dt a:active,dl#sitemap dt a:hover {
	color: #666666;
	text-decoration: none;
}

/*---layout---*//*----------------------------------------------------------------------------------------------*/

.section {
	float:left;
	clear:both;
	display:inline;
	width:605px;
	margin: 0 10px 0 5px;
	padding: 0 0 40px;
}


/*---general_purpose---*//*----------------------------------------------------------------------------------------------*/

#main h2 {
	clear:both;
	margin: 0 0 15px;
	padding: 0 0 10px;
	background: url(./img/h3_bottom.jpg) bottom repeat-x;
	font-weight:bold;
}
#main h2 span {
	display:block;
	padding: 0 0 0 27px;
	background: url(./img/icon02.jpg) 0px 1px no-repeat;
}

.section p { margin-bottom: 1em;}
.section img { border: #CCC solid 1px;}

.section table {
	width:100%;
	color:#666666;
}
.section table th,.section table td {
	padding: 10px;
	vertical-align:middle;
	border-bottom: #acacac solid 1px;
}
.section table th {	background: url(./img/bg_slash01.jpg); white-space:nowrap; width:130px; _width:150px;}

dl.icon03  { float:left;}
dl.icon03 dt,dl.icon03 dd { padding: 0 0 0 15px;}
dl.icon03 dt { background: url(./img/icon03.jpg) 0px 4px no-repeat; font-weight:bold;}
dl.icon03 dd { padding-bottom: 10px;}

#entry_box {
	float:left;
	width:840px;
	background: url(./img/entry_box_bottom.jpg) repeat-y;
	border-bottom: #cccccc solid 2px;
}
#entry_box h3 {
	float:left;
	width:840px;
	height:43px;
	margin: 0 0 10px;
	background:url(./img/entry_box_title.jpg);
	text-indent:-99999px;
}
#entry_contents {
	float:left;
	padding: 0 10px 10px 10px;
}
#entry_contents_left {
	float:left;
	white-space:460px;
}
#entry_contents_right {
	float:right;
	width:360px;
}
#entry_contents_left ul {
	float:left;
	clear:both;
	padding: 20px 0;
}

#entry_contents_left ul li {
	float:left;
	width:410px;
	height:55px;
	margin: 0 10px 0 0;
}
#entry_contents_left ul li a {
	display:block;
	width:410px;
	height:55px;
	text-indent:-99999px;
}
#entry_contents_left ul li a:active,#entry_contents_left ul li a:hover { background-position:bottom;}
#entry_contents_left ul li.inquiry a {
	background-image:url(./img/btn_entry02.jpg);
}
#entry_contents_left ul li.reservation a {
	background-image:url(./img/btn_entry02.jpg);
}

.section .imgLeft {
	float:left;
	padding: 0 1.5em 0em 0;
}
.section .imgRight {
	float:right;
	padding: 0 0 0em 1.5em;
}

.section .imgBorderNone { border:none;}

.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}

.ali_cen { text-align:center;}
.ali_right { text-align: right;}
.ali_left { text-align: left;}

.fl { float:left;}
.fr { float:right;}

.clb { clear:both;}
.cll { clear:left;}
.clr { clear:right;}

/*---aboutus---*//*----------------------------------------------------------------------------------------------*/

#aboutus_title { background-image:url(./img/aboutus_title.png);}
#aboutus_sub01 { background-image:url(./img/aboutus_sub01.jpg);}


/*---works---*//*----------------------------------------------------------------------------------------------*/

#works_title { background-image:url(./img/works_title.png);}
#works_sub01 { background-image:url(./img/works_sub01.jpg);}

.works_list {
	float:left;
	margin: 0 0 0 -16px;
}

.works_list li {
	float:left;
	width:184px;
	_width:184px;
	display:inline;
	margin: 0 0 20px 16px;
	border: #383520 solid 3px;
}

.works_list li dl {
	float:left;
	clear:both;
	width:184px;
}

.works_list li dl dt {
	float:left;
	width:149px;
	_width:184px;
	padding: 5px 10px 5px 25px;
	background: url(./img/bg_works_list_title.jpg);
	color:#FFFFFF;
	font-weight:bold;
}
.works_list li dl dd {
	clear:both;
	height:45px;
	_height:68px;
	padding: 13px 10px 10px;
	background: url(./img/bg_works_list_border.jpg) repeat-x;
}

.works_list li p {
	clear:both;
}
.works_list li p a {
	display:block;
	float:right;
	overflow:hidden;
	background: url(./img/icon04.jpg) 0px 2px no-repeat;
	padding: 0 10px 10px 20px;
}


/*---dentist---*//*----------------------------------------------------------------------------------------------*/

#dentist_title { background-image:url(./img/dentist_title.png);}
#dentist_sub01 { background-image:url(./img/dentist_sub01.jpg);}


/*---dentalhygienist---*//*----------------------------------------------------------------------------------------------*/

#dentalhygienist_title { background-image:url(./img/dentalhygienist_title.png);}
#dentalhygienist_sub01 { background-image:url(./img/dentalhygienist_sub01.jpg);}


/*---dentaltecnician---*//*----------------------------------------------------------------------------------------------*/

#dentaltechnician_title { background-image:url(./img/dentaltechnician_title.png);}
#dentaltechnician_sub01 { background-image:url(./img/dentaltechnician_sub01.jpg);}


/*---receptionist---*//*----------------------------------------------------------------------------------------------*/

#receptionist_title { background-image:url(./img/receptionist_title.png);}
#receptionist_sub01 { background-image:url(./img/receptionist_sub01.jpg);}


/*---others---*//*----------------------------------------------------------------------------------------------*/

#others_title { background-image:url(./img/others_title.png);}
#others_sub01 { background-image:url(./img/others_sub01.jpg);}


/*---entryform---*//*----------------------------------------------------------------------------------------------*/

#entryform_title,#entry_title,#thx_title { background-image:url(./img/entryform_title.png);}
#entryform_sub01,#entry_sub01,#thx_sub01 { background-image:url(./img/entryform_sub01.jpg);}

.entry_form { margin: 0 0 15px;}
.entry_form th { white-space:nowrap;}
.entry_form th span { color: #FF0000;}
.entry_form input { margin: 0 5px 0 0;}
.entry_form li {
	float:left;
	padding: 0 10px 0 0;
}
.entry_form dt { margin: 0 0 5px;}
.entry_form dd { margin: 0 0 10px;}

.entry_btn_box {
	text-align:center;
	margin: 0 0 30px;
}

.entry_btn_box p {
	display:inline;
	margin: 0 20px;
}


/*---inquiry---*//*----------------------------------------------------------------------------------------------*/

#inquiry_title { background-image:url(./img/inquiry_title.png);}
#inquiry_sub01 { background-image:url(./img/inquiry_sub01.jpg);}


/*---reservation---*//*----------------------------------------------------------------------------------------------*/

#reservation_title { background-image:url(./img/reservation_title.png);}
#reservation_sub01 { background-image:url(./img/reservation_sub01.jpg);}

/*---carecoordinator---*//*----------------------------------------------------------------------------------------------*/

#carecoordinator_title { background-image:url(./img/carecoordinator_title.png);}
#carecoordinator_sub01 { background-image:url(./img/carecoordinator_sub01.jpg);}


/*---sitemap---*//*----------------------------------------------------------------------------------------------*/

#sitemap_title { background-image:url(./img/sitemap_title.png);}
#sitemap_sub01 { background-image:url(./img/sitemap_sub01.jpg);}

.sitemap ul { clear;both;}
.sitemap ul li {
	float:left;
	clear:both;
	margin: 0 0 0 10px;
	display:inline;
	width:610px;
}
.sitemap ul li li {
	width:600px;
}
.sitemap ul li li a {
	display:block;
	background: url(./img/icon05.gif) 0px 5px no-repeat;
	padding: 0 0 0 10px;
}
.sitemap ul li li li {
	width:590px;
}
.sitemap ul li.cat_title {
	font-weight:bold;
	margin: 20px 0 10px;
	border-bottom: #999 dotted 1px;
}
.sitemap ul li.cat_titletop {
	margin: 0px 0 10px;
}
.sitemap ul li li.cat_title {
	border-bottom: #CCC dotted 1px;
}
.sitemap ul li li.cat_title a {
	display:block;
	background: url(./img/icon02.jpg) 0px 2px no-repeat;
	padding: 0 0 0 20px;
}


/*---images---*//*----------------------------------------------------------------------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

span.test{
	display:block;
	color:#FFFFFF;
	padding: 0 0 0 25px;
	background: url(./img/icon_01.jpg) no-repeat 0px 2px;
}

span.schedule{
	display:block;
	color:#3366ff;
	background: url(./img/time.jpg) no-repeat 0px 2px;
	padding: 0 0 0 20px;
}