body, header, section, h1, h2, nav, ul, ol, li {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}


h1 {
	/*color:#ffffff;*/
	background-color:#E1EAFE;
	border-top: solid 2px #0c1862;
	border-bottom: solid 2px #0c1862;
	margin:10px 0 0 0;
	padding:10px;
}

h3 {
	text-align:center;
}

h3.title {
	background-color:#eeeeee;
	padding:10px;
	text-align:center;
	border: 1px #cccccc solid;
}
h3.subtitle {
	background-color:#ffffff;
	padding:5px;
	text-align:center;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	font-weight:normal;
	font-size:1.0em;
}

.f12 {
	font-size:12px;
}
.f12lh09 {
	font-size:12px;
	line-height:1.1em;
}
.f14 {
	font-size:14px;
}
.f10 {
	font-size:10px;
}
.f10r {
	font-size:10px;
	color:#ff0000;
}

.clearfix:after{
	content:'.';
	visibility:hidden;
	width:100%;
	clear:both;
	line-height:0px;
}








#container_sp {
	overflow:hidden;
	padding:0 ;
	margin-bottom:20px;
}



#title {
	/*background-color:#949FB5;*/
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:5px 5px;
	margin:10px 0px;
	height:auto;
	-webkit-border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#949FB5), to(#6D7896));

}






/* メニュー全体 */
.spmenu {
  width: 100%;
  text-align: left;
  font-size: 18px;
}

/* チェックボックスは非表示にする（内部的な Off/On の機能だけ利用する） */
.spmenu input {
    display: none;
}

/* 開いた状態のサブメニュー */
.spmenu input:checked + ul {
    display: block;
}

/* 閉じた状態のサブメニュー */
.spmenu ul {
    display: none;
    /* 下記は開閉によらず共通の設定 */
    background: #eee;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 親項目の装飾 */
.spmenu label {
    display: block;
    margin: 0;
	padding: 10px 10px 10px 20px;
    background: #ccc;
    cursor: pointer;
}

.spmenu li {
	border-bottom: 1px solid #fff;
	padding: 5px 10px 5px 20px;
}























#pagetitle {
	margin:10px 0 20px 0;
	padding: 5px 8px 5px 8px;
	font-size: 16px;
    background: -webkit-gradient(
		       linear, left top, left bottom, 
		       from(#ffffff),
		       to(#eeeeee));
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px #cccccc;
	text-shadow:1px 1px 0px rgba(255,255,255,1.0);
	font-weight:bold;
	color:#666;
}




.reg_button_div {
	margin:20px 0px;
}
.reg_button {
	text-align:center;
	margin:5px 0px;
}


.pagetop {
	margin-top:20px;
	margin-bottom:15px;
	text-align:right;
}


.listtag {
	margin-left:20px;
	font-size:0.9em;
}






/*#news*/

#newstitle {
	margin-top:20px;
	padding:5px 0 5px 10px;
    background: -webkit-gradient(
		       linear, left top, left bottom, 
		       from(#ffffff),
		       to(#eeeeee));
	-webkit-border-top-left-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 10px;	/* Firefox用 */
	-webkit-border-top-right-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 10px;	/* Firefox用 */
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	text-shadow:1px 1px 0px rgba(255,255,255,1.0);
	font-weight:bold;
	color:#666;
}

#news {
	clear:both;
	font-size:small;
	border:1px #ddd solid;
	padding:4px;
}









#forpc {
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
}






#footersp {
	font-size:16px;
}



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



#pagecontrol_top {
	margin:4px 0px;
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}

.joblist_no {
	background-color:#efefef;
	padding:5px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	-webkit-border-top-left-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 10px;	/* Firefox用 */
	-webkit-border-top-right-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 10px;	/* Firefox用 */
}
.joblist {
	margin:0px 0px 10px 0px ;
	padding:5px;
	border: solid 1px #cccccc;
	-webkit-border-bottom-left-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 10px;	/* Firefox用 */
	-webkit-border-bottom-right-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 10px;	/* Firefox用 */
}




ul.navbtm {
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
	height:40px;
	line-height:0;
	margin-top:50px;
}

ul.navbtm li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	background: #000000 url(images/nav_botm_bg.gif);
	color: #fff;
	margin-right: 1px;
	width: 1000px;
}

ul.navbtm li a {
	display: block;
	color: #fff;
	/*line-height: 30px;*/
	text-align: center;
}

ul.navbtm li:last-child {
	margin-right: 0;
}





#snslogo{
	margin:10px 0;
}
.snslogo_left{
	width:50%;
	text-align: center;
	float:left;
}
.snslogo_right{
	width:50%;
	text-align: center;
	float:right;
}


#ptitle{
	background-color:#efefef;
	margin:0 0 10px 0;
	padding:5px;
	border: solid 1px #cccccc;
	-webkit-border-top-left-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 10px;	/* Firefox用 */
	-webkit-border-top-right-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 10px;	/* Firefox用 */
	-webkit-border-bottom-left-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 10px;	/* Firefox用 */
	-webkit-border-bottom-right-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 10px;	/* Firefox用 */
}



#bottomnav{
	padding: 0;
	margin:0;
	height:50px;
	text-align:center;
	background: #0c1862 url(images/bottomnav_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

#bottomnav_left{
	width:50%;
	height:50px;
	text-align: left;
	float:left;
}
#bottomnav_right{
	width:50%;
	height:50px;
	text-align: right;
	float:left;
}

.shubetsu {
	background-color: #BAD3FF;
	padding:1px 4px 1px 4px;
	margin-right:5px;
	-webkit-border-top-left-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 6px;	/* Firefox用 */
	-webkit-border-top-right-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 6px;	/* Firefox用 */
	-webkit-border-bottom-left-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 6px;	/* Firefox用 */
	-webkit-border-bottom-right-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 6px;	/* Firefox用 */
}

#detailcatch {
	margin-bottom:10px;
	padding:5px 0;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}


.datailtable {
	font-size:small;
	background:#ddd;
}
.datailtable td {
	padding:4px;
	border-bottom: solid 1px #cccccc;
}


#pagetitlebar {
	width:250px;
	height:16px;
	background-image: url(images/pagetitlebar.png);background-size:contain;
	margin:0 auto 10px auto;
	padding:12px 20px;
	font-size:14px;
	font-weight:bold;
}


.submitbtn {
	width: 290px;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800));	
	border: 1px #F27300 solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #C45C00;
	font-size:16px;
}


.shumokubg {
	margin-bottom:4px;
	font-size:12px;
	font-weight:normal;

	-webkit-border-top-left-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 4px;	/* Firefox用 */
	-webkit-border-bottom-left-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */

	padding:4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
}

.shumokubg2 {
	margin-bottom:4px;
	font-size:12px;
	font-weight:normal;

	-webkit-border-top-left-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 4px;	/* Firefox用 */
	-webkit-border-bottom-left-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */

	padding:4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	color:#ffffff;
	display:inline-block;
}

.shumokubg3 {
	margin-bottom:4px;
	font-size:12px;
	font-weight:normal;

	-webkit-border-top-left-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topleft: 4px;	/* Firefox用 */
	-webkit-border-bottom-left-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */

	padding:4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #faa844), color-stop(100%, #e38a1d) );
	background:-moz-linear-gradient( center top, #faa844 5%, #e38a1d 100% );
	background:-ms-linear-gradient( top, #faa844 5%, #e38a1d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa844', endColorstr='#e38a1d');
	background-color:#faa844;
	color:#ffffff;
	display:inline-block;
}

.pricebg {
	margin-bottom:4px;
	font-size:12px;
	font-weight:normal;

	-webkit-border-top-right-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */
	-webkit-border-bottom-right-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */

	padding:4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #bddbfa), color-stop(100%, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	background:-ms-linear-gradient( top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;

	color:#000000;
	display:inline-block;
}

.pricebg2 {
	margin-bottom:4px;
	font-size:12px;
	font-weight:normal;

	-webkit-border-top-right-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */
	-webkit-border-bottom-right-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */

	padding:4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #b8e356), color-stop(100%, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	background:-ms-linear-gradient( top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;

	color:#000000;
	display:inline-block;
}

.pricebg3 {
	margin-bottom:4px;
	font-size:12px;
	font-weight:normal;

	-webkit-border-top-right-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */
	-webkit-border-bottom-right-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius-topright: 4px;	/* Firefox用 */

	padding:4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fcd3a1), color-stop(100%, #f1c48e) );
	background:-moz-linear-gradient( center top, #fcd3a1 5%, #f1c48e 100% );
	background:-ms-linear-gradient( top, #fcd3a1 5%, #f1c48e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd3a1', endColorstr='#f1c48e');
	background-color:#fcd3a1;

	color:#000000;
	display:inline-block;
}


.css_btn_class {
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #84bbf3;
	padding:4px 8px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #bddbfa), color-stop(100%, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	background:-ms-linear-gradient( top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	color:#ffffff;
	display:inline-block;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #80b5ea), color-stop(100%, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	background:-ms-linear-gradient( top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea;
}.css_btn_class:active {
	position:relative;
	top:1px;
}



.searchjoken {
	font-size:12px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	padding:4px 8px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}


.histryback {
	font-size:12px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:4px 8px;
	margin:10px 0;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#333333;
	display:inline-block;
}