﻿/*
Theme Name: 尚歯会さま 法人サイト
Theme URI: http://wisdomdesign.jp/
Description: 尚歯会さま 峰お人サイトのテーマです。
Author: WisdomDesign Co., Ltd.
Author URI: http://wisdomdesign.jp/
Version: 1.00-alpha
*/

@charset "UTF-8";
@import url(css/init.css);
@import url(css/lib.css);

/* HTML { ************************************ */
body {
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	line-height:1.8;
	color:#333;
	background:#fff url(img/common/bg_body.gif) repeat-x left top;
	font-size:14px;
}

a,
a:link {
	color:#0c8bda;
	text-decoration:none;
}
a:hover {
	color:#5ea5f0;
}
a:hover {
	border-bottom:1px dotted #095fc1;
}
a.img:hover {
	border-bottom:0 !important;
}
a:hover img {
	opacity:0.75;
	filter: alpha(opacity=75); /* for ie */
}
a:visited {
	color:#0c8bda;
}
a:active {
}
/* } HTML ************************************ */



/* Layout { ********************************** */
#container {
	position:relative;
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

#corp_header {
	font-size:10px;
	color:#999;
	overflow:hidden;
	line-height:1;
}
#corp_header .inner {
	margin:7px 0;
	padding:0 10px;
}
#corp_header .btn {
	float:right;
	margin-left:20px;

	display:inline;
	padding:auto;
	font-size:10px;
	color:333;
	background-color:#fff;
	line-height:1;

}
#header {
	position:relative;
	width:950px; height:92px;
	margin:0 auto;
}
#header a:hover {
	border:0;
}
#header .logo {
	position:absolute; left:10px; top:36px;
	width:186px; height:33px;
}
#header #gnavi {
	position:absolute; left:311px; top:36px;
	width:950px; height:39px;
}
#header #gnavi a {
}

#catch {
	position:relative;
	margin:0 auto 30px;
}
#catch .btn_for_patients {
	position:absolute; left:636px; top:0px;
	width:110px; height:29px;
	z-index:1000;
}
#catch .btn_for_workers {
	position:absolute; left:748px; top:0px;
	width:192px; height:29px;
	z-index:1000;
}
#catch a:hover {
}

#contents {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
#contents .mainarea {
	float:left;
	width:678px;
}
#contents .sidearea {
	float:right;
	width:261px;
}
#contents .sidearea .item {
	margin-bottom:10px;
}

#footer {
	clear:both;
}
#footer .footer_navi {
	height:26px;
	background-color:#c4d5f6;
}
#footer .footer_navi .inner {
	width:950px; height:26px;
	margin:0 auto;
	line-height:26px;
	background-color:#c4d5f6;
	color:#666;
	font-size:10px;
}
#footer .footer_navi a {
	color:#666;
}
#footer .footer_navi a:hover {
	border-bottom:0;
	color:#333;
}
#footer .footer_bottom {
	height:55px;
	background-color:#01238e;
}
#footer .footer_bottom .inner {
	width:950px; height:55px;
	margin:0 auto;
	background-color:#01238e;
}
#footer .footer_bottom #copyright {
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:55px;
}
/* } Layout ********************************** */



/* common { ********************************** */

.hidden {
	display:none;
}

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

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

/* sidearea { ---------- */
.sidearea {
	margin-bottom:30px;
}
.sidearea .sec {
	margin:10px 0;
}
.sidearea .sec2 {
	margin:20px 0;
}
.sidearea h4 {
	margin-bottom:10px;
}
.sidearea a.img {
	display:block;
}
.sidearea .sidenavi1 a {
	margin-bottom:3px;
}
.sidearea .sidenavi2 {
	padding:5px;
	background:url(img/common/sidearea/sidenavi2/bg_sidenavi2.gif) repeat left top;
}
.sidearea .sidenavi2 a {
	margin-bottom:5px;
}
.sidearea .sec_voices a {
	margin-bottom:10px;
}
.sidearea .sidenavi3 a {
	margin-bottom:3px;
}
/* } sidearea ---------- */

/* mainarea { ---------- */
.mainarea .sec_h2 {
	position:relative;
	margin:3.6em 0;
	overflow:hidden;
}
.mainarea h2 {
	margin:0 0 1.8em;
}
/*.mainarea h3 {
	margin:25px 0 15px;
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
}*/
.mainarea h3.img {
	margin-top:0;
	padding:0;
	background-color:transparent;

	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;

	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-border-box-shadow:none;

	behavior: url(PIE.htc); /*for IE*/
}
.mainarea h3 {
	width:625px;
	padding:5px 10px;
	margin:2.7em 0 1.8em;
	font-weight:normal;
	font-size:18px;
	color: #333333;
	line-height:1.4;


	-webkit-box-shadow: #eee 1px 1px 1px;
	   -moz-box-shadow: #eee 1px 1px 1px;
	        box-shadow: #eee 1px 1px 1px;

	border:1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);

	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#EEEEEE);
}
.mainarea h3 span {
	display:inline-block;
	padding:0px 0 0px 10px;
	border-left:5px solid #6893e8;
}
.mainarea h4 {
	margin:1.8em 0 1.8em;
	padding:5px 0 5px 5px;
	border-bottom:1px dotted #ccc;
	line-height:1.4;
	color:#6295e8;
}
.mainarea h4 span {
	display:inline-block;
	padding:0px 0 0px 10px;
	border-left:5px solid #6893e8;
}
.mainarea h5 {
	font-weight:bold;
	color:#333;
}
.mainarea h6 {
	font-weight:bold;
}
.mainarea p {
}
.mainarea .inner {
	padding:0 15px;
}
.mainarea ul.decimal {
	margin-bottom:1.8em;
}
.mainarea ul.decimal li {
	margin-left:2em;
	list-style:decimal outside;
}
.mainarea ul.disc {
}
.mainarea ul.disc li {
	margin-left:0;
	list-style:disc outside;
}

/* } mainarea ---------- */

/* classes { ----------- */

.notes {
	color:#666;
}
.clear {
	clear:both;
}
.placeholder {
	background-color:#eee;
	text-align:center;
}

strong {
	font-weight:bold;
	color:#6295e8;
}
em {
	font-weight:bold;
	color:#4d4d4d;
}
img.round {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	box-shadow:1px 1px 1px 0px #c2c2c2;
	-webkit-box-shadow:1px 1px 1px 0px #c2c2c2;
	-moz-border-box-shadow:1px 1px 1px 0px #c2c2c2;

	behavior: url(PIE.htc); /*for IE*/
}

a.btn_more,
a.btn {
	display:inline-block;
	padding:5px;
	font-size:10px;
	color:#fff;
	background-color:#6893e8;
	line-height:1;
}
a.btn_more:hover,
a.btn:hover {
	border-bottom:0;
	background-color:#8eaeee;
}

.col_333 {
	color:#333;
}
.row {
	overflow:hidden;
}
.row .l {
	float:left;
}
.row .r {
	float:right;
}
.hidden {
	display:none;
}
/* } classes ----------- */

/* } common ********************************** */



/* home { ************************************ */

body.home {
	background:#fff url(img/home/bg_body_home.gif) repeat-x left top;
}
.home #catch {
	margin-bottom:0;
}
.home .mainarea .sec_h2 {
	margin:35px 0;
	overflow:hidden;
}
.home #sec_education .row {
	margin-bottom:8px;
}
.home #sec_branches .row {
	margin:10px auto 0;
	padding:0 15px;
	overflow:hidden;
}
.home #sec_branches .row .branch {
	display:block;
	width:150px; height:150px;
	float:left;
	margin-right:10px;
}
.home #sec_branches .row .lc {
	margin-right:0;
}

.home #catch_slider {
	/*overflow:hidden;*/
	width:948px; height:303px;
	background:url(img/home/pic_catch.jpg) no-repeat left top;
}
.home #catch .bg_catch {
	position:absolute; left:0px; top:0px;
	width:948px; height:303px;
	z-index:1;
}
.home #catch .bx-window {
	height:303px !important;
}

/* } home ************************************ */



/* history { ********************************* */
.history .tbl_history {
	width:100%;
	border-collapse:collapse;
	border-bottom:1px dotted #ccc;
}
.history .tbl_history th,
.history .tbl_history td {
	padding:10px;
	font-size:12px;
	border-top:1px dotted #ccc;
	vertical-align:top;
}
.history .tbl_history th {
	border-top:1px dotted #ccc;
}
.history .tbl_history .year {
	width:4em;
	color:#999;
	text-align:right;
}
.history .tbl_history .month {
	width:2em;
	color:#999;
	text-align:right;
}
.history .tbl_history .event {
	width:250px;
}
.history .tbl_history .photo {
	width:180px;
	text-align:right;
}
/* } history ********************************* */



/* salutation { ****************************** */
.salutation {

}
/* } salutation ****************************** */



/* recruit { ********************************* */
.recruit .sec_bnrs {
	padding:10px 10px 0;
	background:url(img/common/sidearea/sidenavi2/bg_sidenavi2.gif) repeat left top;
	overflow:hidden;
}
.recruit .sec_bnrs img {
	width:309px; height:80px;
	margin-bottom:10px;
}
.recruit .sec_bnrs .l {
	float:left;
}
.recruit .sec_bnrs .r {
	float:right;
}
.recruit .btn_contact {
	font-size:18px;
	padding:10px;
}
.recruit .tbl_bosyuu_youkou {
	width:100%;
	border-collapse:collapse;
}
.recruit .tbl_bosyuu_youkou th,
.recruit .tbl_bosyuu_youkou td {
	padding:20px 15px 5px;
	border-bottom:1px dotted #ccc;
	font-size:12px;
}
.recruit .tbl_bosyuu_youkou th.fc,
.recruit .tbl_bosyuu_youkou td.fc {
	padding-top:0;
}
.recruit .tbl_bosyuu_youkou th {
	width:8em;
	letter-spacing:0.5em;
	vertical-align:top;
	color:#999;
}
/* } recruit ********************************* */



/* recruit_doctor { ************************** */
/* } recruit_doctor ************************** */

/* recruit_contact { ************************* */
.recruit_contact input[type="text"],
.recruit_contact textarea {
	display:inline-block;
	width:100%;
	border:1px solid #ccc;
}
.recruit_contact textarea {
	height:250px;
}
.recruit_contact input[class="zip"] {
	width:8em;
}
.recruit .required {
	color:#6893e8;
	font-weight:bold;
}

.recruit .tbl_contact {
	width:100%;
	border-collapse:collapse;
}
.recruit .tbl_contact th,
.recruit .tbl_contact td {
	padding:20px 15px 5px;
	border-bottom:1px dotted #ccc;
	font-size:12px;
}
.recruit .tbl_contact th.fc,
.recruit .tbl_contact td.fc {
	padding-top:0;
}
.recruit .tbl_contact th {
	width:150px;
	vertical-align:top;
}
.recruit .btn_submit {
	font-size:18px;
	padding:10px;
}
/* } recruit_contact ************************* */




/* start_up { ******************************** */
/* } start_up ******************************** */



/* education { ******************************** */
.education .row {
	margin-bottom:8px;
}
.education h3 span {
	font-size:14px;
}
.education h3 span strong {
	color:#012d9c;
	font-weight:normal;
	font-size:24px;
}
.education .sec_menu a {
	display:block;
	margin-bottom:5px;
}
/* } start_up ******************************** */



/* patients_voices { ************************* */
.patients_voices .row .l {
	width:248px;
	font-size:12px;
}
/* } patients_voices ************************* */



/* implant { ********************************* */
.implant .sec_implant_step .row {
	overflow:hidden;
	clear:both;
}
.implant .sec_implant_step .row .l {
	width:150px;
	margin-right:10px;
}
.implant .sec_implant_step .row .r {
	width:488px;
}
.implant .sec_implant_step .row {
	margin-bottom:1.8em;
}
.implant .sec_step_photos .l {
	margin-right:9px;
}
/* } implant ********************************* */










/* faq { ************************************ */
.faq #sec_faq_list .inner {
	padding:0 5px;
}
.faq #sec_faq_list ul li a {
	color:#595656;
}
.faq #sec_faq_list ul li a:hover {
	border-bottom:1px dotted #595656;
}
.faq #sec_faq_list ul li {
	clear:both;
	margin-bottom:5px;
	line-height:1.4;
	padding-left:50px;
	padding-top:2px;
}
.faq #sec_faq_list ul li span {
	display:block;
	width:30px;
	margin:-2px 0px 5px -50px;
	padding:2px 5px;
	float:left;

	background-color:#31ae4a;
	color:#fff;
	text-align:center;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	behavior: url(PIE.htc); /*for IE*/
}
.faq .pagetop {
	margin:10px 10px 7px 0;
}
.faq .box {
	position:relative;
	background-color:#faffd9;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	behavior: url(PIE.htc); /*for IE*/
}
.faq .box .anchor {
	position:absolute; left:0px; top:-20px;
}
.faq .mainarea h3.q {
	clear:both;
	margin-top:0 !important;
	margin-right:2px;
	margin-bottom:5px;
	padding-left:65px;
	font-size:18px;
	overflow:hidden;

	box-shadow:0px 1px 0px 0px #ccc;
	-webkit-box-shadow:0px 1px 0px 0px #ccc;
	-moz-border-box-shadow:0px 1px 0px 0px #ccc;

	behavior: url(PIE.htc); /*for IE*/

}
.faq .mainarea h3.q span {
	display:block;
	float:left;
	width:40px;
	padding:2px 5px;
	margin:-2px 0px 0px -60px;

	background-color:#31ae4a;
	color:#fff;
	text-align:center;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	behavior: url(PIE.htc); /*for IE*/
}
.faq .mainarea .a {
	clear:both;
	margin-bottom:5px;
	padding-left:65px;
	padding-top:5px;
	padding-right:10px;
	overflow:hidden;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	behavior: url(PIE.htc); /*for IE*/
}
.faq .mainarea .a span.a_num {
	display:block;
	float:left;
	width:40px;
	padding:2px 5px;
	margin:0px 0px 5px -60px;

	border:1px solid #31ae4a;
	color:#31AE4A;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1.4;

	background-color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	behavior: url(PIE.htc); /*for IE*/
}
/* } faq ************************************ */
