@charset "utf-8";

/****************************************************************************
　基本レイアウトCSS
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2008.03.20
   Last up date   : 2008.08.27
****************************************************************************/

#Set {
	width: 684px;
	margin: 0 auto;
	padding: 15px 8px 15px 8px;
	background:#F2F2E5;
}

#Set h3 {
	width: 660px;
	margin: 0 auto;
	font-size: 88%;
	font-weight: bold;
	padding: 15px 0 0 0;
}
#Set h4 {
	width: 660px;
	margin: 0 auto;
	font-size: 82%;
	border-bottom: 1px #999 dotted;
	padding: 5px 0 15px 0;
}

#company {
	width: 660px;
	font-size: 88%;
	margin: 10px 0 0 0;
}
#company th {
	width: 120px;
	text-align: left;
	padding: 5px 0 5px 15px;
	vertical-align:top;
	border-bottom: 1px #999 dotted;
}
#company td {
	width: 520px;
	text-align: left;
	vertical-align:top;
	padding: 5px 0 5px 0;
	border-bottom: 1px #999 dotted;
}




#contact {
	width: 660px;
	font-size: 88%;
	margin: 10px 0 10px 0;
}
#contact th {
	width: 200px;
	text-align: left;
	padding: 10px 0 10px 15px;
	vertical-align:top;
	border-bottom: 1px #999 dotted;
}
#contact td {
	width: 440px;
	text-align: left;
	vertical-align:center;
	padding: 10px 0 10px 0;
	border-bottom: 1px #999 dotted;
}
#contact input{
	font-size: 88%;
	width: 350px;
}
#contact textarea{
	font-size: 88%;
	width: 350px;
}


/*--------------------------------------------------------
　作品紹介設定
--------------------------------------------------------*/

.WORKSmes {
	width: 670px;
	font-size: 82%;
	margin:20px 0 10px 8px;
}
/*マスク用ブロック*/
.item, .item2, .item3, .item4 {
	width: 684px;
	background: url(../item/box_loop.jpg) 0 0 repeat-y;
	overflow: hidden;
}
.boxb img {
	margin:0 0 30px 0;
	display:block;
}


/*内容*/
.item ul {
}

/*アイテム*/
.item li {
	list-style-type: none;
	float: left;
	margin:10px 0 0 12px;
}
.item2 li {
	list-style-type: none;
	float: left;
	margin:10px 0 0 9px;
}
.item3 li {
	list-style-type: none;
	float: left;
	margin:10px 0 0 40px;
}
.item4 li {
	list-style-type: none;
	float: left;
	margin:10px 0 0 25px;
}
.item a:hover img,
.item2 a:hover img,
.item3 a:hover img,
.item4 a:hover img
 {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.stext {
	width: 674px;
	font-size: 10px;
	text-align: right;
}