/* Containers */
/*----------------------------
 レイアウト
------------------------------ */
/* header top以外 */
/*header {
	background-color: #333;
}*/
.header_navi {
	width: 100%;
	position: relative;
	top: -25px;
	background-color: #333;
}

.header_IS {
	width: 100%;
	margin: 0 auto;
}

.gNavi {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
header .gNavi h1 {
	margin: 0;
}
header .gNavi .logo {
	float: left;
	margin: 45px 0px 35px 0;
}
header .gNavi .logo img {
	width: 165px;
}
header .gNavi .inner {
}
header .gNavi:after {
	content:"";
	display: block;
	clear: both;
}
header .gNavi nav {
	position: absolute;
	bottom: 5px;
	right: 0;
}
header .gNavi ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
header .gNavi nav li a {
	display: block;
	padding: 10px 20px 10px;
	color: #fff;
	text-decoration: none;
	
}
header .gNavi nav li a:hover {
	background-image: url(../../img/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}
header .gNavi nav li.active a {
	background-image: url(../../img/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}
header .gNavi nav li {
	float: left;
}
header nav ul:after {
	content: "";
	display: block;
	clear: both;
}
header .gNavi:after {
	content: "";
	display: block;
	clear: both;
}
header nav li {
	float: left;
}
/* TOPリンク調整用 */
.gNavi nav li:first-child {
	font-size: 16px;
}

/* グローバルナビゲーション　extra */

header .extra {
	float: right;
}
header .extra ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header .extra ul li a {
	position: relative;
	display: block;
	padding: 20px 20px;
	color: #fff;
	text-decoration: none;
}
header .extra ul li {
	float: left;
}
header .extra ul li a:hover {
	opacity: 0.8;
}
header .extra li.contact a {
	position: relative;
	display: block;
	margin-right:8px;
	padding: 15px 8px 5px 45px;
	color:#333;
	background-color: #fff;
	text-decoration: none;
}
header .extra li.contact a:before {
	position: absolute;
	content: url(../../img/nav_mail_pc.png);
	top: 	40%;
	left: 13px;
	line-height: 1;
}
header .extra li.recruit a {
	position: relative;
	display: block;
	margin-right:8px;
	padding: 15px 20px 5px 50px;
	color:#333;
	background-color: #fff;
	text-decoration: none;
}
header .extra li.recruit a:before {
	position: absolute;
	content: url(../../img/nav_recruit_pc.png);
	top: 	32%;
	left: 20px;
	line-height: 1;
}

/* お問い合わせリンク設定 */
@media (max-width:768px) {
	.extra li.contact {
		display: none;
	}
}

.logo a:hover{
	opacity: 0.8;
}
.contents {
	margin:0 auto;
	width:100%;
}
.contents .main{
	
	padding: 20px;
}
.row {
	clear:left;
}
/* Slots Setup */
.slot-0, .slot-1, .slot-3, .slot-4, .slot-0-1, .slot-0-1-2, .slot-0-1-2-3, .slot-0-1-2-3-4, .slot-0-1-2-3-4-5, .slot-1-2, .slot-1-2-3, .slot-1-2-3-4, .slot-1-2-3-4-5, .slot-2-3, .slot-2-3-4, .slot-2-3-4-5, .slot-3-4, .slot-3-4-5, .slot-4-5, .slot-6, .slot-7, .slot-8, .slot-9, .slot-6-7, .slot-6-7-8, .slot-6-7-8-9, .slot-7-8, .slot-7-8-9, .slot-8-9, .slot-0-1-2-3-4-active {
	display:inline;
	float:left;
	margin-left:20px;
}
.slot-5, .slot-2 {
	width:100%;
	background: #ebebec;
	border-bottom: 1px;
	margin-left: 0;
}
/* 6-Col Grid Sizes */
.slot-0 {
	width:100%;
	background: #ebebec;
} /* Sixths */
 */  .slot-0-1-2-3-4 {
width:100%;
}
.slot-0-1-2-3-4-active {
	width:100%;
	background: url("../images/selection-bg.png");
}
.br-sp {
	display:none;
}
.time-text {
	display:none;
}
.indv-error {
	float: right;
	width: 25%;
	padding: 0;
}


.yoyakuform {
	height:0;
}
.yoyakutext {
	height:0;
}
.yoyakuform img {
	position: relative;
	top: -85px;
	left: 20px;
	width: 200px;
}
.yoyakutext img {
	position: relative;
	top: -45px;
	left: 20px;
	width: 200px;
}
/*input幅指定*/

input.text1row {
	width: 250px;
	height: 20px;
}
textarea {
	width: 90%;
	height: 75px;
	overflow: auto;
}
.select {
	width: 60%;
	font-size: 1.2em;
}
.select#time {
	width: 120px;
	font-size: 1.2em;
}
/* Zeroing Out Leftmost Slot Margins */
.slot-0, .slot-0-1, .slot-0-1-2, .slot-0-1-2-3, .slot-0-1-2-3-4, .slot-0-1-2-3-4-active, .slot-6, .slot-6-7, .slot-6-7-8, .slot-6-7-8-9, .slot-1 .slot-1, .slot-1-2 .slot-1, .slot-1-2 .slot-1-2, .slot-1-2-3 .slot-1, .slot-1-2-3 .slot-1-2, .slot-1-2-3 .slot-1-2-3, .slot-1-2-3-4 .slot-1, .slot-1-2-3-4 .slot-1-2, .slot-1-2-3-4 .slot-1-2-3, .slot-1-2-3-4 .slot-1-2-3-4, .slot-1-2-3-4-5 .slot-1, .slot-1-2-3-4-5 .slot-1-2, .slot-1-2-3-4-5 .slot-1-2-3, .slot-1-2-3-4-5 .slot-1-2-3-4, .slot-1-2-3-4-5 .slot-1-2-3-4-5, .slot-2 .slot-2, .slot-2-3 .slot-2, .slot-2-3 .slot-2-3, .slot-2-3-4 .slot-2, .slot-2-3-4 .slot-2-3, .slot-2-3-4 .slot-2-3-4, .slot-2-3-4-5 .slot-2, .slot-2-3-4-5 .slot-2-3, .slot-2-3-4-5 .slot-2-3-4, .slot-2-3-4-5 .slot-2-3-4-5, .slot-3 .slot-3, .slot-3-4 .slot-3, .slot-3-4 .slot-3-4, .slot-3-4-5 .slot-3, .slot-3-4-5 .slot-3-4, .slot-3-4-5 .slot-3-4-5, .slot-4 .slot-4, .slot-4-5 .slot-4, .slot-4-5 .slot-4-5, .slot-5 .slot-5, .slot-7 .slot-7, .slot-7-8 .slot-7, .slot-7-8 .slot-7-8, .slot-7-8-9 .slot-7, .slot-7-8-9 .slot-7-8, .slot-7-8-9 .slot-7-8-9, .slot-8 .slot-8, .slot-8-9 .slot-8, .slot-8-9 .slot-8-9 {
	margin-left:0 !important;
} /* Important is to avoid repeating this in larger screen css files */
.bttn {
	width:100%;
	text-align: center;
}
.flr {
	float:left;
	width:49%;
	padding:0 0 0 1%;
	text-align: left;
}
.fll {
	float:left;
	width:49%;
	padding:0 1% 0 0;
	text-align: right;
}
/* Row Clearfix */
.row:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.row {
	zoom:1;
}
p.sex-required {
	position:relative;
	top: -2px;
	float:left;
	width:31px;
}
.sex-list {
	float:left;
	width:300px;
	padding-top: 12px;
}

.example-grids .row br.br-sp {
	display: none;
}


/* footer */
footer {
	background-color: #333;
	font-size: 12px;
	color: #ccc;
}
footer .inner {
	width: 900px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 10px;
	background-color: #333;
	background-image: url(../../img/footer_illust.png);
	background-repeat: no-repeat;
	background-position: 100% 20%;
}
footer .logo {
	float: left;
	width: 165px;
	margin: 15px 40px 0 0;
}
footer .logo img {
	width: 100%;
}
footer .adress {
	float: left;
	margin-right: 80px;
}
footer .adress h1 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
}
footer .adress a {
	color: #ccc;
	text-decoration: none;
}
footer .adress p {
	margin-top: 10px;
	line-height: 1.7;
	margin-bottom:12px;
}
footer .facility {
	float: left;
	margin-top: -5px;
}
footer .facility h2 {
	float: left;
	width: 55px;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 12px;
	color: #ccc;
	font-weight: bold;
}
footer .facility ul {
	float: none;
	width: auto;
	margin: -2px 0 0 55px;
	padding: 0;
	list-style: none;
	padding-left: 10px;
	border-left: 1px solid #959595;
	line-height: 2;
}
footer .facility li a {
	color: #ccc;
	text-decoration: none;
}
footer .facility li a:hover {
	text-decoration:underline;
}
footer a:hover {
	text-decoration:underline;
}
footer .adress a.telNumber:hover  {
	text-decoration:none;
}
footer .info:after {
	content:"";
	display: block;
	clear: both;
}
footer .copyright {
	color: #ccc;
	text-align: right;
}

