@charset "utf-8";

/* file Status
=========================================
	Author:					Tifana.com
	FileName:				works.css
	LastModified:		2008/9/30
========================================= */

/* safari + Chrome + Opera
----------------------------------------- */
.safari body{
	background:url(/material/img/works/bg_header.jpg) center top no-repeat;
}

.opera body{
	background:url(/material/img/works/bg_header.jpg) center top no-repeat;
}

/* noscript
---------------------- */
div#noscriptMainimage{
	width:100%;
	height:246px;
	z-index:1;
	top:0;
	left:0;
	position:absolute;
	background:url(/material/img/works/bg_header.jpg) top no-repeat;
}

div#noscriptHeader{
	width:765px;
	height:90px;
	text-align:left;
	background:url(/material/img/common/spacer.gif);
	margin:0 0 0 -383px;
	z-index:1;
	position:absolute;
	left:50%;
}

div#noscriptHeader .logo a{
	width:125px;
	height:40px;
	display:block;
	margin:0 0 0 -383px;
	position:absolute;
	top:50px;
	left:50%;
}

div#noscriptHeader #headerNavi{
	height:18px;
	display:block;
	margin:0 0 0 214px;
	position:absolute;
	top:72px;
	left:50%;
}

div#noscriptHeader #headerNavi li{
	float:left;
}

div#noscriptHeader #headerNavi li.headerNavi01{
	width:34px;
	height:18px;
}

div#noscriptHeader #headerNavi li.headerNavi02{
	width:72px;
	height:18px;
}

div#noscriptHeader #headerNavi li.headerNavi03{
	width:61px;
	height:18px;
}

div#noscriptHeader #headerNavi a{
	height:18px;
	display:block;
}

/* works
----------------------------------------- */
h1{
	width:557px;
	height:37px;
	margin:0 0 28px 0;
	background:url(/material/img/common/bg_h1.gif) no-repeat left top;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	line-height:37px;
	text-indent:9px;
}

div#works{
	width:557px;
}

div#works .worksBox{
	width:557px;
	clear:both;
	padding:0 0 20px 0;
}

div#works .worksBox .worksImage{
	width:105px;
	float:left;
}

div#works .worksBox dl{
	width:427px;
	padding:0 0 0 25px;
	float:right;
}
* html div#works .worksBox dl{
	padding:0;
}

div#works .worksBox .worksTitle{
	font-weight:bold;
}

div#works .worksBox .worksIcon ul,
div#works .worksBoxlarge .worksIcon ul{
	margin:15px 0 0 0;
}

div#works .worksBox .worksIcon li,
div#works .worksBoxlarge .worksIcon li{
	float:left;
	width:103px;
	height:14px;
	background:url(/material/img/works/ico_00.gif) no-repeat;
	font-size:10px;
	line-height:130%;
	text-align:center;
	margin:0 3px 3px 0;
}
div#works .worksBox .worksIcon li.s,
div#works .worksBoxlarge .worksIcon li.s{
	font-size:8px;
	line-height:160%;
}
* html div#works .worksBox .worksIcon li,
* html div#works .worksBoxlarge .worksIcon li{
	margin:0 3px 2px 0;
}
div#works .worksBox .worksIcon a,
div#works .worksBoxlarge .worksIcon a{
	display:block;
	width:103px;
	height:14px;
	color:#FFFFFF;
	text-decoration:none;
}

div#works .worksBox .worksIcon li a:hover{
	background:url(/material/img/works/ico_00.gif) no-repeat;
	background-position:0 -14px;
}

div#works .worksBoxlarge .worksIcon li a:hover{
	background:url(/material/img/works/ico_00.gif) no-repeat;
	background-position:0 -14px;
}

div#works .worksText{
	clear:both;
}

div#works .worksText strong{
	font-weight:normal;
}

div#works .worksText h2{
	font-size:100%;
	font-weight:normal;
}

div#works .worksText h3{
	font-size:100%;
	font-weight:normal;
}

div#works .worksText h4{
	font-size:100%;
	font-weight:normal;
}

div#works .worksText h5{
	font-size:100%;
	font-weight:normal;
}

div#works .worksBox .worksLink{
}

div#works .worksBoxlarge{
	width:557px;
	clear:both;
	padding:0 0 20px 0;
}

div#works .worksBoxlarge .worksImage{
	width:213px;
	float:left;
}

div#works .worksBoxlarge dl{
	width:319px;
	padding:0 0 0 25px;
	float:right;
}

div#works .worksBoxlarge .worksTitle{
	font-weight:bold;
}

div#works .worksBoxlarge .worksUrl{
	margin:0 0 15px 0;
}

div#works .worksBoxlarge .worksText strong{
	font-weight:normal;
}

div#works .worksBoxlarge .worksText h2{
	font-size:100%;
	font-weight:normal;
}

div#works .worksBoxlarge .worksLink{
}


#main p.pagetop{
	clear:both;
	width:547px;
	margin:0 0 30px 0;
	text-align:right;
}
#main div.pageTop {
	clear:both;
	width:547px;
	margin:0 0 30px 0;
	text-align:right;
}


/* related
----------------------------------------- */
div#related{
	clear:both;
	margin:30px 0 30px 0;
}

div#related:after{
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}

div#related div.title{
	width:557px;
	height:22px;
	margin:0 0 15px 0;
	background:url(/material/img/common/bg_related.gif) no-repeat left top;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-indent:22px;
}

div#related ul.normal{
	float:none;
}

div#related ul.service{
	float:left;
	width:205px;
}

div#related ul.solution{
	float:right;
	width:330px;
}

div#related ul li{
	margin:0 0 3px 0;
}

p.worksLink{
	width:180px;
	margin:-10px 0 10px 0;
	padding:0 0 0 15px;
	list-style-position:outside;
	line-height:110%;
	float:right;
	background:url(/material/img/common/arrow01.gif) no-repeat left 4px;
}

.classificationBox{
	width:270px;
	margin:0 14px 0 0;
	padding:0 0 30px 0;
	float:left;
}

.classificationBox h2{
	width:270px;
	height:34px;
	font-size:12px;
	padding:8px 0 5px 10px;
	background:url(/material/img/works/title_bg.gif) no-repeat;
}

.classificationBox h2 a:link{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBox h2 a:visited{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBox h2 a:hover{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBox h2 a:active{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBox h3{
	font-size:12px;
	font-weight:normal;
	padding:0 10px;
}

.classificationBoxRight{
	width:270px;
	padding:0 0 30px 0;
	float:left;
}

.classificationBoxRight h2{
	width:270px;
	height:34px;
	font-size:12px;
	padding:8px 0 5px 10px;
	background:url(/material/img/works/title_bg.gif) no-repeat;
}

.classificationBoxRight h2 a:link{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBoxRight h2 a:visited{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBoxRight h2 a:hover{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBoxRight h2 a:active{
	color:#1e644c;
	text-decoration:underline;
}

.classificationBoxRight h3{
	font-size:12px;
	font-weight:normal;
	padding:0 10px;
}


/* key */

p.catch {
	padding:0 0 10px 5px;
	color:#27614f;
	font-size:120%;
	font-weight:bold;
}

div.ttlKey01 {
	width:510px;
	height:28px;
	margin:0;
	padding:15px 0 0 47px;
	background:url(/material/img/works/key_ttl01.jpg) no-repeat left top;
	color:#4c4c4c;
	font-weight:bold;
}
* html div.ttlKey01 {
	width:557px;
	height:43px;
}
div.ttlKey02 {
	width:510px;
	height:28px;
	margin:0;
	padding:15px 0 0 47px;
	background:url(/material/img/works/key_ttl02.jpg) no-repeat left top;
	color:#4c4c4c;
	font-weight:bold;
}
* html div.ttlKey02 {
	width:557px;
	height:43px;
}

div.key {
	width:523px;
	margin:0 0 23px 0;
	padding:13px 0 17px 32px;
	border:1px solid #a8b3c5;
	border-top:none;
}
* html div.key {
	width:557px;
}

div.key table {
	width:auto;
	border-collapse:collapse;
	font-weight:bold;
	line-height:1.2em;
}
div.key table th {
	padding:6px;
	font-size:100%;
}
div.key table th.style01 {
	width:175px;
	border-right:2px solid #ffffff;
	text-align:left;
}
div.key table th.style02 {
	width:98px;
	border-right:none;
	text-align:center;
}
div.key table th.style03 {
	width:102px;
	border-right:none;
	
}
div.key table th.style04 {
	width:33px;
	border-right:9px solid #ffffff;
}
div.key table th.style04 {
	width:33px;
	border-right:none;
}
div.key table td {
	padding:6px;
}
div.key table td.style01 {
	background:#e6e6e6;
	border-bottom:1px solid #ffffff;
	border-right:2px solid #ffffff;
	text-align:left;
}
div.key table td.style02 {
	background:#f3f3f3;
	border-bottom:1px solid #ffffff;
	border-right:none;
	text-align:right !important;
}
div.key table td.style03 {
	background:url(/material/img/works/key_img03.gif) no-repeat left bottom;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
}
div.key table td.style04 {
	background:#f3f3f3;
	border-bottom:1px solid #ffffff;
	border-right:none;
	text-align:right !important;
}
div.key table td.style05 {
	background:url(/material/img/works/key_img04.gif) no-repeat left bottom;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
}

h2.workcatch{
	font-size:120%;
	margin:10px 0 0 0;
}

p.worksCaption{
	margin:0 0 15px 0;
}