/* -----------------------------------------------------------
全頁共通
----------------------------------------------------------- */

#headerContnainer{
	width:100%;
	height:132px;
	position:fixed;
	top:0;
}
#headerContnainer header{
	width:980px;
	height:55px;
	background:#fff;
	margin: auto;
}
/*
#headerContnainer header{
	width:980px;
	height:55px;
	position:fixed;
	top:0;
	right:50%;
	margin-right:-490px;
}
*/
#headerContnainer header h1{
	width:120px;
	float:left;
	padding-right:35px;
}
#glovalNavi{
	float:left;
	padding-top:24px;
}
#glovalNavi ul li{
	float:left;
	padding-right:20px;
}
#headerLine{ /* ヘッダーのグレーライン */
	width:100%;
	height:1px;
	margin-bottom:1px;
	background:#dadada;
	/*margin-top:55px;*/
}
#headerBg{ /* ヘッダーの帯 */
	width:100%;
	background:url(../images/header_bg.jpg) repeat-x center;
	height:75px;
}

#Wrapper{
	width:100%;
	height:600px;
	border-bottom:1px solid #dadada;
	background:#eee;
	position:relative;
	top:134px;
	overflow: hidden;
}
#Wrapper #prev,
#Wrapper #next{
	width:45px;
	height:45px;
	position:fixed;
	top:400px;
}
#Wrapper #prev{
	left:50%;
	margin-left:-490px;
}
#Wrapper #next{
	right:50%;
	margin-right:-490px;
}
#Wrapper #prev a:hover,
#Wrapper #next a:hover{
	opacity:0.5;
}

.box{
	width:980px;
	height:600px;
	float:left;
}
#aBox{
	width:2940px;
	position:absolute;
	top:0;
	left:0;
}
#bBox{
	width:3240px;
	position:absolute;
	top:0;
	left:0;
}
#cBox{
	width:3540px;
	position:absolute;
	top:0;
	left:0;
}
.ml100{ margin-left:100px; }
.ml200{ margin-left:200px; }













/* footer */

#footerContainer{
	width:980px;
	position:fixed;
	top:735px;
	left:50%;
	margin-left:-490px;
}
#footerContainer .twitter{
	float:left;
	padding-top:10px;
	padding-right:2px; 
}
#footerContainer .facebook,
#footerContainer .mailmagazine{
	float:left;
	padding-top:10px;
	padding-right:20px; 
}
#footerContainer .webstore{
	float:left;
	padding-top:6px;
}
#footerContainer .copyright{
	float:right;
	padding-top:10px;
}
#footerContainer .facebook a:hover,
#footerContainer .mailmagazine a:hover,
#footerContainer .copyright a:hover,
#footerContainer .twitter a:hover,
#footerContainer .webstore a:hover{
	opacity:0.5;
}























/* CONTACT & RECRUIT */
#fancyContainer{
	width:700px;
	margin:0 auto;
}
#fancyContainer h2{
	color:#fff;
	font-size:14px;
	padding-bottom:15px;
}
#fancyContainer p{
	color:#fff;
}
#fancyContainer .box01{
	background:#000000;
	width:660px;
}
#fancyContainer .box02{
	width:660px;
}
#fancyContainer .leftBox{
	width:100px;
	float:left;
	padding:8px;
}
#fancyContainer .rightBox{
	width:520px;
	float:left;
	border-left:1px dotted #444;
	padding:8px 8px 8px 15px;
}
#fancyContainer .btn{
	padding-top:10px;
}
#fancyContainer .btn a:link,
#fancyContainer .btn a:visited{
	text-decoration: underline;
	color:#F69;
	font-weight:bold;
}

#fancyContainer .btnr a:hover,
#fancyContainer .btn a:active{
	text-decoration: none;
	color: #F69;
	font-weight:bold;
}

#fancyContainer a:link,
#fancyContainer a:visited{
	text-decoration: underline;
	color: #fff;
}

#fancyContainer a:hover,
#fancyContainer a:active{
	text-decoration: none;
	color: #fff;
}
#fancyContainer #recruitBox{
	width:700px;
	padding-left:20px;
	height:400px;
	overflow: auto;
	position:relative;
}
#fancyContainer #recruitBox .scroll-pane{
	width:680px;
	height:400px;
}