@charset "UTF-8";
/*
Öêʽ»áÉç°²ÌÙ?ég : CSS used [ handicap/css/base.css ]
[9m]
13.03.01
*/
html {  
	background-color: #474747;  
}

body {
	font-family: "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif; 
	margin: 0 auto;
	line-height: 200%;
	background-color: #FFFFFF; 
	min-width:960px;
	font-size: 14px;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}

a img {
    border-style:none;
}

a { color:#3366cc; text-decoration: underline;}
a:link { color:#3366cc; text-decoration: underline;}
a:visited { color:#3366cc; text-decoration: underline;}
a:active { color:#3366cc; text-decoration: underline;}
a:hover { color:#063; text-decoration: none;}

/*  header  */
#header{
	width: 100%;
	padding-top: 86px;
	background-color: #FFF;
}

head+body #header {
	padding-top: 86px;
}

#header-bg{
	background-image: url(/recruit/handicap/img/header_bg.webp);
	background-repeat: repeat-x;
	height: 86px;
	width: 100%;
	position: absolute;
	top: 0;
	left:0;
	z-index: 10000;
	background-color: #FFF;
}

head+body #header-bg {
	position: fixed;
}

#header-top{
	height: 80px;
	width: 960px;	
	margin-right: auto;
	margin-left: auto;
}

#header-top h1{
	float:left;
	width: 300px;
	margin-top:20px;
}

#header-top div#header-right{
	float:right;
	width: 130px;
	text-align:right;
}

#main-menu{
	width:100%;
	height: 50px;
}


#header-right div{
	padding-top:10px;
	padding-bottom:12px;
}

#header-top-b{
	margin-top: 28px;
}


#bt_company a:hover img{
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}





/*  /header  */




/*  contents  */
#contentsbody {
	height:100%;
	min-height:100%;
	margin-right: auto;
	margin-left: auto;
	color:#333;
	padding-bottom:80px;
}

body#home #contentsbody{
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
}

body#message #contentsbody,
body.page-list  #contentsbody{
	padding-bottom:0px;
}




#title-box{
	background-color: #F5F5F5;
	padding-top:38px;
	padding-bottom:40px;
}



#title-box h2{
	width: 960px;	
	margin-right: auto;
	margin-left: auto;
}

#title-box p{
	font-size: 13px;
	width: 944px;	
	padding-top:6px;
	padding-left:8px;
	line-height:170%;
	margin-right: auto;
	margin-left: auto;
}


#cont{
	width: 960px;	
	margin-right: auto;
	margin-left: auto;
	margin-top:36px;
	margin-bottom:100px;
	font-size: 108%;
	line-height:202%;
}


#top-bar{
	position: fixed;
	bottom:200px;
}

.bt-pageclass{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index:2000;
}

.bt-pageclass2{
	position: absolute;
	margin-bottom: 30px;
	right: 30px;
	z-index:2000;
}

#contact-box{
	border: 5px solid #cdcdcd;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 15px;
	padding:20px;
	line-height:160%;
}



/*  /contents  */

/*  footer **** */

footer{
	background-image: url(/recruit/handicap/img/footer_bg.gif);
	background-repeat: repeat-x;
	height:77px;
	margin-top:0px;
	padding-top:23px;
	font-size:93%;
}

footer div{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


footer ul{
	width: 550px;
	float: left;	
}

footer ul a:link,
footer ul a:visited,
footer ul a:active,
footer ul a:hover{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}

footer ul li{
	display: inline-block;
	padding-right: 40px;
}

address{
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	width: 400px;
	float: right;
	text-align: right;
}

#flogo{
	text-align: right;
}

#copyright{
	margin-top: 13px;
	text-align: right;
}

body#home #footer{
	width:100%;
	bottom:0;
	margin-top:0px;
	height:50px;
	background-color: #FFF;
	background-position: 0px 1px;
	position:absolute;
	padding-top:10px;
}

head+body#home #footer {
	z-index: 11000;
	position: fixed;
}

head+body#home #footer_area{
	width:100%;
}

body#home #footer-left,
body#home #flogo{
	display:none;
}

body#home #footer-right{
	clear: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%
}

head+body#home #copyright{
	padding-right:10px;
}




/*  /footer **** */

.pc_only{
	display: inline-block;
}

.sp_only{
	display: none;
}


/*  clearFix **** */

.clear {
	clear: both;
	float: none;
}

.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
 
}
/* exlude MacIE5 \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */



.displaynone,
.print_only{
	display: none;
}

/****/

.nowrap{
	white-space: nowrap;
}

/****/
.pdf_icon{
	margin-top: 3px;
	display: block;
}

/****/
.padding_5{
	padding: 5px;	
}

.padding_10{
	padding: 10px;	
}

.padding_20{
	padding: 20px;	
}

.padding_top_5{
	padding-top: 5px;		
}

.padding_top_10{
	padding-top: 10px;		
}

.padding_top_15{
	padding-top: 15px;		
}

.padding_top_20{
	padding-top: 20px;		
}

.padding_top_30{
	padding-top: 30px;		
}

.padding_bottom_5{
	padding-bottom: 5px;		
}

.padding_bottom_10{
	padding-bottom: 10px;		
}

.padding_bottom_15{
	padding-bottom: 15px;
}

.padding_bottom_20{
	padding-bottom: 20px;
}

.padding_left_3{
	padding-left: 3px;		
}

.padding_left_5{
	padding-left: 5px;		
}

.padding_left_10{
	padding-left: 10px;		
}

.padding_left_15{
	padding-left: 15px;		
}

.padding_left_25{
	padding-left: 15px;		
}

.padding_right_5{
	padding-right: 5px;		
}

.padding_right_10{
	padding-right: 10px;		
}

.padding_right_15{
	padding-right: 15px;
}

.padding_right_30{
	padding-right: 30px;
}

.margin_top_5{
	margin-top: 5px;		
}

.margin_top_10{
	margin-top: 10px;		
}

.margin_top_15{
	margin-top: 15px;		
}


.margin_top_20{
	margin-top: 20px;
}

.margin_top_28{
	margin-top: 28px;
}

.margin_top_30{
	margin-top: 30px;
}


.margin_top_35{
	margin-top: 35px;
}

.margin_top_40{
	margin-top: 40px;
}

.margin_top_50{
	margin-top: 50px;
}

.margin_top_60{
	margin-top: 60px;
}

.margin_top_70{
	margin-top: 70px;
}

.margin_bottom_5{
	margin-bottom: 5px;		
}

.margin_bottom_10{
	margin-bottom: 10px;		
}

.margin_bottom_15{
	margin-bottom: 15px;		
}

.margin_bottom_20{
	margin-bottom: 20px;		
}

.margin_bottom_30{
	margin-bottom: 30px;		
}

.margin_bottom_40{
	margin-bottom: 40px;		
}

.margin_left_4{
	margin-left: 4px;		
}

.margin_left_5{
	margin-left: 5px;		
}

.margin_left_10{
	margin-left: 10px;		
}

.margin_left_15{
	margin-left: 15px;		
}

.margin_left_20{
	margin-left: 20px;		
}

.margin_left_40{
	margin-left: 40px;		
}

.margin_left_42{
	margin-left: 42px;		
}


.margin_right_5{
	margin-right: 5px;		
}

.margin_right_10{
	margin-right: 10px;		
}

.margin_right_15{
	margin-right: 15px;		
}

.margin_right_20{
	margin-right: 20px;		
}

.margin_right_40{
	margin-right: 40px;		
}

.box250{
	width: 250px;	
}

.box300{
	width: 300px;
}

.box315{
	width: 315px;
}

.box330{
	width: 330px;	
}

.box350{
	width: 350px;	
}

.box370{
	width: 370px;	
}

.box390{
	width: 390px;	
}

.box400{
	width: 400px;	
}

.box425{
	width: 425px;	
}

.box460{
	width: 460px;	
}

.box480{
	width: 480px;	
}

.box510{
	width: 510px;	
}

.box530{
	width: 530px;	
}

.box590{
	width: 590px;	
}

.box610{
	width: 610px;	
}

.box630{
	width:630px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px;
}

.box645{
	width:645px;
	margin-left: 10px;
	margin-right: 0px;
	padding: 0px;
}

.box650{
	width:650px;
	margin-left: 5px;
	margin-right: 0px;
	padding: 0px;
}

.box650{
	margin-right: 5px;		
}



.font85{
	font-size: 85%;
}

.font95{
	font-size: 95%;
}

.font90{
	font-size: 90%;
}

.font115{
	font-size: 115%;
}

.font130{
	font-size: 130%;
}

.font_red{
	color: #FF0000;	
}

.font_green{
	color: #168949;	
}

.font_blue{
	color: #0099CC;
}

.fotn_orange{
	color: #FF6600;
}

.font_purple{
	color: #6633CC;
}

.line-height140{
	line-height: 140%;	
}

.line-height160{
	line-height: 160%;	
}

.bg_color_FBF5E9{
	background-color: #FBF5E9;	
}

.bg_color_E6F5ED{
	background-color: #E6F5ED;	
}

.bg_color_F3ECC8{
	background-color: #F3ECC8;
}

.border_1_ccc{
	border: 1px solid #CCC;	
}


@media screen and (max-width: 640px) {
	body {
		font-family: "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif; 
		margin: 0 auto;
		line-height: 200%;
		background-color: #FFFFFF; 
		min-width: 100%;
		font-size: 14px;
	}
	
	.pc_only{
		display: none;
	}

	.sp_only{
		display: inline-block;
	}
	
	img{
		max-width: 100%;
	}
	
	/*  header  */
	#header{
		width: 100%;
		padding-top: 0px;
		padding-left: 5%;
		padding-right: 5%;
	}

	head+body #header {
		padding-top: auto;
	}

	#header-bg{
		background-image: url(/recruit/handicap/img/header_bg.webp);
		background-position: left bottom;
		background-repeat: repeat-x;
		height: auto;
		width: 100%;
		position: absolute;
		top: 0;
		left:0;
		z-index: 10000;
	}

	head+body #header-bg {
		position: fixed;
	}

	#header-top{
		height: auto;
		width: 100%;	
		margin-right: auto;
		margin-left: auto;
	}

	#header-top h1{
		float: none;
		width: 100%;	
		margin-top:0px;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-left: 4%;
	}

	#header-top div#header-right{
		display: none;
		float: none;
		width: 130px;
		text-align:right;
	}

	#header-right div{
		padding-top:10px;
		padding-bottom:12px;
	}

	#header-top-b{
		margin-top: 28px;
	}


	#bt_company a:hover img{
		opacity: 0.6;
		-moz-opacity: 0.6;
		filter: alpha(opacity=60);
	}





	/*  /header  */

	
	
	/*  contents  */
	#contentsbody {
		height:100%;
		min-height:100%;
		margin-right: auto;
		margin-left: auto;
		color:#333;
		padding-bottom:0px;
	}

	body#home #contentsbody{
		background-color: #FFFFFF;
		margin:0px;
		padding:0px;
	}

	body#message #contentsbody,
	body.page-list  #contentsbody{
		padding-bottom:0px;
	}

	#title-box{
		background-color: #F5F5F5;
		padding-top:10%;
		padding-bottom:8%;
		padding-left: 5%;
		padding-right: 10%;
	}

	#title-box h2{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	#title-box p{
		font-size: 13px;
		width: 100%;
		padding-top:6px;
		padding-left:8px;
		line-height:170%;
		margin-right: auto;
		margin-left: auto;
	}

	#cont{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		margin-right: auto;
		margin-left: auto;
		margin-top:8%;
		margin-bottom:100px;
		font-size: 108%;
		line-height:202%;
	}
	
	#contact-box{
		border: 5px solid #cdcdcd;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		margin-bottom: 15px;
		padding:4%;
		line-height:160%;
	}

	
	
	/*  contents  */
	
	
	
	/*  footer **** */

	footer{
		background-image: url(/recruit/handicap/img/footer_bg.gif);
		background-repeat: repeat-x;
		height:77px;
		margin-top:0px;
		padding-top:23px;
		font-size:93%;
	}

	footer div{
		padding-left: 5%;
		padding-right: 5%;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}


	footer ul{
		width: 100%;
		float: none;
	}

	footer ul a:link,
	footer ul a:visited,
	footer ul a:active,
	footer ul a:hover{
		font-size: 12px;
		color: #FFF;
		text-decoration: none;
	}

	footer ul li{
		display: inline-block;
		padding-right: 40px;
	}

	address{
		font-size: 10px;
		font-weight: normal;
		color: #FFF;
		width: 100%;
		float: none;
		text-align: left;
		padding-top: 20px;
		line-height: 1.6;
	}

	#flogo{
		text-align: right;
	}

	#copyright{
		margin-top: 13px;
		text-align: right;
	}

	body#home #footer{
		width:100%;
		bottom:0;
		margin-top:0px;
		height:50px;
		background-color: #FFF;
		background-position: 0px 1px;
		position:absolute;
		padding-top:10px;
	}

	head+body#home #footer {
		z-index: 11000;
		position: fixed;
	}

	head+body#home #footer_area{
		width:100%;
	}

	body#home #footer-left,
	body#home #flogo{
		display:none;
	}

	body#home #footer-right{
		clear: none;
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: 100%
	}

	head+body#home #copyright{
		padding-right:10px;
	}


	
	
}