@charset "utf-8";

/* -----------------------------------------------
 * style.css
 * LastUpdate : 15/07/31
----------------------------------------------- */


.pager ul li.prev:before,.pager ul li.next:after,.recruit_box p.area:before,li a:before,.search_btn:after,#search table td a:before,h3:before {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#main strong {
	color: #FF006B;
	font-weight: bold;
}

ul.disc {
	list-style-type: disc;
	margin-left: 15px;
}
ul.disc li {
	margin-bottom: 5px;
}
ul.disc li:last-child {
	margin-bottom: 0;
}
.border {
	border: 1px solid #ccc;
	padding: 10px;
	background: #fafafa;
}
#main p,#main th,#main td {
	line-height: 1.5em;
}
#main td {
	background: #fff;
}

@media only screen and ( max-width : 768px ) {
    #main {
    	padding-top: 10px;
		margin-bottom: 20px;
		/*margin-top: 50px;*/
	}
	.box {
		margin-bottom: 40px;
	}
	#pp p {
		margin-bottom: 10px;
	}

	/*.min_setting h4 {
		font-size: 30px;
		margin-bottom: 30px;
		text-align: center;
	}
	.min_setting h5 {
		text-align: center;
		margin-bottom: 15px;
		font-size: 18px;
	}*/
}
@media print, screen and ( min-width : 769px ) {
	#main {
		margin-bottom: 50px;
		margin-top: 120px;
	}
	.box {
		margin-bottom: 40px;
	}
	#pp p {
		margin-bottom: 15px;
	}
	/*.min_setting h4 {
		font-size: 30px;
		margin-bottom: 30px;
		text-align: center;
	}
	.min_setting h5 {
		text-align: center;
		margin-bottom: 15px;
		font-size: 18px;
	}

	.min_setting .about {
		background: #fafafa;
	}*/
}
/* ---------------------------------------------------------------------------------------------

　   見出し

--------------------------------------------------------------------------------------------- */
h2 {
    letter-spacing: 1px;
    color: #284A8B;
    /*background: url(../img/icon-logo.png) no-repeat left center;
    background-size: 15px auto;*/
    /*padding-left: 27px;*/
}


h3 {
	border-bottom: 2px solid #ececec;
	border-top: 2px solid #00416a;
	margin-bottom: 15px;
	font-size: 20px;
	color: #00416a;
}

@media only screen and ( max-width : 768px ) {
	h2 {
    	font-size: 18px;
    	margin-bottom: 15px;
    	font-weight: bold;
	}
	h3 {
		font-size: 14px;
		padding: 10px 0;
	}
}
@media print, screen and ( min-width : 769px ) {
	h2 {
    	font-size: 30px;
    	padding: 0 0 15px;
    	margin-bottom: 25px;
	    border-bottom: 2px solid #ddd;
	    position: relative;
	}
	h2:before {
		background: #284A8B none repeat scroll 0 0;
		position: absolute;
		bottom: -2px;
		content: "";
		display: block;
		height: 2px;
		left: 0;
		width: 250px;
	}
	h3 {
		font-size: 20px;
		padding: 15px 0;
	}
}

/* ---------------------------------------------------------------------------------------------

　   PAGER

--------------------------------------------------------------------------------------------- */

.pager p {
	color: #EB7100;
}
@media only screen and ( max-width : 768px ) {
	.pager {
		margin-bottom: 10px;
	}
	.pager p {
		margin-bottom: 10px;
	}
	.pager ul {
		width: 100%;
		display: table;
		border-collapse: separate;
		border-spacing:3px 0;
	}
    .pager li {
    	border: 1px solid #ccc;
    	border-radius: 30px;
    	margin-right: 5px;
    	display: table-cell;
    	text-align: center;
    	box-sizing:border-box;
    	padding: 5px 0;
    	font-size: 12px;
    }
    .pager li.between {
    	border: none;
    }
    .pager li a {
    	display: block;
    	text-align: center;
    }
    .pager li.active {
    	background: #0096C2;
    	color: #fff;
    }
    .pager li.prev,.pager li.next {
    	background: #eee;
    }
}
@media print, screen and ( min-width : 769px ) {
	.pager {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 10px !important;
		margin-bottom: 20px;
	}
	.pager ul li {
		padding: 0 10px;
		border-right: 1px solid #ccc;
	float: left;
	}
	.pager ul li:first-child {
		border-left: 1px solid #ccc;
	}
	.pager ul li.prev:before {
	    content: '\e04d';
	    margin-right: 3px;
	    color: #0096C2;
    }
    .pager ul li.next:after {
	    content: '\e04e';
	    margin-left: 3px;
	    color: #0096C2;
    }
    .pager ul li a:hover {
    	color: #0096C2;
    }
    .pager div {
    	position: relative;
    }
    .pager ul {
    	position: absolute;
    	right: 0;
    	top: 0;
    }
    .pager ul li.active {
    	background: #0096C2;
    	color: #fff;
    }
}

/* ---------------------------------------------------------------------------------------------

　   ORDER

--------------------------------------------------------------------------------------------- */

.order ul {
	display: table;
	width: 100%;
	border-collapse: separate;
	/*border-spacing:3px 0;*/
}
.order ul li {
	display: table-cell;
	text-align: center;
	background: #FFE9BE;
	vertical-align: middle;
	border-right: 5px solid #fff;
}
.order ul li:last-child {
	border-right: 0;
}
.order ul li a {
	display: block;
	text-align: center;
}
.order ul li.active {
	background: #EB4700;
	position: relative;
}

.order ul li.active a {
	color: #fff;
}

.order ul li.active:after {
	content: "▼";
	position: absolute;
	left: -100%;
	right: -100%;
	margin: auto;
	color: #EB4700;
}

@media only screen and ( max-width : 768px ) {
	.order {
		margin-bottom: 10px;
	}
	.order ul li {
		font-size: 10px;
	}
	.order ul li a {
		padding: 10px 2px;
	}
	.order ul li.active:after {
		bottom: -7px;
	}
}

@media print, screen and ( min-width : 769px ) {
	.order {
		margin-bottom: 20px;
	}
	.order ul li {
		width: 33.33333333333333%;
	}
	.order ul li a {
		padding: 10px 0;
	}
	.order ul li.active:after {
		bottom: -10px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   求人一覧

--------------------------------------------------------------------------------------------- */

.recruit_box,#search {
	border: 1px solid #ccc;
	padding: 2px;
	margin-bottom: 20px;
}
#search {
	padding: 2px 2px 10px 2px;
}
#search select {
	height: 30px;
}
#search .taC {
}
#search .taC a {
	display: block;
}
.recruit_box h3 {
	background: #ECF8FF;
	padding: 10px;
	border-top: 3px solid #0F578B;
	line-height: 1.5em;
	color: #333;
    font-weight: bold;
    margin-bottom: 0;
    letter-spacing: 0;
    border-left: none;
}

#search table {
	width: 100%;
	border-top: 3px solid #0F578B;
	margin-bottom: 10px;
}
#search table td a {
	display: block;
	padding: 5px 10px;
	width: 60%;
	text-align: center;
}
#search table td a:before {
	content: "\e052";
	margin-right: 3px;
}
.recruit_box h3 span {
	display: inline-block;
	background: #0096C2;
	color: #fff;
	margin-right: 5px;
	border-radius: 5px;
}
.recruit_box p.area {
	background: #FFFFDD;
	padding: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 18px;
}
.recruit_box p.area:before {
	content: "\43";
	margin-right: 5px;
	vertical-align: middle;
}
.recruit_box_inner {
	padding: 10px;
	position: relative;
}
.recruit_box .recruit_box_inner .time {
	margin-top: 10px;
}

.recruit_box table {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.recruit_box table th,#search table th {
	white-space: nowrap;
	background: #eee;
}
.recruit_box table tr,#search table tr {
	border-bottom: 1px dotted #ccc;
}
.recruit_box table td,#search table td,.recruit_box table th,#search table th {
	vertical-align: middle;
}
.recruit_box table tr:last-child {
	border-bottom: none;
}
.recruit_box .merit li {
	float: left;
	background: #449600;
	font-size: 12px;
	padding: 5px 10px;
	margin-right: 5px;
	color: #fff;
	margin-bottom: 5px;
}
.recruit_box .merit li:last-child {
	margin-right: 0;
}


.recruit_box .btn_area li.favorite a:before,.recruit_box .btn_area li.mypage-login-btn a:before {
	/*content: "\e089";*/
	content: url(../img/i-icon.png);
	/*margin-right: 5px;*/
	color: #FF0051;
	vertical-align: middle;
}
.recruit_box .btn_area li.more a:before {
	content: "\e04e";
	margin-right: 5px;
	vertical-align: middle;
}
.recruit_box .btn_area li.favorite a,.recruit_box .btn_area li.mypage-login-btn a {
	display: block;
	text-align: center;
	font-weight: bold;
}
.recruit_box .btn_area li.more a {
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

@media only screen and ( max-width : 768px ) {
    .recruit_box h3 {
    	font-size: 16px;
    }
    .recruit_box h3 span {
		font-size: 14px;
		padding: 0 5px;
		line-height: 20px;
	}
    .recruit_box table th,#search table th,.entry table th {
		display: block;
		padding: 5px 10px;
	}
	.recruit_box table td,#search table td,.entry table td {
		display: block;
		padding: 10px;
	}
	#search table td input,#search table td select {
		width: 100%;
	}
	#search table td a {
		margin: 0 auto;
		font-size: 12px;
		width: 80%;
	}
	.entry table {
		border:1px solid #ccc;
	}
	.entry table tr {
		border-bottom: 1px dotted #ccc;
	}

    #search .search_btn {
		padding: 10px 0px;
		font-weight: bold;
		width: 60%;
		text-align: center;
		margin: 0 auto;
	}
	.recruit_box .recruit_box_inner .time li {
		float: left;
		background: #CEDFE2;
	    padding-right: 4px;
	    height: 20px;
	    margin-right: 22px;
	    position: relative;
	    text-decoration: none;
	    line-height: 20px;
	    font-size: 11px;
	}
	.recruit_box .recruit_box_inner .time li:last-of-type { margin-right: 0px }
	.recruit_box .recruit_box_inner .time li:before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    position: absolute;
	    top: 0;
	    left: -20px;
	    border: 10px solid transparent;
	    border-color: #CEDFE2;
	    border-left-color: transparent;
	}
	.recruit_box .recruit_box_inner .time li:after {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    position: absolute;
	    top: 0;
	    right: -20px;
	    border: 10px solid transparent;
	    border-left-color: #CEDFE2;
	}
	.recruit_box .recruit_box_inner .time li:first-child{ padding-left: 5px; }
	.recruit_box .recruit_box_inner .time li:first-child:before{display:none;}
	 
	.recruit_box .recruit_box_inner .time li.select {
	    background: #0096C2;
	    color: #fff;
	    text-decoration: none;
	}
	.recruit_box .recruit_box_inner .time li.select:before {
	    border-color: #0096C2;
	    border-left-color: transparent;
	}
	.recruit_box .recruit_box_inner .time li.select:after { border-left-color: #0096C2 }
	/*.recruit_box .btn_area li {
		width: 49%;
		box-sizing:border-box;
		margin-right: 2%;
	}
	.recruit_box .btn_area li:nth-child(2n) {
		margin-right: 0;
	}*/
	.recruit_box .btn_area li {
		width: 60%;
		margin:0 auto;
		margin-bottom: 10px;
	}
	.recruit_box .btn_area li a {
		font-size: 12px;
		padding: 10px 0px;
	}
}

@media print, screen and ( min-width : 769px ) {
	.recruit_box .btn_area li {
		float: left;
	}
    .recruit_box h3 {
    	font-size: 18px;
    }
    .recruit_box h3 span {
		font-size: 16px;
		line-height: 24px;
		padding: 0 5px;
	}
    #search .search_btn {
		padding: 10px 20px;
		font-weight: bold;
		width: 200px;
		margin: 0 auto;
		text-align: center;
	}
	#search select,.contact select {
		width: 200px;
	}
	#search select,.contact select,table select {
		min-width: 70px;
		border: 1px solid #4E80AC;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: #eee;
	background: url(../img/select.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#E2ECF0 100%);
	background: url(../img/select.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#E2ECF0 100%);
	background-size: 20px, 100%;
	}
	#search select::-ms-expand,.contact select::-ms-expand {
		display: none;
	}
	#search table th {
		width: 150px;
	}
    .recruit_box .recruit_box_inner .time li {
		float: left;
		background: #CEDFE2;
	    padding-right: 10px;
	    height: 30px;
	    margin-right: 31px;
	    position: relative;
	    text-decoration: none;
	    line-height: 30px;
	}
	.recruit_box .recruit_box_inner .time li:last-of-type { margin-right: 31px }
	.recruit_box .recruit_box_inner .time li:before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    position: absolute;
	    top: 0;
	    left: -30px;
	    border: 15px solid transparent;
	    border-color: #CEDFE2;
	    border-left-color: transparent;
	}
	.recruit_box .recruit_box_inner .time li:after {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    position: absolute;
	    top: 0;
	    right: -30px;
	    border: 15px solid transparent;
	    border-left-color: #CEDFE2;
	}
	.recruit_box .recruit_box_inner .time li:first-child{ padding-left: 15px; }
	.recruit_box .recruit_box_inner .time li:first-child:before{display:none;}
	 
	.recruit_box .recruit_box_inner .time li.select {
	    background: #0096C2;
	    color: #fff;
	    text-decoration: none;
	}
	.recruit_box .recruit_box_inner .time li.select:before {
	    border-color: #0096C2;
	    border-left-color: transparent;
	}
	.recruit_box .recruit_box_inner .time li.select:after { border-left-color: #0096C2 }

	.btn_area ul {
		float: right;
	}
	.recruit_box .btn_area ul li {
		margin-right: 5px;
	}
	.recruit_box .btn_area li a {
		font-size: 16px;
		padding: 8px;
	}
	.recruit_box table th,.recruit_box table td,#search table th,#search table td {
		padding: 10px;
	}
	.recruit_box_inner table th {
		width: 150px;
	}
}
/* ---------------------------------------------------------------------------------------------

　   求人詳細

--------------------------------------------------------------------------------------------- */

.datail h4 {
	color: #002077;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: 1px;
}
.datail h4:before {
	content: ">>";
}
@media only screen and ( max-width : 768px ) {
	.datail .btn_area {
		float: none;
	}
	.datail .attention {
		font-size: 10px;
	}
	.datail .btn_area li {
		float: none;
		text-align: center;
		margin:0 auto;
		margin-bottom: 2%;
		width: 60%;
	}
	.datail .btn_area li a {
		display: inline-block;
	}

	.merit {
		margin-bottom: 10px;
	}
}
@media print, screen and ( min-width : 769px ) {
	.datail .btn_area {
		margin-bottom: 20px;
	}
	.datail .attention {
		/*text-align: right;*/
		font-size: 13px;
		font-weight: normal;
	}
	.datail .attention a {
		text-decoration: underline;
		color: #00A0C6;
		font-weight: bold;
	}
	.datail .attention .indent {
		margin-left: 1.5em;
		display: inline-block;
	}
	.merit {
		margin-bottom: 30px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   見積りフォームへの誘導スペース

--------------------------------------------------------------------------------------------- */
.estimation {
	margin: 30px 0;
	text-align: center;
}

/* ---------------------------------------------------------------------------------------------

　   サービストップ

--------------------------------------------------------------------------------------------- */
#side .sideNav nav li ul li {
	border: none;
}

#side .sideNav nav li ul li a {
	background: url(../img/icon_sitemap.png) no-repeat 10px 5px;
	background-size: 15px;
	padding-left: 40px;
}

#side .sideNav nav li ul li a:before {
	content: none;
}

.contact_btn {
	padding: 20px;
	font-weight: bold;
	border: #ddd solid 1px;
	color: #fff;
	background-color: #87cdcb;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}
#service .box .contact_btn p {
	text-align: center;
}

#service .box .contact_btn p.btn {
	margin-bottom: 0;
	}

@media only screen and ( max-width : 768px ) {
	.contact_btn {
	margin: 5% 0;
	font-size: 100%;
	}
}

@media print, screen and ( min-width : 769px ) {
	.contact_btn {
	margin: 20px 0;
	font-size: 16px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   ser01_人材派遣サービス

--------------------------------------------------------------------------------------------- */
.service_01 .box {

	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 3%;
	background-color: #F6F6F6;
	border: #ddd solid 1px;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 

}
#service h5 {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}

#service .box h6 {
	padding-left: 30px;
	color: #0095c2;
	font-weight: bold;
	vertical-align: middle;
	background-image: url(../img/icon_q.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 15px;
}

#service .qa p {
	padding-left: 30px;
	vertical-align: middle;
	background-image: url(../img/icon_a.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-size: 15px;
}

h6 {
	margin-bottom: 5px;
	padding: 4px 0;
	color: #0095c2;
	font-weight: bold;
	font-size: 16px;
	background: none;
}

#service .box p {
	margin-bottom: 10px;
	text-align: left;
}
#service p.btn {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
#service p.btn a {
	padding: 10px;
	display: block;
	text-align: center;
	color: #fff;
}

#service p.btn a:link,#service p.btn a:hover,#service p.btn a:visited {
	color: #fff;
}

#service .box_img img {
	width: 100%;
}

.red_txt {
	color: #ff006b;
	font-weight: bold;
}

ul.arrow li {
	margin-top: 5px;
	padding-left: 10px;
	background: url('../img/blue_arrow.png') no-repeat left center;
}

@media only screen and ( max-width : 768px ) {
	#service .box_img img {
		margin-bottom: 3%;
	}
	#service .mt {
		margin-bottom: 3%;
	}
	#service p.btn {

	}
	#service .box h6 {
		font-size: 14px;
		margin-bottom: 5px;
	}
}

@media print, screen and ( min-width : 769px ) {
	#service .box_img img {
		margin-bottom: 10px;
	}
	#service .mt {
		margin-bottom: 10px;
	}

	#service p.btn {
		width: 300px;
	}
	#service .box h6 {
		font-size: 18px;
		margin-bottom: 15px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   ser02_技術者の派遣分野・資格一覧

--------------------------------------------------------------------------------------------- */
.service_03 {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 3%;
	background-color: #F6F6F6;
	border: #ddd solid 1px;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}

.service_03 .posL {
	width: 50%;
	margin-top: 30px;
	/*margin-right: 30px;*/
}

.service_03 .posL li {
	margin-bottom: 10px;
}


/* ---------------------------------------------------------------------------------------------

　   人材派遣の仕組み_support

--------------------------------------------------------------------------------------------- */
#support .about p {
	margin-bottom: 25px;
}

@media only screen and ( max-width : 768px ) {
	#support img {
	margin-bottom: 3%;
	}
	#support .jinzai_p,#support .shoukai_p {
		margin-bottom: 3%;
	}
}

@media print, screen and ( min-width : 769px ) {
	#support img {
	width: 80%;
	display: block;
	margin: 0 auto;
	margin-bottom: 50px;
	}

	#support .jiniji_box.#support .shoukai_box {
		display: inline-block;
		text-align: center;
	}

	#support .jinzai_p,#support .shoukai_p {
		margin-bottom: 80px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   会社情報

--------------------------------------------------------------------------------------------- */


.companyTop #company_menu .box {
	padding: 10px;
}
.companyTop #company_menu .box img {
	width: 100%;
	margin-bottom: 10px;
}
.companyTop #company_menu .box h6 {
	color: #4581B3;
	font-size: 16px;
	margin-bottom: 5px;
}
.companyTop #company_menu .box p {
	line-height: 1.5em !important;
	text-align: left;
	letter-spacing: 0.1em;
}

.fs120 {
		font-weight: bold;
		color: #6b6b6b;
		letter-spacing: 0.1em;
}


.jinji p.btn {
		width: 300px;
		margin: 0 auto;
		padding: 10px;
		margin-bottom: 10%;
		text-align: center;
}

.jinji p.btn a:visited {
	color: #fff;
}

.jinji p.btn a:link {
	color: #fff;
}


@media only screen and ( max-width : 768px ) {
	.companyTop .about {
		margin-bottom: 20px;
	}
	.companyTop h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.companyTop h5 {
		margin-bottom: 10px;
		font-size: 16px;
	}

	.bl20 {
		margin-bottom: 20px;
	}

	.jinji img {
		width: 100% !important;
	}

	.jinji p.btn {
		margin-top: 3%;
		
	}


}

@media print, screen and ( min-width : 769px ) {
	.companyTop .about {
		background: #fafafa;
	}
    .companyTop .about {
		padding: 50px 20px;
	}
	.companyTop h4 {
		font-size: 30px;
		margin-bottom: 30px;
		text-align: center;
	}
	.companyTop h5 {
		text-align: center;
		margin-bottom: 15px;
		font-size: 18px;
	}
	.companyTop p {
		text-align: center;
		line-height: 2em !important;
	}
	
	.bl20 {
		margin-bottom: 0px !important;
		margin-left: 20px;

	}

	.jinji {
		width: 100%;
		margin: 0 auto;
		display: inline-block;
		text-align: center;
	}

	.jinji img {
		width: 60% !important;
		display: inline-block;
		text-align: center;
	}

	.jinji p.btn {	
		margin-top: 50px;
	}
}


/* ---------------------------------------------------------------------------------------------

　   会社概要

--------------------------------------------------------------------------------------------- */

.company_info table#flow {
	border: none;
}
.company_info table {
	width: 100%;
}
.company_info table th {
	background-color: #E1F2F1;
	text-align: center;
}
.company_info table#flow th {
	vertical-align: middle;
}

.company_info table td {
	background-color: #fff;
	text-align: left;
}
.company_info table td.flow {
	padding: 5px;
	color: #87CDCB;
	border-right: none;
	border-bottom: #ddd solid 1px;
	border-left: none;
	background-color: #fff;
	text-align: center;
}

.company_info table a {
	color: #4581B3;
}

.company_info table a span {
	font-size: 12px;
	margin-left: 10px;
}

.company_info table ul li {
	background: url(../img/company/company_arrow.png) no-repeat left;
	padding-left: 20px;	
	line-height: 1.5em !important;
}



.map {
	margin-top: 20px;
	border: #ddd solid 5px;
}

@media only screen and ( max-width : 768px ) {
	.company_info table ul li:first-child {
		background-position: left top;
		background-position-y: 4px;
	}
	.company_info table th {
		/*width: 100%;*/
		display: block;
		padding: 5px 0px;
	}
	.company_info table td {
		display: block;
		padding: 5px 5px 15px 5px;
	}
}

@media print, screen and ( min-width : 769px ) {
	.company_info table th {
		width: 30%;
		padding: 10px;
		vertical-align: middle;
		border-bottom: #ccc solid 1px;
	}
	.company_info table {
		border: #ddd solid 1px;
	}
	.company_info table td {
		padding: 10px;
		border: #ddd solid 1px;
	}
	.wsnw li { 
		white-space: nowrap !important;
	}
}

/* ---------------------------------------------------------------------------------------------

　   お問い合わせ

--------------------------------------------------------------------------------------------- */
@media projection, screen { 
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}
.search_tab {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}
.search_tab li {
	width: 50%;
	display: table-cell;
}

.search_tab li a {
	display: block;
	text-align: center;
	background: rgb(221,221,221); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(244,244,244,1) 37%, rgba(244,244,244,1) 63%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(37%,rgba(244,244,244,1)), color-stop(63%,rgba(244,244,244,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(244,244,244,1) 37%,rgba(244,244,244,1) 63%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(244,244,244,1) 37%,rgba(244,244,244,1) 63%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(244,244,244,1) 37%,rgba(244,244,244,1) 63%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(244,244,244,1) 37%,rgba(244,244,244,1) 63%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
}

.search_tab .ui-tabs-selected a img,.search_tab .ui-tabs-selected a img:hover {
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.search_tab .ui-tabs-selected a {
    background: #1696B3;
}

.search_tab .ui-tabs-selected a {
	-webkit-transition: 0s !important;
	-moz-transition: 0s !important;
	-o-transition: 0s !important;
	transition: 0s !important;
	box-shadow:inset 0 5px 20px rgba(0,0,0,.5);
}


@media only screen and ( max-width : 768px ) {
	.search_tab li img {
		width: 90%;
	}
	.search_tab li a {
		padding: 15px 0;
	}
	.search_tab .ui-tabs-selected.tab_01 a {
		background: url(../img/inqNav01_on.png) no-repeat center #1696B3;
		background-size: 90% auto;
	}

	.search_tab .ui-tabs-selected.tab_02 a {
		background: url(../img/inqNav02_on.png) no-repeat center #1696B3;
		background-size: 90% auto;
	}
	.tab_inner {
		padding: 10px;
	}
	.tab_inner input[type="text"] {
		margin-bottom: 10px !important;
	}
	.tab_inner input[type="button"] {
		margin-top: 10px;
		width: 60%;
		padding: 10px 0;
		border-radius: 5px;
		background: #D52128;
		color: #fff;
		border: none;
		font-size: 110%;
		font-weight: bold;
	}
	.tab_inner div.posL a {
		display: block;
		width: 40%;
		margin: 0 auto;
		border: 2px solid #0096C2;
		text-align: center;
		padding: 10px 0;
		border-radius: 5px;
		font-weight: bold;
		color: #0096C2;
		font-weight: bold;
	}
}

@media print, screen and ( min-width : 769px ) {
	
	.search_tab li a {
		padding: 15px 0;
	}
	.search_tab a:hover {
	    background: #1696B3;
	}
	.search_tab .ui-tabs-selected.tab_01 a {
		background: url(../img/inqNav01_on.png) no-repeat center #1696B3;
	}

	.search_tab .ui-tabs-selected.tab_02 a {
		background: url(../img/inqNav02_on.png) no-repeat center #1696B3;
	}
	.tab_inner {
		padding: 20px 10px 0 10px;
	}
	.tab_inner .easy-select-box {
		margin-right: 10px;
	}
	.tab_inner input[type="text"] {
		height: 33px;
		width: 270px;
	}
	.tab_inner div.posL {
		position: relative;
	}
	.tab_inner div.posL a {
		display: inline-block;
		position: absolute;
		right: 1px;
		top: 1px;
		line-height: 31px;
		background: rgb(51,185,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYjllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZGQ5ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(51,185,229,1) 0%, rgba(157,217,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,185,229,1)), color-stop(100%,rgba(157,217,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,185,229,1) 0%,rgba(157,217,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,185,229,1) 0%,rgba(157,217,245,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,185,229,1) 0%,rgba(157,217,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,185,229,1) 0%,rgba(157,217,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b9e5', endColorstr='#9dd9f5',GradientType=0 ); /* IE6-8 */
	font-size: 12px;
	padding: 0 5px;
	font-weight: bold;
	color: #fff;
	border-radius: 0 5px 5px 0;
	}
}


.contact table {
	width: 100%;
	margin: 15px 0;
}
.contact table th,.contact table td {
	vertical-align: middle;
}
.contact table th {
	text-align: center;
}
.contact td .postcode {
	margin-bottom: 5px !important;
	margin-left: 5px !important;
}
.contact td select {
	margin-bottom: 5px;
	padding: 5px;
}
.contact p .must {
	margin-right: 5px;
}
.contact th .must {
	margin-left: 5px;
}
.contact .submit input {
	padding: 10px;
}
.contact td label {
	display: inline-block;
}

@media only screen and ( max-width : 768px ) {
	.contact table th,.contact table td {
		display: block;
	}
	.contact td input[type="text"],textarea,.contact select {
		width: 100%;
	}
	/*textarea {
		height: 10em;
	}*/
	.contact td .postcode {
		display: inline-block;
		width: 7em !important;
	}
	.contact th {
		background: #00A0C6;
		color: #fff;
		padding: 5px;
	}
	.contact td {
		padding: 10px 10px 15px 10px;
		font-size: 12px;
	}
	.contact .submit input {
		width: 60%;
	}
}

@media print, screen and ( min-width : 769px ) {
	.contact table th,.contact table td {
		border: 1px solid #ccc;
		padding: 10px;
	}
	.contact table th {
		width: 200px;
		background: #E1F2F1;
	}
	.contact td input[type="text"] {
		width: 250px;
	}
	.contact td .postcode {
		width: 120px !important;
		display: inline-block;
	}
	.contact td .adress {
		width: 450px;
	}
	textarea {
		width: 100%;
		height: 10em;
	}
	.contact .submit input {
		width: 200px;
		cursor: pointer;
	}
	.contact input[type="text"] {
		display: inline-block;
	}
}


/* ---------------------------------------------------------------------------------------------

　   エントリー

--------------------------------------------------------------------------------------------- */
.entry table {
	width: 100%;
	margin: 15px 0;
}
.entry table th,.entry table td {
	vertical-align: middle;
}
.entry table th {
	text-align: center;
}
.entry td .postcode {
	margin-bottom: 5px !important;
	margin-left: 5px !important;
}
.entry td select {
	margin-bottom: 5px;
	padding: 5px;
}
.entry p .must {
	margin-right: 5px;
}
.entry th .must {
	margin-left: 5px;
}
.entry .submit input {
	padding: 10px;
}
.entry td label {
	display: inline-block;
}

@media only screen and ( max-width : 768px ) {
	.entry table th,.entry table td {
		display: block;
	}
	.entry td input[type="text"],textarea,select {
		width: 100%;
	}
	textarea {
		height: 10em;
	}
	.entry td .postcode {
		display: inline-block;
		width: 7em !important;
	}
	.entry th {
		background: #E1F2F1;
		color: #333;
		padding: 5px;
	}
	.entry td {
		padding: 10px 15px 15px 15px;
	}
	.entry .submit input {
		width: 60%;
	}
}

@media print, screen and ( min-width : 769px ) {
	.entry table th,.entry table td {
		border: 1px solid #ccc;
		padding: 10px;
	}
	.entry table th {
		width: 200px;
		background: #E1F2F1;
	}
	.entry td input[type="text"] {
		width: 250px;
	}
	.entry td .postcode {
		width: 120px !important;
		display: inline-block;
	}
	.entry td .adress {
		width: 450px;
	}
	textarea {
		width: 100%;
		height: 10em;
	}
	.entry .submit input {
		width: 200px;
		cursor: pointer;
	}
	.entry table#certificate th {
		width: auto;
	}
		.entry table#certificate td.year {
			width: 12%;
			padding-left: 15px;
		}
		.entry table#certificate td.month {
			width: 10%;
			padding-left: 15px;
		}
		.entry table#certificate td input[type="text"] {
			display: inline;
			width: auto;
		}
		.entry table#certificate td input.license {
			width: 100%;
		}
	.entry table#history th {
		width: auto;
	}
		.entry table#history td.period {
			vertical-align: top;
			width: 20%;
			padding-left: 15px;
		}
		.entry table#history td.posting {
			vertical-align: top;
			width: 30%;
		}
			.entry table#history td.posting textarea {
				height: 6em;
			}
		.entry table#history td.job {
			vertical-align: top;
		}
		.entry table#history td input[type="text"] {
			display: inline;
			width: auto;
		}
		.entry table#history td textarea {
			width: 100%;
			margin-bottom: 5px !important;
		}
}




/* ---------------------------------------------------------------------------------------------

　   Ｑ＆Ａ

--------------------------------------------------------------------------------------------- */
#qa .box {
	border: #ddd solid 1px !important;
}

#qa .box h6 {
	background-color: #0096C2;
	background-image: url(../img/icon_q.png);
	background-repeat: no-repeat;
}



/* ---------------------------------------------------------------------------------------------

　   利用規約

--------------------------------------------------------------------------------------------- */


#statute .min p {
	margin-bottom: 30px;
}

#statute .box ul li h4,#pp h4 {
	/*margin-bottom: 15px;*/
	color: #4D8BB4;
	font-weight: bold;
}

#statute .box ul li {
	margin-bottom: 10px;
}

#statute .mr20 {
	margin-left: 20px;
}

@media only screen and ( max-width : 768px ) {
	#statute .box ul li h4,#pp h4 {
		font-size: 14px;
	}
	#statute .box ul {
		margin-bottom: 20px;
	}
}
@media print, screen and ( min-width : 769px ) {
	#statute .box ul li h4,#pp h4 {
		font-size: 18px;
	}
	#statute .box ul {
		margin-bottom: 50px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   NEWS DATAIL

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 768px ) {
	.news_datail #content .newsimg,.news_datail #content .newstxt {
		float: none;
	}
	.news_datail #content .newsimg {
		text-align: center;
		margin-bottom: 20px;
	}
}
@media print, screen and ( min-width : 769px ) {
	.news_datail #content .newsimg {
		width: 200px;
		float: left;
		margin-right: 20px;
	}
	.news_datail #content .newstxt {
		width: 760px;
		float: left;
	}
}

/* ---------------------------------------------------------------------------------------------

　   MY PAGE

--------------------------------------------------------------------------------------------- */
#mypage .newsBox {
	max-height: 250px;
	overflow: hidden;
}

#mypage .newsBox dt {
	float: left;
	clear: left;
	width: 120px;
	padding: 10px 0 10px 10px;
}
#mypage .newsBox dd {
	padding: 10px 0px 10px 0;
	border-bottom: 1px dotted #ccc;
	padding-left: 120px;
	position: relative;
}
#mypage .newsBox dl a:hover {
	background: #B3E0DE;
	display: block;
}

#mypage span.i {
	display: block;
	text-align: center;
	font-size: 46px;
	margin-bottom: 10px;
	color: #00A0C6;
}

#mypage #content .box {
	border: 1px solid #00A0C6;
}
#mypage #content .box a {
	display: block;
	padding: 10px;
}
#mypage #content .box h6 {
	text-align: center;
}
.memberName {
	padding: 10px;
	text-align: center;
}
@media only screen and ( max-width : 768px ) {
	#mypage #content .box p {
		text-align: center;
	}
	#mypage #content .box {
		margin-bottom: 10px;
	}
}
@media print, screen and ( min-width : 769px ) {
	#mypage #content .box:hover a {
		background: #2AB8B9;
	}
	#mypage #content .box:hover a h6 {
		color: #fff;
	}
	#mypage #content .box:hover a .i {
		color: #fff;
	}
	#mypage #content .box p {
		font-size: 12px;
	}
}

/* ---------------------------------------------------------------------------------------------

　  フォーム

--------------------------------------------------------------------------------------------- */

.tel_input input {
	display: inline-block;
}
input.short {
	width: 70px !important;
	display: inline-block;
}
.td_taC td {
	text-align: center;
}
@media only screen and ( max-width : 768px ) {
	.sp_th {
		background:#E1F2F1;
		padding: 5px;
		color: #333;
		margin-bottom: 5px;
		display: block;
	}
	.td_taC select {
		display: inline-block !important;
		max-width: 50%;
	}
	tr.sp_border {
		border: 1px dotted #333;
	}
	.sp_shortselect select {
		width: 70px;
		display: inline-block;
	}
	.period1 select,.period2 select,.period3 select {
		max-width: 80px !important;
	}
}
@media print, screen and ( min-width : 769px ) {
	.entry .taL select {
		min-width: 200px;
	}
	input.long {
		width: 100% !important;
	}
	.adress_input input[type="text"]:last-child {
		margin-top: 5px !important;
	}
	.adress_input input.long02 {
		width: 400px !important;
	}
	.adress_input select {
		min-width: 200px;
	}
	input.middle {
		width: 120px !important;
	}
	.entry select.middle {
		width: 250px;
	}
}


/* ---------------------------------------------------------------------------------------------

　  サイトマップ

--------------------------------------------------------------------------------------------- */
#sitemap li {
	line-height: 18px;
	border-bottom: 1px dotted #888;
	background: url(../img/icon-logo.png) no-repeat 0 5px;
	background-size: 13px;
	padding: 5px 5px 5px 25px;
}

#sitemap li a {
	color: #007BC2 !important;
}

#sitemap li span {
	display: block;
	font-size: 11px;
	color: #666;
	margin-top: 5px;
}

@media only screen and ( max-width : 768px ) {
	#sitemap ul {
		/*padding: 0 10px;*/
	}
	#sitemap li span {
		display: block;
	}
}

@media print, screen and ( min-width : 769px ) {
	#sitemap ul {
		/*padding: 0 20px;*/
	}
	#sitemap ul li {
		width:49%;
		margin-right:2%;
		float: left;
	}
	#sitemap ul li:nth-child(2n) {
		margin-right: 0;
	}
	#sitemap ul li a {
		text-decoration: underline;

	}
	#sitemap ul li span {
	}
}


/* ---------------------------------------------------------------------------------------------

　  マイページとは

--------------------------------------------------------------------------------------------- */
.aboutmypage p {
	margin-bottom: 15px;
}
.aboutmypage ul {
	border:1px solid #00A0C6;
	padding: 10px;
	margin-bottom: 15px;
}
.aboutmypage ul li {
	list-style-type: square;
	margin-left: 20px;
	color: #00A0C6;
}
@media print, screen and ( min-width : 769px ) {
	.aboutmypage ul {
		display: inline-block;
	}
}

/* ---------------------------------------------------------------------------------------------

　  会員登録バナー

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 768px ) {
	.touroku_banner {
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}
	.touroku_banner img {
		margin-bottom: 10px;
	}
	.touroku_banner a:last-child img {
		margin-bottom: 0;
	}
}
@media print, screen and ( min-width : 769px ) {
	h2 {
		position: relative;
	}
	.touroku_banner,.company_info .touroku_banner {
		position: absolute;
		/*right: -50px;
		bottom: -40px;*/
		right: 0;
		bottom: 10px;
	}
	.touroku_banner img {
		width: 490px;
	}
	#support h2 img {
		width: 490px;
		margin:0;
	}
	.contact h2 img {
		width: 340px;
	}

	.company_info .touroku_banner img {
		width: 180px;
	}
}


/* ---------------------------------------------------------------------------------------------

　  Login Button

--------------------------------------------------------------------------------------------- */
.login_btn {
	margin:0 auto;
	text-align: center;
}
.login_btn a {
	display: block;
	padding: 15px 0;
	text-align: center;
	border-radius: 10px;
}

@media only screen and ( max-width : 768px ) {
	.login_btn {
		width: 80%;
	}
	.login_btn a {
		background: #00A0C6;
		font-size: 18px;
		color:#fff;
		font-weight: bold;
	}
}

@media print, screen and ( min-width : 769px ) {
	.login_btn {
		width: 300px;
	}
	.login_btn a {
		background: #62BCB9;
	}
}



.btn-more {
		background: rgb(0,134,195); /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a2c4e8+0,63a4dd+17,007ed3+50,2a82e0+51,268ed3+59,28adef+71,4bb8cc+84,007bef+100 */
background: rgb(162,196,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(162,196,232,1) 0%, rgba(99,164,221,1) 17%, rgba(0,126,211,1) 50%, rgba(42,130,224,1) 51%, rgba(38,142,211,1) 59%, rgba(40,173,239,1) 71%, rgba(75,184,204,1) 84%, rgba(0,123,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,196,232,1)), color-stop(17%,rgba(99,164,221,1)), color-stop(50%,rgba(0,126,211,1)), color-stop(51%,rgba(42,130,224,1)), color-stop(59%,rgba(38,142,211,1)), color-stop(71%,rgba(40,173,239,1)), color-stop(84%,rgba(75,184,204,1)), color-stop(100%,rgba(0,123,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(162,196,232,1) 0%,rgba(99,164,221,1) 17%,rgba(0,126,211,1) 50%,rgba(42,130,224,1) 51%,rgba(38,142,211,1) 59%,rgba(40,173,239,1) 71%,rgba(75,184,204,1) 84%,rgba(0,123,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(162,196,232,1) 0%,rgba(99,164,221,1) 17%,rgba(0,126,211,1) 50%,rgba(42,130,224,1) 51%,rgba(38,142,211,1) 59%,rgba(40,173,239,1) 71%,rgba(75,184,204,1) 84%,rgba(0,123,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(162,196,232,1) 0%,rgba(99,164,221,1) 17%,rgba(0,126,211,1) 50%,rgba(42,130,224,1) 51%,rgba(38,142,211,1) 59%,rgba(40,173,239,1) 71%,rgba(75,184,204,1) 84%,rgba(0,123,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(162,196,232,1) 0%,rgba(99,164,221,1) 17%,rgba(0,126,211,1) 50%,rgba(42,130,224,1) 51%,rgba(38,142,211,1) 59%,rgba(40,173,239,1) 71%,rgba(75,184,204,1) 84%,rgba(0,123,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c4e8', endColorstr='#007bef',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	color: #fff !important;
	letter-spacing: 1px;
	display: inline-block;
	padding: 5px 0;
	width: 100%;
	text-align: center;
}

/* ---------------------------------------------------------------------------------------------

　  新規会員登録

--------------------------------------------------------------------------------------------- */

#AgreeBox {
	width:100%;
	overflow-y:scroll;
	margin-bottom:10px;
	padding: 10px;
	border:1px solid #ccc;
}
#AgreeBox li,#AgreeBox p {
	font-size: 12px;
}

#AgreeBox .box {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
#AgreeBox .box ul {
	margin-bottom: 20px;
}
#AgreeBox li h4 {
	margin-bottom: 0 !important;
	font-size: 15px !important;
}

@media only screen and ( max-width : 768px ) {
	#AgreeBox {
		height:200px;
	}
}
@media print, screen and ( min-width : 769px ) {
	#AgreeBox {
		height:300px;
	}
}