@charset "utf-8";
@import "../../css/contents.css";

/* 既卒ナース 共通 */
#gNav {
	background: transparent url(../img/gNav_bg.png) repeat-x left bottom;
}

#gNav ul li .currentPage {
	background-position: -204px bottom;
}

#contents {
	background-color: #FDF2CC;
}

#contents .wrap .inner .mainColumn .contentSec .blcTtl {
	background: transparent url(../img/blcTtl.png) no-repeat left top;
}

#contents .wrap .inner .mainColumn .contentSec .article h4 {
	background: transparent url(../img/h4_icon.png) no-repeat 2px center;
	border-bottom: solid 2px #F7BC00;
}

#contents .wrap .inner .mainColumn .contentSec .article table th {
	width: 150px;
	background-color: #FDF2CC;
}

#contents .wrap .inner .sideColumn ul li {
	border-bottom: dotted 1px #F7BC00;
}

#contents .wrap .inner .sideColumn ul li a:hover,
#contents .wrap .inner .sideColumn ul .current a {
	background-color: #F7BC00;
}

/* 募集要項 .internshipPage */
.indexPage #contents .wrap .inner .mainColumn .contentSec .article table td.bg01 {
	background-color: #FEFBED;
}

/* 復職支援 .reconstructionPage */
.reconstructionPage #contents .wrap .inner .mainColumn .contentSec .article ul.listStyle {
	/*list-style-type: disc;
	padding-left: 2em;*/
	margin-bottom: 20px;
	padding: 0 10px;
}

.reconstructionPage #contents .wrap .inner .mainColumn .contentSec .article ul.listStyle li {
	border-bottom: dotted 1px #CCCCCC;
	height: 30px;
	background: transparent url(../img/list_icon.png) no-repeat left center;
	margin-bottom: 10px;
	line-height: 40px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.reconstructionPage #contents .wrap .inner .mainColumn .contentSec .article ul.signArea {
	overflow: hidden;
	text-align: center;
}

.reconstructionPage #contents .wrap .inner .mainColumn .contentSec .article ul.signArea li {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 5px;
}

.reconstructionPage #contents .wrap .inner .mainColumn .contentSec .article ul.signArea li.last-child {
	padding-right: 0;
}

.reconstructionPage #contents .wrap .inner .mainColumn .contentSec .article ul.signArea li img {
	border: solid 1px #CCCCCC;
	padding: 1px;
}


/*シンプルなボタンデザイン
-------------------------------------------------------------------------*/
a.fuku_btn{
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	background: #f39b3d;
	color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 15px;
	font-size: 1.4rem;
	position: relative;
}
a.fuku_btn::after{
	content:">";
	position: absolute;
	right:20px;
}
a.fuku_btn:hover{
	transition: all .2s ease-in;
	opacity: 0.6;
}




/* ���₢���킹 .indexPage */
.indexPage #contents .wrap .inner .mainColumn .contentSec table {
	width: 100%;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table th {
	/*width: 200px;*/
	width: 170px;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td input,
.indexPage #contents .wrap .inner .mainColumn .contentSec table td textarea {
	border: solid 1px #ddd;
	padding: 3px;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-ss {
	width: 70px;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-s {
	width: 150px;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-m {
	width: 300px;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-l {
	width: 460px;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td span {
	display: block;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .err {
	color: #ff0000;
}

b.hiss {
	color: #FF0000;
}

.btnWrap {
	margin-top: 20px;
}

.btnWrap .btn {
	overflow: hidden;
}

.btnWrap .btn input {
	cursor: pointer;
	font-size: 0%;
	text-indent: -9999px;
}

.btnWrap .btn input.confirmationBtn {
	width: 350px;
	height: 50px;
	background: transparent url(../img/index/confirmation_btn.png) no-repeat left top;
	display: block;
	margin: 0 auto;
}

.btnWrap .btn .regist {
	width: 360px;
	float: left;
}

.btnWrap .btn input.transmissionBtn {
	width: 174px;
	height: 50px;
	background: transparent url(../img/index/transmission_btn.png) no-repeat left top;
	display: block;
	float: right;
	margin-right: 20px;
}

.btnWrap .btn .return {
	width: 360px;
	float: right;
}

.btnWrap .btn input.backBtn {
	width: 174px;
	height: 50px;
	background: transparent url(../img/index/back_btn.png) no-repeat left top;
	display: block;
	float: left;
	margin-left: 20px;
}

.goTop {
	margin-top: 15px;
}

.goTop img {
	margin: 0 auto;
}

select.kibou option:nth-child(2){
	color:red;
}

label{
	display: block;
}

.form_table th, 
.form_table td{
    padding: 17px 10px;
    border: 1px solid #DDDDDD;
		vertical-align: top;
}

.category{
    padding: 10px;
    background: #FDF2CC;
		border: 1px solid #ccc;
}

.btn_soushin{
    background: #f39b3d;
    color: white;
    width: 40%;
    padding:15px;
		border-radius: 10px; 
		cursor: pointer;
}
.btn_soushin:hover{
	opacity: 0.6;
}

.submit_txt{
    padding: 15px;
		border: 1px solid #ccc;
}

table#form{
    margin-bottom: 35px;
    margin-top: 30px;
		width: 100%;
}

.require {
	color: red;
}

.kakunin {
  background: #f39b3d;
	color: #fff;
  padding: 15px;
  width: 50%;
	margin-bottom: 20px;
	border-radius: 10px;
}
.kakunin:hover{
	opacity: 0.6;
}

input.adress {
	width: 80%;
}

/* ================レスポンシブ用================== */

@media screen and (max-width:767px) {

.indexPage #contents .wrap .inner .mainColumn .contentSec table th {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.indexPage #contents .wrap .inner .mainColumn .contentSec table td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-ss {
	width: 100%;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-s {
	width: 100%;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-m {
	width: 100%;
}

.indexPage #contents .wrap .inner .mainColumn .contentSec table td .input-l {
	width: 100%;
}

.btnWrap .btn input.confirmationBtn {
	width: 100%;
	height: 43px;
	background-size: cover;
}

textarea {
	width: 100%;
}
.form_table th, 
.form_table td{
		display: block;
    width: 100%;
    box-sizing: border-box;
		text-align: center;
}
table#form{
	margin-bottom: 35px;
	margin-top: 30px;
	width: 100%;
}
}