@charset "utf-8";

/*
===== CONTENTS ===========================================

	1: reset 
	2: body and base setting
	3: link setting
	4: layout
	5: index
	00: CLEARFIX
	
==========================================================
*/
/* -------------------------------------------------
	1: reset
------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
}
/* -------------------------------------------------
	2: body and base setting
------------------------------------------------- */
body {
	text-align:center;/* box centering */
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	margin: 0;
	padding: 0px;
	background:#fff url(../../img/common/bg.gif) repeat-x left top;
	color: #333;
	font-size: 12px;
}
* html body{
	font-size: 75%;
}
*+html body{
	font-size: 75%;	
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	line-height: 1.6em;/* base line height */
	text-align: left;
	display: block;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}
table {
	margin : 0px;
	padding: 0px;
	empty-cells: show;
	font-size: 100%;
}
img {
	border: none;
	vertical-align: top;
}
ul,ol {
	list-style: none;
}
textarea,select{
	font-size: 12px;
	color: #444;
	font-family: sans-serif;
}
/* -------------------------------------------------
	3: link setting
------------------------------------------------- */
a:link,
a:visited{
	color: #114477;
	text-decoration: none;
}
a:hover{
	color: #eb5a19;
	text-decoration: underline;
}
/* Image_Link */
ul.conBnr li a:hover img,
#fContact .boxbt ul li a:hover img,
.boxRbware dl dd.pdf a:hover img,
.imgRd a:hover img,
ul.prolist li a:hover img,
#contents_all a:hover img,
#contents_right a:hover img,
.imgRso a:hover img,
p.pagetop a:hover img
 {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* -------------------------------------------------
	4: Layout
------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#wrapper { 
	margin: 0px auto;
	width: 950px; 
}
#contents {
	width: 550px;
	float: left;
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}
#contents_right {
	width: 741px;
	float: left;
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}
#contents_all {
	width: 950px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#side {
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 0px 0px;
	width: 190px;
	float: left;
}
#subBox {
	padding: 10px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	width: 175px;
	float: right;
	background: url(../../img/common/subbox_bg.gif) repeat-y left top;
}

p.note {
	font-size: 95%;
	margin-top: 5px;
}

/*
===== Header ===========================
*/
#header {
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	height: 106px;
	position: relative;
}
#header p#logo,
#header h1#logo {
	position: absolute;
	top: 28px;
	left: 10px;
}
#header #time{
	position: absolute;
	width: 193px;
	height: 32px;
	top: 23px;
	left: 441px;
	background: url(../../img/common/time_bg.gif) no-repeat left top;
}
#header #time p.hYear{
	position: absolute;
	top: 11px;
	left: 14px;
}
#header #time p.hTime{
	position: absolute;
	top: 8px;
	left: 99px;
}
#header p.hEn{
	display: none;
	position: absolute;
	top: 12px;
	left: 651px;
}
#header p.hJn{
	position: absolute;
	top: 32px;
	right: 10px;
}
#header #hnavi{
	position: absolute;
	width: 243px;
	height: 30px;
	top: 4px;
	right: 0px;
	background: url(../../img/common/h_navi_bg.jpg) no-repeat left top;
}
#header #hnavi p.hCompany{
	position: absolute;
	top: 4px;
	left: 14px;
}
#header #hnavi p.hRecruit{
	position: absolute;
	top: 4px;
	left: 81px;
}
#header #hnavi p.hContact{
	position: absolute;
	top: 4px;
	left: 150px;
}
#header #hSearch{
	position: absolute;
	width: 240px;
	height: 23px;
	top: 39px;
	right: 2px;
}
#header #hSearch #searchform {  
    position: relative;   
}  
#header #hSearch #keywords  {  
    width: 206px;  
    height: 21px;  
    background: #fff;  
    border: none;  
    padding: 0px;  
    color: #444;  
	border: solid 1px #001b3d;	
}  
#header #hSearch #searchBtn {  
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 208px;  
}  
*:first-child + html #searchBtn    {  
    top: 1px;  
}  
/* header_Top */

/* hBox
---------------------- */
#hBox {
	margin: 0px auto;
	width: 950px;
	height: 70px;
	position: relative;
}
/* HeadMenu ---------- */
ul#hMenu {
	margin: 0px;
	width: 950px;
	height: 36px;
	float: left;
}
ul#hMenu li { float: left; }
/*
===== MainStyle ===========================
*/
/* Path  */
#path a:link,
#path a:visited{ color: #666; text-decoration:none; }
#path a:hover,
#path a:active{ color: #333; text-decoration:underline; }
#path { 
	float: left;
	width: 948px;
	padding: 5px 0px 7px 2px;
	color: #666;
	text-align: left;
}

/* Pagetop ---------- */
p.pagetop {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 20px 0px;
	text-align: right;
}
/*
===== Side ===========================
*/

/* menu
---------------------- */
#side a:link,
#side a:visited{
	color: #1068a7;
	text-decoration:none;
}
#side a:hover,
#side a:active{ 
	color: #1068a7;
	text-decoration:underline;
}
dl#menu dt a:link,
dl#menu dt a:visited{
	color: #fff;
	text-decoration:none;
}
dl#menu {
	padding: 0px 0px 0px 0px;
}
dl#menu dt a { 
	height: 36px;
	background: url(../../img/common/side_key.jpg) no-repeat left top;
	padding: 9px 20px 0px 10px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}
dl#menu dd.main {
	width: 188px;
	margin: -9px 0px 14px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #084472;
	border-left: solid 1px #084472;
	border-right: solid 1px #084472;
	background: #fff;
}
dl#menu dd {
	margin: 0px;
	padding: 0px;
}
dl#menu dt a:hover,
dl#menu dt a:active {
	height: 36px;
	background: url(../../img/common/side_key_on.jpg) no-repeat left top;
	padding: 9px 20px 0px 10px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

dl#menu ul.st li {
}
dl#menu ul.st li a {
	background:#f9f9f9 url(../../img/common/side_menu_stbg.jpg) no-repeat left top;
	padding: 9px 9px 6px 24px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #004d7c;
	display: block;
	font-weight: bold;
	color: #114477;
}
dl#menu ul.sub li {
	background:url(../../img/common/side_menu_subbg.gif) no-repeat left top;
}
dl#menu ul.sub li a {
	background:url(../../img/common/side_menu_subbgl.gif) no-repeat left bottom;
	padding: 10px 9px 9px 25px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #333;
}
dl#menu ul.st_ot li {
}
dl#menu ul.st_ot li a {
	background:#f9f9f9 url(../../img/common/side_menu_stobg.jpg) no-repeat left top;
	padding: 10px 1px 10px 21px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #004d7c;
	display: block;
	color: #031d37;
}



dl#menu2 dt a:link,
dl#menu2 dt a:visited{
	color: #fff;
	text-decoration:none;
}
dl#menu2 {
	padding: 0px 0px 0px 0px;
}
dl#menu2 dt {
	margin: 30px 0px 0px 0px;
}
dl#menu2 dt a { 
	height: 36px;
	background: url(../../img/common/side_key.jpg) no-repeat left top;
	padding: 9px 20px 0px 10px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}
dl#menu2 dd.main {
	width: 188px;
	margin: -9px 0px 14px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #084472;
	border-left: solid 1px #084472;
	border-right: solid 1px #084472;
	background: #fff;
}
dl#menu2 dd {
	margin: 0px;
	padding: 0px;
}
dl#menu2 dt a:hover,
dl#menu2 dt a:active {
	height: 36px;
	background: url(../../img/common/side_key_on.jpg) no-repeat left top;
	padding: 9px 20px 0px 10px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

dl#menu2 ul.st li {
}
dl#menu2 ul.st li a {
	background:#f9f9f9 url(../../img/common/side_menu_stbg.jpg) no-repeat left top;
	padding: 9px 9px 6px 24px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #004d7c;
	display: block;
	font-weight: bold;
	color: #114477;
}
dl#menu2 ul.sub li {
	background:url(../../img/common/side_menu_subbg.gif) no-repeat left top;
}
dl#menu2 ul.sub li a {
	background:url(../../img/common/side_menu_subbgl.gif) no-repeat left bottom;
	padding: 10px 9px 9px 25px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #333;
}
dl#menu2 ul.st_ot li {
}
dl#menu2 ul.st_ot li a {
	background:#f9f9f9 url(../../img/common/side_menu_stobg.jpg) no-repeat left top;
	padding: 10px 1px 10px 21px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #004d7c;
	display: block;
	color: #031d37;
}

/*
===== SubBox ===========================
*/

/* contact
---------------------- */
.subn {
	margin: 0px 0px 0px 0px;
	padding: 0px 9px 0px 10px;
	position: relative;
}
.subCon {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background:url(../../img/common/sub_contact_bg.gif) no-repeat left bottom;
}
.subConde {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 10px;
}
/* Bnr */
ul.conBnr { padding: 8px 0px 4px 0px; }
ul.conBnr li { padding: 0px 0px 6px 0px; }

.subcobox {
	margin: 0px 0px 20px 0px;
	padding: 10px 3px 9px 3px;
	background:#f8f8f8 url(../../img/common/sub_line.gif) no-repeat left top;
	border-bottom: solid 1px #6d7d89;
	border-left: solid 1px #6d7d89;
	border-right: solid 1px #6d7d89;
}
.subcobox dl dt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 5px;
}
.subcobox h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 5px;
}
.subcobox.case dl {
	border-bottom: dotted 1px #999999;
	margin-bottom: 10px;
	padding-top: 5px;
}
.subcobox dl dd.pic {
	width: 84px;
	margin: 0px 0px 7px 30px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #b9b9b9;
}
.subcobox dl dd.pdf {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.subcobox dl dd.stxt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 70px;
	font-size: 0.85em;
	line-height: 1.2em;
	color: #515151;
}
.subcobox dl dd.timg {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 4px;
}
.subcobox dl dd.name {
	margin: 0px 0px 0px 4px;
	padding: 5px 0px 3px 16px;
	background:#f8f8f8 url(../../img/common/sub_arrow.gif) no-repeat 0px 8px;
	color: #515151;
}
.subcobox dl dd.txt {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	line-height: 1.4em;
}
.subcobox dl dd.txtse {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 5px;
	line-height: 1.4em;
}
.btm10 { margin-bottom: 20px; }
.btm20 { margin-bottom: 20px; padding-top: 10px; }
.btm30 { margin-bottom: 30px; }

div#subBox .cyberBnr { margin-left:10px; }
div#subBox .cyberBnr0 { margin:0 0 20px 0; }
div#subBox .solName {
	padding:3px 2px 5px 2px;
}

div#subBox .solCaption {
  	border-top:dotted 1px #999999;
	padding:5px 5px 0 5px;
}

/* news -------------------*/
.sNews {
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
}
.sNews dt {
	padding	: 8px 0px 0px 0px;
	display: block;
	font-size: 1.0em;
}
.sNews dd {
	padding	: 0px 0px 10px 0px;
	background: url(../../img/common/sub_event_line.gif) repeat-x left bottom;
	line-height: 1.5em;
}

div#subBox ul.aro {
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#subBox ul.aro li {
	background:url(../../img/common/sub_arrow.gif) no-repeat 4px 4px;
	padding: 0px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
}
.imgsL{
	width: 54px;
	margin-right: 10px;
	margin-left: 3px;
	margin-bottom: 10px;
	float: left;
	border: solid 1px #b9b9b9;
}
.wareBox {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* ContactBox -------------------*/

#fContact {
	width: 550px;
	height: 139px;
	background: url(../../img/common/f_contact.gif) no-repeat left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}
#fContact .boxtel {
	width: 277px;
	float: left;
	padding: 25px 0px 0px 26px;
	display: inline;
}
#fContact .boxbt {
	width: 190px;
	float: right;
	padding: 21px 26px 0px 0px;
	display: inline;
}
/* Bnr */
#fContact .boxbt ul { padding: 0px 0px 0px 0px; }
#fContact .boxbt ul li { padding: 0px 0px 7px 0px; }
#fContact .boxbt ul li.noBtn { padding: 0px 0px 16px 0px; }

/*
===== Footer ===========================
*/
#footer { 
	height: 30px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../../img/common/f_bg.gif) repeat-x left top;
}
.flink {
	text-align: center;
	margin: 0px auto 0px;	
	padding: 0px 0px 8px 0px;
	background: url(../../img/common/fl_bg.gif) repeat-x left top;
}
.flink ul {
	margin: 0px auto;	
	padding: 0px 0px 0px 0px;
	width: 950px;
}
.flink ul li {
	margin: 0px 17px 0px 0px;	
	padding: 10px 0px 0px 6px;
	background: url(../../img/common/f_arrow.gif) no-repeat 0px 16px;
	font-size: 0.85em;
	color: #555;
	float: left;
}
.flink ul li a:link,
.flink ul li a:visited{
	color: #555;
	text-decoration:none;
}
.flink ul li a:hover,
.flink ul li a:active{ 
	color: #333;
	text-decoration:underline;
}
#fBox {
	height: 30px;
	margin: 0px auto;	
	padding: 0px 0px 0 0px;
	width: 950px;
}
#fBox .copyright {
	padding: 10px 0px 0px 0px;	
	width: 296px;
	float: right;
	text-align: right;
}


/*
===== 00: CLEARFIX ==========================================
*/

#footer,#flink,#wrapper { 
	clear: both; position: relative;
}
#wrapper,
.subCon,
#fBox {
	min-height:1px; /* IE 7*/
}

#wrapper:after,
.subCon:after,
#fBox:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#wrapper,
.subCon,
#fBox {
display:inline-table; }

/* Mac IE  \*/
* html #wrapper,
* html .subCon,
* html #fBox
{ height:1px; }

#wrapper,
.subCon,
#fBox
 { display:block; }
/* */

.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}
.clearfix{
	zoom:1;
}

/*
===== 追記分 ==========================================
*/

dl#menu ul.sub li.active a {
	font-weight:bold;
	padding:10px 0 10px 25px;
}
dl#menu ul.sub li.bglNone a {
	background:none;
	padding:10px 0 5px 25px;
}
dl#menu ul.sub li.active ol li {
	background:url(../../img/common/navi_icon_carat.gif) no-repeat 10px 4px;
}
dl#menu ul.sub li.active ol li.locked {
	background:url(../../img/common/navi_icon_locked.gif) no-repeat 10px 4px;
}
dl#menu ul.sub li.active ol li a {
	background:url(../../img/common/navi_icon_carat.gif) no-repeat 100px 100px;
	padding: 5px 9px 5px 30px;
	margin: 0px;
	display: block;
	color: #333;
	font-weight:normal;
}
dl#menu ul.sub li.active ol li.active2 a {
	font-weight:bold;
}
dl#menu ul.sub li.active ol li.last a {
	background:url(../../img/common/side_menu_subbgl.gif) no-repeat left bottom;
	padding-bottom:15px;
}

.hoverimg:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


div#contents .underbar {
	border-bottom: dotted 1px #999999;
}