@charset "UTF-8";

@import/**/ "reset.css";
@import/**/ "global.css";

/* -----------------------------------------------------------
CSS Information

 Style Info:     トップページのスタイル設定
 File name:      local.css
 Last update:    2008.12.11
 
 
 
----------------------------------------------------------- */


/*----------------------------------------------------
	main
----------------------------------------------------*/


/*  #header
----------------------------------------------------*/
.sub #header {
	position: relative;
	width: 800px;
	clear: both;
	margin: 0 auto 12px;
}
.sub #header p#logo {
	float: left;
	width: 228px;
	margin: 15px 10px 0;
}
.sub #header p#open_phone {
	position: absolute;
	right: 0;
	top: 40px;
}


/*  Global navigation
----------------------------------------------------*/
.sub #navi_wrapper {
	clear: both;
	height: 46px;
	margin-bottom: 0px;
	background: url(../images/common_sub_bg_Gnavi.gif) repeat-x left center;
}
.sub #menu {
	width: 800px;
	clear: both;
	margin: 0 auto;
}
.sub #menu a img {
	padding: 8px 0;
}
.sub #menu ul {
	position: absolute;
	top: 46px;
}
.sub #menu ul li a {
	padding: 3px 5px;
}


/*  #contents
----------------------------------------------------*/
.sub #contents {
	clear: both;
	width: 760px;
	margin: 0 auto 30px;;
	padding: 0 20px;
}
.sub #contents h1 {
	margin: 60px 0 30px;
}


/*  #footer
----------------------------------------------------*/
.sub #footer {
	width: 800px;
	clear: both;
	margin: 0 auto;
}





/*----------------------------------------------------
	concept
----------------------------------------------------*/


/*  greeting
----------------------------------------------------*/

.sub .greeting #contents #contents_l {
	position: absolute;
	width: 264px;
	z-index: 1;
}
.sub .greeting #contents #contents_r {
	padding-left: 284px;
}
.sub .greeting #contents #contents_r .section.txt p {
	text-indent: 1em;
	font-size: 0.875em;
}
.sub .greeting #contents #contents_r p#sign {
	margin-top: 50px;
	text-align: right;
	font-size: 0.8em;
}
.sub .greeting #contents #contents_r p#sign img {
	padding-left: 10px;
}


/*  policy
----------------------------------------------------*/
.sub .policy #contents .section dl {
	margin-bottom: 60px;
}
.sub .policy #contents .section dt {
	clear: both;
	margin-bottom: 10px;
	padding-top: 30px;
}
.sub .policy #contents .section dd {
	position: relative;
	clear: both;
	padding-left: 20px;
	font-size: 0.85em;
}
.sub .policy #contents .section dd p {
	float: right;
	width: 550px;
}
.sub .policy #contents .section dd p span {
	padding-left: 20px;
	background: url(/common/images/common_arrow_circle.gif) no-repeat left center;
	font-size: 0.8em;
	line-height: 14px;
}
.sub .policy #contents .section dd img {
	float: left;
	display: block;
	padding: 2px;
	border: 1px solid #CCC;
}
.sub .policy #contents .section dd.first h3 img {
	float: none;
	display: inline;
	padding: 0px;
	border: none;
}
.sub .policy #contents .section dd.first h3 {
	float: right;
	width: 437px;
	margin: 3px 0 10px;
	border-bottom: 1px solid #ccc;
}
.sub .policy #contents .section dd.first p {
	width: 437px;
}
.sub .policy #contents .section dd.secound .img_r {
	float: right;
	padding: 0;
	border: 0;
}
.sub .policy #contents .section dd.secound h3 img {
	float: none;
	display: inline;
	padding: 0px;
	border: none;
}
.sub .policy #contents .section dd.secound h3 {
	float: left;
	width: 437px;
	padding-top: 15px;
	margin: 3px 0 10px;
	border-bottom: 1px solid #ccc;
}
.sub .policy #contents .section dd.secound p {
	float: left;
	width: 480px;
}
.sub .policy #contents .section dd.secound p.text_red {
	font-size: 0.875em;
}




/*----------------------------------------------------
	contents
----------------------------------------------------*/

/*  contents crbr
----------------------------------------------------*/
.sub .contents #contents .section.txt p {
	width: 420px;
	margin-bottom: 2em;
	font-size: 0.875em;
}
.sub .contents #contents .section {
	min-height: 300px;
}
* html .sub .contents #contents .section {
	height: 300px;
}
.sub .contents #contents ul#Unavi {
	padding: 5px;
	margin-bottom: 50px;
	border: 3px solid #E9E9E9;
	font-size: 0.7em;
}
.sub .contents #contents ul#Unavi li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #CCC;
}
.sub .contents #contents ul#Unavi li.lastChild {
	border-right: none;
}
.sub #contents .section .imp_logo img {
	margin: 10px 10px 10px 0px;
}

.sub .crbr #contents .section {
	background: url(/contents/images/contents_crbr_contbg.jpg) no-repeat right top;
}
.sub .implant #contents .section {
	background: url(/contents/images/contents_implant_contbg.jpg) no-repeat right top;
}
.sub .kyosei #contents .section {
	background: url(/contents/images/contents_kyosei_contbg.jpg) no-repeat right top;
}
.sub .shinai #contents .section {
	background: url(/contents/images/contents_shinai_contbg.jpg) no-repeat right top;
}
.sub .shinbi #contents .section {
	background: url(/contents/images/contents_shinbi_contbg.jpg) no-repeat right top;
}
.sub .shisyu #contents .section {
	background: url(/contents/images/contents_shisyu_contbg.jpg) no-repeat right top;
}
.sub .denture #contents .section {
	background: url(/contents/images/contents_denture_contbg.jpg) no-repeat right top;
}
.sub .visit #contents .section {
	background: url(/contents/images/contents_vist_contbg.jpg) no-repeat right top;
}
.sub .visit #contents .section p{
	margin: 0;
	padding:0;
}

.sub .shinai {
	background: url(/contents/images/contents_shinai_bg_micro.jpg) no-repeat -10% 60%;
}


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

/*  staff
----------------------------------------------------*/
.sub .staff #contents .section {
	padding: 0 0 50px;
}
.sub .staff #contents .section .Anc_navi {
	float: right;
	padding-left: 80px;
	background: url(/common/images/common_bg_ancpath.gif) no-repeat left center;
	font-size: 0.65em;
}
.sub .staff #contents .section .Anc_navi li {
	float: left;
	height: 26px;
	padding-left: 10px;
	margin-right: 15px;
	line-height: 26px;
}
.sub .staff #contents .section .Anc_navi li.pp {
	background: url(/common/images/common_arrow_gray.gif) no-repeat left center;
}
.sub .staff #contents .section .Anc_navi li.up {
	background: url(/common/images/common_arrow_gray_up.gif) no-repeat left center;
}
.sub .staff #contents .section .Anc_navi li.down {
	background: url(/common/images/common_arrow_gray_btm.gif) no-repeat left center;
}
.sub .staff #contents .section .Anc_navi li.totop {
	margin-left: 15px;
	background: url(/common/images/common_arrow_gray_up.gif) no-repeat left center;
}
.sub .staff #contents .section h2 {
	clear: both;
	padding-left: 15px;
	background: url(/aboutus/images/staff_h2_bg.gif) repeat-x left center;
	line-height: 37px;
}
.sub .staff #contents #dr .dr_list li {
	padding: 20px 15px;
	background: url(/aboutus/images/staff_bg_dr.gif) repeat-x left top;
}
.sub .staff #contents #dr .dr_list li h3 {
	padding-left: 260px;
	padding-top: 30px;
}
.sub .staff #contents #dr .dr_list li p {
	padding-left: 260px;
	font-size: 0.75em;
}
.sub .staff #contents #dr .dr_list li p.img_l {
	padding-left: 0;
}
.sub .staff #contents #dr .dr_list li p.img_l img {
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
}


.sub .staff #contents .section dl {
	font-size: 0.8em;
}
.sub .staff #contents .section dl dt {
	padding: 10px 15px 0;
	border-top: 1px solid #CCC;
	font-weight: bold;
	color: #005bac;
}
.sub .staff #contents .section dl dd {
	padding: 0 30px 15px;
}
.sub .staff #contents .section dl dd span {
	display: block;
	font-size: 0.9em;
	color: #688EB1;
}
.sub .staff #contents #dt p {
	margin-left: 15px;
	font-size: 0.8em;
}

/*  equip
----------------------------------------------------*/
.sub .equip #contents .section {
	clear: both;
	margin: 0 0 60px;
	font-size: 0.8em;
}
.sub .equip #contents .section h2 {
	margin-bottom: 15px;
}
.sub .equip #contents #eleven {
	width: 745px;
	background: url(/aboutus/images/equip_11img_bg.jpg) no-repeat right bottom;
}
.sub .equip #contents #eleven p {
	width: 550px;
	margin: 30px 0;
}

.sub .equip #contents .section ul {
	float: left;
}
.sub .equip #contents .section ul li {
	float: left;
	width: 360px;
	margin-bottom: 10px;
}
.sub .equip #contents .section ul li.odd {
	padding-right: 35px;
}
.sub .equip #contents .section ul li img {
	float: left;
	border: 1px solid #CCC;
}
.sub .equip #contents .section ul li h3 {
	color: #005bac;
	border-bottom: 1px solid #CCC;
}
.sub .equip #contents .section ul li .item_inr {
	float: right;
	width: 190px;
}
.sub .equip #contents .section ul li .item_inr p {
	font-size: 0.875em;
}
.sub .equip #contents .section ul li .item_inr p span {
	padding-left: 20px;
	background: url(/common/images/common_arrow_circle.gif) no-repeat left center;
	font-size: 0.9em;
}

.sub .equip #contents .micro ul li {
	width: 760px;
	margin-bottom: 10px;
}
.sub .equip #contents .micro ul li .item_inr {
	float: right;
	width: 345px;
}
.sub .equip #contents .micro ul li img {
	border: none;
}
.sub .equip #contents .micro ul li .item_inr img {
	float: none;
}
.sub .equip #contents .section p.equipCopy {
	margin: 20px 0;
	color: #C16841;
}

.sub .equip #contents .ct {
	background: url(/aboutus/images/setsubi_img_ct02.jpg) no-repeat right 22px;
}
.sub .equip #contents .ct {
	width: 760px;
	margin-bottom: 50px;
}
.sub .equip #contents .ct .item_inr {
	width: 400px;
}
.sub .equip #contents .ct  h3 {
	color: #005bac;
	border-bottom: 1px solid #CCC;
}
.sub .equip #contents .section p.equipCopy {
	margin: 20px 0;
	color: #C16841;
}

/*  flow
----------------------------------------------------*/
.sub .flow #contents  #contents_l {
	float: left;
	width: 500px;
	z-index: 1;
}
.sub .flow #contents #contents_r {
	padding-left: 530px;
}
.sub .flow #contents  #contents_l ol {
	font-size: 0.8em;
}
.sub .flow #contents  #contents_l ol li {
	padding: 20px 15px 5px 5px;
	background: url(/aboutus/images/staff_bg_dr.gif) repeat-x left top;
}
.sub .flow #contents  #contents_l ol li h2 {
	float: left;
	width: 100px;
}
.sub .flow #contents  #contents_l ol li p {
	float: right;
	width: 370px;
	padding: 0 0 60px 0;
	background: url(/aboutus/images/flow_arrow.gif) no-repeat center bottom;
}
.sub .flow #contents  #contents_l ol li.lastChild p {
	background: none;
}





/*----------------------------------------------------
	access
----------------------------------------------------*/
.sub .access #contents #contents_l {
	position: absolute;
	width: 300px;
	z-index: 1;
}
.sub .access #contents #contents_l .phone {
	margin: 7px;
}
.sub .access #contents #contents_r {
	margin-bottom: 70px;
	padding-left: 430px;
}
.sub .access #contents #contents_l dl {
	font-size: 0.8em;
}
.sub .access #contents #contents_l dt {
	border-bottom: 1px dashed #CCC;
}
.sub .access #contents #contents_l dd {
	margin-bottom: 1em;
}
.sub .access #contents .section ul {
	width: 760px;
	clear: both;
}
.sub .access #contents .section ul li {
	float: left;
	padding: 5px;
	text-align: center;
	font-size: 0.8em;
}
.sub .access #contents .section ul li img {
	padding: 2px;
	border: 1px solid #CCC;
}
.sub .access #contents .section ul li.lastChild {
	float: right;
}
.sub .access #contents .section ul li.lastChild img {
	float: right;
	border: none;
}






/*----------------------------------------------------
	recruit
----------------------------------------------------*/
.sub .recruit #contents dl.blue_box dt {
	font-weight: bold;
	color: #005bac;
}






/*----------------------------------------------------
	privacy
----------------------------------------------------*/
.sub .privacy #contents .section p {
	font-size: 0.8em;
	color: #888;
}
.sub .privacy #contents .section ol {
	margin-top: 30px;
}
.sub .privacy #contents .section ol li {
	margin-bottom: 15px;
	font-size: 0.8em;
}
.sub .privacy #contents .section ol li h2 {
	border-bottom: 1px solid #DDD;
	color: #005bac;
}
.sub .privacy #contents .section ol li p {
	font-size: 1em;
	color: #666;
}




/*----------------------------------------------------
	mail
----------------------------------------------------*/
.sub .mail #contents .mail_send {
	float: left;
}
.sub .mail #contents .mail_reset {
	float: right;
}


.sub .mail #contents .copy {
	margin-bottom: 15px;
	font-size: 0.7em;
}
.sub .mail #contents ul.copy {
	padding-left: 10px;
	border-left: 5px solid #FFA7AA;
}
.sub .mail #contents ul.copy li {
	padding-left: 10px;
	line-height: 1.8em;
	background: url(/common/images/common_arrow_gray.gif) no-repeat left center;
}
.sub .mail #contents #contents_l {
	float: left;
	width: 500px;
	z-index: 1;
}
.sub .mail #contents #contents_l #mailform .button {
	margin-top: 20px;
}
.sub .mail #contents #contents_r {
	padding-left: 530px;
}
.sub .mail #contents #contents_r p.text_Red {
	display:block;
	margin-left: 40px;
	padding: 5px;
	background: #FFF4EA;
	border: 1px solid #FF627D;
	font-size: 0.6em;
	color: #FF627D;
}
.sub .thanks #contents #contents_l p.text_center {
	margin-bottom: 60px;
	
}
.sub .thanks #contents #contents_l p.text_Red {
	font-size: 0.8em;	
}