@charset "utf-8";

/* == PARTS == */

/* == + HEADER == */
#header #header-body .category-name {
	width: 254px;
	height: 50px;
	text-indent: -9999px;
	background: url(../images/bg-head_cat-works.gif) no-repeat right top;
	position: absolute;
	right: 0;
	top: 51px;
}
/* == + /HEADER == */

/* == + MAIN == */

/* == ++ MAIN_AREA == */

/* == ++* INDEX == */
h1#page-title {
	margin: 0 0 1px;
	padding: 0;
	width: 141px;
	height: 25px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-works.gif) no-repeat left top;
}
#main #main-inner .contents-idx #project-story {
	margin: 40px 0 0 0;
}
#main #main-inner .contents-idx #project-story.asset {
	padding-bottom: 12px;
	width: 829px;
	background: url(../../images/bg-storybox-foot.gif) no-repeat left bottom;
}
#main #main-inner .contents-idx #project-story.asset .asset-header {
	margin: 0;
	padding: 0;
	width: 829px;
	height: 55px;
	background: url(../../images/bg-storybox-head.gif) no-repeat left bottom;
}
#main #main-inner .contents-idx #project-story.asset .asset-header h2#project-story-title {
	margin: 0;
	padding: 0;
	width: 316px;
	height: 27px;
	overflow: hidden;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../../images/h2-project-story.gif) no-repeat left top;
}
#main #main-inner .contents-idx #project-story.asset .asset-header p.project-story-lead {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 100%;
	line-height: 28px;
	color: #aca47c;
}
#main #main-inner .contents-idx #project-story.asset .asset-content {
	padding: 5px 0 0 6px;
	width: 823px;
	background-color: #f0eddd;
}
#main #main-inner .contents-idx #project-story.asset .asset-content .story-unit {
	padding: 2px 4px 0 2px;
	width: 267px;
	min-height: 98px;
	background: url(../../images/bg-storybox-banner.gif) no-repeat left top;
	float: left;
}
#main #main-inner .contents-idx #project-story.asset .asset-content .story-unit .story-banner {
	margin: 0 0 8px;
	padding: 0;
	width: 267px;
	height: 90px;
}
#main #main-inner .contents-idx #workslist {
	margin: 30px 0 20px 0;
}
#main #main-inner .contents-idx h2#workslist-title {
	margin: 40px 0 20px 0;
	padding: 0;
	width: 151px;
	height: 17px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h2-workslist-title.gif) no-repeat left top;
}
#main #main-inner .contents-idx h2#ict-title {
	margin: 40px 0 20px 0;
	padding: 0;
	width: 283px;
	height: 17px;
}
#main #main-inner .contents-idx #ict{
	padding:0px 0px 0px 10px;
}
#main #main-inner .contents-idx #original-works {
	margin: 35px 0 0 0;
}
#main #main-inner .contents-idx #original-works {
	width: 840px;
}
#main #main-inner .contents-idx #original-works .asset-header {
	margin: 0 0 15px 0;
}


#main #main-inner .contents-idx #original-works .original-works-list:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
#main #main-inner .contents-idx #original-works .original-works-list {
	margin: 0;
	margin-left: 14px;
	padding: 0;
	list-style: none;
}
#main #main-inner .contents-idx #original-works .original-works-list li {
	margin: 0;
	padding: 0;
	float: left;
}
#main #main-inner .contents-idx #original-works h2#original-works-title {
	width: 104px;
	height: 16px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h2-original-works.gif) no-repeat left top;
}
#main #main-inner .contents-idx #workslist {

}
#main #main-inner .contents-idx #workslist {
	margin: 0 0 0 14px;
}
#main #main-inner .contents-idx #workslist .container-two-line {
	padding-bottom: 6px;
	width: 816px;
	height: 1px;
	background: url(../images/bg-separator-ctr2.gif) no-repeat left top;
}
#main #main-inner .contents-idx #workslist .container-two-line-tail2 {
	margin: 0 0 6px 0;
	width: 816px;
	height: 1px;
	background: url(../images/bg-separator-ctr2.gif) no-repeat left top;
}
#main #main-inner .contents-idx #workslist .container-two-line-tail {
	margin: 0 0 6px 0;
	width: 816px;
	height: 1px;
	background: url(../images/bg-separator-ctr1.gif) no-repeat left top;
}
#main #main-inner .contents-idx #workslist .container .container-inner {
	width: 816px;
	overflow: hidden;
}
#main #main-inner .contents-idx #workslist .container .container-inner .container-left {
	margin-bottom: -9999px;
	padding-bottom: 9999px;
	float: left;
	width: 394px;
}
#main #main-inner .contents-idx #workslist .container .container-inner .container-right {
	margin-bottom: -9999px;
	padding-bottom: 9999px;
	float: right;
	width: 394px;
}
#main #main-inner .contents-idx #workslist .container .container-inner .capture {
	margin: 5px 0 0 0;
	width: 100px;
	float: left;
	display: inline;
}
#main #main-inner .contents-idx #workslist .container .container-inner .description {
	padding: 5px 0 0 0;
	float: right;
	width: 280px;
}
#main #main-inner .contents-idx #workslist .container .container-inner .description .meta-data {
	padding: 8px 0 2px 0;
	color: #999999;
	font-size: 83%;
}
#main #main-inner .contents-idx #workslist .container .container-inner .description .meta-lead {
	padding: 4px 0 0 0;
}
#main #main-inner .contents-idx #workslist .container .container-inner .description .meta-item:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
#main #main-inner .contents-idx #workslist .container .container-inner .description .meta-item {
	margin: 0;
	padding: 0;
	padding: 2px 0 10px 0;
	list-style: none;
}
#main #main-inner .contents-idx #workslist .container .container-inner .description .meta-item li {
	margin: 0;
	padding: 0;
	padding: 0 3px 1px 0;
	float: left;
}
#main #main-inner .contents-idx #workslist .container .container-inner .description .meta-item li span {
	padding: 1px 3px;
	background-color: #bdbdbd;
	color: #ffffff;
	font-size: 83%;
	white-space: nowrap;
}
#main #main-inner .contents-idx #about-product {
	margin: 10px 0 0 16px;
}

/* == ++* INDEX == */

/* == ++* WORKS-DETAIL == */
h1#page-title-gameserver4ps3 {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 31px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-gameserver4ps3.gif) no-repeat left top;
}
h1#page-title-coflint {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 32px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-coflint.gif) no-repeat left top;
}
h1#page-title-pachinco {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 32px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-pachinco.gif) no-repeat left top;
}
h1#page-title-duelpod {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 32px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-duelpod.gif) no-repeat left top;
}
h1#page-title-biohazard4jp {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 32px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-biohazard4jp.gif) no-repeat left top;
}
h1#page-title-avatar {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 32px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-avatar.gif) no-repeat left top;
}
h1#page-title-vectorpassport {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 32px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-vectorpassport.gif) no-repeat left top;
}
h1#page-title-shoppingmall {
	margin: 0 0 1px;
	padding: 0;
	width: 630px;
	height: 32px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h1-shoppingmall.gif) no-repeat left top;
}
#works-detail {
	margin: 0 0 20px;
	padding: 22px 0 7px;
	width: 630px;
	background: url(../../common/images/bg-separator.gif) repeat-x left bottom;
}
.works-detail-meta {
	padding: 0 0 31px;
}
.works-detail-meta .works-detail-icons {
	margin: 0 0 16px;
	padding: 22px 0 12px;
	width: 630px;
	background: url(../../common/images/bg-separator.gif) repeat-x left bottom;
}
.works-detail-meta .works-detail-icons ul.works-detail-icons-list:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
.works-detail-meta .works-detail-icons ul.works-detail-icons-list {
	margin: 0;
	padding: 0;
	width: 630px;
	list-style: none;
}
.works-detail-meta .works-detail-icons ul.works-detail-icons-list li {
	margin: 0;
	padding: 0 1px 1px 0;
	width: 50px;
	height: 50px;
	float: left;
}
.works-detail-meta .works-detail-images {
	padding-left: 40px;
	padding-bottom: 10px;
	width: 200px;
	float: right;
}
.works-detail-meta .works-detail-lead {
	padding-left: 0;
}
.works-detail-meta p.meta-item {
	margin: 0 0 6px;
	padding-left: 6px;
}
.works-detail-meta .works-detail-link {
	margin-top: 15px;
	padding-left: 5px;
}
.works-detail-meta .works-detail-images .no-image {
	display: block;
	width: 199px;
	height: 265px;
}
.works-detail-meta .works-detail-images div {
	margin-bottom: 15px;
}
.works-detail-meta .works-detail-images .imghead {
	margin-top: -2px;
}
#works-detail-lead0 {
	margin: 0 0 1px;
	padding: 0;
	width: 372px;
	height: 119px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-works-detail-lead.gif) no-repeat left top;
}
#works-detail-lead1 {
	margin: 0 0 1px;
	padding: 0;
	width: 288px;
	height: 120px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-coflint-detail-lead.gif) no-repeat left top;
}
#works-detail-lead2 {
	margin: 0 0 1px;
	padding: 0;
	width: 353px;
	height: 119px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-pachinco-detail-lead.gif) no-repeat left top;
}
#works-detail-lead3 {
	margin: 0 0 1px;
	padding: 0;
	width: 372px;
	height: 119px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-duelpod-detail-lead.gif) no-repeat left top;
}
#works-detail-lead4 {
	margin: 0 0 1px;
	padding: 0;
	width: 385px;
	height: 119px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-biohazard4jp-detail-lead.gif) no-repeat left top;
}
#works-detail-lead5 {
	margin: 0 0 1px;
	padding: 0;
	width: 385px;
	height: 119px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-avatar-detail-lead.gif) no-repeat left top;
}
#works-detail-lead6 {
	margin: 0 0 1px;
	padding: 0;
	width: 385px;
	height: 119px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-vectorpassport-detail-lead.gif) no-repeat left top;
}
#works-detail-lead7 {
	margin: 0 0 1px;
	padding: 0;
	width: 385px;
	height: 119px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/text-shoppingmall-detail-lead.gif) no-repeat left top;
}


/* == ++* PS == */
/*
#main .contents #ps01.asset,
#main .contents #ps02.asset,
#main .contents #ps03.asset {
	margin: 0 0 37px;
}
*/
#main .contents #ps01.asset .asset-header,
#main .contents #ps02.asset .asset-header,
#main .contents #ps03.asset .asset-header
#main .contents #ps04.asset .asset-header  {
	margin: 0;
	padding: 0;
}
#main .contents #ps01.asset .asset-content,
#main .contents #ps02.asset .asset-content,
#main .contents #ps03.asset .asset-content {
	margin: 0;
	padding: 37px 0 0;
	position: relative;
}

#main .contents #ps04.asset .asset-content{
margin: 0;
	padding: 10px 0 30px 0;
	position: relative;
	background:transparent url(../../common/images/bg-separator.gif) repeat-x scroll left bottom;
}

#main .contents #ps01 .article-link {
	position: absolute;
	top: 65px;
	right: 0;
	color: #b72525;
	font-size: 116%;
}
#main .contents #ps02 .article-link {
	position: absolute;
	top: 65px;
	right: 0;
	color: #b72525;
	font-size: 116%;
}
#main .contents #ps03 .article-link {
	position: absolute;
	top: 40px;
	right: 0;
	color: #b72525;
	font-size: 116%;
}

#main .contents #ps04 .article-link {
	position: absolute;
	top: 40px;
	right: 0;
	color: #b72525;
	font-size: 116%;
}

#main .contents .article-link a,
#main .contents .article-link a:link,
#main .contents .article-link a:visited {
	color: #b72525;
	font-weight: bold;
	text-decoration: underline;
}
#main .contents .article-link a:hover,
#main .contents .article-link a:active {
	color: #b72525;
	font-weight: bold;
	text-decoration: none;
}
.article-link-tail {
	margin: 30px 0 0 0;
	padding: 13px 0 0 0;
	text-align: right;
	color: #b72525;
	font-size: 116%;
	background: url(../../common/images/bg-separator.gif) repeat-x left top;
}
.article-link-tail a,
.article-link-tail a:link,
.article-link-tail a:visited {
	color: #b72525;
	font-weight: bold;
	text-decoration: underline;
}
.article-link-tail a:hover,
.article-link-tail a:active {
	color: #b72525;
	font-weight: bold;
	text-decoration: none;
}
#main .contents #container {
	margin: 40px 0 0 0;
}
#main .contents #container:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
#main .contents #member {
	width: 114px;
	float: left;
}
#main .contents #member h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}
#main .contents #member ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main .contents #member ul li.ruleoff:first-child {
	background: none;
}
#main .contents #member ul li.ruleoff {
	background: url(../../common/images/bg-separator.gif) repeat-x left top;
}
#main .contents #member .company {
	padding: 0 3px;
	font-size: 83%;
	font-weight: bold;
	line-height: 140%;
}
#main .contents #member #gamesarena,
#main .contents #member #daletto,
#main .contents #member #technologynetworks {
	color: #519bcf;
}
#main .contents #member #profire {
	color: #c03838;
}
#main .contents #member .fn,
#main .contents #member .role {
	padding: 0 3px;
	display: block;
	font-size: 83%;
	line-height: 140%;
}
#main .contents #member .ruleoff p {
	margin: 0 0 12px 0;
	padding: 0 3px;
	color: #999999;
	font-size: 83%;
	line-height: 140%;
}
#main .contents #member .separator {
	margin-bottom: 20px;
	width: 110px;
	height: 1px;
	font-size: 1%;
	border-top: 1px solid #8f8f8f;
}
#main .contents #member .separator-dotline {
	margin-bottom: 20px;
	width: 110px;
	height: 1px;
	font-size: 1%;
	background: url(../../common/images/bg-separator.gif) repeat-x left top;
}

#main .contents .layout-two-columns:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
#main .contents .layout-two-columns #discussions {
	width: 468px;
	float: right;
}
#main .contents .layout-two-columns #discussions p.cl {
	margin: 0 0 25px 0;
	text-align: justify;
	line-height: 1.5em;
}
#main .contents .layout-two-columns #discussions p.cl span {
	color: #519bcf;
	font-weight: bold;
}
#main .contents .layout-two-columns #discussions p.pf {
	margin: 0 0 15px 0;
	text-align: justify;
	line-height: 1.5em;
}
#main .contents .layout-two-columns #discussions p.pf span {
	color: #c03838;
	font-weight: bold;
}
#main .contents .layout-one-columns #discussions {
	width: auto;
}
#main .contents .layout-one-columns #discussions p.cl {
	margin: 0 0 15px 0;
	text-align: justify;
	line-height: 1.5em;
}
#main .contents .layout-one-columns #discussions p.cl span {
	color: #519bcf;
	font-weight: bold;
}
#main .contents .layout-one-columns #discussions p.pf {
	margin: 0 0 20px 0;
	text-align: justify;
	line-height: 1.5em;
}
#main .contents .layout-one-columns #discussions p.pf span {
	color: #c03838;
	font-weight: bold;
}
#main .contents .layout-one-columns #discussions .section img.left {
	padding: 0 10px 10px 0;
	width: 171px;
	float: left;
}
#main .contents .layout-one-columns #discussions .section img.right {
	padding: 0 0 10px 10px;
	width: 171px;
	float: right;
}


/* == ++* /PS == */


/* == ++* FLOW == */
#main .contents #flow.asset {
	margin: 0 0 37px;
}
#main .contents #flow.asset .asset-header {
	margin: 0;
	padding: 0;
}
#main .contents #flow.asset .asset-content {
	margin: 0;
	padding: 37px 0 0;
}
#flow .flow-block .flow-item:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
#flow .flow-block .flow-item {
	margin: 0;
	padding: 23px 0 14px;
	background: url(../../common/images/bg-separator.gif) repeat-x left top;
}
#flow .flow-block .flow-item .flow-name {
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
	background: none;
}
#flow .flow-block .flow-item .flow-explain {
	margin: 0;
	padding: 0;
	width: 430px;
	float: right;
}
/* == ++* /FLOW == */

/* == ++* ACHIEVEMENT == */
h2#point-title {
	margin: 0;
	padding: 0;
	width: 136px;
	height: 17px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/h2-point.gif) no-repeat left top;
}
.achievement-meta {
	margin: 0 0 30px;
	padding: 0 0 30px;
	background: url(../../common/images/bg-separator.gif) repeat-x left bottom;
}
.achievement-meta .achievement-icons {
	margin: 0;
	padding: 22px 0 12px;
	width: 630px;
}
.achievement-meta .achievement-icons ul.achievement-icons-list:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
.achievement-meta .achievement-icons ul.achievement-icons-list {
	margin: 0;
	padding: 0;
	width: 630px;
	list-style: none;
}
.achievement-meta .achievement-icons ul.achievement-icons-list li {
	margin: 0;
	padding: 0 1px 1px 0;
	width: 50px;
	height: 50px;
	float: left;
}
.achievement-meta .achievement-images {
	padding-left: 40px;
	padding-bottom: 10px;
	width: 200px;
	float: right;
}
.achievement-movie {
padding-left: 40px;
	padding-bottom: 10px;
	width: 320px;
	float: right;
}
.achievement-meta .achievement-images div {
	margin: 0 0 20px 0;
}
.achievement-meta .achievement-lead {
	padding-left: 5px;
}
.achievement-meta p.meta-item {
	margin: 0 0 6px;
}
.achievement-meta .separator {
	margin: 0;
	padding: 1px 0 15px;
	background: url(../../common/images/bg-separator.gif) repeat-x left top;
}
.achievement-link {
	margin-top: 15px;
	padding-left: 5px;
}
#point.asset {
	margin: 0;
	padding: 0 0 30px;
}
#main .contents #point.asset .asset-header {
	margin-bottom: 26px;
}
#point.asset .sub-content {
	margin: 0 0 20px;
	padding: 0 0 0 12px;
}
.sub-content h4 {
	margin-bottom: 10px;
	font-size: 100%;
}

/* == ++* /ACHIEVEMENT == */

#main #main-bottom {
	clear:both;
	padding-top: 50px;
	padding-bottom:10px;
}

/* == ++ /MAIN_AREA == */

/* == ++ SUB_AREA == */
#main .sub-area .sub-navi {
	margin: 28px 0 38px;
}
#main .sub-area .sub-navi-sp {
	margin: 0 0 30px;
	padding: 1px 0 0;

}
#main .sub-area .sub-navi-sp h2.banner-title {
	margin: 0;
	padding: 8px 0 0;
	width: 159px;
	height: 40px;
	font-size: 1%;
	text-indent: -9999px;
	background: url(../images/bg-subnavi-bannertitle.gif) no-repeat left top;
}
#main .sub-area .sub-navi-sp .banner-item {
	padding: 8px 0;
	background: url(../../common/images/bg-separator.gif) repeat-x left bottom;
}
#main .sub-area .sub-navi-sp .banner-item p {
	padding: 8px 0 0 5px;
}
#main .sub-area .sub-navi-sp a,
#main .sub-area .sub-navi-sp a:link,
#main .sub-area .sub-navi-sp a:visited {
	color: #666666;
	text-decoration: underline;
}
#main .sub-area .sub-navi-sp a:hover,
#main .sub-area .sub-navi-sp a:active {
	color: #666666;
	text-decoration: none;
}
/* == ++ /SUB_AREA == */

/* == + /MAIN == */