@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2009-03-26
 * Editor:    contents yamamoto
 * Modified:  2009-03-26 by:contents yamamoto
 *
 * ***********************************************************
 */
 

/* =====================================================

  wrapper

===================================================== */



 
#wrapper {
	margin: 0px auto;
	width:1123px;
	text-align:center;
	position: relative;
	background-color: #FFFFFF;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D9D9D9;
	border-left-color: #D9D9D9;

}

/* =====================================================

  header area

===================================================== */

#header {
	height:47px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
}

h1 {
	position: absolute;
	left: 7px;
	top: 4px;
}


#day {
	position: absolute;
	width: 144px;
	right: 0px;
	line-height:0;
	top: 19px;
	z-index: 3;
}

/* ---------- ttl area ---------- */

#ttlArea {
	height: 700px;
	background-image: url(../img/photo_jobs.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#ttlArea2 {
	height: 580px;
	background-image: url(../img/photo_jobs2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#ttlArea3 {
	background-image: url(../img/photo_america.jpg);
	background-repeat: no-repeat;
	background-position: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
}

#ttlArea .photo {
	position: absolute;
	right:-180px;
	z-index: 1;
	top: 92px;
	width: 849px;
}



.str {
	margin-left:60px;
	margin-top: 24px;

}

.news {
	margin-left:60px;
	margin-bottom: 20px;
	margin-top: 0px;
	width: 983px;
	background-image: url(../img/news_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;

}
.copy1 {
	margin-left:60px;
	margin-bottom: 20px;
	padding-top: 65px;
	width: 500px;

}
.copy2 {
	margin-left:60px;
	margin-top: 30px;
	margin-bottom: 10px;

}
.copy3 {
	margin-left:60px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 500px;

}
.copy4 {
	margin-left:60px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 425px;

}
.copy5 {
	margin-left:60px;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 550px;

}




/* ---------- main area ---------- */

#main {
	background-color: #F2F2F2;
	background-image: url(../img/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 30px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 35px;
	height: 350px;
}

#main .text {
	line-height: 138.5%;
	margin-bottom: 15px;
}

#main .text span {
	color:#AF2401;
	font-size: 123.1%;
	font-weight: bold;
}

#main .text02 {
	line-height: 1.5em;
}

#main .link {
	line-height: 160%;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding: 5px 3px;
}

#main .link a {
	margin-left:10px;
}

#main .inner {
	margin-bottom: 1px;
	background-image: url(../img/photo_ipad.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 350px;
}
#main .inner2 {
	margin-bottom: 1px;
	background-image: url(../img/photo_ipad2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 350px;
}

#main .inner .photo {
	float: left;
	width: 350px;
	bottom: auto;
	background-position: bottom;
}

#main .box {
	float: right;
	width: 600px;
	padding-top: 10px;
	padding-bottom: 30px;
}

#main .april {
	text-align:right;
	float: right;
	width: 630px;
}

#main .waku {
	padding: 15px;
	background: url(../common/icann_bg.gif);
	margin-top: 20px;
	line-height: 145%;
}



/* =====================================================

  footer area

===================================================== */

#footer {
	text-align: center;
	background-color:#FFFFFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
	border-top-width: 1px;
	border-top-color: #D9D9D9;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
}

	/* fmenu */	
	#footer ul.fNavi {
	padding-left: 5px;
	float: left;
	width: 500px;
	}

	#footer ul.fNavi li.tit {
	padding: 0px;
	color: #666666;
	}

	#footer ul.fNavi li {
	float:left;
	padding: 0px 0px 0px 7px;
	font-size: 93%;
	}

	#footer ul.fNavi li a {
	color: #7084E4;
	}

	/* copyright */	
	#footer address {
	text-align: right;
	}
	
/* ----- snsBlock ----- */
.snsBlock{
	padding-bottom: 5px;
	padding-left: 60px;
}

.snsArea{
	float:left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0;
}
