@charset "utf-8";

body#wide_contents #contents {
	width: 100% !important;
}

/**
 * tab menu
 */
.tab_menu {
	width: 951px;
	height: 32px;
	margin-bottom: 25px;
	background: url(../images/bg_tab_menu.png) no-repeat bottom;
	position: relative;
}
.tab_menu ul {
	margin: 0px 0px 0px 316px;
}
.tab_menu ul li {
	width: 97px;
	padding-left: 7px;
	float: left;
}
.tab_menu .get_results {
	position: absolute;
	top: 6px;
	left: 2px;
	font-size: 12px;
	color: #333;
}

/**
 * works list
 */
/* share */
.works_list {
	margin-bottom: 70px;
}
.works_list span {
	display: block;
}
.works_list .category,
.works_list .date,
.works_list .thumbnail,
.works_list .summary {
	font-size: 12px;
	float: left;
}

.works_list .category {
	width: 115px;
}
.works_list .date {
	width: 110px;
	margin-left: 15px;
}
.works_list .thumbnail {
	width: 163px;
	margin-left: 15px;
}
.works_list .summary {
	width: 516px;
	margin-left: 15px;
}
.works_list div.bg_line_01 {
	padding-bottom: 1px;
}
.works_list div.bg_line_01 .underline {
	height: 1px;
	background: url(../images/bg_line_01.png) repeat-x bottom;
	position: absolute;
	bottom: -5px;
	font-size: 1px;
}

/* underline */
.works_list div.bg_line_01 .category .underline {
	width: 115px;
}
.works_list div.bg_line_01 .date .underline {
	width: 110px;
}
.works_list div.bg_line_01 .thumbnail .underline {
	width: 163px;
}
.works_list div.bg_line_01 .summary .underline {
	width: 516px;
}


/* item name cols */
.works_list .item_head p {
	padding-bottom: 0px;
}
.works_list .item_head {
	margin: 6px 0px 8px 0px;
	position: relative;
}

/* item cols */
.works_list a.bg_img_01 {
	width: 950px;
	margin: 6px 0px 8px 0px;
	padding: 5px 0px 4px 0px;
	background: url(/common/images/sp.png) no-repeat;
	position: relative;
	display: block;
}
.works_list a.bg_img_01:hover {
	background: url(../images/bg_img_01.png) repeat;
}

/* category rows */
.works_list div.bg_line_01 a.bg_img_01 .category {
	padding-top: 12px;
	text-align: center;
}
/* date rows */
.works_list div.bg_line_01 a.bg_img_01 .date {
	padding-top: 45px;
	text-align: center;
}

/* thumbnail rows */
.works_list div.bg_line_01 a.bg_img_01 .thumbnail {
	text-align: center;
}
.works_list div.bg_line_01 a.bg_img_01 .image_thumbnail {
	padding: 1px;
	border: 4px solid #ABAAA7;
	background: #fff;
}
.works_list div.bg_line_01 a.bg_img_01:hover .image_thumbnail {
	border: 4px solid #000;
	background: #000;
}

/* summary rows */
.works_list div.bg_line_01 a.bg_img_01 .summary {
	padding-top: 10px;
}
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_project_title,
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_project_name,
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_client,
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_client_name {
	padding-left: 14px;
}
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_project_title,
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_client {
	padding-bottom: 3px;
}
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_project_name,
.works_list div.bg_line_01 a.bg_img_01 .summary span.summary_client_name {
	padding-bottom: 10px;
}


/**
 * page navi
 */
#page_navi {
	width: auto;
	padding: 0px 0px 0px 250px;
}
#page_navi li {
	float: left;
}
#page_navi a,
#page_navi span {
	padding: 6px;
	margin: 0px 4px;
	display: block;
	color: #5E5D5A;
	font-size: 12px;
}
#page_navi a:hover,
#page_navi span {
	padding: 6px;
	background: #5E5D5A;
	color: #ECE9E0;
}
#page_navi .bottom a {
	border: 1px solid #5E5D5A;
}


/**
 * works details
 */
.details_box {
	padding-top: 25px;
}

.images_box {
	width: 520px;
	float: left;
}

/* images_stage */
#images_stage {
	padding: 10px;
	margin-bottom: 25px;
	background: url(../images/bg_details_img_01.png) repeat;
}
#images_stage #images_mask {
	position: relative;
	width: 498px;
	height: 358px;
	overflow: hidden;
	border: 1px solid #fff;
}
#images_stage #images_mask ul,
#images_stage #images_mask li {
	display: block;
}
#images_stage #images_mask ul {
	position: absolute;
	top: 0px;
	width: 1992px;
	height: 358px;
	background-color: #DEDEDE;
}
#images_stage #images_mask ul li {
	float: left;
	width: 498px;
	height: 358px;
}

/* images_menu */
ul#images_menu {
	width: 100%;
}
ul#images_menu li {
	width: 125px;
	margin-left: 6px;
	float: left;
}
ul#images_menu li.first {
	margin-left: 0px;
}
ul#images_menu li a {
	width: 117px;
	padding: 4px;
	background: #C8C8C6;
	display: block;
}
ul#images_menu li a img {
	border: 1px solid #fff;
}

/* text box */
.txt_box {
	width: 407px;
	padding-top: 15px;
	background: url(../images/bg_line_02.png) repeat-x top left;
	float: right;
}
.txt_box .details {
	padding: 0px 0px 0px 2px;
}

.txt_box .bt_box {
	height: 47px;
	padding-top: 16px;
	background: url(../images/bg_line_02.png) repeat-x top left;
}
.txt_box .bt_box li.bt_project {
	width: 230px;
	float: left;
}
.txt_box .bt_box li.bt_project_list {
	width: 164px;
	float: right;
}
.fs-20 { font-size: 20px; }
.fs-18 { font-size: 18px; }
.fs-14 { font-size: 14px; }
.fs-12 { font-size: 12px; }




/**
 * Recent News
 */
#footer #footer_recent .recent_works {
	width: 482px;
	padding-top: 15px;
	padding-left: 18px;
	background: url(/common/images/bg_footer_line_01.gif) no-repeat 0px 30px;
	float: left;
}
#footer #footer_recent .recent_works p.title {
	margin-bottom: 11px;
}


#works_list {
	position: relative;
	width: 482px;
	height: 125px;
	overflow: hidden;
}

#works_list ul,
#works_list ul li {
	display: block;
}

#works_list ul {
	width: 440px;
}

#works_list ul li {
	margin-bottom: 7px;
	padding-left: 1em;
	background: url(/common/images/icon_news.gif) no-repeat 2px 5px;
}

#works_list ul li a {
	color: #E1E1E1;
	font-size: 90%;
}

/* Scroll */
#works_list .ScrollBg {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 35px;
	height: 125px;
	background: transparent url(/common/images/bg_news_scroll.gif) repeat-y left top;
}

#works_list .ScrollBg a.ScrollButton {
	position: absolute;
	right: 0px;
	display: block;
	width: 33px;
	height: 10px;
	background: transparent url(/common/images/bt_news_scroll.gif) no-repeat left top;
	
	outline: none;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px;
}

#works_list .ScrollBg a.ScrollButton:hover {
	background-color: #7A7976;
}

#works_list .ScrollBg a.onDrag {
	background-color: #7A7976 !important;
}