@charset "utf-8";

/* ベース　CSS Document */

/*---------------------------------------------
 初期化
---------------------------------------------*/
html {
  overflow-y:scroll;
}

html, body {
  margin: 0;
  padding: 0;
  /* フォント指定しないと、Operaは明朝系になる */
  font-family: "ＭＳ Ｐゴシック", "Osaka", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 0.9em;
  color: #333;
  line-height: 1.3em;
  width: 100%;
  height: 100%;
  background: #fff;
}

/* fieldsetは、IEは無害だがFirefoxやOperaでは余白が生まれる */
h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }

/* リンク付き画像のために */
img { border-style: none; }

/* Firefoxで点線が出る */
/* a { outline: 0; } */

a {
  color: #0096D7;
  text-decoration: underline;
}
a:hover {
  color: #2DC0FF;
  text-decoration: underline;
}

p {
	padding: 0px 0px 20px 0px;
	margin: 0;
}



/* header
---------------------------------------------------- */
#header {
	height: 120px;
	background: #fff url(/rsc/images/common/head_bg.png) repeat-x;
	position: relative;
	z-index: 10;
	/*top: -100px;*/
}
#header #head {
	width: 920px;	/* total:920px */
	margin: 0px auto;
	background: url(/rsc/images/common/head.png) no-repeat;
	height: 65px;
	text-indent: -9999em;
}

#header #head #logo {
	width: 460px;	/* total:460px */
	float: left;
	margin-top: 6px;
}
#header #head #logo h1 {
	font-size: 0.9em;
}
#header #head #logo p {
	margin: 0;
	padding: 0;
}
#header #head #logo a {
	display: block;
	width: 322px;
	height: 50px;
}
#header #head #fujikura {
	width: 460px;	/* total:460px */
	float: right;
	margin-top: 6px;
}
#header #head #fujikura a{
	display: block;
	width: 143px;
	height: 50px;
	float: right;
}

/* gnav
---------------------------------------------------- */
div#gnavWrap {
	width: 100%;
}
div#gnavWrap #gnav {
	width: 926px;	/* total:926px */
	height: 55px;
	margin: 0px auto;
	background: url(/rsc/images/common/gnav.png) no-repeat;
}

div#gnavWrap #gnav ul {
	width: 600px;	/* total:600px */
	padding: 0px;
	margin: 0px;
	float: left;
}
div#gnavWrap #gnav ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}
div#gnavWrap #gnav ul li a {
	text-indent: -9999em;
	display: block;
}

div#gnavWrap #gnav ul li#gnav01 a {
	width: 110px;
	height: 50px;
	margin: 2px 0px 0px 1px;
}
div#gnavWrap #gnav ul li#gnav01 a:hover,
div#gnavWrap #gnav ul li#gnav01.navicurrent a {
	background: url(/rsc/images/common/gnav_ov.png) no-repeat -1px -2px;
}

div#gnavWrap #gnav ul li#gnav02 a {
	width: 110px;
	height: 50px;
	margin: 2px 0px 0px 0px;
}
div#gnavWrap #gnav ul li#gnav02 a:hover,
div#gnavWrap #gnav ul li#gnav02.navicurrent a {
	background: url(/rsc/images/common/gnav_ov.png) no-repeat -111px -2px;
}

div#gnavWrap #gnav ul li#gnav03 a {
	width: 110px;
	height: 50px;
	margin: 2px 0px 0px 1px;
}
div#gnavWrap #gnav ul li#gnav03 a:hover,
div#gnavWrap #gnav ul li#gnav03.navicurrent a {
	background: url(/rsc/images/common/gnav_ov.png) no-repeat -222px -2px;
}

div#gnavWrap #gnav ul li#gnav04 a {
	width: 110px;
	height: 50px;
	margin: 2px 0px 0px 1px;
}
div#gnavWrap #gnav ul li#gnav04 a:hover,
div#gnavWrap #gnav ul li#gnav04.navicurrent a {
	background: url(/rsc/images/common/gnav_ov.png) no-repeat -333px -2px;
}


div#gnavWrap #gnav ul li#gnav05 a {
	width: 123px;
	height: 50px;
	margin: 2px 0px 0px 1px;
}
div#gnavWrap #gnav ul li#gnav05 a:hover,
div#gnavWrap #gnav ul li#gnav05.navicurrent a {
	background: url(/rsc/images/common/gnav_ov.png) no-repeat -444px -2px;
}


div#gnavWrap #gnav #searchArea {
	width: 316px;	/* total:326px */
	float: right;
	text-align: right;
	padding: 0px 10px 0px 0px;
	margin: 10px 0px 0px 0px;
}
div#gnavWrap #gnav #searchArea .searchBox {
	width: 180px;
}
div#gnavWrap #gnav #searchArea .btnSearch {
	background: url(/rsc/images/common/btn_search.png) no-repeat;
	width: 60px;
	height: 30px;
	text-indent: -9999em;
	border: none;
	cursor: pointer;
}


/*---------------------------------------------
 ページタイトル
---------------------------------------------*/
#pageTit {
	width: 100%;
	height: 50px;
	background: #0a0a0a;
}
h1.h101 {
	width: 1148px;
	margin: 0px auto;
	font-size: 1.2em;
	color: #fff;
	text-indent: -9999em;
}
h1#h1Company {
	background: url(/rsc/images/company/h1_company.png) no-repeat;
	height: 50px;
}
h1#h1CSR {
	background: url(/rsc/images/csr/h1_csr.png) no-repeat;
	height: 50px;
}
h1#h1Recruit {
	background: url(/rsc/images/recruit/h1_recruit.png) no-repeat;
	height: 50px;
}
h1#h1Inquiry {
	background: url(/rsc/images/inquiry/h1_inquiry.png) no-repeat;
	height: 50px;
}
h1#h1Products {
	background: url(/rsc/images/products/h1_products.png) no-repeat;
	height: 50px;
}
h1#h1News {
	background: url(/rsc/images/news/h1_news.png) no-repeat;
	height: 50px;
}
h1#h1Info {
	background: url(/rsc/images/info/h1_info.png) no-repeat;
	height: 50px;
}
h1#h1Technology {
	background: url(/rsc/images/technology/h1_technology.png) no-repeat;
	height: 50px;
}

/*---------------------------------------------
 コンテンツ枠
---------------------------------------------*/
#contWrap {
	width: 100%;
	background: #fff url(/rsc/images/common/cont_bg.png) repeat-x;
	padding: 15px 0px 100px 0px;
}
#contWrap:after {	/* 高さ認識 */
	content:"";
	display:block;
	clear:both;
}

#contWrap #contArea {
	width: 923px;	/* total:923px */
	margin: 0px auto;
}

#contWrap #contArea #sidenavArea {
	width: 283px;	/* total:283px */
	float: left;
}

#contWrap #contArea #contBody {
	width: 640px;	/* total:640px */
	float: right;
}
#contWrap #contArea #contBody p img{
max-width:640px;
border:none;
}

.box {
	clear: both;
	width: 640px;	/* total:640px */
	padding: 0px 0px 30px 0px;
}
.box:after {	/* 高さ認識 */
	content:"";
	display:block;
	clear:both;
}


.box1 {
	clear: both;
	width: 600px;	/* total:640px */
	padding: 0px 20px;
}
.box1:after {	/* 高さ認識 */
	content:"";
	display:block;
	clear:both;
}


/*---------------------------------------------
 pankuzu
---------------------------------------------*/
#pankuzu {
	width: 920px;	/* total:920px */
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	font-size: 0.85em;
}

#pankuzu span {
    color: #0096D7;
}

/* footer
---------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	background: #333333;
	margin: 0 auto 0px auto;
	color: #ebebeb;
}
#footer a {
	color: #ebebeb;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #foot {
	width: 880px;	/* total:880px */
	margin: 0px auto;
	padding: 30px 0px 80px 0px;
}
#footer #foot #sitemapWrap {
	width: 830px;	/* total:880px */
	padding: 0px 0px 0px 50px;
	margin: 20px 0px 0px 0px;
	background: url(/rsc/images/common/sitemap_border.png) repeat-y right top;
}
#footer #foot #sitemapWrap:after {	/* 高さ認識 */
	content:"";
	display:block;
	clear:both;
}

#footer #foot #sitemapWrap #sitemap01 {
	width: 254px;	/* total:274px */
	padding: 0px 20px 0px 0px;
	float: left;
}
#footer #foot #sitemapWrap #sitemap02 {
	width: 233px;	/* total:303px */
	padding: 0px 20px 0px 50px;
	float: left;
}
#footer #foot #sitemapWrap #sitemap03 {
	width: 183px;	/* total:253px */
	padding: 0px 20px 0px 50px;
	float: right;
}

.sitemapMark {
	background: url(/rsc/images/common/foot_mark01.gif) no-repeat;
	padding: 2px 0px 0px 24px;
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
	font-weight: normal;
	min-height: 18px;	/* total:20px */
}
* html .sitemapMark {
	height: 18px;	/* total:20px */
}

#sitemapWrap ul {
	padding: 0px;
	margin: 0px 0px 20px 24px;
}
#sitemapWrap ul li {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 4px 0px;
	background: url(/rsc/images/common/foot_mark02.gif) no-repeat 0px 5px;
    list-style:none;
}
#sitemapWrap ul li ul {
    padding:4px 0 0;
    margin:0;
}
#sitemapWrap ul li ul li, #sitemapWrap .singleList ul li{
    background:none;
	margin: 0px 0px 3px 0px;
}
#sitemapWrap h3 {
	margin-bottom:10px;
}

/* sidenavArea2 sidenavArea3 bannerArea2
---------------------------------------------------- */
#sidenavArea2 {
	width: 283px;	/* total:283px */
	float: left;
	background: url(/rsc/images/common/snav_bg.png) no-repeat;
}
#menuArea2, #menuArea3 {
    margin:14px 0 10px 14px;
    padding:0;
    width:235px;
    border-bottom: solid 1px #DEDEDE;
}
#bannerArea2 {
    border-top:1px dotted #999;
    margin:0 0 0 14px;
    padding:10px 0 0;
    width:235px;
    border-bottom: solid 1px #DEDEDE;
}
#menuArea2 h3 a, #menuArea3 h3 a {
    background:url(/rsc/images/common/snav-01.png) no-repeat;
    color: #FFFFFF;
    text-align:center;
    height:40px;
    line-height:40px;
    padding:0;
    display:block;
    text-decoration: none;
}
#menuArea2 ul, #menuArea3 ul, #bannerArea2 ul {
	padding: 0;
	margin: 0;
}
#menuArea2 ul li, #menuArea3 ul li, #bannerArea2 ul li {
    list-style:none;
}
#menuArea2 ul li.active a, #menuArea3 ul li.active a {
    color: #0096D7;
}
#menuArea2 ul li.normal a {
    color: #333333;
}
#menuArea2 ul li a:hover, #menuArea3 ul li a:hover {
    color: #0096D7;
}
#menuArea2 ul li a, #menuArea2 ul li span, #menuArea3 ul li a, #bannerArea2 ul li a {
    background: #DEDEDE url(/rsc/images/common/snav-02.png) no-repeat;
    line-height:40px;
    height:40px;
    padding:0 0 0 30px;
    color: #333333;
    display:block;
    text-decoration: none;
}
#menuArea2 ul li ul li a, #menuArea3 ul li a {
    background:url(/rsc/images/common/snav-03.gif) 20px 50% no-repeat;
	border-left: solid 1px #DEDEDE;
	border-right: solid 1px #DEDEDE;
    line-height:1.3em;
    height:auto;
    padding:6px 0 5px 30px;
}

/* h2
---------------------------------------------------- */
#contBody h2 {
    background:url(/rsc/images/common/h2_bg.gif) left 50% no-repeat;
    height:30px;
    line-height:30px;
    margin:0 0 30px;
    padding:0 0 0 20px;
    font-size:150%;
    font-weight:bold;
}
/* editableBody
 ***********************************************************************************************************/
.editableBody h3 {
    margin:30px 0 15px;
    border:1px dotted #0196D7;
    background:#F0F7F5;
    padding:5px 10px;
    color:#59BAE2;
    font-size:110%;
    font-weight:bold;
}
.editableBody p {
    margin:0 5px 20px;
    padding:0;
    line-height:1.5em;
}
.editableBody table {
    margin:0 0 20px;
    padding:0;
    border-collapse:collapse;
    border-spacing:0px;
}
.editableBody table td {
    padding:8px;
}
.editableBody table p {
    margin:0;
}
.editableBody h4 {
    width:50%;
    margin:30px 0 0 0;
    border-top:1px dotted #1491c7;
    border-right:1px dotted #1491c7;
    border-left:1px dotted #1491c7;
    background:#1491c7;
    padding:5px 10px;
    color:#ffffff;
    font-size:110%;
    font-weight:bold;
}
.h4box{
    border-top:1px dotted #1491c7;
    padding:15px 0 0 0;
}