@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------------- *

	 1. AboutUS
 
 * ---------------------------------------------------------------------------------------------------------- */

#concept {
	margin:0 auto;
	padding-bottom:20px;
	width:690px;
}

#about-img {
	width:690px;
	margin:20px;
	}

#about-img iframe {
	border:1px solid #aaa;
	}

#about-img h4 {
	margin-bottom:8px;
	text-align:center;
	}



/* ---------------------------------------------------------------------------------------------------------- *

	 2. Works
 
 * ---------------------------------------------------------------------------------------------------------- */

#content h3{
	text-align:center;
	margin-bottom:20px;
}
/*
ul.worksnavi{
	clear:both;
	padding:0 20px 0 20px;
}

ul.worksnavi li{
	float:left;
	width:335px;
	line-height:130px;
	margin-bottom:16px;
	border:1px solid #aaa;
}
ul.worksnavi li a{
	display:block;
	text-decoration:none;
	width:335px;
	line-height:130px;
}
ul.worksnavi li a span{
	visibility:hidden;
}
ul.worksnavi li.btnleft{
	margin-right:16px;
}
ul.worksnavi li a.product01{background:url(../img/works_btn01.jpg) no-repeat 50% 50%;}
ul.worksnavi li a.product01:hover{background:url(../img/works_btn01.jpg) no-repeat 50% 50% #e6e6e6;}
ul.worksnavi li a.product02{background:url(../img/works_btn02.jpg) no-repeat 50% 50%;}
ul.worksnavi li a.product02:hover{background:url(../img/works_btn02.jpg) no-repeat 50% 50% #e6e6e6;}
ul.worksnavi li a.product03{background:url(../img/works_btn03.jpg) no-repeat 50% 50%;}
ul.worksnavi li a.product03:hover{background:url(../img/works_btn03.jpg) no-repeat 50% 50% #e6e6e6;}
ul.worksnavi li a.product04{background:url(../img/works_btn04.jpg) no-repeat 50% 50%;}
ul.worksnavi li a.product04:hover{background:url(../img/works_btn04.jpg) no-repeat 50% 50% #e6e6e6;}
*/
div#detail-img{
	width:690px;
	/*height:340px;*/
	clear:both;
	margin:0 27px 20px;
	padding-bottom:20px;
}
.box-h01 {
	height:340px;
}
.box-h02 {
	height:360px;
}

.border-b {
	border-bottom:1px solid #eee;
}
div#detail-img .imgbox{
	float:left;
	width:335px;
}
div#detail-img .imgbox2{
	float:right;
	width:335px;
}
div#detail-img h4{
	background:#e6e6e6;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	color:#003796;
	font-weight:normal;
	font-size:0.9em;
	text-align:center;
	line-height:30px;
	margin-bottom:5px;
}
div#detail-img h4 span{
	color:#333;
	font-size:0.75em;
}
div#detail-img .photocase {
	width:335px;
	height:239px;
}
div#detail-img .photocase img{
	width:335px;
	height:239px;
}
/*div#detail-img .photocase img{
	width:333px;
	height:237px;
	border:1px solid #ccc;
}*/
div#detail-img ul {
	margin-top:10px;
}
div#detail-img ul li {
	float:left;
	font-size:0.9em;
}
.w70 {
	width:70px;
	margin-right:3px;
}
.w80 {
	width:80px;
	margin-right:3px;
}
.w90 {
	width:90px;
	margin-right:3px;
}
div#detail-img ul li sup {
	font-size:0.7em;
}
.cap {
	background:#eee;
	line-height:22px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px dashed #aaa;
}
.data {
	padding:3px 0;
	color:#0a78e0;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.photo {
	width:96px;
	height:47px;
	line-height:40px;
	background:#333 url(../../img/btn_photolist.gif) no-repeat;
	color:#fff;
}
.photo a {
	display:block;
	width:96px;
	height:47px;
	color:#fff;
	text-decoration:none;
	background:#333 url(../../img/btn_photolist.gif) no-repeat;
}
.photo a:hover {
	text-decoration:none;
	background:#333 url(../../img/btn_photolist_on.gif) no-repeat;
}
.photo a:visited{text-decoration:none;}
.photo a:active{text-decoration:none;}
/*.photo span {
	color:#fff;
}*/

.tokki {
	margin:5px 0 0;
	height:15px;
	text-align:right;
	background:#e0e0e0;
}

/*div#detail-img p{
	clear:both;
	text-align:left;
	font-size:0.9em;
	border-top:1px dashed #aaa;
	margin-top:5px;
	color:#666;
	background:#f4f4f4;
	padding:0 5px 5px 5px;
}*/
/*div#detail-img span{
	font-size:0.9em;
	color:#de0000;
}*/
div.contents h5{
	clear:both;
	margin-bottom:10px;
	padding-left:20px;
}
div#detail-list{
	width:690px;
	clear:both;
	margin:0 20px 20px 20px;
	line-height:160%;
}
div#detail-list .listbox{
	float:left;
	width:335px;
	padding-right:9px;
	border-right:1px solid #aaa;
	text-align:left;
	font-size:0.9em;
}
div#detail-list .listbox2{
	float:right;
	width:335px;
	padding-left:10px;
	text-align:left;
	font-size:0.9em;
}



/* ---------------------------------------------------------------------------------------------------------- *

	 3. Contact
 
 * ---------------------------------------------------------------------------------------------------------- */

#contact_info{
	width:690px;
	margin:0 20px 0 20px;
	text-align:left;
}
#contact_info h3{
	margin-bottom:10px;
}
#contact_info p{
	padding-left:10px;
	margin-bottom:10px;
}
span.hissu{
	color:#de0000;
}
form td input,select{
  vertical-align:middle;
}
form textarea{
  width:500px;
  height:7em;
  overflow:auto;
}
input.normal{
  width:170px;
}
input.small{
  width:50px;
}
*html body input.small{
  width:60px;
}
input.large{
  width:500px;
}
form p{
	padding:10px 0 0 0;
	text-align:left;
} 
form p input{
  padding:5px;
}