@charset "utf-8";

/*----------------------
リセット
-----------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

/*----------------
ここから
---------------------*/




body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #FFF;
color: #333;
font-size: small;
line-height: 1.5;
}


#img-background {
	width:100%;
	height:1300px;
	position:absolute;
	z-index:-999;
}



#wrapper {
	margin: 0px auto;
	width: 1200px;
	text-align: center;

	
}

#header{
	border-bottom:solid 0.1px #a8a7a6;
	width:1200px;
	margin-bottom: 15px;
	
}

#logo{
	width: 832px;
	height: 119px;
}



nav ul li a{
	display: block; 
	
	
}


#top01{
	width: 80px;
	float: left;
	clear:both;
}

#menu01{
	width: 120px;
	float: left;
}

#concpt01{
	width: 130px;
	float: left;
}

#work01{
	width:130px;
	float: left;
}

#contact01{
	width:130px;
	float: left;
}

#owerblog01{
	width: 180px;
	float: left;
}

#staffblog01{
	width: 170px;
	float: left;
}

#twitter01{
	width:110px;
	float: left;
}

#facebook01{
	width:140px;
	float: left;
}

a:hover  img{
opacity:0.2;
filter:alpha(opacity=20);
-ms-filter: "alpha( opacity=20 )";
}

#contens{
		border: 0.1px solid #a8a7a6;
		width:1200px;
		height:930px;;
		margin-top: 70px;
		margin-left:auto;
		margin-right:auto;
	border-radius: 8px;  
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(PIE.htc);
	background:#fdfdfd;
	
}

#contact02{
	height: 300px;

}
#otoiawase{
	margin:0 auto;
	margin-top: 150px;
	
}
.form {
	width: 620px;
	
}


.form table th {
width: 25%;

}

.form table td {

width: 200px;
}

.form table th,
.form table td {
padding: 10px;
vertical-align: top;
text-align: left;
font-weight: normal;

}

.form table td.submit {
border: 0;
text-align: center;
}



#name{
		margin-top: 20px;
}

input,textarea{
	border-radius: 8px;  
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(PIE.htc);

	
}

.submit{
	text-align:center;

}

 .submit:hover{
opacity:0.2;
filter:alpha(opacity=20);
-ms-filter: "alpha( opacity=20 )";
}

#footer{
	
	margin-top: 50px;
	width: 900px;
	height: 80px;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}



#foot01{
	float:left;
}



#foot02 ul li a{
	display: block; 
	float: left;
	
}