@charset "utf-8";
/*CSS INFOMATION=======================

SP

File name : base.css
   
====================================*/



@media screen and (max-width:640px){
/*-----------------------------------------------------
	layout
-------------------------------------------------------*/
.pcBox{
	display:none;
}


body{
	font-size:12px;
	overflow-x: hidden;
}


h1{
	width:220px;
	float:left;
	padding:0 0 0 10px
}

h1 img{
	width:100%;
	height:auto;
	margin:0 0 10px;
}


h3{
	font-size:13px;
	font-weight:bold;
	color:#01438d;
	line-height:1.6;
	padding:0 0 5px 20px;
	background:url(../images/iconG.png) left 29% no-repeat;
	background-size:12px 12px;
	-moz-background-size:12px 12px;
	-webkit-background-size:12px 12px;
	border-bottom:3px solid #2f609d;
	margin:20px 0 0;

}

p{
	line-height:1.7;
	padding:0 0 15px;
}

strong{
	font-weight:bold;
}



#container {
	margin:0;
}

#container-member {
	width:100%;
	background:#fff url(../images/bg_member.png);
}

header{
	background:#fff;
}

#headerInner{
	padding:0 0 0;
	overflow:hidden;
	
}

#headerLine{
	background:#01438d;
	height:12px;
	margin:0 5px 5px;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius: 6px;  
    -webkit-border-bottom-left-radius: 6px;  
    -moz-border-radius-bottomright: 6px;  
    -moz-border-radius-bottomleft: 6px; 
}



#mainImg{
	width:100%;
}


#nav{
	margin:12px;
	clear:both;
}

#nav ul#menu{
	clear:both;
	background:#01438d;
	margin:5px 0 10px;
	border-radius:6px;
    -webkit-border-radius: 6px;   
    -moz-border-radius: 6px;
}



#nav li a{
	color:#fff !important;
	/*background:url(../images/iconD.png) center left no-repeat;
	background-size:7px 7px;*/
	padding:15px 15px 12px 13px ;
	display:block;
	text-decoration:none !important; 
	text-align:left;
	font-size:11px;
	border-bottom:1px solid #5d87b6;
}

#nav li:last-child a{
	border-bottom:none;
}





strong{
	font-weight:bold;
}


#mainArea{
	background:#fff;
	padding:0;
}




#mainAreaB{

	background:#fff;
	padding:20px;
}

#mainAreaB h3{
	font-size:13px;
	font-weight:bold;
	color:#2f609d;
	line-height:1.6;

}


#subArea{
	clear:both;
}

#subArea ul.banner{
	margin:15px 0 0;
}

#subArea ul.banner li{
	padding:0 0 5px;
}

#subArea ul.banner li img{
	width:100%;
	height:auto;
}


#subArea ul.sideNav{
	margin:0 0 30px;
}

#subArea ul.sideNav li a{
	background:#fff url(../images/iconB.png) 12px 50% no-repeat;
	padding:15px 15px 15px 30px;
	margin:0 0 1px;
	display:block;
	border-bottom:1px solid #eee;
}

#subArea .sideTtl{
	background:#ccc;
	color:#fff;
	padding:8px 10px 4px;
	font-size:10px;
	border-radius-topleft: 3px;  
    border-radius-topright: 3px; 
	-moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px; 
	-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
	  
}

#subArea .sideBox{
	background:#fff;
	padding:15px;
	margin:0 0 10px;
}

#mainContetns{
	margin:0 15px;

}

#timeBox{
	margin:15px 0 0;
}



#mainTtl{
	background:#01438d;
	color:#fff;
	margin:0 auto;
	padding:10px 15px 8px;
	border-radius:4px;
    -webkit-border-radius: 4px;   
    -moz-border-radius: 4px;
	margin:5px 12px 0;
}

#mainTtl h2{
	font-size:14px;
	line-height:1.1;
}


.mainDetail{
	padding:15px 0 0;
}
	
	#profilePage .mainDetail {
		display: flex;
		flex-direction: column-reverse;
	}

.mainDetail h4{
	font-size:14px;
	padding:0 0 10px;
}


#innnerContents{
	padding:10px;
}

footer{
	background:#01438d;
	text-align:center;
	margin:10px 0;
}


#footerInner{
	clear:both;
	padding:10px 0;
	overflow:hidden;
	color:#fff;
}

.footerBoxA{
	display:none;
}


.footerBoxB{
	display:none;
}

.footerBoxB li{
	font-size:15px;
	margin:20px;

}

.footerBoxB li a{
	text-decoration:underline;
}


#footerInner .copy{
	clear:both;
	font-size:10px;
}


#topBanner{
	padding:0;
}

#topBanner img{
	width:100%;
	height:auto;
	padding:15px 0 0;
}

#memaiBanner img{
	width:100%;
	height:auto;
	padding:15px 0 0;
}

#map img{
	width:100%;
	height:auto;
}


.telBoxB{
	padding:10px 0 10px;
}

.telBox img, .telBoxB img{
	width:100%;
	height:auto;
}


#topcontrol{
	display:none;
}

/*-----------------------------------------------------
	icon
-------------------------------------------------------*/

.iconA{
	background: url(../images/iconD.png) left center no-repeat;
	padding:0 0 0 25px;
}


.iconB{
	background:url(../images/iconC.png) left center no-repeat;
	padding:8px 10px 8px 23px;
	margin:0 0 0 15px;
	color:#fff;
	float:left;
	font-size:13px;
}

.iconC{
	background: url(../images/iconE.png) left center no-repeat;
	padding:0 0 0 25px;
}


.iconD{
	background: url(../images/iconF.png) left center no-repeat;
	padding:0 0 0 12px;
}




.boaderB{
	background:url(../images/boaderC.png) top left repeat-x;
	padding:10px 0 0;
	margin:10px 0 0;
}


/*-----------------------------------------------------
	btn
-------------------------------------------------------*/
.btnA{
	background:#ffc600;
	text-align:center;
	padding:8px 0 8px;
	color:#fff;
	font-weight:bold;
	border-radius:6px;
    -webkit-border-radius: 6px;   
    -moz-border-radius: 6px;
	display:block;
	text-decoration:none !important;
}

a:hover.btnA{
	background:#ffd200;
	text-align:center;
	padding:8px 0 8px;
	color:#fff;
	font-weight:bold;
	border-radius:6px;
    -webkit-border-radius: 6px;   
    -moz-border-radius: 6px;
	display:block;
	text-decoration:none !important;
}


/*-----------------------------------------------------
	breadcrumbs
-------------------------------------------------------*/


#breadcrumbs{
	margin:0 auto;
	padding:20px 10px 17px;
	font-size:100%;
	
}

.contentsBox{
	padding:25px;
	overflow:hidden;
}


#timeBox table{
	border-collapse: collapse;
	margin:0 0 10px;
}

#timeBox th{
	background:#01438d;
	border:1px solid #042d5b;
	color:#fff;
}

#timeBox td{
	border:1px solid #042d5b;
	padding:3px;
}

/*-----------------------------------------------------
	youtube
-------------------------------------------------------*/
iframe{
	height:180px;
}





/*-----------------------------------------------------
	float
-------------------------------------------------------*/


.leftBoxA{
	width:375px;
	float:left;
}

.rightBoxA{
	width:540px;
	float:right;
}

.leftBoxB{
	font-size:10px;
}

.rightBoxB{
}

.leftBoxC{
	width:80px;
	float:left;
	background:url(../images/iconB.png) 5px 50% no-repeat;
	padding:0 0 0 20px;
}

.rightBoxC{
	width:520px;
	float:right;
}


.leftBoxD{
	width:130px;
	float:left;
	background:url(../images/iconB.png) 5px 50% no-repeat;
	padding:0 0 0 20px;
}

.rightBoxD{
	width:730px;
	float:right;
}


.leftBoxE{
	width:300px;
	float:left;
}

.rightBoxE{
	width:400px;
	float:right;
	font-size:130%;
	font-weight:bold;
	padding:10px 0 0;
	text-align:right;
}


.leftBoxF{}

.rightBoxF{}

.leftBoxG img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

	#profileImg {
		width: 60%;
		height: 200px;
		background: url(../images/doctor.jpg) no-repeat center top/cover;
		margin: 0 auto;
	}

.rightBoxG{}




/*-----------------------------------------------------
	ttl
-------------------------------------------------------*/



ul.list{
	list-style: disc;
	padding:0 0 0 20px;
	margin:0 0 30px 20px; 
}

.ttlA{
	background:#ccc;
	margin:20px 0 0;
	padding:4px 10px 2px;
	color:#fff;
}

ul.listB li{
	margin:0 0 0 0;
}

ul.listB li img{
	width:100%;
	height:auto;
	margin:0 0 10px;
}


/*----------------------------------------
	
	=TOP
-----------------------------------------*/
#news ul{
	padding:5px 0 0;
}

#news li{
	background:url(../images/boaderC.png) bottom left repeat-x;
	padding:5px 0;
	clear:both;
	overflow:hidden;
}

#news li a{
	text-decoration:none !important;
}

#news li p{
	padding:0 !important;
}
	

#news .newsMore{
	text-align:right;
	padding:13px 0 0;
}



#map{
	margin:15px 0 10px;
}



/*----------------------------------------
	
	=2nd
-----------------------------------------*/


/*---- news----*/
.newsDay{
	font-size:12px;
	padding:0 0 5px;
	color:#2f609d;
	background:url(../images/boaderC.png) bottom left repeat-x;
	margin:0 0 20px;
}

.newsList-ttl{
	font-size:14px;
	font-weight:bold;
	padding:0 0 15px;
}

/*---- about----*/
#pastList ul{
	padding:0 0 10px;
}

#pastList li{
	background:url(../images/boaderC.png) bottom left repeat-x;
	padding:12px 0;
	clear:both;
	overflow:hidden;
}



/*---- search----*/

#searchBox{
	background:#eee;
	padding:10px;
	border:3px solid #ccc;
}

/* for nextpage */
.pager {
	margin: 15px 15px;
	padding: 7px;
	text-align: center;
}



.pager a {
	border: 1px solid #2f609d;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 1px 5px;
	padding: 3px 8px;
	vertical-align: middle;
	border-radius:3px;
    -webkit-border-radius: 3px;   
    -moz-border-radius: 3px;
	text-decoration:none !important;
}

.pager a:hover{
	border: 1px solid #00a6b7;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 1px 5px;
	padding: 3px 8px;
	vertical-align: middle;
	border-radius:3px;
    -webkit-border-radius: 3px;   
    -moz-border-radius: 3px;
	text-decoration:none !important;
}

.pager a.next,
.pager strong {
	background-color: #2f609d;
	border: 1px solid #2f609d;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0 2px 5px;
	padding: 3px 8px;
	vertical-align: middle;
	border-radius:3px;
    -webkit-border-radius: 3px;   
    -moz-border-radius: 3px;
	text-decoration:none !important;
}

.pager a:hover.next{
	background-color: #00a6b7;
	border: 1px solid #00a6b7;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0 2px 5px;
	padding: 3px 8px;
	vertical-align: middle;
	border-radius:3px;
    -webkit-border-radius: 3px;   
    -moz-border-radius: 3px;
	text-decoration:none !important;
}



.map{
	padding:5px 0 15px;
}


.map table{
	border:1px solid #ccc;
	border-collapse:collapse;
}

.map　thead{
	background:#999;
}

.map td{
	border:1px solid #ccc;
	padding:10px;
}

.loginBox h4{
	font-size:16px;
}

.loginBox{
	width:500px;
	border:10px solid #ddd;
	padding:20px;
	margin:40px auto;
}

.btnForget{
	background:url(../images/boaderC.png) top left repeat-x;
	padding:10px 0 0;
	margin:10px 0 0 ;
	text-align:center;
}


/*----------------------------------------
	
	=Link
-----------------------------------------*/

#breadcrumbs a{
	text-decoration:underline;
}

#mainArea a{
	text-decoration:underline;
}

#mainAreaB a{
	text-decoration:underline;
}

.sideBox a{
	text-decoration:underline ;
}

td a{
	text-decoration:underline;
}	

footer a{
	color:#fff;
	text-decoration:none;
}

footer a:hover{
	color:#fff;
	text-decoration:none;
}

#mainTtl-Member a{
	color:#fff;
	text-decoration:underline;
}

#mainTtl-Member a:hover{
	color:#7E7A56;
	text-decoration:underline;
}


/*----------------------------------------
	
	=Nav
-----------------------------------------*/


  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
	clear:both;
  }
  #toggle{
    display: block;
    position: absolute;
	top:17px;
	right:5px;
    width:45px;

  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    color: #9e0005;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 25px;
    height: 19px;
    margin-top: -9px;
    background: #01438d;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 25px;
    height: 5px;
    background: #fff;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }




/*----------------------------------------
	
	=TXT
-----------------------------------------*/


.fontSS{
	font-size:77%;
}

.fontS{
	font-size:11px;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontLL{
	font-size:135%;
}

.fontB{
font-weight:bold;
}

.fontO{
	color:#F90;
}
}