@charset "utf-8";

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

[link style]
[article]

[unitWorks]
[navWorksPager]

[blockSubNavi]

-- FontSize --
  BASE:  75% (12px)

 SMALL:  83% (10px)
 LARGE: 150% (18px)

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

/* =========================================================
■link style
========================================================= */
body div#main div#article a {
	color: #000000;
	vertical-align: top;
	text-decoration: none;
}

body div#main div#article ul li a {
	color: #545454;
}

body div#main div#article a:link {
	border-bottom: 2px #BFBFBF solid;
}

body div#main div#article a:visited {
	border-bottom: 2px #BFBFBF solid;
}

body div#main div#article a:hover {
	border-bottom: none;
}

body div#main div#article a:active {
	border-bottom: none;
}


/* for IE6
----------------------------------------------- */
* html body div#main div#article p.url a:link {
	border-bottom: none;
	text-decoration: underline;
}

* html div#main div#article p.url a:visited {
	border-bottom: none;
	text-decoration: underline;
}

* html body div#main div#article p.url a:hover {
	border-bottom: none;
	text-decoration: none;
}

* html div#main div#article p.url a:active {
	border-bottom: none;
	text-decoration: none;
}



/* =========================================================
■article
========================================================= */
div#main div#article {
	margin: 0 0 -50px;
}



/* =========================================================
■unitWorks
========================================================= */
div#main div.unitWorks {
	margin: 0 0 30px;
	padding: 0 10px 15px;
	border-bottom: 1px #E6E6E6 solid;
}

div#main div#article div.unitWorks h3,
div#main div#article div.unitWorks h4 {
	margin: 0 0 5px;
}

div#main div#article div.unitWorks p,
div#main div#article div.unitWorks ul,
div#main div#article div.unitWorks dl {
	margin: 0 0 15px;
}


/* pic
----------------------------------------------- */
div#main div#article div.unitWorks p.pic,
div#main div#article div.unitWorks ul.pic {
	float: left;
	width: 327px;
	margin: 0 0 15px;
}

div#main div#article div.unitWorks ul.pic li {
	margin: 0 0 5px;
}


/* unitWorksInfo
----------------------------------------------- */
div#main div.unitWorks div.unitWorksInfo {
	margin: 0 0 0 345px;
}

div#main div.unitWorks div.unitWorksInfo h3 {
	color: #31317B;
	font-weight: bold;
	font-size: 133%;
}

div#main div.unitWorks div.unitWorksInfo h4 {
	font-weight: bold;
	font-size: 116%;
}

div#main div.unitWorks div.unitWorksInfo p.url {
	font-weight: bold;
}

div#main div.unitWorks div.unitWorksInfo p.url span {
	padding-left: 20px;
	background: url(/shared/img/ico_link_01.gif) no-repeat 100% 48%;
	zoom: 1;
}


/* unitWorksService
----------------------------------------------- */
div#main div.unitWorks dl.unitWorksService {
}

div#main div.unitWorks dl.unitWorksService dt {
	margin: 0 0 7px;
}

div#main div.unitWorks dl.unitWorksService dd ul {
	overflow: hidden;
	background: #E6E5FF url(/img/works/bg_service_01.gif) no-repeat 100% 100%;
}

div#main div.unitWorks dl.unitWorksService dd ul li {
	float: left;
	width: 302px;
	margin: 0;
	padding: 4px 10px 5px 22px;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	background-position: 10px 48%;
}


/* ----- unitWorksInfo ----- */
div#main div.unitWorks div.unitWorksInfo dl.unitWorksService dd ul {
	overflow: hidden;
	background: #E6E5FF;
}

div#main div.unitWorks div.unitWorksInfo dl.unitWorksService dd ul li {
	float: none;
	*width: 290px; /* for IE6,7 */
	border-right: none;
}



/* =========================================================
■navWorksPager
========================================================= */
div#main div#article ul.navWorksPager {
	margin: -20px 0 50px;
	padding: 0 0 10px;
	border-bottom: 1px #E6E6E6 solid;
	text-align: center;
}

div#main div#article ul.navWorksPager li {
	display: inline-block;
	margin: 0 5px;
	padding: 3px 5px;
	border: 1px #E6E6E6 solid;
	*display: inline; /* for IE6,7 */
}



/* =========================================================
■blockSubNav
========================================================= */
/* current
----------------------------------------------------------*/
div#sub div#blockSubNav ul li.current em,
div#sub div.blockSubNav ul li.current em {
	background: url(/shared/img/ico_list_works_01.png) no-repeat 10px 14px;
}