@charset "UTF-8";
/*====================================
Common Style
====================================*/

body{
/*	font-family:"gill sans",Helvetica,Arial,sans-serif;*/
}
a:link,
a:visited{color:#fff;text-decoration:none;}

a:hover{
/*	text-decoration:underline;*/
	color:#665b00;
}
iframe{border:0;}

/*====================================
Menu Style
====================================*/
div#menu{
	position:fixed;
	top:0px;
	z-index:10;
	left:0;
	background:url(../images/menu_bg.gif) 0 0 no-repeat #262428;
	width:280px;
}
div#menu h1{
	padding: 67px 0 0 61px;
}
div#menu ul{
	padding: 76px 0 0 47px;
}
div#menu ul li{
	padding: 0 0 34px 0;
}
div#menu ul li a{
	padding-left:21px;
}
div#menu ul li a{
/*	background:url(../images/menu_arw_off.png) 2px 3px no-repeat;*/
}
div#menu ul li a:hover{
	background:url(../images/menu_arw.png) 2px 3px no-repeat;
}

div#menu ul li ul{
	padding: 5px 0 0 0;
}
div#menu ul li ul li{
	padding: 13px 0 0 16px;
}
div#menu ul li ul li a,
div#menu ul li ul li a:hover{
	background-position:2px 4px;
}
div#menu p#pagetop{
	padding: 98px 0 0 0;
}
div#menu p#pagetop a{
	display:block;
	text-align:center;
	padding: 10px 0 9px;
	/padding: 0 0 9px;
	background:#3c3a3e;
}
div#menu p#pagetop a:hover{
	background:#515053;
}
div#menu p#copyright{
	text-align:center;
	font-size:77%;
	padding: 20px 0 ;
}
/*====================================
Contents Common Style
====================================*/
div#contents{
	margin:0 0 0 280px;
	padding: 195px 0 600px 69px;
	background:url(../images/contents_bg.gif) left bottom repeat-x #000;
}
div#contents div.block{
	padding:195px 0 0 0;
	background:#000;
}
div#contents div#works,
div#contents div#access,
div#contents div#contact{
	margin: -35px 0 0 0;
}
div#contents h2{
	border-bottom:1px solid #333;
	padding: 0 0 5px 23px;
	margin: 0 0 40px 0;
	background:url(../images/h2_arw.gif) 0 1px no-repeat;
}
/*====================================
Contents Who We Are Style
====================================*/
div#contents div#whoweare{
	padding-top:0;
}
div#contents div#whoweare a{
	position:relative;
}
div#contents div#whoweare div.innerBox{
	padding: 0 0 0 32px;
}
div#contents div#whoweare h3{
font-size:167%;
}
div#contents div#whoweare p#addData{
	font-size:93%;
	line-height:2.1;
	padding: 20px 0 0 0;
}
div#contents div#whoweare p#addData img{
	padding: 0 0 14px 0;
}
div#contents div#whoweare h4{
	position:relative;
	padding: 20px 0 4px 0;
	font-size:138.5%;
	color:#fff;
}
div#contents div#whoweare h4 span{
	padding: 0 7px 0 7px;
	position:relative;
	top:-2px;
}

/*====================================
Contents Works Style
====================================*/
div#contents div#works div.innerBox{
	padding: 0 0 0 20px;
}
div#contents div#works h3{
	padding: 0 0 27px 0;
}
div#contents div#works div#interior,
div#contents div#works div#cggraphic{
	padding: 195px 0 0 0;
}
div#contents div#works div#interior{
	margin: -195px 0 0 0;
}
div#contents div#works div#cggraphic{
	margin: -110px 0 0 0;
}
div#contents div#works ul{
	width: 564px;
}

div#contents div#works ul li{
	width:116px;
	float:left;
	display:inline;
	margin: 0 25px 30px 0;
}
div#contents div#works ul li a{
	color:#ddd;
}
div#contents div#works ul li a:hover{
	color:#665b00;
}
div#contents div#works ul li a img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
div#contents div#works ul li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

div#contents div#works ul li span{
	display:block;
	text-align:center;
	font-size:77%;
	line-height:1.5;
	padding: 12px 0 0 0;
}
/*====================================
Contents Access Style
====================================*/
div#contents div#access div.innerBox{
	padding: 0 0 0 20px;
}
div#contents div#access p{
	font-size:93%;
	line-height:1.6;
	padding: 5px 0 0 0;
	position:relative;
}
/*====================================
Contents Contact Style
====================================*/
div#contents div#contact{
	padding:195px 0 0;
}
div#contents div#contact div.innerBox{
	padding: 0 0 0 20px;
}
div#contents div#contact div.innerBox iframe{
	width: 540px;
	height:280px;
	border:none;
}

/*====================================
recruit
=====================================*/
#recruit .innerBox{
	padding:0 0 0 20px;
}
#recruit h3{
	padding:18px 0 38px 22px;
	background:url(../images/recruit_h2_arw.gif) 0 16px no-repeat;
	font-size:108%;
	font-weight:bold;
}

#recruit table{
	margin:0 50px 0 0;
	font-size:93%;
}
#recruit table th{
	width:5.5em;
	vertical-align:top;
	line-height:1.6;
}
#recruit table td{
	line-height:1.6;
	padding:0 0 1.6em;
}

/*====================================
Postmail
=====================================*/
body#postmail{
	background:#000;
}
body#postmail div{
	padding: 0 0 600px;
}
body#postmail dl dt{
	float:left;
	display:inline;
	width:110px;
}
body#postmail dl dt,
body#postmail dl dd{
	padding: 0 0 10px;
}

body#postmail dl dd{
	width:430px;
	float:left;
}

body#postmail input,
body#postmail textarea{
	border:none;
	background:#333;
	width:430px;
	color:#fff;
	font-size:93%;
}
body#postmail input:focus,
body#postmail textarea:focus{
	background-color:#77745b;
}

body#postmail input{
padding:4px 0 3px;
}
body#postmail textarea{
	height:160px;
}

body#postmail div.postmail ul{
	margin: 0 0 0 100px;
}
body#postmail ul.clear li{
	width:210px;
	display:inline;
	float:left;
	margin: 0 0 0 10px;
}
body#postmail ul li input{
	width:210px;
}

body#postmail div#conf{
	width:540px;
}
body#postmail div#conf ul.clear li{
	margin:0 10px 0 0;
	padding:10px 0 0 0;
}

body#postmail div#conf h3,
body#postmail div#error h3{
	padding:0 0 20px 0;
}
body#postmail div#error table th,
body#postmail div#error table td,
body#postmail div#conf table th,
body#postmail div#conf table td{
	padding:0 0 10px 0;
}
body#postmail div#error p{
	padding:10px 0 0 0;
}
body#postmail div#thx p{
	padding:0 0 20px 0;
}
body#postmail div#error1 div{
	padding:10px 0 20px 0;
}


/*====================================
WORKS 詳細画面
=====================================*/
#worksDet{
	background:#fff;
	color:#000;
}
#worksDet div.detBox{
	padding: 10px;
	position:relative;
}
#worksDet div.detBox div#photoCopyright{
	position:absolute;
	left:20px;
	top:20px;
	font-size:93%;
}

#worksDet div.detBox div.infoBox{
	position:relative;
}
#worksDet div.detBox div.infoBox ul{
	position:absolute;
	top:10px;
	right:0px;
	padding:0 0 0 10px;
}
*html #worksDet div.detBox div.infoBox ul{/*for IE6*/
	right:10px;
}
#worksDet div.detBox div.infoBox ul li{
	float:left;
	display:inline;
	margin-left:10px;
	margin-bottom:10px;
}
#worksDet div.detBox div.infoBox ul li a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;
}

#worksDet div.detBox div.infoBox p{/*写真のサムネイルが1段の時*/
	padding: 32px 0 0 10px;
}
#worksDet div.detBox div.two-line p{/*写真のサムネイルが2段の時*/
	padding: 64px 0 0 10px;
}
#worksDet div.detBox div.three-line p{/*写真のサムネイルが3段の時*/
	padding: 96px 0 0 10px;
}


/*-------------------------------------------------------案件ごと個別設定*/
#worksDet div.detBox div.infoBox ul{
	padding:0;
}

#worksDet div.detBox div.infoBox ul#toho{
	width:420px;
}
#worksDet div.detBox div.infoBox ul#fourBlock{/*サムネイルが4つ並び*/
	width:280px;
}




/*====================================
clearfix
=====================================*/
.clear:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*for IE7*/
.clear{
	min-height: 1%;
}
/*for IE6*/
* html .clear
{ height: 1%; }


/*
10px → font-size:77%;
11px → font-size:85%;
12px → font-size:93%;
13px → font-size:100%;
14px → font-size:108%;
15px → font-size:116%;
16px → font-size:123.1%;
17px → font-size:131%;
18px → font-size:138.5%;
19px → font-size:146.5%;
20px → font-size:153.9%;
21px → font-size:161.6%;
22px → font-size:167%;
23px → font-size:174%;
24px → font-size:182%;
25px → font-size:189%;
26px → font-size:197%;
*/