body {
	background:#f2f2f2;
	margin:0;
	padding:0;
}

/*FireFox文字サイズ用hack*/
html>/**/body body{
	font-size:85%;
}

html:first-child body{
	font-size:80%;
}


img {
	border:0;
}

#container{
	width:100%;
	margin:0 auto;
}

#header{
	height:33px;
	text-align:right;
	line-height:29px;
	background: transparent url(../images/header_bg.png) top left repeat-x;
}

.copyrights{
	color:#e9e9e9;
	margin-right:10px;
}


#company-area{
	text-align: left;
}

.company-name{
	width:406px;
	height:21px;
	margin:58px 0 8px 20px;
}

.company-menu{
	margin:0 0 50px 20px;		
}

ul.mainmenu {
 	margin: 0;
 	padding: 0;
 	margin:0 auto;

}

ul.mainmenu li {
 	display: inline;
 	margin: 0;
 	padding: 0;
}

ul.mainmenu li a {
 	margin: 0;
 	padding: 0;
}

ul.mainmenu li img {
	margin-right:10px;
	padding: 0;
 	border: 0;
}



#grid-content {
overflow: hidden;
height: 0;
margin-bottom:50px;
margin-left:8px;

}

#grid-content div.contents-box-a {
width: 208px;
height:268px;
margin:10px;
background-image:url(../images/itembg_blue.png)
/*FF*/
-moz-border-radius: 5px;
background-image:url(../images/itembg_blue.png)
}

#grid-content div.contents-box-a p{
	width:181px;
	margin:0 auto;
	line-height:140%;
}

.project-img{
	width:181px;
	padding:23px 13px 10px;
}

.project-img a:hover img{
opacity:0.6;  
filter: alpha(opacity=60);  
-ms-filter: "alpha( opacity=60 )";  
}


.project-title{
	padding:4px 13px 5px;
	font-weight:bold;
	color:#666;
}
.project-info{
	padding:0 13px 15px;
	line-height:140%;
}

#grid-content div.contents-box-b {
width: 208px;
height:268px;
margin:10px ;
border-radius: 5px;
background-image:url(../images/itembg_green.png)
/*FF*/
-moz-border-radius: 5px;
background-image:url(../images/itembg_green.png)
}

#grid-content div.contents-box-b p{
	width:181px;
	margin:0 auto;
	line-height:140%;
}

#grid-content div.contents-box-c {
width: 208px;
height:268px;
margin:10px ;
border-radius: 5px;
background-image:url(../images/itembg_pink.png)
/*FF*/
-moz-border-radius: 5px;
background-image:url(../images/itembg_pink.png)
}

#grid-content div.contents-box-c p{
	width:181px;
	margin:0 auto;
	line-height:140%;
}

#companytxt {
	margin-bottom: 50px;
	margin-left: 10px;
}

#company-title {
	margin-bottom: 50px;
	margin-left: 10px;
	font-size:17px;
	font-weight:bold;
}

#company-title hr {
	border:none;
	height:3px;
	background-color:black
}

.company th	{
	width:133px;
}
.company td	{
	line-height:160%;
}


table{
	border-collapse: separate;	border-spacing: 2px;
	width: 100%;
}

th, td	{
	padding: 20px;
	background-color:#fdfdfd;
}

.form th	{
	width:133px;
}
.form td	{
	line-height: 140%;
}



.text, textarea{
    border:1px solid #ababab;
    color: #f7f7f7;
    background: #fff;
    border-radius: 2px;
 
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f7f7f7),
        to(#fff)
        );
    -webkit-border-radius: 2px;
 
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #f7f7f7,
        #fff
        );
    -moz-border-radius: 2px;
 
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#f2f2f2,endColorstr=#ffffffff);
    zoom: 1;
}

.submitbtn{
	margin:10px 0 50px 10px;
}

td input{
	position:relative;
	z-index:2;
}

td  p.error{
	margin:0;
	font-size:10px;
	color:red;
	font-weight:bold;
}

#goTop {
	float: right;
	position: fixed;
	width: 45px;
	height: 40px;
	bottom: 5%;
	right: 0;
	background: transparent url(../images/back_top_on.png) top left no-repeat;
}

#goTop span {
	display: none;
}