@charset "utf-8";
/*
 _    _  _   _  _____  _______  ______            _____  _____  
| |  | || \ | ||_   _||__   __||  ____|    /\    |_   _||  __ \ 
| |  | ||  \| |  | |     | |   | |__      /  \     | |  | |__) |
| |  | || . ` |  | |     | |   |  __|    / /\ \    | |  |  _  / 
| |__| || |\  | _| |_    | |   | |____  / ____ \  _| |_ | | \ \ 
 \____/ |_| \_||_____|   |_|   |______|/_/    \_\|_____||_|  \_\
                                                                
*/

/*---------------------------------------------------------------------
				Reset
---------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
caption, th, td {
	text-align: left; font-weight: normal;
	}
table, td, th {
	vertical-align: middle;
	}
a img {
	border: none;
	vertical-align: bottom;
	}

/* Default font settings */

body {
	font: 75%/1 Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #666;
	background: #fff url(/img/bg-html.jpg) no-repeat center 0;
	}

/* Global Links */

a:link, a:visited {
	color: #999;
	text-decoration: none;
	}
a:hover, a:active {
	color: #cc0000;
	text-decoration: none;
	}
html body #contents a.extLink, 
 #subFooter a.extLink, html body#newsrelease #contents a.extLink  {
	background: url(/img/bg-ext-link.gif) no-repeat 0 center;
	padding-left: 15px;
	}
/*---------------------------------------------------------------------
				Template
---------------------------------------------------------------------*/

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 10px;
	overflow: hidden;
	position: relative;
}

/* Header */

#header {
	background: url(/img/bg-head-foot.gif) repeat-x 0 0;
	width: 100%;
	height: 60px;
	border-bottom: 3px solid #000;
	}
#header h1, #header p a {
	background: url(/img/bg-main.png) no-repeat 0 0;
	margin-top: 14px;
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
	width: 192px;
	}
#header p a {
	display: block;
	}
#header ul {
	position: absolute;
	top: 15px;
	right: 0;
	}
#header ul li {
	float: left;
	height: 30px;
	}
#header ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 12px;
	margin-top: 8px;
	}
#header ul li.contact {
	border-right: 1px solid #666;
	}
#header ul li.contact a {
	background: url(/img/bg-main.png) no-repeat 0 -30px;
	width: 82px;
	margin-right:25px;
	}
#header ul li.contact a:hover {
	background-position: 0 -42px;
	}
#header ul li.sitemap a {
	background: url(/img/bg-main.png) no-repeat -82px -30px;
	width: 76px;
	margin-left:20px;
	}
#header ul li.sitemap a:hover {
	background-position: -82px -42px;
	}
/* top message */
#header {
	position: relative;
	}
#header p.spmsg01 {
	position: absolute;
	top: 14px;
	left: 231px;
	}


/* Navigation */

#nav {
	margin: 0 auto;
	width: 960px;
	position: relative;
	display: block;
	z-index: 10;
	}
#nav ul {
	overflow: hidden;
	background: #000;
	}
#nav li {
	float:left;
	width: 240px;
	background: #000;
	}
#nav li strong {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 12px;
	background: url(/img/bg-main.png) no-repeat;
	margin: 12px 0 11px 0;
	}
#nav li.result strong {
	background-position: 0 -54px;
	width: 57px;
	margin-left: 87px;
	}
#nav li.service strong {
	background-position: -57px -54px;
	width: 57px;
	margin-left: 85px;
	}
#nav li.info strong {
	background-position: -114px -54px;
	width: 62px;
	margin-left: 80px;
	}
#nav li.recruit strong {
	background-position: -176px -54px;
	width: 57px;
	margin-left: 85px;
	}
#nav li ul {
	padding: 0;
	z-index: 1;
	}
#nav li ul li{
	background: url(/img/bg-nav-list.gif) repeat-x 0 0;
	padding: 0;
	width: 240px;
	float: none;
	}
#nav li ul li a{
	text-decoration: none;
	color: #fff;
	padding: 15px 10px 15px  25px;
	display: block;
	background: url(/img/bg-nav-bullet.gif) no-repeat 10px center;
	height: 100%;
	}
#nav li ul li a:hover {
	color: #c00;
	}
#nav .cn {
	background: url(/img/bg-nav.png) no-repeat 0 0;
	height: 5px;
	z-index: -1;
	}

/* Dynamic Menu */

#nav.dynamic ul {
	background: none;
	}
#nav.dynamic ul li ul {
	display: none;
	}
#nav.dynamic .hover {
	position: absolute;
	display: block;
	background: #000;
	top: 35px;
	padding-bottom: 0;
	padding-top: 5px;
	}
#nav.dynamic li ul li a {
	color: #fff;
	}
#nav.dynamic li ul li a:hover {
	color: #c00;
	}
#nav.dynamic .cn {
	position: absolute;
	width: 100%;
	top: 35px;
	}

/* Contents */

#contents {
	width: 920px;
	margin: 15px auto 0 auto;
	line-height: 1.5;
	background: url(/img/bg-contents.png) no-repeat 0 0;
	overflow: hidden;
	padding: 10px 20px 20px 20px;
	}
#contents p#crumbs {
	margin: 0 -10px;
	background: #fff;
	padding: 10px 20px 12px 20px;
	font-size: inherit;
	line-height: 1.5em;
	}
#contents p#crumbs span {
	margin: 0 9px;
	font-size: 0.5833em;
	vertical-align: middle;
	font-family: 'ＭＳ Ｐゴシック','MS PGothic';
	}
#contents #titleWrap {
	overflow: hidden;
	margin-right: -10px;
	}
#contents  h1 {
	background: url(/img/bg-h1.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	height: 96px;
	float: left;
	}
#contents #pLinks {
	float: right;
	}
#contents #pLinks ul {
	margin-top: 1px;
	background: #fff;
	overflow: hidden;
	width: 600px;
	}
#contents #pLinks ul li {
	float: left;
	width: 165px;
	padding: 11px 0 11px 35px;
	color: #ccc;
	}
#contents #pLinks ul li a {
	background: url(/img/bg-pLinks.gif) no-repeat 0 center;
	padding-left: 15px;
	margin-left: -15px;
	display: block;
	}

/* Top Anchor  */

#contents #top {
	margin: 40px -10px 0 -10px;
	padding: 10px 20px 10px 0;
	background: #999;
	text-align: right;
	}
#contents #top a {
	padding-left: 15px;
	color: #fff;
	background: url(/img/bg-totop-bullet.gif) no-repeat 0 center;
	}
#contents #top a:hover {
	color: #c00;
	}

/* Footer */

#footer {
	min-height: 180px;
	width: 100%;
	background: #222 url(/img/bg-head-foot.gif) repeat-x 0 -60px;
	line-height: 2;
	}
#footer address {
	color: #fff;
	margin-top: 34px;
	margin-bottom: 45px;
	font-style:normal;
	width: 720px;
	}
#footer #rel {
	position: absolute;
	top: 30px;
	right: 0;
	width: 138px;
	}
#footer #rel li {
	float: left;
	}
#footer #rel li a {
	background: url(/img/bg-main.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	}
#footer #rel li.bold {
	margin-right: 42px;
	}
#footer #rel li.bold a {
	background-position: -240px -30px;
	width: 22px;
	height: 46px;
	}
#footer #rel li.airgraph {
	margin: 11px 36px 0 0;
	}
#footer #rel li.airgraph a {
	background-position: -160px -30px;
	width: 50px;
	height: 24px;
	}
#footer #rel li.imj {
	margin-top: 10px;
	}
#footer #rel li.imj a {
	background-position: -195px 0;
	width: 74px;
	height: 26px;
	}
#footer #c-a {
	position: absolute;
	top: 121px;
	right: 0;
	}
#footer #c-a li {
	float: left;
	padding: 2px 0 4px 0;
	}
#footer #c-a li a {
	display: block;
	color: #fff;
	padding-left: 18px;
	}
#footer #c-a li a:hover {
	color: #c00;
	}
#footer #c-a li.contact {
	border-right: 1px solid #666;
	text-align: right;
	}
#footer #c-a li.contact a {
	background: url(/img/bg-ca-bullet.gif) no-repeat 0 center;
	margin: 0 19px 0 20px;
	}
#footer #c-a li.access a {
	background: url(/img/bg-ca-bullet.gif) no-repeat -200px center;
	margin-left:20px;
	}
#footer #copyright {
	margin: 45px 0 35px 0;
	font: 0.9166em Tahoma;
	width: 720px;
	}


/*---------------------------------------------------------------------
				Main
---------------------------------------------------------------------*/

#main #contents  {
	background: none;
	padding: 0;
	width: 960px;
	}

#main #bnrNenga2011{
	margin-top: 10px;
}

#main #works {
	background: url(/img/main/bg-showcase-cblr.png) no-repeat 0 bottom;
	padding-bottom: 10px;
	position: relative;
	}
#main #works h2 {
	background: url(/img/main/bg-works-h2.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 960px;
	height: 86px;
	}
#main #works h2.message {
	background: url(/img/main/bg-message-h2.png) no-repeat 0 0;
	}
#main #works .inner {
	background: #f7f7f7;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 0 19px 10px 19px;
	}
#main #works .inner:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0;
}
#main #works .inner .left {
	float: left;
	width: 450px;
	margin-top: -27px;
	position: relative;
	}
#main #works .inner .right {
	float: right;
	width: 450px;
	margin-top: -27px;
	position: relative;
	}
#main #works .inner h3 {
	border-bottom: 1px solid #ddd;
	font-size: 1.167em;
	font-weight: bold;
	padding: 0 10px 6px 10px;
	color: #333;
	}
#main #works .inner .image img {
	display: block;
}
#main #works .inner .topMessage01 {
	padding-bottom: 40px;
	padding-left: 135px;
}
#main #works .inner .topMessage01 img{
	vertical-align: top;
}
#main #works .inner .topMessage01 .p01 {
}
#main #works .inner .topMessage01 .p02 {
	margin-top: 29px;
}
#main #works .inner .topMessage01 .p03 {
	margin-top: 29px;
}
#main #works .inner .topMessage01 .p04 {
	margin-top: 29px;
}
#main #works .inner .topMessage01 .p05 {
	margin-top: 29px;
}
#main #works .inner .topMessage01 .p06 {
	margin-top: 29px;
}
#main #works .inner .topMessage01 .p07 {
	margin-top: 29px;
}
#main #works .inner .topMessage01 .p08 {
	margin-top: 27px;
	padding-left: 623px;
}
#main #works div.projData{
	border-top: 1px solid #ddd;
	}
#main #works div.projData dl {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}
#main #works div.projData dt, #main #works div.projData dd {
	padding: 11px 0 10px 0;
	}
#main #works div.projData dt {
	float: left;
	padding-left: 10px;
	width: 7em;
	}
#main #works div.projData dd {
	margin-left: 8em;
	}
#main #works div.projData dd ul {
	margin: -11px 0 -10px;
	padding-bottom: 4px;
	}
#main #works div.projData dd ul:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0;
}
#main #works div.projData dd ul li {
	float: left;
	display: inline;
	padding: 6px 10px 6px 0;
	border-right: 1px solid #ccc;
	margin: 5px 10px 0 0;
	white-space: nowrap;
	}
#main #works div.projData a {
	color: #666;
	}
#main #works div.projData a:hover {
	color: #c00;
	}
#main #works div.projData dd ul li.last {
	border: none;
	}
#main #works .more {
	position: absolute;
	top: 12px;
	left: 204px;
	width: 43px;
	height: 10px;
	background: url(/img/main/bg-more-2.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#main #works .more a {
	display: block;
}
#main #works #subProj  {
	background: #f7f7f7 url(/img/main/bg-showcase-wh4.png) no-repeat 9px bottom;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	overflow: hidden;
	padding-left: 9px;
	}
#main #works #subProj .box  {
	float: left;
	overflow: hidden;
	width: 160px;
	margin-right: 10px;
	padding: 20px 10px 18px 10px;
	background: url(/img/main/bg-showcase-wbox.png) no-repeat 0 0;
	}
#main #works #subProj h4  {
	height: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/main/bg-showcase-h4.png) no-repeat;
	}
#main #works #subProj .of h4 {
	width: 116px;
	background-position: 0 0px;
	}
#main #works #subProj .sp h4 {
	width: 130px;
	background-position: -116px 0;
	}
#main #works #subProj .ac h4 {
	width: 106px;
	background-position: -246px 0;
	}
#main #works #subProj .cm h4 {
	width: 47px;
	background-position: -352px 0;
	}
#main #works #subProj .op h4 {
	width: 40px;
	background-position: -399px 0;
	}
#main #works #subProj .op {
	margin-right: 0;
	}
#main #works #subProj .box p  {
	margin-top: 14px;
	color: #ccc;
	}
#main #works #subProj .box a  {
	color: #fff;
	background: url(/img/main/bg-showcase-subproj-a.gif) no-repeat 0 center;
	padding-left: 14px;
	display: block;
	}
#main #works #subProj .box a:hover {
	color: #c00;
	}

#main #relatedSite{
	margin-top: 10px;
	padding-top: 4px;
	background: url(/img/main/bg_relatedsite01_t.gif) left top no-repeat;
	}
#main #relatedSite .inner{
	padding-bottom: 4px;
	background: url(/img/main/bg_relatedsite01_b.gif) left bottom no-repeat;
	}
#main #relatedSite ul{
	padding: 6px 0 6px 10px;
	background: url(/img/main/bg_relatedsite01.gif) left top repeat-y;
	overflow: hidden;
	}
#main #relatedSite ul li{
	padding-right: 10px;
	float: left;
	}
#main #relatedSite ul li a{
	padding: 0;
	background-image: none;
	}

#main #information, #main #writing {
	margin-top: 10px;
	padding-bottom: 5px;
	background: url(/img/main/bg-cblr-1.gif) no-repeat 0 bottom;
	float: left;
	width: 470px;
	position: relative;
	}
#main #information h2, #main #writing h2 {
	text-indent: -9999px;
	overflow: hidden;
	height: 36px;
	}
#main #information h2 {
	background: url(/img/main/bg-information-h2.gif) no-repeat 0 0;
	}
#main #information .wrapper, #main #writing .wrapper {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 20px 20px 14px 20px;
	background: #fff;
	width: 428px;
	margin: 0;
	}
#main #information dl, #main #writing dl {
	background: #eee;
	margin-bottom: 1px;
	padding: 4px 10px 3px 10px;
	}
#main #information dt, #main #writing dt {
	width: 7em;
	float: left;
	font-family: Tahoma;
	font-size: 0.9166em;
	color: #999;
	padding-top: 1px;
	}
#main #information dd, #main #writing dd {
	margin-left: 7em;
	}
#main #information dd a, #main #writing dd a  {
	color: #666;
	background: url(/img/main/bg-info-dt.gif) no-repeat 0 0.417em;
	padding-left: 15px;
	display: inline-block;
	}
#main #information dd a:hover, #main #writing dd a:hover {
	color: #c00;
	}
#main #writing {
	margin-left: 20px;
	}
#main #writing h2 {
	background: url(/img/main/bg-writing-h2.gif) no-repeat 0 0;
	}

#main #information .more, #main #writing .more {
	position: absolute;
	top: 12px;
	left: 204px;
	width: 43px;
	height: 10px;
	background: url(/img/main/bg-more-1.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#main #information .more a, #main #writing .more a {
	display: block;
}

#subFooter {
	margin-top: 10px;
	border-top: 3px solid #ddd;
	background: #f7f7f7;
	line-height: 2.5;
	}
#subFooter .box {
	float: left;
	width: 194px;
	}
#subFooter .ext {
	width: 184px;
	}
#subFooter strong {
	background: url(/img/main/bg-subfooter-s.gif) no-repeat 0 center;
	padding-left: 16px;
	font-weight: bold;
	}
#subFooter ul li  {
	margin-left: 10px;
	}
#subFooter ul li a {
	display: block;
	padding-left: 15px;
	color: #333;
	background: url(/img/main/bg-arrow.gif) no-repeat 0 center;
	}
#subFooter ul li a:hover {
	color: #c00;
	}


/*---------------------------------------------------------------------
				Corporate
---------------------------------------------------------------------*/

/* corporate */

#corporate h1 {
	background-position: 0 center;
	width: 76px;
	}
#corporate table {
	width: 920px;
	background: #f7f7f7;
	line-height: 1.666em;
	border-bottom: 3px solid #ccc;
	}
#corporate table th, #corporate table td {
	border-bottom: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 14px 10px;
	}
#corporate table th {
	border-right: 1px solid #ddd;
	}
#corporate table th.sub {
	background: #efefef;
	width: 172px;
	}
#corporate table td {
	}
#corporate table .row th, #corporate table .row td {
	border-top: 3px solid #ccc;
	}
#corporate table td a.accessmap {
	background: url(/img/bg-local-link.gif) no-repeat 0 center;
	padding-left: 15px;
	margin-left: 1em;
	}

/* access */

#access h1 {
	background-position: -76px center;
	width: 121px;
	}
#access #mapWrapper {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	}
#access .showMap {
	width: 100%;
	height: 620px;
	}
#access #map {
	font-size: 0;
	}
#access .hideMap {
	display: none;
	}
#access #contents table {
	border-bottom: 3px solid #ccc;
	background: #f7f7f7;
	}
#access #contents table th, #access #contents table td {
	border-bottom: 1px solid #ddd;
	padding: 4px 10px;
	}
#access #contents table th {
	border-right: 1px solid #ddd;
	}
#access #contents table h2 {
	font-weight: bold;
	}
#access #contents table th.col {
	vertical-align: top;
	padding-top: 30px;
	width: 220px;
	}
#access #contents table th.col ul {
	margin-top: 10px;
	}
#access #contents table th.sub {
	background: #efefef;
	width: 50px;
	text-align: center;
	}
#access #contents table td.thumb {
	width: 158px;
	}
#access #contents table td.thumb a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}
#access #contents table td.thumb a span {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width:  33px;
	height: 33px;
	position: absolute;
	top: 0;
	left: 135px;
	background: url(/img/corporate/bg-loop.png) no-repeat 0 0;
	}
#access #contents table td.thumb a:hover span {
	background: url(/img/corporate/bg-loop.png) no-repeat -33px 0;
	}

/* declaration */

#declaration h1 {
	background-position: -197px center;
	width: 75px;
	}
#declaration #contents p {
	margin-bottom: 1.6666em;
	line-height: 1.6666em;
	}
#declaration #contents #sign {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	background: #f7f7f7;
	}
#declaration #contents #sign p {
	margin-bottom: 0;
	padding: 12px 10px;
	text-align: right;
	}
#declaration #contents #sign p.president {
	border-top: 1px solid #ccc;
	}

/* announcement */

#announcement h1 {
	background: url(/img/bg-h1.png) no-repeat;
	background-position: -1516px center;
	width: 74px;
	}
#announcement #contents p {
	margin-bottom: 1.6666em;
	line-height: 1.6666em;
	}
#announcement #contents p.url01 {
	margin-bottom: 9.6em;
	}
#announcement #contents #sign {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	background: #f7f7f7;
	}
#announcement #contents #sign p {
	margin-bottom: 0;
	padding: 12px 10px;
	text-align: right;
	}
#announcement #contents #sign p.president {
	border-top: 1px solid #ccc;
	}


/*---------------------------------------------------------------------
				Service
---------------------------------------------------------------------*/

/* service */

#service h1 {
	background-position: -272px center;
	width: 108px;
	}
#service h2 {
	margin-bottom: 1em;
	line-height: normal;
	font-weight: bold;
	}
#service p {
	line-height: 1.6666em;
	}
#service #serviceWrap {
	overflow: hidden;
	margin-top: 30px;
	line-height: 1.6666em;
	}
#service #serviceWrap img {
	font-size: 0px;
	}
#service #serviceWrap div.lWrap {
	float: left;
	width: 460px;
	}
#service #serviceWrap div.rWrap {
	float: right;
	width: 460px;
	}
#service #serviceWrap div p {
	width: 410px;
	color: #666;
	margin-top: 10px;
	}
#service #serviceWrap div.rWrap p {
	float: right;
	}

/* list */

#list h1 {
	margin-top: 2em;
	background-position: -380px center;
	width: 110px;
	}
#list h2 {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	}
#list .leadTxt {
	margin-bottom: 1em;
	}
#list table {
	width: 100%;
	margin-bottom: 20px;
	background: #f7f7f7;
	border-bottom: 3px solid #ccc;
	line-height: 1.6666em;
	}
#list table th, #list table td {
	padding: 12px 9px;
	border-bottom: 1px solid #ddd;
	}
#list table th {
	width: 190px;
	border-right: 1px solid #ddd;
	}
#list #contents #pLinks ul {
	margin: 0;
	background: none;
	width: 200px;
	}
#list #contents #pLinks ul li {
	float: none;
	background: #fff;
	margin-top: 1px;
	vertical-align: bottom;
	}
#list #contents #pLinks ul li a {
	background: url(/img/service/bg-pLink.gif) no-repeat 0 center;
	}

/* logic */

#logic h1 {
	background-position: -490px center;
	width: 209px;
	}
#logic h2 {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	}
#logic .leadTxt {
	margin-bottom: 1em;
	}
#logic .logicWrap {
	overflow: hidden;
	margin: 40px 0;
	position: relative;
	}
#logic .logicWrap div.txt {
	width: 370px;
	float: left;
	}
#logic .logicWrap p {
	margin-bottom: 1em;
	}
#logic .logicWrap p.caution{
	font-size: 0.8333em;
	}
#logic .logicWrap div.img {
	float: right;
	width: 514px;
	line-height: 0;
	}


/*---------------------------------------------------------------------
				Output
---------------------------------------------------------------------*/

/* output */

#output h1 {
	margin-top: 3em;
	background-position: -699px center;
	width: 111px;
	}
#output h2 {
	margin-top: 20px;
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	}
#output div.projData {
	overflow: hidden;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	background: #f7f7f7;
	padding-bottom: 40px;
	margin-top: 20px;
	}
#output div.projData h3 {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding: 11px 0 10px 7px;
	font-weight: bold;
	}
#output div.projData div.thumb {
	background: url(/img/output/bg-proj-thumb.png) no-repeat 25px 65px;
	padding: 80px 40px 40px;
	margin: 0 auto;
	width: 240px;
	float: left;
	}
#output div.projData div.thumb-2 {
	background: url(/img/output/bg-proj-thumb-2.png) no-repeat 25px 65px;
	}
#output div.projData div.thumb-3 {
	background: url(/img/output/bg-proj-thumb-3.png) no-repeat 25px 65px;
	}
#output div.projData div.data {
	width: 560px;
	float: left;
	border-top: 1px solid #ddd;
	margin-top: 40px;
	}
#output div.projData div.data dl {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}
#output div.projData div.data dt, #output div.projData div.data dd {
	padding: 11px 0 10px 0;
	}
#output div.projData div.data dt {
	float: left;
	padding-left: 7px;
	width: 8em;
	}
#output div.projData div.data dd {
	margin-left: 9em;
	position: relative;
	}
#output div.projData div.data dd ul {
	margin: -11px 0 -10px;
	padding-bottom: 4px;
	}
#output div.projData div.data dd ul:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0;
}
#output div.projData div.data dd ul li {
	float: left;
	display: inline;
	padding: 6px 10px 6px 0;
	border-right: 1px solid #ccc;
	margin: 5px 10px 0 0;
	white-space: nowrap;
	}
#output div.projData div.data a {
	color: #666;
	}
#output div.projData div.data a:hover {
	color: #c00;
	}
#output div.projData div.data dd ul li.last {
	border: none;
	}
#output div.toTop {
	margin: 20px 0;
	padding: 10px;
	text-align: right;
	background: #f7f7f7;
	}
#output div.toTop a {
	color: #333;
	padding-left: 15px;
	background: url(/img/output/bg-totop.gif) no-repeat 0 center;
	}
#output div.toTop a:hover {
	color: #c00;
	}

/* clients */

#clients h1 {
	background-position: -810px center;
	width: 138px;
	}
#clients #clientList {
	margin-top: 20px;
	font-weight:bold;
	line-height: 1.6;
	overflow: hidden;
	}
#clients #clientList ul {
	float: left;
	margin-right: 10px;
	}
#clients #clientList ul.last {
	margin-right: 0;
	}
#clients #clientList ul li {
	width: 300px;
	}
#clients div.clientIntro {
	background: #f7f7f7;
	border-bottom: 3px solid #ccc;
	margin-top: 20px;
	}
#clients div.clientIntro div.title {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	position: relative;
	}
#clients div.clientIntro div.title h2 {
	font-weight: bold;
	}
#clients div.clientIntro div.title p {
	position: absolute;
	top: 15px;
	right: 10px;
	}
#clients div.clientIntro div.title {
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	}
#clients div.clientIntro div.graph {
	margin: 40px 0;
	text-align: center;
	font-size: 0;
	}
#clients p.clientTxt {
	margin: 16px 0 -5px 0;
	line-height: 1.66;
	}
#clients p.txt {
	line-height: 1.66;
	position: relative;
	float: right;
	width: 300px;
	font-weight: normal;
	}


/*---------------------------------------------------------------------
				Recruit
---------------------------------------------------------------------*/

/* message */

#message h1 {
	background-position: -948px center;
	width: 85px;
	}
#message h2 {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	}
#message p.messageTxt {
	margin: 16px 0;
	line-height: 1.66;
	}

/* outline */

#outline h1 {
	padding-top: 2.5em;
	background-position: -1033px center;
	width: 74px;
	}
#outline h2 {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	margin-top: 10px;
	}
#outline table {
	width: 100%;
	background: #f7f7f7;
	line-height: 1.666em;
	border-bottom: 3px solid #ccc;
	}
#outline table th, #outline table td {
	border-bottom: 1px solid #ddd;
	padding: 14px 10px;
	}
#outline table th {
	border-right: 1px solid #ddd;
	}
#outline table th.sub {
	background: #efefef;
	}
#outline table .row th, #outline table .row td {
	border-top: 3px solid #ccc;
	}
#outline table ul{
	margin-left: 35px;
	}
#outline table ul li{
	list-style-type: disc;
	}
#outline table td a{
	background: url(/img/bg-local-link.gif) no-repeat 0 center;
	padding-left: 15px;
	}

/* roadmap */

#roadmap h1 {
	background-position: -1107px center;
	width: 196px;
	}
#roadmap h2 {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	}
#roadmap table {
	width: 100%;
	background: #f7f7f7;
	border-bottom: 3px solid #ccc;
	}
#roadmap table tr.row th, #roadmap table tr.row td {
	border-top: 3px solid #ccc;
	}
#roadmap table th, #roadmap table td {
	border-bottom: 1px solid #ddd;
	padding: 14px 10px;
	}
#roadmap table th {
	border-right: 1px solid #ddd;
	}
#roadmap table th.sub {
	background: #efefef;
	}
#roadmap p.caution {
	color: #f66;
	margin: 10px 0;
	}
#roadmap div#steps {
	background: #f7f7f7;
	border-bottom: 3px solid #ccc;
	position: relative;
	height: 856px;
	}
#roadmap div#steps ol li {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	height: 227px;
	width: 227px;
	}
#roadmap div#steps ol li.step1 {
	top: 37px;
	left: 37px;
	background: url(/img/recruit/bg-recruit-step1.png) no-repeat 0 0;
	}
#roadmap div#steps ol li.step2 {
	top: 180px;
	left: 191px;
	background: url(/img/recruit/bg-recruit-step2.png) no-repeat 0 0;
	}
#roadmap div#steps ol li.step3 {
	top: 316px;
	left: 345px;
	background: url(/img/recruit/bg-recruit-step3.png) no-repeat 0 0;
	}
#roadmap div#steps ol li.step4 {
	top: 453px;
	left: 499px;
	background: url(/img/recruit/bg-recruit-step4.png) no-repeat 0 0;
	}
#roadmap div#steps ol li.step5 {
	top: 589px;
	left: 653px;
	background: url(/img/recruit/bg-recruit-step5.png) no-repeat 0 0;
	}


/*---------------------------------------------------------------------
				Sitemap
---------------------------------------------------------------------*/

#sitemap h1 {
	background-position: -1303px center;
	width: 101px;
	}
#sitemap #outerWrap {
	overflow: hidden;
	padding-bottom: 20px;
	}
#sitemap #innerLeft {
	float: left;
	width: 260px;
	}
#sitemap #innerLeft .siteWrap {
	padding: 0 40px 65px 60px;
	overflow: hidden;
	}
#sitemap #innerLeft .siteWrap .map .thumb {
	height: 114px;
	padding-top: 10px;
	}
#sitemap #innerLeft .siteWrap .map .thumb a {
	font-size: 0px;
	}
#sitemap #innerLeft .first {
	background: url(/img/sitemap/bg-part3.png) no-repeat right 70px;
	}
#sitemap #innerRight {
	float: left;
	width: 660px;
	}
#sitemap #innerRight .siteWrap {
	padding: 0 0 65px 100px;
	overflow: hidden;
	}
#sitemap #innerRight .siteWrap .map {
	float: left;
	width: 180px;
	}
#sitemap #innerRight .siteWrap .map .thumb {
	height: 114px;
	padding-top: 10px;
	}
#sitemap #innerRight .siteWrap .map .thumb a {
	font-size: 0px;
	}
#sitemap #innerRight .siteWrap .map .many {
	padding-top: 0;
	height: 124px;
	}
#sitemap #innerRight .first {
	background: url(/img/sitemap/bg-part1.png) no-repeat 0 70px;
	}
#sitemap #innerRight .middle {
	background: url(/img/sitemap/bg-part3.png) no-repeat 0 70px;
	border-left: 1px solid #ccc;
	}
#sitemap #innerRight .last {
	background: url(/img/sitemap/bg-part2.png) no-repeat 0 -210px;
	}
#sitemap .siteWrap .map p {
	margin-top: 6px;
	padding-left: 10px;
	}
#sitemap .siteWrap .map p a {
	background: url(/img/bg-local-link.gif) no-repeat 0 center;
	padding-left: 15px;
	}


/*---------------------------------------------------------------------
				Newsrelease
---------------------------------------------------------------------*/

#newsrelease h1 {
	text-indent: 0;
	background: none;
	height: auto;
	width: auto;
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	padding: 2em 0;
	}
#newsrelease h2 {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	}
#newsrelease #contents p.txt {
	margin: 1em 0;
	line-height: 1.6666em;
	}
#newsrelease #contents div.thumb {
	margin: 1em 0;
	}
#newsrelease #contents ul li {
	line-height: 1.8333em;
	}
#newsrelease #contents ul li a {
	background: url(/img/bg-local-link.gif) no-repeat 0 center;
	padding-left: 15px;
	}
#newsrelease #contents dl {
	line-height: 1.8333em;
	margin: 1em 0;
	}
#newsrelease #contents dl dd a {
	background: url(/img/bg-local-link.gif) no-repeat 0 center;
	padding-left: 15px;
	}
#newsrelease #contents div.toTop {
	margin: 20px 0;
	padding: 10px;
	text-align: right;
	background: #f7f7f7;
	}
#newsrelease #contents div.toTop a {
	color: #333;
	padding-left: 15px;
	background: url(/img/output/bg-totop.gif) no-repeat 0 center;
	}
#newsrelease #contents div.toTop a:hover {
	color: #c00;
	}
/*---------------------------------------------------------------------
				Error
---------------------------------------------------------------------*/

#misc h1 {
	text-indent: 0;
	background: none;
	height: auto;
	width: auto;
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	padding: 2em 0;
	}
#misc h2 {
	padding: 14px 10px;
	background: #efefef;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
	}
#misc p.txt {
	margin: 2em 0;
	line-height: 1.6666em;
	}

/*---------------------------------------------------------------------
				Inquiry
---------------------------------------------------------------------*/

#inquiry h1, #error h1, #confirm h1, #complete h1 {
	background-position: -1404px center;
	width: 111px;
	}

#contents form #formPrivacy {
	height: 140px;
	border: 3px solid #ccc;
	margin-top: 10px;
	padding: 1em 17px 0 17px;
	overflow: auto;
	position: relative;
	}
#contents form #formPrivacy p {
	margin-bottom: 1em;
	}
#contents form .formPrivacyAgree {
	padding: 12px 0;
	position: relative;
	border-bottom: 3px solid #ccc;
	text-align: center;
	background: #f7f7f7;
	font-weight: bold;
	}
#contents .formExp {
	color: #999;
	margin-top: 16px;
	font-size: 0.8333em;
	line-height: 1.8;
	}
#contents p.formMust {
	color: #f00;
	margin-top: 11px;
	font-size: 0.8333em;
	line-height: 1.8;
	}
#contents p.formCoop {
	margin-top: 16px;
	line-height: 1.8;
	}
#contents form table {
	border-top: 3px solid #ccc;
	margin-top: 15px;
	}
#contents form th, #contents form td  {
	border-bottom: 3px solid #ccc;
	}
#contents form th {
	width: 210px;
	background: #f7f7f7;
	vertical-align:middle;
	padding-left: 10px;
	font-weight: bold;
	}
#contents form td {
	padding: 10px;
	}
#confirm #contents form td {
	padding: 14px 10px;
	}
#contents form th span.must {
	color: #f00;
	}
#contents form input,#contents form textarea {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	}
#contents form .nameField input,
#contents form .mailField input,
#contents form .compField input,
#contents form .deptField input,
#contents form .telField input,
#contents form .addrField input,
#contents form .siteField input,
#contents form .subjField textarea,
#contents form .delivField select,
#contents form .cellAdj7 input.other {
	border: 1px solid #cdcdcd;
	background: #f7f7f7;
	padding: 5px 3px;
	}
#contents form .nameField label {
	width: 30px;
	display: inline-block;
	}
#contents form .nameField input {
	margin-right: 20px;
	width: 186px;
	}
#contents form .mailField input,
#contents form .compField input,
#contents form .deptField input {
	width: 460px;
	}
#contents form .mailField td span {
	margin-left: 10px;
	}
#contents form .telField input {
	width: 270px;
	}
#contents form .addrField input,
#contents form .siteField input,
#contents form .subjField textarea {
	width: 672px;
	}
#contents form .subjField textarea {
	height: 8.4em;
	}
#contents form .delivField select {
	width: 178px;
	padding: 0;
	}
#contents form .cellAdj1 {
	border-bottom: 1px solid #eee;
	width: 690px;
	}
#contents form .cellAdj2 {
	width: 230px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
#contents form .cellAdj3 {
	width: 208px;
	border-bottom: 1px solid #eee;
	}
#contents form .cellAdj1,
#contents form .cellAdj2,
#contents form .cellAdj3,
#contents form .cellAdj4,
#contents form .cellAdj7,
#contents form .cellAdj8,
#contents form .cellAdj9 {
	padding: 5px;
	}
#contents form .cellAdj5 {
	border-bottom: 1px solid #ccc;
	}
#contents form .cellAdj6 {
	border-bottom: 1px solid #eee;
	}
#contents form .cellAdj7 input.other {
	margin-left: 10px;
	width: 400px;
	color: #ccc;
	padding: 2px 8px
	}
#confirm #contents form .cellAdj1,
#confirm #contents form .cellAdj7 {
	padding: 5px;
	}
#confirm #contents form .cellAdj8 {
	padding: 7px 30px;
	width: 640px;
	}
#contents form #formButtons {
	margin-top: 20px;
	overflow: hidden;
	text-align: center;
	}
#contents form #formButtons div.wrapper {
	margin: 0 auto;
	}
#inquiry #contents form #formButtons div.wrapper,
#error #contents form #formButtons div.wrapper {
	width:372px;
	}
#confirm #contents form #formButtons div.wrapper {
	width:356px;
	}
#complete #contents form #formButtons div.wrapper {
	width:181px;
	margin-top: 100px;
	}
#contents #formButtons input {
	height: 59px;
	padding: 0;
	border: 0;
	background: transparent url(/img/bg-form-buttons.png) no-repeat 0 0;
	text-indent: -1000em;
	cursor: pointer;
	display: block;
	float: left;
	}
#contents form #formButtons .reset {
	margin: 0 10px 0 0px;
	width: 181px;
	background-position: 0 0;
	}
#contents form #formButtons .reset:hover {
	background-position: 0 -59px;
	}
#contents form #formButtons .submit {
	width: 181px;
	background-position: -181px 0;
	}
#contents form #formButtons .submit:hover {
	background-position: -181px -59px;
	}
#contents form #formButtons .goback {
	margin-right: 10px;
	width: 181px;
	background-position: -362px 0;
	}
#contents #formButtons .goback:hover {
	background-position: -362px -59px;
	}
#contents form #formButtons .proceed {
	width: 165px;
	background-position: -543px 0;
	}
#contents form #formButtons .proceed:hover {
	background-position: -543px -59px;
	}
#contents #formButtons .totop {
	width: 181px;
	background-position: -708px 0;
	}
#contents #formButtons .totop:hover {
	background-position: -708px -59px;
	}

/* error */

#contents p.formError {
	color: #c00;
	}
#contents .formInputError {
	margin-top: 16px;
	}
#contents .formInputError p {
	background: #c00;
	padding: 5px 0 6px 10px;
	color: #fff;
	margin-top: 1px;
	}
#contents form .inputError {
	background: #fee;
	}


/*---------------------------------------------------------------------
								Bull
---------------------------------------------------------------------*/

#rakugaki {
	height: 100px;
	margin-bottom: 10px;
	font-size: 0px;
	}