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

h2.mainG{
	margin:0 24px 20px 38px;
  padding-top:30px;
	color:#333333;
	font-size:84%;
	font-weight:bold;
	line-height:1;
}

/*---------------------------------------------------
	works
-----------------------------------------------------*/
#works {
	width:980px;
	margin:0 auto;
	text-align:left;
}
#works ul li {
	width:215px;
	height:190px;
	margin:0 0 15px 0;
	padding:0 15px;
	float:left;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
}
#works ul li a{
	width:215px;
	height:190px;
	float:left;
	display:block;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
}
#works ul li a { /*\*/ overflow:hidden; /*\*/ }
#works ul li a:link { color:#333; text-decoration:none; }
#works ul li a:active { color:#333; text-decoration:none; }
#works ul li a:visited { color:#333; text-decoration:none; }
#works ul li a:hover { color:#333; text-decoration:none; }

#works ul li .imgArea img{
	width:215px;
	height:120px;
	margin:0 0 5px 0;
}
#works ul li p.sti{
	font-size:84%;
	margin:0;
}
#works ul li p.name{
	font-size:84%;
  margin:0;
}
#works ul li p.date{
	font-size:84%;
  margin:0;
}

/*---------------------------------------------------
	project
-----------------------------------------------------*/
#project {
	width:980px;
	margin:0 auto;
	text-align:left;
}
#project ul li {
	width:215px;
	height:190px;
	margin:0 0 15px 0;
	padding:0 15px;
	float:left;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
}
#project ul li a{
	width:215px;
	height:190px;
	float:left;
	display:block;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
}
#project ul li a { /*\*/ overflow:hidden; /*\*/ }
#project ul li a:link { color:#333; text-decoration:none; }
#project ul li a:active { color:#333; text-decoration:none; }
#project ul li a:visited { color:#333; text-decoration:none; }
#project ul li a:hover { color:#333; text-decoration:none; }

#project ul li .imgArea img{
	width:215px;
	height:120px;
	margin:0 0 5px 0;
}
#project ul li p.sti{
	font-size:84%;
	margin:0;
}
#project ul li p.name{
	font-size:84%;
  margin:0;
}
#project ul li p.date{
	font-size:84%;
  margin:0;
}




/*---------------------------------------------------
	detail
-----------------------------------------------------*/
#detail {
	width:625px;
  margin:0 auto;
}
#detail .mainPhoto {
}

/* mainPhoto */
#detail .mainPhoto {
	width:625px;
	height:470px;
	margin:0 0 5px 0;
}
#detail .mainPhoto .pa_main {
	width:625px;
	height:auto;
}
.pa_main_area .pa_main_img {
	width:625px;
	height:470px;
}
.pa_main_img {
	margin:0 0 0 2px;
	padding:0;
	display: block;
	vertical-align: middle;
  overflow:hidden;
}
.pa_main_img * {
    vertical-align: middle;
}
.pa_main_img span {
	display: inline-block;
	height: 100%;
}

.detail_text_area {
	margin:0 auto 5px auto;
	width:625px;
}

.detail_text {
  color:#666;
}

#detail .detail_L {
	width:625px;
	margin:0 auto;
}
#detail .detail_L ul {
	width:625px;
	margin:0;
}
#detail .detail_L ul li{
	width:120px;
	height:90px;
	margin:0 0 4px 0;
	padding:0 2px 0 3px;
	float:left;
  text-align:center;
}
#detail .detail_R {
	width:625px;
	margin:0 auto;
}
#detail .detail_R p.sti{
	margin:0 0 5px 0;
	line-height:1.3;
	font-size:117%;
}
#detail .detail_R p.name{
	line-height:1.3;
	font-size:84%;
}
#detail .detail_R p.date{
	margin:0 0 12px 0;
	line-height:1.3;
	font-size:84%;
}
#detail .detail_R .comment{
	line-height:1.5;
}