﻿@charset "utf-8";

html{
	background:#EFEFEF url('../img/bg-all.gif') repeat-y left top}
body {
	width:954px;
	margin:0; padding:6px 0 0;
	background: url('../img/bh-top.jpg') no-repeat 13px top;
	background-color:#FFF; color:#333;
	font-family:'メイリオ',sans-serif;
	line-height:1.4em}

h1,h2,h3,h4,h5,h6{font-weight:normal}

a{color:#0066CC}
a:link{text-decoration:underline}
a:visited{text-decoration:underline}
a:hover{text-decoration:none;color:#F5821F}
a:active{text-decoration:none}

a img{border:0 none}

.vNavi{display:none}
.hid{visibility:hidden}

/* ------------------------------------------------------------ */

h1{
	width:941px;
	margin:0 0 0 13px; padding:100px 0 0;
	background:#FFF url('../img/bg-head.jpg') no-repeat left top;
	font-size:medium}

h1.home{
	width:921px; 
/*	height:100px;*/ /* # hide to edit akamine 2008.8.5 */
	padding-top:99px; padding-right:20px; /* padding-top 99px when title image exists. akamine 2008.8.8*/
	color:#F5821F;
	text-align:right;
	background-color:#fff;
	line-height:0}

h2.cssNavi,p.cssNavi{display:none}

p.home,h2.menu{display:none}

h2.msgw1,h2.msgw2{
	width:901px;
	margin:1em 0 0 13px; padding:8px 20px 4px;
	font-size:medium}
p.msgw1,p.msgw2{
	width:891px;
	font-size:small}
h2.msgw1{
	background:#C8C9CB url('../img/bg-msgw1h2.jpg') no-repeat left top;
	color:#ED1C24;
	border-bottom:1px #F1F1F1 solid}
p.msgw1{
	margin:0 0 1em 13px; padding:8px 25px;
	background:#EEEEEF url('../img/bg-msgw1p.jpg') no-repeat left bottom;
	color:#ED1C24}
p.msgw2{margin:0 0 0 13px; padding:0 25px 8px}

hr.l1{
	width:941px;
	margin:0 0 1em 13px;
	text-align:left}

/* ------------------------------------------------------------ */
div.mc,
div.mcWide,
div.sc1,
div.sc2{	margin-bottom:32px}

/* ------------------------------------------------------------ */
div.mc{
	position:relative;
	float:left;
	width:461px;
	margin-left:253px}

div.mc noscript h2,noscript p{color:#ED1C24}
div.mc noscript h2{
	margin-bottom:0.5em;
	font-size:medium}
div.mc noscript p{
	margin-top:0;
	font-size:small}

.mc h2{
	color:#002F6A;
	font-size:1.2em}

/* for ie 6 and 7*/
.mc h2,
.mcWide h2,
.sc1 h2,
.sc2 h2{
	margin-top:1em;
	margin-bottom:0.9em;
	padding-top:0;
	padding-bottom:0;
	line-height:1em}

p.homeNews{
	position:absolute;
	top:1.4em;
	right:0;
	margin-top:0; padding-top:0;
	text-align:right;
	font-size:xx-small}
dl.homeNews{
	margin-top:0; padding-top:0;
	font-size:small}
.homeNews dt{
	clear:both;
	color:#7F7F7F}
.homeNews dd{
	border-top:1px #949494 solid;
	clear:both;
	margin-left:0; margin-bottom:2em;
	padding-top:0.5em; padding-left:0}
.homeNews dd img{
	vertical-align:top}
.homeNews dd span.capture,
.homeNews dd img.capture{
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px}
.homeNews dd span.capture{
	font-size:x-small;
	line-height:100%;
	width:240px}

p.rlink{
	margin-top:0;
	text-align:right;
	font-size:small}
p.rlink a{
	padding-left:12px;
	background:#FFF url('../img/bg-rlink.jpg') no-repeat left center;
	color:#333}

/* ------------------------------------------------------------ body (2 columns) */
div.mcWide{
	position:relative;
	float:left;
	width:701px;
	margin-left:13px}

div.mcWide noscript h2,noscript p{
	color:#ED1C24}
div.mcWide noscript h2{
	margin-bottom:0.5em;
	font-size:medium}
div.mcWide noscript p{
	margin-top:0;
	font-size:small}

.mcWide h2{
	padding-left:8px;/*-- 081017add --*/
	color:#002F6A;
	font-size:1.2em;
	border-left:6px #0C0E4E solid;/*-- 081017add --*/}

.mcWide h2 em{
	display:inline-block;
	font-size:medium; font-style:normal; font-weight:normal}

.mcWide p{
	font-size:small}
.mcWide .lastUpdate{
	margin-top:0; padding-top:0;
	text-align:right;
	font-size:xx-small}

.mcWide ul,
.mcWide ol{
	font-size:small}

.mcWide h3{
	clear:both;
	margin-top:1em;
	width:691px;
	margin-bottom:1em; padding:2px 3px 2px 7px;
	background:#C9CACB url('../img/bg-mcw_3h1.jpg') no-repeat left top;
	font-weight:bold;
	font-size:small}
p.catch,
h3.catch{
	width:701px;
	margin-top:0;
	padding:4px 0 0;
	border-top:1px #949494 solid;
	background:#fff}

.mcWide h4{
	clear:both;
	font-size:small;
	font-weight:bold}

.mcWide p.pics{
	clear:both;
	text-align:center!important}
.mcWide p.pics img{
	vertical-align:top;
	margin-left:5px;
	margin-right:5px}

.mcWide span.flow{
	display:block;
	margin-top:3em;
	text-align:right}
.mcWide span.flow a{
	margin-left:2em}
p.signature{
	float:right}

mg.captureL{
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px}

/* ------------------------------------------------------------ */
.mc dl,
.mcWide dl{
	font-size:small}
p.dl01,
p.dl02{
	position:absolute;
	top:1.4em;
	right:0;
	margin-top:0; padding-top:0;
	text-align:right;
	font-size:xx-small}
dl.dl02{
	margin-top:0; padding-top:0;}

dl.dl01,
dl.dl02{
	margin-top:0; padding-top:0;
	font-size:small}

/* ------------------------------------------------------------ */
.dl01 dt{
	border-bottom:1px #949494 solid;
	clear:both;
	color:#002F6A;
	font-weight:bold}
.dl01 dd{
	clear:both;
	margin-left:7px; margin-bottom:2em;
	padding-top:0.5em; padding-left:0}
.dl01 dd,
.dl01 dd img{
	vertical-align:top}
.dl01 dd span.capture,
.dl01 dd img.capture{
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px}
.dl01 dd span.capture{
	font-size:x-small;
	line-height:100%;
	width:240px}

/* ------------------------------------------------------------ */
.dl02 dt{
	clear:both;
	color:#7F7F7F}
.dl02 dd{
	border-top:1px #949494 solid;
	clear:both;
	margin-left:0; margin-bottom:2em;
	padding-top:0.5em; padding-left:0}
.dl02 dd,
.dl02 dd img{
	vertical-align:top}
.dl02 dd span.capture,
.dl02 dd img.capture{
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px}
.dl02 dd span.capture{
	font-size:x-small;
	line-height:100%;
	width:240px}
span.tech{
	display:block;
	margin-top:1em}

/*-- 081017add --*/	
span.service{
	display:block;
	margin-top:20px}
span.service img{
	vertical-align:bottom;
	margin-left:15px;}


/* ------------------------------------------------------------ side column */

div.sc1{
	float:left;
	width:210px;
	margin-left:-701px}

div.sc2{
	float:left;
	margin-left:30px;
	width:210px}

div.sc1 h2,div.sc2 h2{
	color:#002F6A;
	font-size:1.2em}

div.sc1 h3,div.sc2 h3,div.sc1 p,div.sc2 p,div.sc1 ul,div.sc2 ul{
	font-size:small}

div.sc1 h3,div.sc2 h3{
	margin-bottom:0;
	color:#002F6A;
	border-bottom:1px #E3E3E3 solid}
div.sc1 h3.nobdr,div.sc2 h3.nobdr{
	border-bottom:0 none}

div.sc1 p,div.sc2 p{
	margin-top:0; margin-bottom:1.5em; padding-top:0}
div.sc1 h3.bg,div.sc2 h3.bg{
	width:200px;
	margin-top:0;
	margin-bottom:0; padding:2px 3px 2px 7px;
	background:#FFFFFF url('../img/bg-sc1_2h2.jpg') no-repeat left top;
	font-size:small}
.sc1 ul.ul01,
.sc2 ul.ul01{
	margin:0; padding:0;
	list-style-type:none}
.sc2 ul.ul01 li{
	padding-left:20px;
	background:#FFF url('../img/bg-arrow02.gif') no-repeat 8px 0.6em}
.sc1 .ul01 li a:link,
.sc2 .ul01 li a:link{
	text-decoration:none}
.sc1 .ul01 li a:visited,
.sc2 .ul01 li a:visited{
	text-decoration:none}
.sc1 .ul01 li a:hover,
.sc2 .ul01 li a:hover{
	text-decoration:underline}
.sc1 .ul01 li a:active,
.sc2 .ul01 li a:active{
	text-decoration:none}

div.sc1 ul.bg,
div.sc2 ul.bg,
div.sc1 p.bg,
div.sc2 p.bg{
	width:200px;
	padding:2px 3px 0.5em 7px;
	background:#FFFFFF url('../img/bg-sc1_2p.jpg') no-repeat left bottom}

.sc2 .siblingLink{
	width:200px;
	padding:2px 3px 0.5em 7px;
	list-style-type:none;
	margin:0;
	padding:0}
.sc2 .siblingLink li span,
.sc2 .siblingLink li a{
	margin-left:-7px;
	display:block;
	width:190px;
	padding:0 0 0 20px;
	background:no-repeat left top;
	background: url('../img/bg-siblinglink.gif') no-repeat 8px 0.4em}

.sc2 .jissekiLink{
	width:200px;
	padding:2px 3px 0.5em 7px;
	list-style-type:none;
	margin:0;
	padding:0}
.sc2 .jissekiLink li span,
.sc2 .jissekiLink li a{
	margin-left:-7px;
	display:block;
	width:175px;
	min-height:21px;
	padding:0 0 0 35px;
	background:no-repeat left top;
	background: url('../img/bg-siblinglink.gif') no-repeat 8px 0.4em}

.sc2 .siblingLink,
.sc2 .jissekiLink{
	margin-bottom:1.5em}

.sc2 ul li a.fl,.sc2 ul li span.fl{background-image:url('../showcase/images/icon_fl_s.gif');background-position:7px 0em}
.sc2 ul li a.fx,.sc2 ul li span.fx{background-image:url('../showcase/images/icon_fx_s.gif');background-position:7px 0em}
.sc2 ul li a.wpf,.sc2 ul li span.wpf{background-image:url('../showcase/images/icon_wpf_s.gif');background-position:7px 0em}
.sc2 ul li a.sl,.sc2 ul li span.sl{background-image:url('../showcase/images/icon_sl_s.gif');background-position:7px 0em}
.sc2 ul li a.cf,.sc2 ul li span.cf{background-image:url('../showcase/images/icon_cf_s.gif');background-position:7px 0em}
.sc2 ul li a.lz,.sc2 ul li span.lz{background-image:url('../showcase/images/icon_lz_s.gif');background-position:7px 0em}
.sc2 ul li a.air,.sc2 ul li span.air{background-image:url('../showcase/images/icon_air_s.gif');background-position:7px 0em}

.sc2 p.certification{
	margin-top:0.4em}
.sc2 p.certification span{
	display:block;
	padding-top:0.4em;
	line-height:100%;
	font-size:xx-small;
	color:#24439B}

/* ------------------------------------------------------------ foot */

h2.Contact{
	width:901px;
	margin:2em 0 0 13px; padding:8px 20px 0;
	background:#FFF url('../img/bg-contacth2.jpg') no-repeat left top;
	font-size:x-small;
	line-height:1em;
	clear:both}
p.Contact{
	width:891px;
	margin:0 0 1em 13px; padding:0 25px 8px;
	background:#EEEEEF url('../img/bg-contactp.jpg') no-repeat left bottom;
	font-size:small}
p.Contact img{
	float:left;
	width:11.55em; height:0.75em;
	margin-top:0.4em; margin-bottom:2.12em}
	
/* ------------------------------------------------------------ foot2(for jfip081017) */
h2.Contact2{
	width:941px;
	margin:0 0 0 13px;
	font-size:x-small;
	line-height:1em;
	visibility:hidden;
	clear:both}
p.Contact2{
	width:941px;
	height:71px;
	margin:0 0 2.12em 13px; padding:0;
	background-color:#EEEEEF;
	font-size:small}
p.Contact2 img{
	border:0}

/* ------------------------------------------------------------ head */

ul.menu{
	margin:0; padding:0;
	list-style-type:none}
.menu li a:link{text-decoration:none}
.menu li a:visited{text-decoration:none}
.menu li a:hover{text-decoration:underline}
.menu li a:active{text-decoration:none}

ul.l1{
	position:absolute;
	top:-2.9em; left:200px;
	width:754px; height:2.9em;
	margin-top:102px;
	font-size:small}
.l1 li{
	float:left;
	line-height:1.4em}
.l1 li.language{
	float:right}
.l1 li a{
	white-space:nowrap;
	padding-left:0.7em;
	padding-right:0.8em;
	color:#000}
.l1 li.home a{
	padding-left:0}

.l1 li a:link,.l1 li a:visited,.l1 li a:hover,.l1 li a:active{color:#000}

ul.l2{
	position:absolute;
	top:9px; left:200px;
	width:754px;
	font-size:small;
	text-align:right}
.l2 li{
	float:right}
.l2 li a{
	background-color:#fff;
	padding-left:1em; padding-right:1em}
.l2 li a,.l2 li a:link,.l2 li a:visited,.l2 li a:hover,.l2 li a:active{color:#000}


/* ------------------------------------------------------------ */

#WLSearchBoxPlaceholder{
	width:206px; height:20px;
	border:solid 2px #4B7B9F;
	line-height:0}
#WLSearchBoxPlaceholder input{
	overflow:hidden;
	margin:0; padding:0;
	vertical-align:top;
	border:none 0}
input#WLSearchBoxInput{
	width:180px; height:19px;
	padding-left:3px;
	background:#FFF url(http://search.live.com//siteowner/s/siteowner/searchbox_background.png) repeat-y right top}
#WLSearchBoxButton{width:23px; height:20px}

ul.l3{
	width:950px;
	margin-left:4px;
	font-size:small}
.l3 li{
	float:left;
	line-height:1.1em}
.l3 li a{
	padding-left:13px; padding-right:1.5em;
	color:#002F6A}

.l3 li a.bdr{border-right:1px #8B8C8B solid}

ul.l4{display:none}

/* ------------------------------------------------------------ */

p.toTop{
	width:941px;
	margin:0 0 1em 13px; padding:0;
	font-size:x-small;
	line-height:1.15em;
	text-align:right}

p.toTop a{
	padding-right:12px;
	background:#FFF url('../img/bg-totop.jpg') no-repeat right center}

p.copyRight{
	width:941px;
	margin:0 0 0 13px; padding:1em 0 2em;
	border-top:1px #808080 solid;
	clear:both;
	color:#7F7F7F;
	font-size:x-small}

/* ------------------------------------------------------------ general setting of table */
table tr th,
table tr td{
	text-align:left;
	vertical-align:top}

/* ------------------------------------------------------------ table01 */

.table01{
	clear:both;
	margin-top:0px;
	border-top:1px solid #cccccc;
	width:701px}
.table01 caption{
	font-size:small;
	text-align:left}
.table01 tr th,
.table01 tr td{
	font-size:small;
	padding:6px 7px}
.table01 tr th{
	font-weight:normal;
	white-space:nowrap;
	background-color:#003663;
	border-bottom:1px solid #cccccc;
	color:#ffffff}
.table01 tr td{
	border-bottom:1px solid #cccccc}
.table01 tr td h3{
	margin:0 0 8px 0}
.table01 tr td h3,
.table01 tr td h3 strong{
	color:#003663}

.table01 .bgcolor01,
.table01 .bgcolor01 td{
	background-color:#f5f5f5}

/* ------------------------------------------------------------ */

.presscoment{
	margin-left:14px;
	clear:both;
	border-bottom:1px #949494 solid}
.presscoment h4{
	border-bottom:1px #949494 solid;
	color:#002F6A;
	font-weight:bold}