@charset "Shift_JIS";

body {
	margin: 0;
	padding: 0;
	color: #000000;
	background: #e5e5e5 url(../images/body_bg.gif);
}

/* for IE5.5-7 */
div,
dl,
dt,
dd,
ul,
li,
.clrfix {
	zoom: 1;
}
div:after,
dl:after,
dt:after,
dd:after,
ul:after,
li:after,
.clrfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility: hidden;
}
/* for MacIE */
/*\*/
.clrfix {
	display:inline-table;
}
/**/

/* Text
------------------------- */
.txt1 {
	font-size: 70%;
	line-height: 140%;
}
.txt2 {
	font-size: 80%;
	line-height: 150%;
}
.txt3 {
	font-size: 95%;
	line-height: 150%;
}
.txt4 {
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	line-height: 300%;
}
.txt5 {
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	line-height: 120%;
}
.txt6 {
	font-size: 110%;
	font-weight: bold;
	color: #FF0000;
	line-height: 300%;
}
.txt7 {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	line-height: 300%;
}

/* Anchor
------------------------- */
a {
	color: #003399;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

/* Table
------------------------- */
table.list {
	margin: 0;
	border-collapse: collapse;
	word-break: break-all;
}
td.ttl {
	padding: 3px 5px 2px 5px;
	border: solid 1px #cccccc;
	font-size: 75%;
	line-height: 130%;
	background-color: #ebebeb;
}
td.content {
	padding: 3px 5px 2px 5px;
	border: solid 1px #cccccc;
	font-size: 75%;
	line-height: 130%;
	background-color: #ffffff;
}
td.benefit {
  border-style: solid;
  border-color: #FFFFFF;
  border-width: 1px;
}

/* Margin
------------------------- */
.h1Mrg1 {
	padding: 0 0 30px 0;
}
.h2Mrg1 {
	padding: 0 0 16px 0;
}
.h3Mrg1 {
	padding: 50px 0 11px 0;
}
.h3Mrg2 {
	padding: 30px 0 11px 0;
}
.h3Mrg3 {
	padding: 50px 0 0 0;
}
.h3Mrg4 {
	padding: 30px 0 20px 0;
}
.h3Mrg5 {
	padding: 50px 0 15px 0;
}

.pageTop {
	padding: 60px 0 20px 0;
}
.copyright {
	padding: 12px 0 57px 0;
}


/* Forms
------------------------- */
form {
	margin: 0px;
	padding: 0px;
}
.formContent {
	margin: 3px 10px;
	font-size: 75%;
	line-height: 150%;
}

/* Background
------------------------- */
.footerUt {
	background: #dddddd url(../images/ut_bg.gif) repeat-x;
}

.line666 {
	background: #666666 url(../images/line_666.gif) repeat-x;
}
.line999 {
	background: #999999 url(../images/line_999.gif) repeat-x;
}

/* Misc
------------------------- */
.topicPath {
	margin: 10px 10px 20px 10px;
	padding: 4px 5px;
	background-color: #e5e5e5;
	font-size: 70%;
}

.block {
	margin: 30px 0 0 0;
	padding: 10px;
	background-color: #ebebeb;
	font-size: 80%;
	line-height: 150%;
	border: solid 1px #cccccc;
}

.serviceBg {
	background: url(../../service/images/index_pct_02.gif) no-repeat;
}

div {
	margin: 0;
	padding: 0;
}
/* CSS対応（導入事例・コストメリット）------------------------- */
.box01 {
	width:182px;
	margin:1px 0px 11px 23px;
	font-size:13px;
	line-height:125%;
	font-weight:bold;
	color:#000000;
	letter-spacing:-1px
}
.box01_back {
	background-image:url(../../example/images/index_h2_bg.gif);
	background-repeat:no-repeat
}
.box01 a {
	color: #000000;
	text-decoration: none;
}
.box01 a:hover {
	color: #003399;
	text-decoration: none;
}
.header {
	font-size:95%; 
	color:#000000; 
	font-weight:bold; 
	margin:0px 15px
}
.title {
	font-size:135%; 
	color:#000000; 
	font-weight:bold; 
	margin:0px; 
	letter-spacing:-2px
}
.box02 {
	width:185px;
	margin-left:25px;
	margin-bottom:11px;
	font-size:13px;
	line-height:180%;
	font-weight:bold;
	color:#000000
}
.box02_back {
	background-image:url(../../benefit/images/index_h2_bg.gif);
	background-repeat:no-repeat
}
.box02 a {
	color:#000000;
	text-decoration:none;
}
.box02 a:hover {
	color: #003399;
	text-decoration: none;
}

#example_Wrapper h1 {
	margin:0 0 32px 0;	
}

#example_Wrapper h2 {
	margin:0;
}
.example_area {
	margin-bottom:20px;
	padding:20px 0;
	width:654px;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
}

#arumi {
	background:url(../../example/images/cust_pro_img01.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px 30px 20px;
	float:left;
	position:relative;
	display:inline;
}

#casting {
	background:url(../../example/images/cust_pro_img02.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px 30px 0;
	float:right;
	position:relative;
	display:inline;
}
#steel {
	background:url(../../example/images/cust_pro_img03.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px;
	float:left;
	position:relative;
	clear:both;
	display:inline;
}
#others {
	background:url(../../example/images/cust_pro_img04.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px 0 0;
	float:right;
	position:relative;
	display:inline;
}
#car {
	background:url(../../example/images/cust_pro_img05.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px 30px 20px;
	float:left;
	position:relative;
	display:inline;
}
#aircraft {
	background:url(../../example/images/cust_pro_img06.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px 30px 0;
	float:right;
	position:relative;
	display:inline;
}
#train {
	background:url(../../example/images/cust_pro_img07.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px;
	float:left;
	position:relative;
	clear:both;
	display:inline;
}
#others02 {
	background:url(../../example/images/cust_pro_img08.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:30px 20px 0 20px;
	float:left;
	position:relative;
	display:inline;
}
#ship {
	background:url(../../example/images/cust_pro_img09.jpg) no-repeat;
	width:294px;
	height:131px;
	margin:0 20px 0 0;
	float:right;
	position:relative;
	display:inline;
}
#arumi span,
#others span,
#casting span,
#steel span,
#car span,
#train span,
#aircraft span,
#others02 span,
#ship span {
	font-weight:bold;
	font-size:12px;
	position:absolute;
	left:30px;
	bottom:15px;
}
#arumi a,
#others a,
#casting a,
#steel a,
#car a,
#train a,
#aircraft a,
#others02 a,
#ship a {
	display:block;
	width:294px;
	height:131px;
	color:#000000;
	text-decoration:none;
	position:absolute;
	top:0;
	left:0;
}
#others a:hover,
#steel a:hover,
#arumi a:hover,
#casting a:hover,
#car a:hover,
#train a:hover,
#aircraft a:hover,
#others02 a:hover,
#ship a:hover {
	color:#003399;
}