@charset "utf-8";

/* =indexCSS
------------------------------------------------------------------------------------------*/
#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-image : url( ../images/loading.gif );
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}

#wrap section{margin-bottom:30px;}

/* = トップCSS
------------------------------------------------------------------------------------------*/

.top_news{
	bottom:70px;
	width:100%;
	text-align:left;
}
.top_newstitle{
	padding:0 30px;
}
.top_news h2{ margin:0;float:left;}
.top_news .more{float:right; padding:0 10px; line-height:24px; font-size:10px; font-weight:bolder;}
.top_news .more a{color:#444;}

#outer {}		
#canvasContainer{margin:0; padding:0;}
#mainCanvas{margin:0; padding:0;position: absolute; top: 0;left: 0;z-index:-1;opacity:0.3; overflow:hidden;}
		
.top_spacer{
	height:500px;
	display:block;
}		
		
/* = facebook
------------------------------------------------------------------------------------------*/
#fb_feeder{
	border:2px solid #ff5400;
	padding:7px 0 0 0;
	line-height:16px;
	margin-bottom:5px;
	margin:0 30px;
}
#fb_feeder ul{padding:0 10px 10px 10px; border-bottom:1px solid #ddd;}
#fb_feeder dt{border-bottom:1px dashed #999; padding-bottom:1px; margin-bottom:5px; color:#ff5400; font-weight:bolder;}
#fb_feeder a{color:#333;}
#fb_feeder li{padding-bottom:8px;}
#fb_feeder img{}
		

/* = 会社概要CSS
------------------------------------------------------------------------------------------*/
#wrap h2{font-size:24px;}
#company{}
#company li{border-bottom:1px dotted #aaa; padding:10px;overflow: hidden;}
#company li:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

#comapny dl{padding:10px;}
#company dt{float:left; border-right:1px solid #666; padding-right:10px; width:120px;}
#company dd{float:left; padding-left:20px;}



/* = recruit CSS
------------------------------------------------------------------------------------------*/
.rec_title{margin-bottom:10px;}
.recruit_box{ border:1px solid #999; padding:10px 20px; background-color:#FFF;}
.recruit_box h3{border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:10px;}
.recruit_txt{margin-bottom:20px;}

.recruit_box dl:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.recruit_box dl{overflow: hidden; margin-bottom:10px; border-bottom:1px dashed #999;}
.recruit_box dt{float:left; width:200px;overflow: hidden;}
.recruit_box dd{float:left;}
.recruit_box h4{ font-weight:bolder; font-size:16px; background-color:#eee; padding:5px 10px; margin-bottom:10px;}
.recruit_box .free_txt{margin-bottom:15px;}

/* = CONTACT CSS
------------------------------------------------------------------------------------------*/

label.error {
	display: inline-block;
	border: 1px solid red;
	background-color: #ffffff;
	margin-left: 10px;
	padding: 5px;
    color: red;
}