@charset "utf-8";
#header {position:relative; background:url(../images/bg_step_3.png) 0 0 no-repeat; width:100%; max-width:1240px; height:280px; margin:0 auto; padding-bottom:40px;}
#header h1 {padding-top:40px; color:#3f4658; letter-spacing:4px; text-align:center; font-size:30px;}
#header .inner {position:relative; width:100%; max-width:990px; margin:0 auto;}
nav {width:100%; margin-top:50px;}
nav ul {box-shadow:5px 5px 25px 5px #ddd;}
nav ul li {float:left; background:#f7faff; width:33.33%; padding:20px; box-sizing:border-box;}

nav ul li h2 {color:#80889c; font-size:15px;}
nav ul li h3 {position:relative; color:#c6c8cc; font-size:20px;}
nav ul li h3:after {content:""; position:absolute; top:50%; right:0; background:url(../images/arrow.png) 0 0 no-repeat; width:7px; height:12px;}

nav ul li.active {background:#3f4658;}
nav ul li.active h3 {color:#fff;}
nav ul li.active h3:after {background:url(../images/arrow_active.png) 0 0 no-repeat;}

.infoTable h4 {background:#80889c; height:42px; margin-top:50px; color:#fff; line-height:42px; text-align:center; font-size:18px; font-weight:bold;}
.infoTable table {width:100%;}
.infoTable table th {background:#bac3d2; width:15%; padding:10px 0; color:#fff; font-size:15px; font-weight:bold;}
.infoTable table td {background:#fff; width:35%; padding-left:15px; color:#3f4658; font-size:15px; font-weight:bold;}  
.infoTable table tr:nth-child(even) th {background:#eff1f7; color:#3f4658;}
.infoTable button {display:block; background:#3f4658; width:125px; height:45px; margin:0 auto; margin-top:20px; color:#fff; font-size:16px;}

#container .searchTable table {width:100%; max-width:990px; margin:0 auto; border:solid 1px #d8d8d8;}
#container .searchTable th {background:#bac3d2; height:42px; color:#fff; font-size:15px;}
#container .searchTable td {background:#fff; height:42px; border-bottom:solid 1px #d8d8d8; text-align:center; text-align:center; font-size:15px; font-weight:bold;}
#container .searchTable td.day {background:#eff1f7;}
#container .searchTable td.ok button:hover {background:#3daabe;}
#container .searchTable td.memo button {background:#eff1f7; color:#3f4658;}
#container .searchTable td button {display:inline-block; background:#3f4658; width:120px; height:27px; border-radius:5px; color:#fff; font-size:15px;}
#container .paging {width:100%; max-width:990px; margin:0 auto; margin-top:20px; text-align:center;}
#container .paging li {display:inline-block; margin:0 5px; color:#d8d8d8; font-size:15px; cursor:pointer; vertical-align:middle;}
#container .paging li.active {color:#000;}

#container input  { height:43px; padding-left:10px; border:1px solid #d8d8d8; -webkit-box-sizing:border-box; box-sizing:border-box; color:#828282; font-size:15px; font-weight:bold;;}

#container .searchTable table colgroup.pc {display:block;}
#container .searchTable table colgroup.mobile {display:none;}

@media all and (max-width:1000px) {#header {padding-bottom:0;}
	#header h1 {padding-top:30px; font-size:30px;}
	#header h1 br {display:block;}
	
	nav ul li {display:none;}
	nav ul li.active {display:block; width:100%;}
	#container .searchTable table colgroup.pc {display:block;}
	#container .searchTable table colgroup.mobile {display:none;}
}

@media all and (max-width:640px) {
	#header {height:auto; padding-bottom:30px;}
	#container .searchTable table colgroup.pc {display:none;}
	#container .searchTable table colgroup.mobile {display:block;}
	#container .searchTable table th {display:none;}
	#container .searchTable table td {font-size:11px;}
	#container .searchTable td button {width:100%; font-size:12px;}
}