@charset "utf-8";

/* HTML Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,table,th,td {margin: 0; padding: 0;}
img {border: 0; vertical-align: bottom;}
ul,ol,dl {text-indent: 0;}
li {list-style: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,select,textarea {font-family: inherit; font-size: inherit; font-weight: inherit;}
* html input,* html select,* html textarea {font-size: 100%;}
*:first-child+html input,*:first-child+html select,*:first-child+html textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0; font-style: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

/* Base Settings */
body {font: 12px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Ghothic Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic","Osaka",Sans-Serif;	color: #333; background-color: transparent;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
input,select,textarea {font-size: 100%; font-family: Verdena,Helvetica,sans-serif;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child+html code,*:first-child+html kbd,*:first-child+html samp,*:first-child+html tt {font-size: 100%; line-height: 100%;}

a,a:visited,a:hover {text-decoration: underline;}
a:focus {outline: none;}
a,a:visited,a:hover {outline: none;}

.clear {clear: both;}
/* Bootom Margin Rules */
.bm0 { margin-bottom: 0; }
.bm10 { margin-bottom: 10px; }
.bm15 { margin-bottom: 15px; }
.bm20 { margin-bottom: 20px; }
.bm25 { margin-bottom: 25px; }
.bm30 { margin-bottom: 30px; }
.bm35 { margin-bottom: 35px; }
.bm40 { margin-bottom: 40px; }
.bm45 { margin-bottom: 45px; }
.bm50 { margin-bottom: 50px; }
.bm60 { margin-bottom: 60px; }
.bm200 { margin-bottom: 200px; }
.bm300 { margin-bottom: 300px; }
.bm400 { margin-bottom: 400px; }
.pb15 { padding-bottom: 15px; }

.ti1 { text-indent: 1em; }

.attention { color: #c00; background-color: transparent; }
.asterisk { color: #c00; background-color: transparent; }

.gotoDetail a {
	text-decoration: underline;
	padding-left: 14px;
	background: url(../images/bullet_rightDA.gif) left 2px no-repeat;	
}

/* Structure Settings */
html {
	background: url(../images/mg_bodyTop.png) left top repeat-x;
}

body {
	text-align: center;
	background: url(../images/mg_bodyBottom.png) left bottom repeat-x;
}

#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#header {
	height: 75px;
	position: relative;
	background: url(../images/mg_header.png) center top no-repeat;
}

#header .siteName {
	position: absolute;
	top: 22px;
	left: 0;
}

#header .siteName a {
	width: 510px;
	height: 44px;
	display: block;
	cursor: pointer;
}

#header .tagline {
	color: #fff;
	background-color: transparent;
	font-size: 12px;
	line-height: 1.0;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 600px;
}

#gotoFujiseiki {
	position: absolute;
	top: 0;
	left: 800px;
	width: 160px;
	height: 52px;
	background: url(../images/mg_bg_gotoFujiseiki.png) left top no-repeat;
	text-indent: -9999px;
	position: relative;
}

#gotoFujiseiki a {
	position: absolute;
	top: 0;
	left: 50px;
	width: 110px;
	height: 46px;
	display: block;
	cursor: pointer;
}

#headerNavi {
	position: absolute;
	top: 52px;
	left: 627px;
	width: 333px;
	height: 14px;
	background: url(../images/mg_bg_headerNavi.gif) left top no-repeat;
}

#headerNavi:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #headerNavi { display: inline-block; }
*:first-child+html #headerNavi { display: inline-block; }

#headerNavi li {
	position: absolute;
	top: 0;
	float: left;
	display: inline;
}

#headerNavi li a {
	height: 14px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

* html #headerNavi li a {
	position: relative;
}

#hn1 { width: 58px; left: 0px;}
#hn2 { width: 76px; left: 58px;}
#hn3 { width: 109px; left: 134px;}
#hn4 { width: 90px; left: 243px;}


#globalNavi {
	width: 960px;
	height: 55px;
	line-height: 55px;
	background: url(../images/mg_globalNavi.png) left top no-repeat;
	position: relative;
	margin-bottom: 8px;
}

#globalNavi:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #globalNavi { display: inline-block; }
*:first-child+html #globalNavi { display: inline-block; }

#globalNavi li {
	position: absolute;
	top: 0;
}

#globalNavi li a {
	height: 55px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

* html #globalNavi li a {
	position: relative;
}

#gn1 {width: 270px; left: 0;}
#gn2 {width: 332px; left: 270px;}
#gn3 {width: 119px; left: 602px;}
#gn4 {width: 120px; left: 721px;}
#gn5 {width: 119px; left: 841px;}

#gn1 a:hover { background: url(../images/mg_globalNavi_hover.png) 0 0 no-repeat; }
#gn2 a:hover { background: url(../images/mg_globalNavi_hover.png) -270px 0 no-repeat; }
#gn3 a:hover { background: url(../images/mg_globalNavi_hover.png) -602px 0 no-repeat; }
#gn4 a:hover { background: url(../images/mg_globalNavi_hover.png) -721px 0 no-repeat; }
#gn5 a:hover { background: url(../images/mg_globalNavi_hover.png) -841px 0 no-repeat; }

body#howAbout #gn1 { background: url(../images/mg_globalNavi_hover.png) 0 0 no-repeat; }
body#pros #gn2 { background: url(../images/mg_globalNavi_hover.png) -270px 0 no-repeat; }
body#case_study #gn3 { background: url(../images/mg_globalNavi_hover.png) -602px 0 no-repeat; }
body#material_sales #gn4 { background: url(../images/mg_globalNavi_hover.png) -721px 0 no-repeat; }
body#inquiry #gn5 { background: url(../images/mg_globalNavi_hover.png) -841px 0 no-repeat; }
body#inquiry_confirm #gn5 { background: url(../images/mg_globalNavi_hover.png) -841px 0 no-repeat; }
body#inquiry_complete #gn5 { background: url(../images/mg_globalNavi_hover.png) -841px 0 no-repeat; }

#breadCrumbs {
	font-size: 12px;
	margin: 0 0 12px 0;
}

#breadCrumbs:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #breadCrumbs { display: inline-block; }
*:first-child+html #breadCrumbs { display: inline-block; }

#breadCrumbs li {
	line-height: 24px;
	float: left;
	display: inline;
	background: url(../images/bg_bread_body_or.gif) left top repeat-x;
	padding-left: 12px;
	margin-right: 4px;
}

#breadCrumbs li.currentPage {
	color: #000;
	background: url(../images/bg_bread_body_gl.gif) left top repeat-x;
}

#breadCrumbs a {
	color: #fff;
	line-height: 24px;
	display: block;
	text-decoration: underline;
	padding-right: 18px;
	background: url(../images/bg_bread_right_or.gif) right top no-repeat;
}

#breadCrumbs li.currentPage span {
	line-height: 24px;
	display: block;
	padding-right: 18px;
	background: url(../images/bg_bread_right_gl.gif) right top no-repeat;
}

#pagebody {
	padding-bottom: 20px;
}

#pagebody:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #pagebody { display: inline-block; }
*:first-child+html #pagebody { display: inline-block; }


/* Contents Layout Settings */
#contents {
	width: 725px;
	float: right;
	display: inline;
	zoom: 1;
}

#relatedLink_set {
	margin-left: 105px;
}

#relatedLink_set a {
	text-decoration: underline;
}

#relatedLink_set li {
	width: 275px;
	float: left;
	display: inline;
	text-align: right;
	line-height: 2.0;
	margin-right: 28px;
	margin-bottom: 86px;
}

#relatedLink_set li img {
	display: block;
}

#inquiryInfo {
	width: 960px;
	margin-bottom: 20px;
	height: 120px;
	background: url(../images/mg_inquiryInfo.gif) center top no-repeat;
	position: relative;
}

/* 
#ii1 {
	position: absolute;
	top: 0px;
	left: 30px;
}

#ii2 {
	font-size: 12px;
	color: #000;
	background-color: transparent;
	position: absolute;
	top: 43px;
	left: 525px;
	width: 150px;
	text-align: center;
}
 */

#inquiryInfo li {
	text-indent: -9999px;
}

#ii3 {
	position: absolute;
	top: 13px;
	left: 688px;
	width: 256px;
	height: 62px;
}

#ii3 a {
	width: 256px;
	height: 64px;
	display: block;
	cursor: pointer;	
}


/* Sidebar Layout Settings */
#sidebar {
	width: 235px;
	float: left;
	display: inline;
	padding-top: 10px;
}

#sidebar .unit {
	margin-bottom: 10px;
}

#localNavi ul {
	line-height: 1.5;
	font-size: 12px;
	width: 235px;
	background: url(../images/mg_bg_localNavi_body.gif) center top repeat-y;
}

#localNavi li {
	width: 233px;
	padding: 1px;
	display: block;
	background: url(../images/mg_bg_localNavi_line.gif) center bottom no-repeat;
}


#localNavi li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 13px 10px;
	padding-left: 30px;
	width: 193px;
	background: url(../images/bullet_cirRA_or.gif) 13px	17px no-repeat;
	zoom: 1;]
}

#localNavi li a:hover {
	background-color: #eee;
}

#salesLink {
	width: 235px;
	height: 208px;
	background: url(../images/mg_bg_caseLink.png) left top no-repeat;
	position: relative;
}

#salesLink .linkLead {
	text-indent: -9999px;
}

#salesLink .gotoSales {
	text-indent: -9999px;
	position: absolute;
	width: 235px;
	height: 208px;
	top: 0;
	left: 0;
}

#salesLink .gotoSales a {
	width: 235px;
	height: 208px;
	display: block;
	cursor: pointer;
}

#sidebar .aboutUs dl {
	color: #000;
	background-color: transparent;
	line-height: 1.5;
}

#sidebar .aboutUs dt {
	color: #f30;
	background-color: transparent;
}


/* Page Top Button Settings
------------------------------ */
#pageTop {
	position: fixed;
	bottom: 120px;
	left: auto;
	margin: 0 0 0 1000px;
	width: 36px;
	height: 60px;
	background: url(../images/mg_pageTop.gif) no-repeat;
}

* html #pageTop { /* IE6以下用 */
	margin: 0 0 -50px 0;
	position: relative;
	bottom: 60px;
	left: 1000px;
}

#pageTop:hover {
	background: url(../images/mg_pageTop_hover.gif) no-repeat;
}

a.page_top {
	display: block;
	width: 36px;
	height: 60px;
}

/* Footer Settings
------------------------------ */
#footer {
	font-size: 12px;
	position: relative;
	width: 960px;
	height: 114px;
	color: #fff;
	background: url(../images/mg_footer.png) center top no-repeat;
}

#footer a {
	color: #fc0;
}

#footer .siteName {
	position: absolute;
	top: 20px;
	left: 10px;
}

#footer .siteName a {
	width: 235px;
	height: 32px;
	display: block;
	cursor: pointer;
}

#footer ul {
	position:absolute;
	top: 55px;
	left: 10px;
}

#footer ul li {
	display: inline;
	margin-right: 15px;
}

#footer .tagline {
	position: absolute;
	top: 30px;
	left: 252px;
}

#footer .copyright {
	font-family: Verdena, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	position: absolute;
	top: 75px;
	left: 10px;
}

#footer .mailLink a {
	cursor: pointer;
}