@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.bread {
	margin:0 0 40px 0;
	}

.mtitle.works {
	background: url(../images/works/works_mtitle.jpg) no-repeat;
	}

.works_navi {
	margin:0 10px;
	padding:0 0 0 10px;
	height:49px;
	}
	
.works_navi li {
	margin:0 10px 0 0;
	width:282px;
	height:49px;
	float:left;
	}
	
.works_navi li a {
	background: url(../images/works/works_tab1.jpg) no-repeat;
	margin: 0;
	padding: 49px 0 0 0;
	width: 282px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:49px;/* for ie5.x */
	}
	
.works_navi li.wnavi2 a {
	background: url(../images/works/works_tab2.jpg) no-repeat;
	}

.works_navi li.on a,	
.works_navi li a:hover {
	background-position: 0 -49px;
	}

.works_area {
	margin:0 10px;
	}

.works_ex {
	background: url(../images/works/works_tabtitle.jpg) no-repeat;
	margin:0 0 25px 0;
	padding:20px 0 0 15px;
	height:25px;
	font-size:1.4em;
	line-height:1.1;
	}

.itembox {
	margin:0 0 13px 0;
	padding:0 0 0 255px;
	width:470px;
	min-height:170px;
	height:auto !important;
    height:170px;
	position: relative;
	}

.iteminfo_title {
	margin:0;
	padding:12px 0 0 135px;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	width:335px;
	height:27px;
	position: relative;
	font-size:1.4em;
	font-weight: bold;
	color:#000;
	line-height:1.1;
	}
	
	
.iteminfo_title b {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/works/works_datatitle1.jpg) no-repeat;
	margin: 0;
	padding: 39px 0 0 0;
	width: 124px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:39px;/* for ie5.x */
	}

.iteminfo_url {
	margin:0;
	padding:9px 0 0 105px;
	border-bottom:1px solid #E5E5E5;
	width:365px;
	height:22px;
	position: relative;
	font-size:1.2em;
	line-height:1.1;
	}
	
.iteminfo_url a {
	color:#698F0A;
	}
	
.iteminfo_url a:hover {
	color:#972002;
	text-decoration: underline;
	}
	
.iteminfo_tag {
	margin:0;
	padding:9px 0 0 105px;
	border-bottom:1px solid #E5E5E5;
	width:365px;
	height:22px;
	position: relative;
	font-size:1.2em;
	line-height:1.1;
	}

.iteminfo_url b,
.iteminfo_tag b {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/works/works_datatitle2.jpg) no-repeat;
	margin: 0;
	padding: 31px 0 0 0;
	width: 96px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:31px;/* for ie5.x */
	}
	
.iteminfo_tag b {
	background: url(../images/works/works_datatitle3.jpg) no-repeat;
	}
	
.iteminfo_comment {
	background: url(../images/works/works_datatitle5l.jpg) no-repeat;
	margin:0;
	padding:9px 0 0 105px;
	border-bottom:1px solid #E5E5E5;
	width:365px;
	min-height:55px;
	height:auto !important;
    height:55px;
	position: relative;
	font-size:1.2em;
	}
	
.iteminfo_image {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/works/works_imagearea.jpg) no-repeat;
	margin:0;
	padding:6px 5px;
	width:240px;
	height:160px;
	}
	
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/* #side
--------- --------- --------- --------- --------- */
.sarea_title.works_s {
	background: url(../images/works/works_sarea_mtitle.jpg) no-repeat;
	}
	
.sarea_navi {
	margin:0;	
	}
	
.sarea_navi li {
	margin:0 0 2px 0;
	width:174px;
	height:45px;
	}
	
.sarea_navi li a {
	margin: 0;
	padding: 45px 0 0 0;
	width: 174px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:45px;/* for ie5.x */
	}
	
.sarea_navi li.snavi1 a {
	background: url(../images/works/sarea_snavi1.jpg) no-repeat;
	}
	
.sarea_navi li.snavi2 a {
	background: url(../images/works/sarea_snavi2.jpg) no-repeat;
	}

.sarea_navi li.on a,
.sarea_navi li a:hover {
	background-position: 0 -45px;
	}