/*株式会社ケイ・メディカル　スマートフォンサイト 　2019/8/16　
スマートフォンサイト用　style.css ( HTML5 , CCS3 )
by SHIGETA
Copyright 2019- K.Medical Inc. All Rights Reserved
*/


header {
	background: url("../img/header_ban_repeat.png") repeat-x; 
    background-size: 320px 72px;
    background-position: top;
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                   (min-resolution: 2dppx){
    header{
	background: url("../img/header_ban_repeat.png") repeat-x; 
    background-size: 320px 72px;
   }
}

body {
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 font:14px/1.231;
	-webkit-text-size-adjust: 100%;
}


#wrap {
	padding: 10px;
}

section, nav, p{
	margin-bottom: 1em;
}


/* aside要素に背景灰色、コーナーを角丸に　*/
aside {
	background-color: #ebebeb;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
}

/*  aside要素の下部余白を除去する　*/
aside p:last-child{
	margin-bottom: 0;
}
aside p {
	line-height: 1.3em;
}


/**** 会社の３本柱　****/
/* aside要素に薄い水色、コーナーを角丸に　*/
.quality aside  {
	background-color: #c8e7fa; /*  #0175f6  #ebebeb */
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
}

.qualityTitle p {
	font-size: 110%;
	text-shadow: 1px 1px 2px #cccccc;
	text-align: left;
	color: #0269dc;
	margin: 15px 0px 5px;   /*  top : side : bottom   */
 /*	border-top: 1px solid #0269dc;*/
	padding-top: 10px;	
}

.qualityColor {
	color: #0269dc;
}


/**** 求人の３本柱　****/
/* aside要素に薄い緑色、コーナーを角丸に　*/
.recruit aside  {
	background-color: #e4ffc8; /*  #0175f6  #ebebeb */
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
}

.recruitTitle p {
	font-size: 110%;
	text-shadow: 1px 1px 2px #cccccc;
	text-align: left;
	color: #1b882f;  /* #16c95a; */
	margin: 15px 0px 5px;   /*  top : side : bottom   */
 /*	border-top: 1px solid #0269dc;*/
	padding-top: 10px;	
}

.recruitColor {
	color: #1b882f;
}

.recruitNavbar {
    -webkit-border-radius: 8px;
	border-radius: 8px;
    background: -moz-linear-gradient(top, #16c95a, #1b882f); 
    background: -webkit-linear-gradient(top, #16c95a, #1b882f); 
    background: linear-gradient(to bottom, #16c95a, #1b882f); 
	width: 300px;       /*　水平中央にに配置　　*/
	margin: 0 auto;　 　/*　水平中央にに配置　　*/
}

/*  ｈ２　タイトルのドロップシャドウ　*/
h2 {
	font-size: 120%;
	text-shadow: 1px 1px 2px #cccccc;
	color: #0269dc;
	text-align: center;
	margin-bottom: 10px;
	
}

h3 {
	font-size: 115%;
	text-shadow: 1px 1px 2px #cccccc;
	text-align: left;
	color: #0269dc;
	margin: 20px 0px 5px;   /*  top : side : bottom   */
 /*	border-top: 1px solid #0269dc;*/
	padding-top: 16px;
	
}

h4 {
	font-size: 110%;
	text-shadow: 1px 1px 2px #cccccc;
	text-align: left;
	color: #0269dc;
	margin: 10px 0px 5px;   /*  top : side : bottom   */
 /*	border-top: 1px solid #0269dc;*/
	padding-top: 16px;	
	
}

/*  リンクをボタンナビゲーションへ（１）　グラデーションの枠　*/
nav {
	-webkit-border-radius: 8px;
	border-radius: 8px;
    background: -moz-linear-gradient(top, #0175f6, #0053ae); 
    background: -webkit-linear-gradient(top, #0175f6, #0053ae); 
    background: linear-gradient(to bottom, #0175f6, #0053ae); 
	width: 300px;       /*　水平中央にに配置　　*/
	margin: 0 auto;　 　/*　水平中央にに配置　　*/
}

/*  リンクをボタンナビゲーションへ（２）　floatで横並びに　*/
nav li {
	text-align: center;
	float: left;
	border-left: 1px solid #ffffff;  /*  左に白の縦線を入れる　*/
	padding: 8px 0;
}

nav li a {
	display: block;  
	width: 99px;       
    color: #ffffff;          
	text-decoration: none; 
	font-size: 107%;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
	
}
/*  リンクをボタンナビゲーションに　先頭の白い縦線を消す　*/
nav li:first-child {
	border: none;
}

/*  ここから　footer  設定　*/
footer {
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
}

footer #btnTop {
	-webkit-border-radius: 5px;
	border-radius: 5px;
    background: -moz-linear-gradient(top, #cbcccf, #acaeb0); 
    background: -webkit-linear-gradient(top, #cbcccf, #acaeb0); 
    background: linear-gradient(to bottom, #cbcccf, #acaeb0); 
	width: 100px;
	text-align: center;
	float: right;
	margin-right: 10px;
	padding: 6px 0;	
}

footer #btnTop a {
	display: block;
	padding: 6px 12px;
	font-size: 100%;
	color: #444444;
	text-shadow: 1px 1px 0 #dddddd;
	text-decoration: none;
}

footer #btnTop p {
	margin: 0;
}

footer #switchBtn{
	clear: both;
	text-align: center;
	font-size: 80%;
}

footer {
	background: url("../img/footer_ban_repeat.png") repeat-X; 
    background-size: 320px 36px;
	background-position: bottom;
}

footer p {
	clear: both;
	padding: 0;
}

footer img {
	vertical-align: top;
}

footer p:last-child {
	margin: 0;
}
/*    footer   設定　終わり　　*/

/*　　グーグルマップ等の一行幅リンクボタン　　*/
.btnBlue {
	-webkit-border-radius: 8px;
	border-radius: 8px;
    background: -moz-linear-gradient(top, #0175f6, #0053ae); 
    background: -webkit-linear-gradient(top, #0175f6, #0053ae); 
    background: linear-gradient(to bottom, #0175f6, #0053ae); 
	width: 300px;       /*　水平中央にに配置　　*/
	margin: 0 auto;　 　/*　水平中央にに配置　　*/
	padding: 10px 0 ;
	margin-bottom: 1em;
}

.btnBlue a {
	display: block;   
	width:300px;
	padding: 8px 0;
	text-align: center;
	color: #fff;            /* 文字色指定 */
	text-decoration: none;  /*リンク下線削除  */
	font-size: 107%;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}
	
/*　　メール送信用一行幅リンクボタン　グリーン　*/
.btnGreen {
	-webkit-border-radius: 8px;
	border-radius: 8px;
    background: -moz-linear-gradient(top, #16c95a, #1b882f); 
    background: -webkit-linear-gradient(top, #16c95a, #1b882f); 
    background: linear-gradient(to bottom, #16c95a, #1b882f); 
	width: 300px;       /*　水平中央にに配置　　*/
	margin: 0 auto;　 　/*　水平中央にに配置　　*/
	padding: 10px 0 ;
	margin-bottom: 1em;
}

.btnGreen a {
	display: block;   
	width:300px;
	padding: 8px 0;
	text-align: center;
	color: #fff;            /* 文字色指定 */
	text-decoration: none;  /*リンク下線削除  */
	font-size: 107%;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba( 150, 150, 150, 0.3 );
}	
	

/*  balloon  設定　　
#balloon {
	width: 260px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 15px #666;
	box-shadow: 0 0 15px #666;
	position: absolute;
	background-color: rgba( 250,128,114,0.9 );   // rgb( 250,128,114 ) 
	padding: 15px;
	color: #ffffff;
	line-height: 1.5;
	text-align: center; 
}

#balloon p {
	margin: 0;
}
/*  balloon  設定終了　　*/


/* アコーディオンパネル　*/
.acdn-button {
	font-size: 115%;
	text-shadow: 1px 1px 2px #cccccc;
	text-align: left;
	color: #175f6;
	line-height: 1.1em;
	margin: 5px 0px 5px;   /*  top : side : bottom   */
        /*	border-top: 1px solid #175f6;*/
	padding-top: 5px;
	text-decoration: underline;
	text-decoration-color: #029554;
}
		
.acdn-content {   
	display: none ;  
	font-size: 100% ;
	line-height: 1.3em ;
}

.acErase {
	display: none ;
}

.acDisplay {
	dysplay: block ;
}

.colorGreen {
	color: #029554 ;
}
	
.acFullOpen {
  color: blue ;
}   
	
.acFullClose {
  color: deeppink ;
} 

/* アコーディオンパネル　設定終了 　*/


/************** 後から追加した　個別対応　**************/
.caution {
	color: #FF3333;
}

.headZero {
	padding-top: 0px;
	margin-top: 0px;
}
.head5px {
	padding-top: 5px;
}
.footZero {
    padding-bottom: 0px;
	margin-bottom:: 0px;
}

.centerClass {
	text-align: center;
}

.timeTable {
    border-collapse: collapse;
    border: solid 2px #029554;   /*表全体を線で囲う*/
    width: 320px;       /*　水平中央に配置　要素の大きさ決定　*/
	margin: 0 auto;　 　/*　水平中央に配置　要素の左右余白を等分に　セットで慣用句　*/
    margin-bottom: 10px;
}

.timeTable th {
    color:#fff;
    text-shadow: 1px 1px 2px #029554;
    background: #66cc66; /*fffbf;    */
}

.timeTable th, .timeable tr, .timeTable td {
    padding: 4px;
    text-align: center;
    border: solid 0.5px #029554;
}



/* clearfix */
.clearfix:after{
	content: "."; /*　新しい要素を作る　*/
	display: block; /*　ブロックレベル要素にする　*/
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 　アクセス解析のタグの調節　読み遅延時には　none に変更 */
.kaiseki{
	display: block;
}

.kaiseki_s{
	display: none;
}