@charset "utf-8";





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::



	file name : works.css



 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */





/* ********************************************************************************

 * CLEARFIX

 * ******************************************************************************** */



table.works ul:after,

div.data:after,

ol.episodeNavi:after,

div.episode dl:after,

body.works div#main dl.source:after {

	content:".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

table.works ul,

div.data,

ol.episodeNavi,

div.episode dl,

body.works div#main dl.source {

	display: inline-block;

}

* html table.works ul,

* html div.data,

* html ol.episodeNavi,

* html div.episode dl,

* html body.works div#main dl.source {

	height: 1%;

}

table.works ul,

div.data,

ol.episodeNavi,

div.episode dl,

body.works div#main dl.source {

	display: block;

}





/* ********************************************************************************

 * ■建設事例の紹介：トップ

 * file path : /works/index.html

 * body class name : body.works

 * ******************************************************************************** */



/* h1#pageTitle */

body.works h1#pageTitle {

	margin-bottom: 13px;

}



/* table.works

 * -------------------------------------------------------------------------------- */

body.works table.works {

	margin-bottom: 20px;

}

body.works table.works tr th,

body.works table.works tr td {

	text-align: left;

	vertical-align: top;

	

}

body.works table.works tr td {

	padding: 8px 0 12px;

	background: url(../assets/images/line_1.gif) 0 100% no-repeat;

}

body.works table.works tr.last td {

	padding-bottom: 0;

	background: none;

}

/* h2 */

body.works table.works tr th h2 {

	margin-bottom: 10px;

}

/* dl */

body.works table.works tr td dl {

	display: inline;

	float: left;

	width: 130px;

	margin-right: 15px;

}

/* dl.last */

body.works table.works tr td dl.last {

	width: 120px;

	margin-right: 0;

}

body.works table.works tr td dl dt {

	margin-bottom: 3px;

	padding: 9px 9px 9px 8px;

	background: url(../assets/images/bg_frame_120x84.gif) 0 0 no-repeat;

	font-size: 0;

	line-height: 0;

}

body.works table.works tr td dl dt a:hover img {

	filter: alpha(opacity=80);

	-moz-opacity:0.80;

	opacity:0.80;

}

body.works table.works tr td dl dd {

	line-height: 1.2;

}

body.works table.works tr td dl dd a {

	display: block;

	padding-left: 16px;

	background: url(../assets/images/icon_arrow_1.gif) 0 0.2em no-repeat;

}

body.works table.works tr td dl dd a:visited {

	background-image: url(../assets/images/icon_arrow_1_visited.gif);

}

body.works table.works tr td dl dd a:hover {

	background-image: url(../assets/images/icon_arrow_1.gif);

}

/* dl.on */

body.works table.works tr td dl.on dt a img {

	filter: alpha(opacity=80);

	-moz-opacity:0.80;

	opacity:0.80;

}

body.works table.works tr td dl.on dd a {

	background-image: url(../assets/images/icon_arrow_1.gif);

	text-decoration: none;

	color: #000000;

}





/* ********************************************************************************

 * ■建設事例の紹介：詳細

 * file path : /works/

 * body class name : body.works

 * ******************************************************************************** */



/* div#main

 * ================================================================================ */

body.works div#main {

	float: right;

	width: 638px;

	padding-bottom: 20px;

}

/* h1#pageTitle */

body.works div#main h1#pageTitle {

	margin-bottom: 30px;

}

/* div.data

------------------------------------------------------------*/

body.works div#main div.data {

	margin-bottom: 20px;

}

/* dl */

body.works div#main div.data dl {

	float: left;

	width: 255px;

}

body.works div#main div.data dl dt {

	margin-bottom: 15px;

}

/* dd p */

body.works div#main div.data dl dd p {

	margin: 0 0 10px 8px;

	line-height: 1.2;

	color: #1f1e1c;

}

/* table */

body.works div#main div.data dl dd table {

	line-height: 1.2;

	color: #1f1e1c;

}

/* caption */

body.works div#main div.data dl dd table caption {

	padding-bottom: 10px;

	line-height: 1.2;

	color: #1f1e1c;

}

body.works div#main div.data dl dd table th,

body.works div#main div.data dl dd table td {

	padding-bottom: 9px;

	text-align: left;

	vertical-align: top;

}

body.works div#main div.data dl dd table th {

	width: 80px;

	padding-left: 13px;

	background: url(../assets/images/icon_square_1.gif) 0 0.4em no-repeat;

	font-weight:bold;

}

/* p.imgMain */

body.works div#main div.data p.imgMain {

	float: right;

}

body.works div#main div.data p.imgMain img {

	padding: 11px 11px 12px 11px;

	background: url(../assets/images/bg_frame_365x255.jpg) 0 0 no-repeat;

}



/* div#episodes

 * -------------------------------------------------------------------------------- */

/* ol.episodeNavi

------------------------------------------------------------*/

body.works div#episodes ol.episodeNavi {

	margin-bottom: 25px;

	padding: 9px 0 10px;

	background: url(../assets/images/dotline_1.gif) 0 100% repeat-x;

}

body.works div#episodes ol.episodeNavi li {

	display: inline;

	float: left;

	line-height: 0;

	font-size: 0;

}

body.works div#episodes ol.episodeNavi li.navi1 {

	margin-right: 8px;

}

body.works div#episodes ol.episodeNavi li.navi2 {

	margin-right: 9px;

}

body.works div#episodes ol.episodeNavi li.navi3 {

	margin-right: 9px;

}



/* div.episode

------------------------------------------------------------*/

body.works div#episodes div.episode {

	margin-left: 12px;

	padding-bottom: 20px;

}

body.works div#episodes div.episode h3 {}

/* dl */

body.works div#episodes div.episode dl {

	padding-top: 20px;

}

body.works div#episodes div.episode dl dt {

	float: left;

	width: 435px;

	margin-bottom: 5px;

}

body.works div#episodes div.episode dl dd {

	float: left;

	width: 407px;

	padding-left: 28px;

	line-height: 1.6;

}

/* dd.thumbnails */

body.works div#episodes div.episode dl dd.thumbnails {

	float: right;

	width: auto;

	padding: 0;

}

/* p */

body.works div#episodes div.episode dl dd.thumbnails p {

	position: relative;

	margin-bottom: 10px;



	line-height: 0;

}

/* iconMagnifier */

body.works div#episodes div.episode dl dd.thumbnails p span.iconMagnifier {

	position:absolute; top:87px; left:127px;

	padding: 0;

	margin: 0;

	z-index: 5;

}

/* a img */

body.works div#episodes div.episode dl dd.thumbnails p a img {

	padding: 8px 9px 9px 8px;

	background: url(../assets/images/bg_frame_163x123.gif) 0 0 no-repeat;

}

/* a:hover img */

body.works div#episodes div.episode dl dd.thumbnails p a:hover img {

	filter: alpha(opacity=80);

	-moz-opacity:0.80;

	opacity:0.80;

}



/* dl.source

------------------------------------------------------------*/

body.works div#main dl.source {

	width: 638px;

	margin: 0 0 20px auto;

	line-height: 1.4;

}

body.works div#main dl.source dt {

	float: left;

	width: 40px;

	padding-left: 13px;

	background: url(../assets/images/icon_square_1.gif) 0 0.5em no-repeat;

	font-weight:bold;

}

body.works div#main dl.source dd {

	float: right;

	width: 580px;

	margin-bottom: 0.5em;

}



/* div#sub

 * ================================================================================ */

body.works div#sub {

	width: 182px;

	float: left;

	padding-bottom: 20px;

}

/* h2 */

body.works div#sub h2 {

	margin-bottom: 33px;

}

/* h3 */

body.works div#sub h3 {

	font-size: 0;

	line-height: 0;

}

/* dl.localNavi

------------------------------------------------------------*/

body.works div#sub dl.localNavi {

	margin-bottom: 30px;

}

body.works div#sub dl.localNavi dt {

	

}

body.works div#sub dl.localNavi dd {

	padding: 8px 0 11px;

	background: url(../assets/images/dotline_1.gif) 0 100% repeat-x;

	line-height: 1.2;

}

body.works div#sub dl.localNavi dd a {

	display: block;

	padding-left: 17px;

	background: url(../assets/images/icon_arrow_1.gif) 1px 0.2em no-repeat;

}

body.works div#sub dl.localNavi dd a:visited {

	background-image: url(../assets/images/icon_arrow_1_visited.gif);

}

body.works div#sub dl.localNavi dd a:hover {

	background-image: url(../assets/images/icon_arrow_1.gif);

}