@charset "utf-8";
@import url(default.css);

body {
	background: #fff url(../images/navi/body.jpg) 0px 130px repeat-x;
	color: #333;
	line-height: 1.6;
}
a:link {
	color: #03c;
}
a:visited {
	color: #639;
}
a:hover {
	color: #03c;
	text-decoration: none;
}
div#wrapper,
div#foot2 {
	font-size: 93%;
}

/* background-image for css-sprite */
div#head a.hd1,
div#head a.hd2,
div#head a.hd3,
body.home div.works ul li a,
body.home div.works ul li em.notLinkImage,
body.home dl dt a,
body.home dl dt span.notLinkImage,
body.topics dl dt a,
body.topics dl dt span.notLinkImage,
body.works div#list div.section a.link,
body.works div#list div.section span.notLinkImage{
	background: url(../images/top/bg.jpg) no-repeat;
}
div#head a.hd1:hover,
div#head a.hd2:hover,
div#head a.hd3:hover {
	background-color: #fff;
	color: #333;
}
div#head a.hd1:hover img,
div#head a.hd2:hover img,
div#head a.hd3:hover img {
	visibility: hidden;
}


div#wrapper {
	width: 850px;
	margin: 0 auto;
}

/* #head */

div#head {
	height: 70px;
	margin-top: 35px;
}
div#head img,
div#head a {
	display: inline;
	float: left;
}
div#head img.tel {
	margin-top: 10px;
	margin-left: 198px;
}
	
div#head a.hd1 {
	width: 180px;
	height: 35px;
	margin-right: 12px;
	margin-left: 12px;
	background-position: -240px -176px;
}
div#head a.hd2 {
	width: 66px;
	height: 13px;
	background-position: -240px -150px;
}
div#head a.hd3 {
	width: 66px;
	height: 13px;
	margin-top: 8px;
	background-position: -240px -163px;
}

/* #navi */

ul#navi,
#gnavi ul {
	height: 45px;
}
ul#navi li {
	float: left;
}
ul#navi li a {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/navi/bg.jpg) no-repeat;
}
ul#navi li.n1 a {
	width: 100px;
}
ul#navi li.n2 a {
	background-position: -100px 0px;
}
ul#navi li.n3 a {
	background-position: -225px 0px;
}
ul#navi li.n4 a {
	background-position: -350px 0px;
}
ul#navi li.n5 a {
	background-position: -475px 0px;
}
ul#navi li.n6 a {
	background-position: -600px 0px;
}
ul#navi li.n7 a {
	background-position: -725px 0px;
}
ul#navi li a:hover {
	background-color: #fff;
	color: #333;
}
ul#navi li a:hover img,
body.home ul#navi li.n1 img,
body.icg ul#navi li.n2 img,
body.custom ul#navi li.n3 img,
body.org ul#navi li.n3 img,
body.reformtop ul#navi li.n4 img,
body.designtop ul#navi li.n5 img,
body.works ul#navi li.n6 img,
body.topics ul#navi li.n7 img,

#gnavi li a:hover img,
body.home #gnavi li.g1 img,
body.icg #gnavi li.g2 img,
body.custom #gnavi li.g3 img,
body.org #gnavi li.g3 img,
body.reformtop #gnavi li.g4 img,
body.designtop #gnavi li.g5 img,
body.liq #gnavi li.g6 img,
body.works #gnavi li.g7 img,
body.topics #gnavi li.g8 img {
	visibility: hidden;
}/*
body.works.detail.support #gnavi li.g7 img {
	visibility: visible;
}
body.works.detail.support #gnavi li.g7 a:hover img {
	visibility: hidden;
}*/

#gnavi li {
	float: left;
	width: 111px;
	height: 45px;
}
#gnavi li a {
	display: block;
	width: 111px;
	height: 45px;
	background: url(../images/navi/bg.jpg) no-repeat;
}
#gnavi li.g1,
#gnavi li.g1 a {
	width: 74px;
}
#gnavi li.g2 {
	width: 110px;
}
#gnavi li.g2 a {
	width: 110px;
	background-position: -74px 0;
}
#gnavi li.g3 a {
	background-position: -184px 0;
}
#gnavi li.g4 a {
	background-position: -295px 0;
}
#gnavi li.g5 a {
	background-position: -406px 0;
}
#gnavi li.g6 a {
	background-position: -517px 0;
}
#gnavi li.g7 a {
	background-position: -628px 0;
}
#gnavi li.g8 a {
	background-position: -739px 0;
}
#gnavi li a:hover {
	background-color: #fff;
}
	


/* trace */
p.trace {
	padding-top: 12px;
	padding-bottom: 20px;
	font-size: 83%; /* 0.93 x 0.83 = 0.77 (10px) */
	word-spacing: .2em;
}

/* foot */
div#foot1 {
	height: 35px;
	margin-top: 20px;
	background: url(../images/top/bg_pagetop.jpg) repeat-x;
}
div#foot1 p {
	width: 850px;
	margin: 0 auto;
	text-align: right;
}
div#footmap {
	padding: 10px 0;
}
div#footmap p {
	width: 850px;
	margin: 0 auto;
	font-size: 77%;
	text-align: center;
}
div#foot2 {
	height: 8em;
	padding-top: 1em;
	background-color: #000;
	color: #fff;
}
div#foot2 p {
	clear: left;
	width: 850px;
	margin: 0 auto;
}
div#foot2 p img {
	float: left;
	margin-top: .6em;
	margin-right: 20px;
}



/* home */
/* topics(top) */

body.home h1 {
	display: inline;
}
body.home div.catch {
	width: 850px;
	height: 208px;
	margin-top: 10px;
	padding-top: 115px;
	background: url(../images/top/bg_catch.jpg) no-repeat;
}
body.home div.catch p {
	width: 480px;
}
body.home div.catch img {
	margin-top: 1em;
	margin-left: 40px;
}
body.home h2 {
	margin-top: 24px;
}
body.home h3 {
	margin-top: 20px;
	margin-bottom: 6px;
}

body.home div.works {
	width: 850px;
	padding-top: 8px;
	background-color: #eee;
	color: #333;
}
body.home div.works ul li {
	display: inline;
	position: relative;
	float: left;
	width: 252px; /*width: 274px;*/
	height: 296px; /*height: 304px;*/
	margin-left: 8px;
	padding-top: 8px;
	padding-left: 20px;
	background: url(../images/top/bg_item.jpg) no-repeat;
}
body.home div.works ul li strong img {
	margin-right: 6px;
}
body.home div.works ul li a,
body.home div.works ul li em.notLinkImage,
body.works div#list div.section a.link,
body.works div#list div.section span.notLinkImage {
	display: block;
	position: relative;
	width: 230px;
	height: 150px;
	margin-top: 6px; /* body.works は打ち消すこと */
}
body.home div.works ul li a:hover,
body.works div#list div.section a.link:hover {
	background-position: -230px 0px;
}
body.home div.works ul li a img,
body.home div.works ul li em.notLinkImage img,
body.works div#list div.section a.link img,
body.works div#list div.section span.notLinkImage img {
	margin-top: 7px;
	margin-left: 7px;
}
body.home div.works ul li a span {
	position: absolute;
	top: 155px;
	left: 0px;
	cursor: pointer;
}
body.home div.works ul li em {
	position: relative;
	top: 4em;
}
body.home div.works ul li em img {
	margin-bottom: 3px;
}
body.home div.works p {
	padding: 4px 12px 16px;
	text-align: right;
}
body.home dl,
body.topics dl {
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: dotted 1px #999;
}
body.topics dl {
	border-bottom-style: none;
	background: url(../images/topics/dash.gif) left bottom repeat-x;
}
body.home dl dt,
body.home dl dd,
body.home dl dt span,
body.home dl dt a,
body.topics dl dt,
body.topics dl dd,
body.topics dl dt span,
body.topics dl dt a {
	float: left;
}
body.home dl dt,
body.topics dl dt {
	width: 216px;
}
body.home dl dd,
body.topics dl dd {
	width: 630px;
}
body.home dl dt span,
body.topics dl dt span {
	width: 80px;
}
body.home dl dt a,
body.home dl dt span.notLinkImage,
body.topics dl dt a,
body.topics dl dt span.notLinkImage {
	display: inline;
	width:120px;
	height: 90px;
	margin-top: .3em;
	background-position: 0px -150px;
}
body.home dl dt a:hover,
body.topics dl dt a:hover {
	background-position: -120px -150px;
}
body.home dl dt a img,
body.home dl dt span.notLinkImage img,
body.topics dl dt a img,
body.topics dl dt span.notLinkImage img {
	margin: 5px;
}
body.home dl dd em,
body.topics dl dd em {
	display: block;
	font-weight: bold;
}
body.home div.section.topics p {
	padding-top: 6px;
	padding-bottom: 24px;
	text-align: right;
}
body.topics div#wrapper {
	padding-bottom: 36px;
}
body.home div.bns img {
	margin-right: 10px;
}
body.home div.bns img.e {
	margin-right: 0;
}
/* shinsai 110401 */
body.home div.shinsai {
	margin-top: 20px;
	margin-bottom: 10px;
}


/* works */
/* topics.detail (h1) */

body.works ul.localnavi li {
	float: left;
}
body.works ul.localnavi li a {
	display: inline;
	float: left;
	width: 151px;
	height: 38px;
	background: url(../images/navi/bg.jpg) no-repeat;
}
body.works ul.localnavi li.v1 a {
	background-position: 0px -45px;
}
body.works ul.localnavi li.v2 a {
	width: 152px;
	background-position: -151px -45px;
}
body.works ul.localnavi li.v3 a {
	width: 152px;
	background-position: -303px -45px;
}
body.works ul.localnavi li.v4 a {
	background-position: -455px -45px;
}
body.works ul.localnavi li.v5 a {
	width: 152px;
	background-position: -606px -45px;
}
body.works ul.localnavi li a:hover {
	background-color: #fff;
	color: #333;
}
body.works ul.localnavi li a:hover img,
body.wtop ul.localnavi li.v1 img,
body.wcustom ul.localnavi li.v2 img,
body.wreform ul.localnavi li.v3 img,
body.wdesign ul.localnavi li.v4 img,
body.wsubs ul.localnavi li.v5 img {
	visibility: hidden;
}

body.works h1 {
	clear: both;
}
body.works.wtop h1 {
	width: 850px;
	padding: 2.2em 0 .8em;
	background: #eee url(../images/works/top_hd_bg.jpg) left top no-repeat;
	text-align: center;
}
body.works div#list {
	width: 850px;
	padding-top: 10px;
	background-color: #eee;
	color: #333;
}
body.works div#list div.section {
	width: 816px; /* width: 834px; */
	height: 186px; /* height: 204px; */
	margin-left: 8px;
	margin-bottom: 8px;
	padding-top: 18px;
	padding-left: 18px;
	background: url(../images/works/bg.jpg) no-repeat;
}
body.works.wtop div#list div.section {
	height: 236px;
	margin-bottom: 20px;
	background: url(../images/works/top_bg.jpg) no-repeat;
}
body.works.wtop div#list div.section.cus {
}
body.works.wtop div#list div.section.ref {
	background-position: 0px -270px;
}
body.works.wtop div#list div.section.des {
	background-position: 0px -540px;
}
body.works.wtop div#list div.section.subs {
	background-position: 0px -800px;
}
body.works div#list div.section a.link,
body.works div#list div.section span.notLinkImage,
body.works div#list div.section h2,
body.works div#list div.section p,
body.works div#list div.section div {
	float: left;
}
body.works.wtop div#list div.section a.link,
body.works.wtop div#list div.section h2,
body.works.wtop div#list div.section p,
body.works.wtop div#list div.section div {
	float: none;
}
body.works div#list div.section a.link,
body.works div#list div.section span.notLinkImage {
	margin-top: 0;
	margin-right: 12px;
}
body.works div#list div.section h2 {
	width: 550px;
	margin-bottom: 10px;
}
body.works.wtop div#list div.section h2 {
	width: auto;
	margin-bottom: 0px;
}
body.works div#list div.section h2 img {
	margin-right: 10px;
}
body.works div#list div.section p {
	width: 360px;
	margin-right: 10px;
}
body.works.wtop div#list div.section p {
	margin-bottom: 10px;
}
body.works div#list div.section p em {
	font-size: 116%;
}
body.works div#list div.section div {
	width: 170px;
	height: 114px;
	padding-top: 4px;
	padding-left: 8px;
	border: solid 1px #999;
}
body.works div#list div.section div img {
	margin-right: 2px;
	margin-bottom: 6px;
}
div#list p.btn {
	padding-top: 24px;
	padding-bottom: 32px;
	text-align: center;
}

body.works.detail h1,
body.topics.tdetail h1,
body.icg.libdetail h1 {
	width: 846px;
	height: 86px;
	margin-bottom: 12px;
	padding: 1px;
	border: solid 1px #ccc;
	background: url(../images/works/detail_bg.jpg) top right no-repeat;
	font-size: 149%; /* 0.93 x 1.49 = 1.385 (18px) */
	font-weight: bold;
}

body.topics.tdetail h1 {
	background-image: url(../images/topics/detail_bg.jpg);
}
body.works.detail.reform h1 {
	background-image: url(../images/works/detail_reform_bg.jpg);
}
body.works.detail.design h1 {
	background-image: url(../images/works/detail_design_bg.jpg);
}
body.works.detail.support h1 {
	background-image: url(../images/works/detail_subsidence_bg.jpg);
}
body.works.detail h1 span,
body.topics.tdetail h1 span,
body.icg.libdetail h1 span,
body.liq.method h1 span,
body.liq.repair h1 span {
	float: left;
	width: 600px;
	line-height: 86px;
}
body.works.detail h1 img,
body.topics.tdetail h1 img,
body.icg.libdetail h1 img,
body.liq.method h1 img,
body.liq.repair h1 img {
	float: left;
	margin-right: 16px;
}
body.topics.tdetail h1 span.long {
	float: left;
	width: 600px;
	line-height: 43px;
}
body.works.detail div.section {
	display: inline;
	float: left;
	width: 420px;
	padding-top: 16px;
	padding-bottom: 18px;
}
body.works.detail div.section.gallery {
	margin-right: 10px;
	font-size: 83%; /* 0.93 x 0.83 = 0.77 (10px) */
}
body.works.detail div.section.gallery ul {
	clear: left;
	width: 420px;
	margin: 8px 0;
}
body.works.detail div.section.gallery li {
	float: left;
	width: 210px;
}
body.works.detail div.section div {
	width: 398px;
	padding: 10px;
	margin-bottom: 16px;
	border: solid 1px #ccc;
	line-height: 1.8;
}
body.works.detail div.section p {
	width: 420px;
	margin: 8px 0 16px;
}
body.works.detail div.section div h2,
body.works.detail div.photo li.c h2 {
	width: 360px;
	border-style: none;
	font-weight: bold;
}
body.works.detail div.section div.impress {
	width: 416px;
	padding: 1px;
	border-color: #999;
}
body.works.detail div.section div.impress p {
	width: 396px;
	padding: 10px;
	line-height: 1.6;
}
body.works.detail div.section div.layout {
	width: 420px;
	padding: 0;
	background-image: url(../images/works/bg_layout.gif);
	border-style: none;
	text-align: center;
}
body.works.detail div.section div.layout img {
	margin: 16px auto;
}

body.works.detail p.btn {
	clear: left;
	width: 850px;
	padding-top: 16px;
	padding-bottom: 20px;
	background-color: #eee;
	color: #333;
	text-align: center;
}
body.works.detail ul li img.i {
	margin-top: 4px;
}

body.works.detail div.section a img {
	border: solid 1px #fff;
}
body.works.detail div.section a:hover img {
	border: solid 1px #339;
}

body.works.detail div.photo li {
	display: inline;
	float: left;
	height: 300px;
}
body.works.detail div.photo li.a {
	width: 430px;
}
body.works.detail div.photo li.b {
	width: 420px;
}
body.works.detail div.photo li.c {
	width: 398px;
	height: auto;
	padding: 10px;
	margin-bottom: 16px;
	border: solid 1px #ccc;
	line-height: 1.8;
}


/* topics (detail) */

body.topics.tdetail div#wrapper {
	font-size: 108%;
}
body.topics.tdetail p.trace {
	font-size: 71%; /* 1.08 x 0.71 = 0.77 (10px) */
}
body.topics.tdetail p.date {
	padding: 6px 0 12px;
	font-size: 86%; /* 1.08 x 0.86 = 0.93 */
	text-align: right;
}
body.topics.tdetail div.section {
	width: 850px;
	margin-bottom: 20px;
}
body.topics.tdetail div.section img {
	clear: both;
}
body.topics.tdetail div.section img.fl {
	clear: none;
	float: left;
	margin-right: 20px;
}
body.topics.tdetail div.section.pic360 img {
}
body.topics.tdetail div.section.pic360 p {
	float: left;
	width: 450px;
}
body.topics.tdetail div.section.pic360 img.withBorder {
	margin-top: 16px;
	border: solid 1px #999;
}
body.topics.tdetail h2 {
	width: 838px;
	margin-bottom: 8px;
	padding: 5px;
	border: solid 1px #ccc;
	background: url(../images/topics/detail_mk.jpg) 5px 5px no-repeat;
	color: #000;
	font-size: 114%; /* 1.08 x 1.14 = 1.231 (16px) */
	font-weight: bold;
	line-height: 30px;
	text-indent: 1.5em;
}
body.topics.tdetail div.section em,
body.topics.tdetail div.section.ask {
	color: #000;
	font-size: 114%;
	font-weight: bold;
}
body.topics.tdetail div.section.ask p {
	display: inline;
}
body.topics.tdetail div.section div.columnTitle {
	width: 850px;
	height: 2em;
	margin-bottom: 10px;
	background-color: #ccf;
	color: #000;
	font-size: 114%;
	font-weight: bold;
	text-indent: 1em;
	line-height: 2em;
}
body.topics.tdetail p.return {
	clear: both;
	padding-top: 12px;
	text-align: right;
}


/* custom */
body.custom div#main {
	width: 850px;
	margin-bottom: 30px;
	background-color: #4b79c1;
	color: #fff;
	text-align: center;
}
body.custom div#main div.section {
	width: 830px;
	margin: 12px auto;
	padding-bottom: 20px;
	background-color: #fff;
	color: #333;
}
body.custom div#main img {
	margin-bottom: 12px;
}
body.custom div#main div.section ul {
	width: 770px;
	margin: 20px auto;
	text-align: left;
}
body.custom div#main div.section ul.u1 li {
	display: inline;
	float: left;
	width: 210px;
	height: 130px;
	padding-left: 175px;
}
body.custom div#main div.section ul.u1 li {
	height: 130px;
}
body.custom div#main div.section ul.u1 li.l1 {
	background: url(../images/custom/p1.jpg) no-repeat;
}
body.custom div#main div.section ul.u1 li.l2 {
	background: url(../images/custom/p2.jpg) no-repeat;
}
body.custom div#main div.section ul.u2 {
	height: 408px;
	background: url(../images/custom/p3.jpg) right bottom no-repeat;
}
body.custom div#main div.section ul.u2 li {
	width: 457px;
	margin-bottom: 30px;
}

/* ====== org (20111108) ====== */
body.org div#main {
	width: 850px;
	margin-bottom: 30px;
	background-color: #4b79c1;
	color: #fff;
}
body.org div.hdgroup {
	height: 321px;
	padding-top: 36px;
	padding-left: 39px;
	background: url(../images/custom/main.jpg) no-repeat;
}
body.org .hdgroup h2 {
	margin-top: 43px;
}
body.org #main .section {
	width: 770px;
	margin-left: 10px;
	padding: 20px 30px;
	background-color: #fff;
	color: #333;
}
body.org #main .section p {
	margin-bottom: 1em;
}
body.org #main .section p.msg {
	font-size: 114%;
}
body.org #main .section h2 {
	margin-bottom: 15px;
}
body.org #main .section li {
	float: left;
	/*width: 385px;*/
	width: 215px;
	padding-left: 170px;
}
body.org #main .section li img.tn {
	float: left;
	margin-left: -170px;
}
body.org #main .section li h3 {
	margin-bottom: 10px;
}
* html body.org #main .section li h3 {
	display: inline;
}
* html body.org #main .section li h3:after {
	content: '<br />';
}
body.org #main .section li p {
	padding-right: 15px;
	letter-spacing: -.1em;
}
body.org #main .section.support {
	margin-bottom: 20px;
}
body.org #main .section.support ul {
	margin-bottom: 30px;
}
body.org #main .support dl {
	height: 408px;
	background: url(../images/custom/p3.jpg) right bottom no-repeat;
}
body.org #main .support dt {
	width: 457px;
	margin-bottom: 15px;
}
body.org #main .support dd {
	width: 457px;
	margin-bottom: 30px;
}
p.c {
	text-align: center;
}
body.org #main .c img {
	margin-bottom: 20px;
}



/* reform */
body.reformtop div#main {
	position: relative;
	width: 850px;
	height: 1706px;
	background: url(../images/reform/bg.jpg) no-repeat;
}
body.reformtop div#main h1 {
	position: relative;
	top: 40px;
	left: 40px;
}
body.reformtop div#main div.section {
	position: relative;
	width: 830px;
	height: 1186px;
	padding-top: 18px;
	top: 70px;
	left: 10px;
	background-color: #fff;
	color: #333;
}
body.reformtop div#main div.section p {
	margin-bottom: 10px;
	text-align: center;
}
body.reformtop div#main div.section p img {
	margin-right: 10px;
	vertical-align: bottom;
}
body.reformtop div#main div.section div {
	width: 744px;
	margin: 30px;
	padding: 12px;
	border: solid 1px #999;
}
body.reformtop div#main div.section ul {
	width: 770px;
	height: 434px;
	margin: 20px auto;
	background: url(../images/reform/p7.jpg) right bottom no-repeat;
	text-align: left;
}
body.reformtop div#main div.section ul li {
	width: 457px;
	margin-bottom: 30px;
}
body.reformtop div#main div.section ul li img {
	margin-bottom: 10px;
}
body.reformtop div#main img.btn {
	position: relative;
	top: 84px;
	left: 234px;
}
body.reformtop div#main img.im {
	position: relative;
	top: 98px;
	left: 10px;
}

/* design */
body.designtop div#main {
	width: 850px;
	margin-bottom: 30px;
	background: #000 url(../images/design/bg.jpg) no-repeat;
	color: #fff;
	text-align: center;
}
body.designtop div#main div.section {
	width: 830px;
	margin: 0 auto 12px;
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: #fff;
	color: #333;
}
body.designtop div#main img {
	margin-bottom: 24px;
}
body.designtop div#main h1 {
	padding-top: 110px;
	padding-bottom: 40px;
	padding-left: 37px;
	text-align: left;
}
body.designtop div#main div.section ul {
	width: 770px;
	height: 190px;
	margin: 0 auto 30px;
}
body.designtop div#main div.section ul li {
	display: inline;
	float: left;
	width: 284px;
	padding-right: 20px;
	text-align: left;
}
body.designtop div#main div.section ul li.lm {
	padding-right: 10px;
}
body.designtop div#main div.section ul li.l1 {
	width: 150px;
	padding-right: 0;
}
body.designtop div#main div.section ul li span {
	display: block;
	margin-left: 10px;
	background: url(../images/design/dot.gif) 0em .4em no-repeat;
	text-indent: .8em;
}
body.designtop div#main div.section div {
	width: 744px;
	margin: 20px auto 80px;
	padding: 12px;
	border: solid 1px #999;
	text-align: left;
}
body.designtop div#main div.section div img {
	margin-bottom: 0;
}




/* icg (about us) */
body.icg h1,
body.liq h1 {
	margin-bottom: 20px;
}
body.icg div#foot1,
body.liq div#foot1 {
	clear: left;
}
body.icg div#main {
	float: left;
	width: 620px;
}
body.icg.itop div#main {
	background: url(../images/icg/top_bg.jpg) top right no-repeat;
}
body.icg div#main p,
body.icg div#main dl {
	width: 600px;
}
body.icg.itop div#main div.section {
	height: 460px;
}
body.icg.itop div#main p {
	width: 588px;
	margin-left: 12px;
	padding-top: 140px;
	line-height: 2;
}
body.icg.itop div#main dl dt a,
body.icg div#menu ul li a {
	background: url(../images/icg/sprite.jpg) no-repeat;
}
body.icg.itop div#main dl {
	clear: both;
	height: 110px;
	margin-bottom: 28px;
}
body.icg.itop div#main dl dt,
body.icg.itop div#main dl dd {
	float: left;
}
body.icg.itop div#main dl dt {
	width: 150px;
}
body.icg.itop div#main dl dd {
	width: 400px;
	padding-left: 24px;
}
body.icg.itop div#main dl dt a {
	display: block;
	width: 150px;
	height: 110px;
	background-position: 0px -271px;
}
body.icg.itop div#main dl dt a:hover {
	background-position: -150px -271px;
}
body.icg.itop div#main dl dt a img {
	margin-top: 5px;
	margin-left: 5px;
}
body.icg.itop div#main dl dd img {
	margin-bottom: 10px;
}
body.icg div#menu,
body.liq div#menu {
	float: left;
	width: 230px;
}
body.icg div#menu ul,
body.liq div#menu ul {
	border-bottom: solid 1px #999;
}
body.icg div#menu ul li a,
body.liq div#menu ul li a {
	display: block;
	width: 230px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}
body.icg div#menu ul li.l1 a:hover,
body.icg.itop div#menu ul li.l1 a,
body.liq div#menu li.l1 a:hover,
body.liq.indx div#menu li.l1 a {
	background-position: -230px 0px;
}
body.icg div#menu ul li.l2 a,
body.liq div#menu li.l2 a {
	background-position: 0px -45px;
}
body.icg div#menu ul li.l2 a:hover,
body.icg.iconcept div#menu ul li.l2 a,
body.liq div#menu li.l2 a:hover,
body.liq.method div#menu li.l2 a {
	background-position: -230px -45px;
}
body.icg div#menu ul li.l3 a,
body.liq div#menu li.l3 a {
	background-position: 0px -90px;
}
body.icg div#menu ul li.l3 a:hover,
body.icg.iflow div#menu ul li.l3 a,
body.liq div#menu li.l3 a:hover,
body.liq.repair div#menu li.l3 a {
	background-position: -230px -90px;
}
body.icg div#menu ul li.l4 a {
	background-position: 0px -135px;
}
body.icg div#menu ul li.l4 a:hover,
body.icg.ilib div#menu ul li.l4 a {
	background-position: -230px -135px;
}
body.icg div#menu ul li.l5 a {
	background-position: 0px -180px;
}
body.icg div#menu ul li.l5 a:hover {
	background-position: -230px -180px;
}
body.icg div#menu ul li.l6 a {
	height: 46px;
	background-position: 0px -225px;
}
body.icg div#menu ul li.l6 a:hover {
	background-position: -230px -225px;
}

body.icg.iconcept div#main p {
	margin: 20px 0 80px;
}
body.icg.iconcept div#main dl {
	width: 600px;
	margin-bottom: 30px;
}
body.icg.iconcept div#main dl dd {
	height: 186px;
	margin-top: 10px;
}
body.icg.iconcept div#main dl dd img {
	display: inline;
	float: left;
	margin-right: 6px;
}

body.icg.iflow div#main ul {
	width: 590px;
}
body.icg.iflow div#main ul li {
	margin-top: 28px;
	padding-bottom: 20px;
	background: url(../images/icg/flow/bd.gif) left bottom repeat-x;
}
body.icg.iflow div#main ul li img,
body.icg.iflow div#main ul li p {
	display: inline;
	float: left;
}
body.icg.iflow div#main ul li img {
	margin-right: 16px;
}
body.icg.iflow div#main ul li img.add {
	margin-right: 0;
}
body.icg.iflow div#main ul li p {
	width: 500px;
}
body.icg.iflow div#main ul li p.short {
	width: 345px;
	padding-right: 10px;
}
body.icg.iflow div#main ul li p img {
	display: block;
	float: none;
	margin-bottom: .4em;
}

body.icg.ilib div#main h2 {
	width: 590px;
	margin-bottom: 6px;
	background-color: #eef;
	color: #000;
	font-size: 132%; /* 0.93 x 1.32 = 1.231 (16px) */
	font-weight: bold;
	line-height: 2.4em;
	text-indent: .6em;
}
body.icg.ilib div#main ul {
	width: 610px;
	margin-bottom: 16px;
}
body.icg.ilib div#main ul li {
	display: inline;
	float: left;
	width: 288px;
	margin-right: 10px;
	padding: 10px 0;
	border: solid 1px #ccc;
}
body.icg.ilib div#main ul.t1 li {
	height: 8.8em;
}
body.icg.ilib div#main ul li img,
body.icg.ilib div#main ul li p {
	display: inline;
	float: left;
}
body.icg.ilib div#main ul li img {
	margin: 0 10px;
}
body.icg.ilib div#main ul li p {
	width: 200px;
}
body.icg.ilib div#main ul li p a {
	font-size: 116%;
}




body.icg.libdetail h1 {
	margin-bottom: 24px;
	background-image: url(../images/icg/lib/hd_bg.jpg);
}
body.icg.libdetail h2 {
	margin-bottom: 12px;
	background-color: #eef;
	color: #000;
	font-size: 132%; /* 0.93 x 1.32 = 1.231 (16px) */
	font-weight: bold;
	line-height: 2.4em;
	text-indent: 1em;
}
body.icg.libdetail p.return {
	clear: both;
	text-align: right;
}
body.icg.libdetail p.return.kagu {
	padding: 36px 0 22px;
}

body.icg.libdetail p.cap {
	margin-bottom: 36px;
	font-size: 116%; /* 0.93 x 1.16 = 1.08(14px) */
}
body.icg.libdetail div#sozai p{
	margin-bottom: 16px;
	font-size: 116%;
}
body.icg.libdetail ul.kagu {
	height: 130px;
}
body.icg.libdetail ul.kagu li {
	display: inline;
	float: left;
	width: 118px;
	margin-right: 2px;
	font-size: 83%; /* 0.93 x 0.83 = 0.77 (10px) */
}
body.icg.libdetail ul.kagu li.l1 {
	width: 158px;
}
body.icg.libdetail ul.kagu li.l2 {
	width: 148px;
}
body.icg.libdetail ul.kagu li.l3 {
	width: 122px;
}
body.icg.libdetail ul.kagu li.l4 {
	width: 93px;
}
body.icg.libdetail ul.kagu li.l5 {
	width: 208px;
}
body.icg.libdetail ul.kagu li.l6 {
	width: 217px;
}
body.icg.libdetail ul.kagu li a img {
	border: solid 1px #999;
}
body.icg.libdetail ul.kagu li a:hover img {
	border-color: #339;
}

body.icg.libdetail ul.material {
	width: 848px;
	margin-bottom: 24px;
	border: solid 1px #ccc;
	border-top-style: none;
}
body.icg.libdetail ul.material li {
	width: 808px;
	margin: 0;
	padding: 20px;
	border-top: solid 1px #ccc;
}
body.icg.libdetail ul.material li img,
body.icg.libdetail ul.material li p {
	display: inline;
	float: left;
}
body.icg.libdetail ul.material li img {
	width: 187px;
	margin-right: 20px;
	vertical-align: top;
}
body.icg.libdetail div#sozai ul.material li p {
	width: 590px;
	margin-left: 0px;
	font-size: 100%;
}
body.icg.libdetail ul.material li p strong {
	display: block;
	margin-bottom: .6em;
	font-size: 116%;
}


body.icg.libdetail div#om {
	margin-bottom: 36px;
	padding-top: 36px;
	background: url(../images/icg/lib/sol_bg1.jpg) right 88px no-repeat;
}
body.icg.libdetail div#om img {
	margin-right: 6px;
}
body.icg.libdetail div#om img.omi {
	margin-bottom: 36px;
}
body.icg.libdetail div#om p {
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 116%;
}
body.icg.libdetail div#om p img {
	vertical-align: text-bottom;
}
body.icg.libdetail div.om_suggest {
	width: 513px;
	height: 113px;
	margin-bottom: 20px;
	padding-top: 50px;
	padding-right: 311px;
	padding-left: 26px;
	background: url(../images/icg/lib/sol_bg2.jpg) no-repeat;
	font-size: 116%;
}
body.icg.libdetail dl.dlsol {
	display: inline;
	float: left;
	width: 544px;
}
body.icg.libdetail dl.dlsol dt {
	margin-bottom: .4em;
	font-size: 132%;
	font-weight: bold;
	line-height: 1.1;
}
body.icg.libdetail dl.dlsol dd a img {
	margin-right: 8px;
	margin-bottom: 10px;
	border: solid 1px #ccc;
}
body.icg.libdetail dl.dlsol dd a:hover img {
	border-color: #339;
}
body.icg.libdetail img.ext {
	float: left;
}




/* company */
body.company div.section {
	clear: both;
	width: 850px;
	padding-top: 30px;
}
body.company div.section h2 {
	margin-bottom: 16px;
}
body.company div.section.greeting p,
body.company div.section.greeting img {
	float: left;
}
body.company div.section.greeting p {
	width: 557px;
	padding-bottom: 1.6em;
}
body.company div.section.greeting img {
	display: inline;
	margin-right: 40px;
}
body.company div.section.greeting h2 img,
body.company div.section.greeting p img {
	float: none;
	margin-right: 0;
}
body.company div.section.greeting p.r {
	padding-top: 1em;
	text-align: right;
}
body.company div.section.outline {
	background: url(../images/company/bg1.jpg) right 60px no-repeat;
	padding-bottom: 30px;
}
body.company div.section.outline table {
	width: 500px;
	margin-bottom: 10px;
	background-color: #fff;
	color: #333;
}
body.company div.section.outline table,
body.company div.section.outline table td,
body.company div.section.outline table th {
	border: solid 1px #999;
}
body.company div.section.outline table th {
	background-color: #f6f6f6;
	color: #000;
	font-weight: bold;
	vertical-align: top;
}
body.company div.section.outline table td,
body.company div.section.outline table th {
	padding: .4em 1em;
}
body.company div.section.outline p {
	width: 500px;
}
body.company div.section.outline p.s {
	font-size: 83%;
}
body.company div.section.access {
	background: url(../images/company/bg2.jpg) right 60px no-repeat;
	height: 560px;
}

/* privacy */
body.privacy h1 {
	margin-bottom: 1.6em;
}
body.privacy h2 {
	margin-bottom: 1.6em;
	font-size: 114%; /* 1.08 x 1.14 = 1.231 (16px) */
	font-weight: bold;
}
body.privacy div.section p {
	margin-bottom: 1.6em;
}
body.privacy dl {
	margin-bottom: 60px;
}
body.privacy dl dt {
	font-weight: bold;
}
body.privacy dl dd {
	margin-bottom: 1.6em;
	margin-left: 2em;
}

/* sitemap */
body.sitemap div.section ul {
	margin-bottom: 100px;
}
body.sitemap div.section ul li {
	padding: 1em 3em;
	background: url(../images/topics/dash.gif) left bottom repeat-x;
}
body.sitemap div.section ul li img {
	margin-right: .6em;
	vertical-align: middle;
}
body.sitemap div.section ul li ul {
	margin-bottom: 0;
}
body.sitemap div.section ul li ul li {
	padding: .2em 3em;
	background-image: none;
}






/* ====== liquefaction ====== */
body.liq div#main {
	float: left;
	width: 590px;
	margin-right: 30px;
	font-size: 116%;
}
body.liq .attitude {
	font-size: 114%;
}
body.liq div#main p {
	margin-bottom: 1em;
}
body.liq div#main .section {
	margin-bottom: 30px;
}
body.liq div#main .section h2 {
	margin-bottom: 12px;
	padding: 6px 16px;
	background-color: #eef;
	font-size: 114%;
	font-weight: bold;
}
body.liq div#menu li a {
	background: url(../images/liquefaction/navi.gif) no-repeat;
}

body.liq.method h1,
body.liq.repair h1 {
	width: 846px;
	height: 86px;
	padding: 1px;
	border: solid 1px #ccc;
	background: url(../images/liquefaction/detail_liq_bg.jpg) top right no-repeat;
	font-size: 149%; /* 0.93 x 1.49 = 1.385 (18px) */
	font-weight: bold;
}
body.liq .inq {
	margin: 45px 0;
}

body.liq.repair .section {
	width: 350px;
	padding-left: 240px;
	overflow: hidden;
}
body.liq.repair .section h2 {
	margin-left: -240px;
}
body.liq.repair .section img {
	float: left;
	margin-left: -240px;
}



/* clearfix */

.clearfix:after,
body.home div.works ul:after,
body.home dl:after,
body.works.detail div.section.gallery ul:after,
body.topics dl:after,
body.topics.tdetail div.section:after,
div#icgcontents:after,
body.icg.itop div#main dl:after,
body.icg.iflow div#main ul li:after,
body.icg.ilib div#main ul:after,
body.icg.libdetail ul.material li:after,
body.custom div#main div.section ul:after,
body.org .section ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
body.home div.works ul,
body.home dl,
body.works.detail div.section.gallery ul,
body.topics dl,
body.topics.tdetail div.section,
div#icgcontents,
body.icg.itop div#main dl,
body.icg.iflow div#main ul li,
body.icg.ilib div#main ul,
body.icg.libdetail ul.material li,
body.custom div#main div.section ul,
body.org .section ul {
	display: inline-block;
}

/* \*/
* html .clearfix,
* html body.home div.works ul,
* html body.home dl,
* html body.works.detail div.section.gallery ul,
* html body.topics dl,
* html body.topics.tdetail div.section,
* html div#icgcontents,
* html body.icg.itop div#main dl,
* html body.icg.iflow div#main ul li,
* html body.icg.ilib div#main ul,
* html body.icg.libdetail ul.material li,
* html body.custom div#main div.section ul,
* html body.org .section ul {height: 1%;}

.clearfix,
body.home div.works ul,
body.home dl,
body.works.detail div.section.gallery ul,
body.topics dl,
body.topics.tdetail div.section,
div#icgcontents,
body.icg.itop div#main dl,
body.icg.iflow div#main ul li,
body.icg.ilib div#main ul,
body.icg.libdetail ul.material li,
body.custom div#main div.section ul,
body.org .section ul {display: block;}
/* */