@charset "UTF-8";
*{
}
html,body{
	font-size:18px;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000;
}


	

#arist{
	width:1280px;
	height:100%;
    margin: 0 auto;
	
	
}

.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix{
min-height:1px;
}

*html.clearfix{
height:1px;

height:auto;
overflow:hidden;

}

.main{
	width:1280px;
	margin: 0 auto;
	background-color:#FFF;
	text-align:center;


}


.top{
	width: 1280px;
	height: 690px;
	background-image: url("images/top.jpg");
		background-repeat: no-repeat;

	
}


.heder{width: 1166px;
	height: 130px;
	margin: 0 auto;
	background-color:rgba(255,255,255,0.00)

}

.logo{width: 425px;
height: 75px;
	float: left;
		margin-top: 40px;


}

.menu{width: 438px;
height: 42px;
	float: right;
	margin-top: 60px;
	
}

.menu1{width: 101px;
height: 42px;float: right;
}


.menu2{width: 101px;
height: 42px;float: right;
}



.menu3{width: 135px;
height: 42px;float: right;
}



.menu4{width: 101px;
height: 42px;float: right;
}

.new{width: 1260px;
height: 120px;
background-color: rgba(0,0,0,1.00);
	color: rgba(255,255,255,1.00);
	text-align: left;
	padding-left: 20px;
	padding-top: 17px;
}



.j1{width: 704px;
height: 152px;
	margin-left: 108px;
	margin-right: 60px;
	text-align: left;
	float: left;
line-height: 27px;}
}

.j2{width: 280px;
height: 122px;
float: left;

	
}


.j2 p { text-align : left ; }

.j3{width: 480px;
	height: 557px;
	margin-top: 100px;
	margin-left: 108px;
	text-align: left;
	float: left;
line-height: 27px;}





.j-title{width: 480px;
	padding-top: 20px;
	
}

.j-img{width: 480px;
height:237px;
margin-bottom: 20px;}


.Per{width:1280px;
height: 1520px;
background-color:#DFDFDF;
	float: left;
}

.per1{width:700px;
height: 260px;
text-align: left;
	margin-left: 108px;
	float: left;
	line-height: 27px;

}


.per2{width:300px;
height: 260px;
text-align: left;
	float: left;
	line-height: 27px;
}




.per4{width:700px;
height: 520px;
text-align: left;
	margin-left: 108px;
	float: left;
	line-height: 27px;

}

.company{
	width: 1280px;
height: 165px;
	float: left;
	background-image: url("images/h1.jpg");
		background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 40px;
	margin-top: 100px;
	
}


.company1{
	width: 1280px;
	height: 750px;
	float: left;
	margin: 0 auto;
}

.company-img{
	width: 400px;
	height: 600px;
	float: left;
	margin: 0 auto;
}
.company2{
	width: 200px;
	height: 220px;
	float: left;
	margin: 0 auto;
	border-right: 1px solid #000000;
	text-align: right;
	padding-right: 20px;
	color: #0066CC;
}


.company3{
	width: 630px;
	height: 220px;
	float: left;
	margin: 0 auto;
	text-align: left;
	padding-left: 20px;
	
}

.company4{
	width: 200px;
	height: 40px;
	float: left;
	margin: 0 auto;
	text-align: right;
	padding-right: 20px;
	color: #0066CC;
}
	
}


.company5{
	width: 830px;
	height: 40px;
	float: left;
	margin: 0 auto;
	padding-left: 20px;
	margin-bottom: 20px;
	
}

.company6{
	width: 200px;
	height: 300px;
	float: left;
	margin: 0 auto;
	border-right: 1px solid #000000;
	text-align: right;
	padding-right: 20px;
	margin-top: 30px;
}



.company7{
	width: 630px;
	height: 400px;
	float: left;
	margin: 0 auto;
	text-align: left;
	padding-left: 20px;
	margin-top: 30px;
}


.map{width: 1063px;
height: 200px;
	margin-top: 100px;
	margin-bottom: 100px;
	margin: 0 auto;
}


.rinen{
	width: 1280px;
	height: 305px;
float: left;
	background-image: url("images/h2.jpg");
background-repeat: no-repeat;
	margin-top: 150px;
	margin-bottom: 150px;
	
}


.rinen2{width: 1050px;
	height: 100px;
	margin: 0 auto;
	margin-top: 10px;
text-align: left;}



.ricruit{
	width: 150px;
	height: 380px;
	float: left;
	margin: 0 auto;
	text-align: left;
	padding-left: 400px;
	margin-top: 30px;
}

.ricruit2{
	width: 730px;
	height: 380px;
	float: left;
	margin: 0 auto;
	text-align: left;
	margin-top: 30px;
}



.form{
	width: 1280px;
height: 600px;
		float: left;
	background-image: url("images/back.jpg");
		background-repeat: no-repeat;
margin-top: 150px;
}
	
}



.main.contact {
    margin: 0 auto;
    padding: 30px 0;
}
table.formTable {
    width: 60%;
    margin: 0 auto;
}
table.formTable td {
    text-align: left;
    border: 1px solid #dcdcdc;
    padding: 10px;
}
table.formTable td:first-child {
    background: ;
}
table.formTable_entry {
    text-align: center;
    width: 100%;
}
input[type="text"] {
    height: 2em;
    border-radius: 4px;
    border: 1px solid #c3c3c3;
}
textarea {
    width: 98%;
    border-radius: 4px;
    border: 1px solid #bdbdbd;
}
select {
    height: 2em;
    border-radius: 5px;
    font-size: 100%;
}
/* tanks */

.main.thanks {
    margin: 0 auto;
    padding: 50px 0 200px;
}






.footer{width: 100%;
height: 210px;
background-color: #000000;
color: #FFFFFF;
margin-top: 180px;
		float: left;
	text-align: center;
	padding-bottom: 30px;

}

.footer a{color: #FFFFFF;}





ul, li{
    margin:0
    padding:0;
}
a{
	color:#000;
	text-decoration: none;
}
a:hover{
	color:#0066CC;
}
p{
	margin: 2px;
}
img{
	border-style:none;
}

.facebook{width: 340px;
height: 500px;
margin-right: 20px;
float:right;
}



.aisatsu{
	width: 800px;
	height: 434px;
	margin-left: 40px;
	float: left;
	margin-bottom: 30px;
	line-height: 28px;
	
}

.illust{width: 350px;
height: 434px;
float: left;
margin-bottom: 30px;
	
}

input#submit_button {
    padding: 15px 40px;
    font-size: 1.5em;
    // 背景色を黒に指定
    background-color: #000;
    // 文字色を白に指定
    color: #fff;
    // submitボタンのを枠を非表示にする
    border-style: none;
}










#pagetop {
    position: fixed;
    bottom: 50px;
    right: 30px;
}