@charset "UTF-8";
/* CSS Document */

html {  font-size: 15px;    overflow: auto;}
* html { /* for IE6 */  overflow: hidden;   overflow-x: auto;   height: 100%;}

body {
  background: #ffffff;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	color: #000;
	margin:0;
	overflow-x:hidden;
	position:relative;
	min-width: 924px;
	
	
}

* html body { /* for IE6 */   overflow-y: auto;   height: 100%;}
	
#container {  margin: 0 auto; width: 924px;}
	
#header { margin: 0 -500%;    padding: 0 500%;    width: 100%;}
	
* html #header { /* for IE6 */ position: relative; zoom: 1;}*:first-child+html 
	
#header { /* for IE7 */ position: relative; zoom: 1;}
	
ul.menuList { background:url(mainimg.gif) 0 0;  margin: 0 -437%;    padding: 0 500%;    height: 291px;}  
ul.menuList2 { background:url(dots.png) 0 0;  margin: 0 -498%;    padding: 0 500%;    height: 107px;}  
ul.menuList3 { background:url(colage.png) 0 0;  margin: 0 -545%;    padding: 0 500%;    height: 281px;}  


h1,
h2,
h3,
h4,
h5,
{
	margin: 0px;
}

p{
	margin:0 0 5px 15px;
	}

h1,
h2,
h3,
h4,
h5,
p{
	line-height:25px;;
}

h2{
	
	height:30px;
	margin: 0px 0;
	padding:30px 0;
	text-align: center;
	
	
}

h3{
	color:#125734;
	font-size:100%;
	text-align:left;}


.tophead{
	height:105px;
	}
	
#logo{
	height:56px;
	width::275px;
	padding-top:30px;
	float:left;
	}
	
	
.gnavi{
	float:right;
	height:30px;
	width:496px;
	padding:47px 0 0 0px;}
	
.navibtn{
	float:left;
	margin-left:35px;}
	
#top{
	width:924px;
	height:357px;
	margin:0 auto;}
		
.topimg{
	padding:53px 0 32px 0;}	
	
#contents{
	width:924px;
	margin:0 auto;
	padding-top:27px;
	}	
	
.works{
	width:923px;
	padding-bottom:50px;
	}
	
.worksletter{
	float:left;}	
	
.worksimg{
	float:right;
	margin-right:25px;}	

.headcircle{
	color:#2e76bc;}
	
.profileline1{
	float:left;}

.profileline2{
	float:left;
	margin-left:30px;}
			
.companeylogo{
	width:	210px;
	margin:0 auto;}	
	
/*footer*/

footer{
	width:924px;
	margin:0 auto;
	padding-top:123px;}


.footerlogo{
	margin:0 auto;
	width:259px;
	}
	
.footerline{
	width:924px;
	height:1px;
	background:#000;
	margin:10px 0 12px 0;
}	
	
	
.footernavi{
	margin:0 auto;
	width:727px;
	}
	
.fbtn{
	padding-top:0px;
	margin:0px 153px 0 0;
	float:left;}	
	
.fbtnend{
	padding-top:0px;
	margin:0px 0px 0 0;
	float:left;}		
	
.copy{
	text-align:center;
	width:100%;
	color:#000;
	font-size:80%;
	padding:21px 0 10px 0;
	margin-bottom:10px;

}
	
	
	
.clear{
	clear:both;
	}	
	
	
	
	
.contact{
	margin:50px 0 0 60px}

form#mailform {
	padding: 5px;
}
table.mailform {
	margin:10px 0 0 0;
	width: 80%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	color: #000;
	text-shadow: 1px 1px 4px #fff,-1px -1px -1px #fff;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 180px;
	vertical-align:top;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 14px;
}


table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}


.thankstext{
	font-size: 15px;
	color: #000;
	text-shadow: 1px 1px 4px #fff,-1px -1px -1px #fff;
	padding: 7px 5px 7px 20px;}
	
	
	
	
	.invisible {
	transition: opacity 0.5s ease;
	opacity: 0.0;
}

.visible {
	transition: opacity 0.5s ease;
	opacity: 1.0;
}