@charset "utf-8";

/*
	Theme Name: Shonan Shikasinryoujo
	Theme URI: -
	Description: A theme by Shonan Shikasinryoujo.</a>.
	Version: 1.00
	Author: Fumiki Takahashi
	Author URI: http://www.nanikiru.com
	License: GNU General Public License
*/

        /*    /Shonan Shikasinryoujo/    */

	/*Main Green           : #019C9C;*/
	/*Navi Glay            : #E2E8E9;*/
	/*BG Glay              : #F9FBFB;*/
	/*Footer Glay          : #777777;*/

	/*Nomal Text           : #333333;*/

        /*    /Shonan Shikasinryoujo/    */


/****************************************

          General Setting

*****************************************/

#contents {
	margin: 0;
	width: 100%;
	background-color: #FFFFFF;
	/****旧ブラウザ対応****/
}


ul, ol {
	list-style: none;
}


hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.m0 {
	margin: 0;
	padding: 0;
	display: block;
}

/****************************************

          Typography

*****************************************/
body {
	color: #333333;
	font-size: 90%; /**ここで全体のサイズを決めてる**/
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6{

}

h1 {

}

h2 {

}

h3 {
	width: 100%;
	margin: 30px 0 20px;
	font-size: 150%;
	font-weight: normal;
	color: #019C9C;
}

h4 {

}

h5 {

}

h6 {

}

.shonan_green {
	font-weight: bold;
	color: #019C9C;
}

.petit {
	font-size: 90%;
}

.more_petit {
	font-size: 75%;
}

.bigger {
	font-size: 130%;
	font-weight: bold;
}

.bigger_nm {
	font-size: 150%;
	font-weight: normal;
}

.t_center {
	text-align: center;
}

/****************************************

          Link

*****************************************/

/*** a ***/
a {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	color: #333333;
	text-decoration: none;
	/****未訪問設定****/
}
/*** a ***/


/***  a:hover ***/
a:hover {
	color: #019C9C;
	text-decoration: underline;
	/****オンマウス設定****/
}
/***  a:hover ***/

.more_link a {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	color: #019C9C;
	text-decoration: none;
	/****未訪問設定****/
}

.more_link a:hover {
	color: #019C9C;
	text-decoration: underline;
	/****オンマウス設定****/
}

#index_information a {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	font-weight: bold;
	color: #019C9C;
	text-decoration: none;
	/****未訪問設定****/
}

#index_information a:hover {
	color: #777777;
	text-decoration: underline;
	/****オンマウス設定****/
}

/*** a ***/
#index_information .news a,
#index_information  .news_lowcon a {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	/****未訪問設定****/
}
/*** a ***/


/***  a:hover ***/
#index_information .news a:hover,
#index_information  .news_lowcon a:hover {
	color: #019C9C;
	text-decoration: underline;
	/****オンマウス設定****/
}
/***  a:hover ***/

/****************************************

          Layout

*****************************************/

#container {
	width: 100%;
	margin: 0 auto;
}

header {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

aside {
	width: 200px;
	margin: 0;
	padding: 0;
	float: right;
	/*** Side MENU ***/
}

#main {
	width: 100%;
	margin: 0;
	padding: 0;
	/*** Main Contents ***/
}

footer {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

/****************************************

          Breadcrumb

*****************************************/

.breadcrumb {
	width: 1000px;
	margin: 0 auto 5px;
	padding: 0;
	font-size: 70%;
	color: #666666;
}

/****************************************

          Navigation

*****************************************/

#shonan_navi {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	font-size: 110%;
	line-height: 1;
	color: #333333;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#shonan_navi ul {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

#shonan_navi li {
	width: 150px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#shonan_navi a {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	color: #333333;
	text-decoration: none;
}

#shonan_navi a:hover {
	color: #019C9C;
	text-decoration: underline;
}

/**診療項目ナビゲーション設定**/
#examination_navi ul {
	width: 780px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0;
}

#examination_navi li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 9px 10px 0;
	padding: 0;
	vertical-align: top;
}

#examination_navi li:nth-child(3n) { /**3の倍数のみ適用**/
	margin-right: 0;
}

#examination_navi .atlast {
	margin: 0;
}
/**診療項目ナビゲーション設定**/
/****************************************

          header

*****************************************/

#topimage_wrap {
	position: relative;
}

#logo {
	position: absolute;
	top: 0;
	left: 30px;
}
#header_info {
	font-size: 80%;
	text-align: right;
	position: absolute;
	top: 5px;
	right: 10px;
}

/****************************************

          Sidebar(Aside)

*****************************************/

.sidemenu {
	font-size: 120%;
	padding: 0;
	background-color: #E2E8E9;
}

.sidemenu ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.sidemenu li {
	margin: 0;
	padding: 0 0 20px;
}

/****************************************

          Main Contents

*****************************************/
/**TOPスライダー設定**/
.topslider_wrap {
	width: 100%
	height: 510px;
	margin: 0;
	padding: 0;
}

.fotorama {
	margin: 0 auto;
}
/**TOPスライダー設定**/

#index_information_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#index_information {
	width: 780px;
	margin-right: 20px;
	padding: 0;
	float: left;
}

.information {
	width: 320px;
	margin-right: 20px;
	padding: 0;
	float: left;
}

.news {
	width: 440px;
	margin: 0;
	padding: 0;
	float: right;
}

.news_lowcon {
	width: 780px;
	margin: 0;
	padding: 0;
	float: right;
}

.news dl,
.news dd,
.news dt,
.news_lowcon dl,
.news_lowcon dd,
.news_lowcon dt {
	width: 100%;
	margin: 0;
}

.news dd,
.news_lowcon dd {
	padding-bottom: 10px;
	color: #019C9C;
}

.news dt,
.news_lowcon dt {
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #019C9C;
}

#map_wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #F9FBFB;
}

.map {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.gmap {
	width: 760px;
	height: 385px;
	margin-right: 20px;
	padding: 0;
	float: left;
}

.map_info  {
	width: 220px;
	margin: 0;
	padding: 0;
	float: right;
}

#guide_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#guidesub_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#guidesub_wrap ul {
	margin: 0;
	padding: 0;
}

#guidesub_wrap li {
	margin: 0;
	padding: 0;
	width: 250px;
	float: left;
}

.sub_desc {
	width: 230px;
	margin: 0;
	padding: 0 10px;
}

.sub_desc h2 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: normal;
	color: #019C9C;
}

#volunteer_wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #F9FBFB;
}

.volunteer {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
}

.volunteer h1 {
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: normal;
	color: #019C9C;
}

.directors_information {
	width: 860px;
	margin: 0 auto;
	padding: 0;
}

.directorname {
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
	color: #019C9C;
}


.facilities_clip {
	width: 780px;
	height: auto;
	margin-bottom: 30px;
	padding: 0;
}

.facilities_right,
.facilities_left {
	width: 380px;
	height: auto;
	padding: 0;
}

.facilities_right {
	margin: 0;
	float: right;
}

.facilities_left {
	margin-right; 20px;
	float: left;
}

/****************************************

          Footer

*****************************************/

/**ページトップ設定**/
.pagetop {
	width: 70px;
	height: 30px;
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
}
.pagetop a {
	display: block;
	width: 70px;
	height: 30px;
	background: url("./img_footer/gototop.jpg");
}

.pagetop a:hover {
	text-decoration: none;
}
/**ページトップ設定**/

#footer_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#footer_wrap ul {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

#footer_wrap li {
	width: 150px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.footer_link {
	width: 1000px;
	margin: 50px auto 0;
	padding: 0;
}

.footer_link ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.footer_link li {
	width: 220px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 0;
	vertical-align: top;
}


.copyright {
	margin-top: 10px;
	font-size: 70%;
	text-align: center;
}

/****************************************

          Table Setting
           無ければ削除
*****************************************/

.shounan {
	border-spacing :0px;
}

.shounan,
.shounan td,
.shounan th {
	margin: 0;
	padding: 5px 10px;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #BFBFBF;
}

.shounan th {
	white-space: nowrap;
	text-align: left;
}

.notac {
	text-align: left;
}

.shounan_center {
	text-align: center;
}

/****************************************

          Forms

*****************************************/

.sent .formwrap {
	display: none;
	/**送信完了後のフォームを消去(見えなくする)**/
}


/****************************************

          IMAGE Layout

*****************************************/

img {
	vertical-align: bottom;
	/****画像直下の空白消し****/
}


.img_right {
	margin: 0 0 30px 30px;
	padding: 0;
	float: right;
	/****画像右寄せ****/
}

.img_left {
	margin: 0 30px 30px 0;
	padding: 0;
	float: left;
	/****画像左寄せ****/
}


.img_centering {
	display: block;
	margin: 0 auto;
	/*** 画像を絶対的に中央に配置 ***/
}


.img_lengthwise {
	vertical-align: middle;
	/*** 画像の縦位置を中央に配置 ***/
}

/****************************************

          Margin Setting

*****************************************/

/**Margin TOP**/
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt70 {
	margin-top: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mt90 {
	margin-top: 90px;
}
.mt100 {
	margin-top: 100px;
}
/**Margin BOTTOM**/
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}
/**Margin RIGHT**/
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.mr60 {
	margin-right: 60px;
}
.mr70 {
	margin-right: 70px;
}
.mr80 {
	margin-right: 80px;
}
.mr90 {
	margin-right: 90px;
}
.mr100 {
	margin-right: 100px;
}
/**Margin LEFT**/
.ml10 {
	margin-left: 10px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}
.ml60 {
	margin-left: 60px;
}
.ml70 {
	margin-left: 70px;
}
.ml80 {
	margin-left: 80px;
}
.ml90 {
	margin-left: 90px;
}
.ml100 {
	margin-left: 100px;
}

/****************************************

          Footer Setting

*****************************************/

footer {
	clear: both;
}

/****************************************

          ClearFix

*****************************************/

/*** clearfix ***/
#container:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}


/* clearfix for ie7 */
#container,
.clearfix {
	display: inline-block;
}

#container,
.clearfix {
	display: block;
}
/*** clearfix ***/


/*employment*/
#employment h2{
font-size:48px;
text-align:center;
font-weight:normal;
margin-bottom:20px;
}
#employment .telbox{
border:1px solid #ccc;
padding:19px;
text-align:center;
margin-bottom:20px;
font-size:24px;
}
#employment .telbox span{
display:block;
font-size:32px;
color:#019c9c;
}
#employment h3{
background-color:#eee;
padding:10px;
text-align:center;
color:#000;
}
#employment table{
width:100%;
border-bottom:1px dashed #ccc;
}
#employment th, #employment td{
border-top:1px dashed #ccc;
padding:10px 0;
vertical-align:top;
text-align:left;
}
#employment th{
width:25%;
}
#employment td{
width:75%;
}
#employment .red{
color:#f30;
}