@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
##############################################################
general
##############################################################
------------------------------------------------------------*/
* {
margin:0px;
padding:0px;
font-style:normal;
font-weight:normal;
color:#333333;
list-style-type: none;
line-height: 1.4em;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
}
body {background:url(../images/common_bg01.gif) left top repeat-y #eeeeee}
input {
	line-height:1.1em;
}
#container {
border-top:5px solid #bb2026;
}
#container #main #left .hBorder {
border-left: 5px solid #c63238;
margin:25px 15px 15px 0;
background:#f2f2f2;
}
#container #main #left .hBorder2 {
border-left: 5px solid #c63238;
margin:0 15px 14px 0;
background:#f2f2f2
}
#container #main #left h2 {
color:#cc3333;
font-weight:bold;
border-left: 1px solid #b7181e;
padding:3px 0 2px 10px;
margin:0 0 10px 1px
}
#container #main #left h2 a {
color:#cc3333;
font-weight:bold;
text-decoration: none;
}
#container #main3 .hBorder2 {
border-left: 5px solid #c63238;
background:#f2f2f2
}
#container #main3 h2 {
color:#cc3333;
font-weight:bold;
border-left: 1px solid #b7181e;
padding:3px 0 2px 10px;
margin:0 0 10px 1px;
text-align:left;
}
#container #main3 h2 a {
color:#cc3333;
font-weight:bold;
text-decoration: none;
}
img {
border-style: none;
vertical-align:bottom;
}
table {
border-collapse: collapse;
}
a {
color:#333333;
text-decoration:none;
}
a:hover {
color:#223bb8;
text-decoration:underline;
}
#container {
width:800px;
background-color:#ffffff;
margin:0px;
padding:0px;
}
#back2top{text-align:right;padding:0 15px 0 0}
#back2top2{text-align:right;padding:0 30px 0 0}

/*floatクリア設定-------------------------------------------*/
/*floatNAݒ--------------------------------------------------*/
/*
#container #header,
#container #header #headerContent #headerContentTop,
#container #gn ul,
#container #main,
#container #button {
overflow: hidden;
}

#container #header:after,
#container #header #headerContent #headerContentTop:after,
#container #gn ul:after,
#container #main:after,
#container:after,
#container #button:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#container #header,
#container #header #headerContent,
#container #gn ul,
#container #main,
#container #main #btn {
overflow: hidden;
}*/

#container #header:after,
#container #header #headerContent:after,
#container #gn ul:after,
#container #main:after,
#container #main #btn:after {
content: "";
display: block;
clear: both;
height: 0;
visibility:hidden;
}
#container #header,
#container #main,
#container #main #btn {display:inline-table; }
/*\*/
* html #container #header,
* html #container #header #headerContent #headerContentTop,
* html #container #gn ul,
* html #container #main,
* html #container #btn {
height: 0.5em;
overflow: visible;
}
/**/

/*clear-----------------------------------------------------*/
.clr {
clear: both;
overflow: hidden;
visibility:hidden;
width: 0;
height: 0;
margin: 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

/*------------------------------------------------------------
##############################################################
header
##############################################################
------------------------------------------------------------*/
#container #header {
width:800px;
height:80px!important;
overflow:visible!important;
}
#container #header #headerLogo {
width:625px;
float:left;
}
#container #header #headerLogo img {
margin:15px 0px 0px 15px;
vertical-align:bottom;
float:left
}
#container #header #headerLogo img a {text-indent:0}
#container #header #headerLogo ul {
float:right;
margin:43px 0 0 0;
}
#container #header #headerLogo ul li {
display:inline;
padding:0px 5px 0px 8px;
border-left:1px solid #858585
}
#container #header #headerLogo ul li.first {border-left: none}
#container #header ul li a {
color:#666666;
font-size: 10px;
text-indent:0
}
#container #header ul li a:hover {
color:#223bb8;
text-decoration:underline;
}
#container #header #headerContent {
width:590px;
float:right;
}
#container #header #headerContentTop {
float:right;
width:165px;
height:auto;
padding:15px 0 0 0;
}
#container #header #headerContentTop img {margin:0 0px 0px 74px; vertical-align:top;}
#container #header a {
/*MacIE\*/
overflow: hidden;
/**/
}

/*Search Box--------*/
#container #header #headerContentTop form {
margin:15px 0 0 0;
width:150px;
height:17px;
}
#container #header #headerContentTop form #searchInput,
#container #header #headerContentTop form #query {
width:108px;
_width:107px;
border:1px solid #8a9caa;
float:left;
_height:16px;
min-height:16px;
font-size:12px;
}
#container #header #headerContentTop form #searchBtn {
	width:35px;
	float: right;
	margin: 0px;
}

/*------------------------------------------------------------
##############################################################
gn Navigation Bar
##############################################################
------------------------------------------------------------*/
#container #gn {
width:800px;
height:28px;
background:url(../images/common_gn01.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
text-indent:-9999px;
margin:0px;
padding:0px;
}
#container #gn ul {
margin:0 0 0 16px;
padding:0;
}
#container #gn ul li {
margin:0 1px 0 0;
height:28px;
float:left;
/*MacIE\*/
overflow: hidden;
/**/
}
#container #gn ul li a {
margin:0 1px 0 0;
display:block;
height:28px;
/*MacIE\*/
overflow: hidden;
/**/
}
#container #gn ul li#gnkeiei {width:159px;background:url(../images/common_gn01.gif) -16px -28px no-repeat}
#container #gn ul li#gnsystem {width:157px;background:url(../images/common_gn01.gif) -176px -28px no-repeat}
#container #gn ul li#gnmaintenance {width:133px;background:url(../images/common_gn01.gif) -334px -28px no-repeat}
#container #gn ul li#gndacs {width:149px;background:url(../images/common_gn01.gif) -468px -28px no-repeat}
#container #gn ul li#gncompany {width:166px;background:url(../images/common_gn01.gif) -618px -28px no-repeat}

#container #gn ul li#gnkeiei a {width:159px;background:url(../images/common_gn01.gif) -16px 0px no-repeat}
#container #gn ul li#gnsystem a {width:157px;background:url(../images/common_gn01.gif) -176px 0px no-repeat}
#container #gn ul li#gnmaintenance a {width:133px;background:url(../images/common_gn01.gif) -334px 0px no-repeat}
#container #gn ul li#gndacs a {width:149px;background:url(../images/common_gn01.gif) -468px 0px no-repeat}
#container #gn ul li#gncompany a {width:166px;background:url(../images/common_gn01.gif) -618px 0px no-repeat}

#container #gn ul li#gnkeiei a:hover {width:159px;background:url(../images/common_gn01.gif) -16px -28px no-repeat}
#container #gn ul li#gnsystem a:hover {width:157px;background:url(../images/common_gn01.gif) -176px -28px no-repeat}
#container #gn ul li#gnmaintenance  a:hover{width:133px;background:url(../images/common_gn01.gif) -334px -28px no-repeat}
#container #gn ul li#gndacs a:hover {width:149px;background:url(../images/common_gn01.gif) -468px -28px no-repeat}
#container #gn ul li#gncompany a:hover {width:166px;background:url(../images/common_gn01.gif) -618px -28px no-repeat}


/*------------------------------------------------------------
##############################################################
mainContents
##############################################################
------------------------------------------------------------*/
#container #main {
padding:0px 0px 10px 0px;
margin:0px 0px 0px 15px;
background:url(../images/index_bg_right.gif) top right repeat-y;
min-height:1em;
width:785px;
}
#container #main #left {
width:603px;
padding:0;
float:left;
}
#container #main #left h3 {
font-weight: bold;
line-height:16px;
margin:0 0 6px 17px
}
#container #main3 {padding:0 0 15px 15px}
#container #main3 #contentsBox {width:770px;}
/*Breadcrums------------------------------------------------*/
#container #bread {
width:600px;
margin:0px 0px;
padding:0px;
}
#container #bread ul {
margin:0 0 0 -4px;
padding:0px;
}
#container #bread ul li {
display:inline;
margin:0px 0px 0px 4px;
color:#333333;
line-height:2.8em;
}
#container #bread ul li a{}
#container #bread ul li.child {
padding:0px 0px 0px 16px;
background-image:url(../images/common_icon02.gif);
background-position:0 50%;
background-repeat:no-repeat;
}
#container #bread ul .highlighted {
font-weight: bold;
color: #223BB8;
}

/*size, print button----------------------------------------*/
#container #btn *{
font-size:0px;
}
/*
#container #btn {
width:184px; margin:5px 0px 2px 408px;
}
#container #btn ul {
margin:0px; padding:0px;
}
#container #btn li {
margin:0px 2px 0px 0px; padding:0px; float:left;
}
#container #btn .btn_txt {
float:left; margin:3px 5px 0px 0px;
}
#container #btn .print {
margin:0px 0px 0px 6px;
}
*/

/*contents right--------------------------------------------*/
#container #main #right {
width:154px;
float:right;
text-align:left;
padding:0px 14px 0px 0px;
margin:0px 0px 0px 0px;
}
#container #main #right #rightBanner {
border: 1px solid #cb4349;
width:150px;
background:#fdfdfd;
margin:0 0 0 1px;
padding:9px 0 10px 0
}
#keiei #container #main #right #rightBanner,
#system #container #main #right #rightBanner,
#maintenance #container #main #right #rightBanner,
#company #container #main #right #rightBanner{margin-top: 30px}
#container #main #right p{
padding:5px 12px 7px 12px;
text-align:left;
}
#container #main #right #rightBanner img,#container #main #right #rightBanner2 img{
margin:0 10px;
vertical-align:text-bottom;
}
#container #main #right #rightBanner2 {
border: 1px solid #cccccc;
width:150px;
background:#fdfdfd;
padding:10px 0 10px 0;
margin:17px 0 16px
}
#container #main #right #rightBanner2 a{
color:#333333
}
/*------------------------------------------------------------
##############################################################
footer
##############################################################
------------------------------------------------------------*/
#container #footer {
background:#8c8c8c;
border-top:1px solid #747474;
padding:4px 15px;
width:770px
}
#container #footer p a{
float:left;
color:#fff;
font-size: 10px;
margin:0px 0 0 4px
}
#container #footer ul {
float:right;
padding:0 0px 0 0;
margin:-1px 0 1px 0;
}
#container #footer ul li {
display:inline;
padding:0 0 1px 6px;
margin:0px;
}
#container #footer ul li a {
color:#fff;
font-size:10px;
padding:0 0 1px 6px
}
#container #footer p a:hover,
#container #footer ul li a:hover {
text-decoration:underline;
}
#container #footer ul li.first {
padding:0px 8px 0px 0;
border-right:1px solid #fff;
margin:0px;
}
#container #footer img {
float:left;
margin:4px 0 0 0px;
vertical-align:bottom;
}
#container #footer br.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

#container #footerlink {
padding:4px 15px;
width:770px
}

#container #footerlink .right {
float:right;
text-align:right;
margin:-12px 0 0 0;
}
#container #footerlink .right p {
font-size:10px;
line-height:12px;
}

#container #footerlink img {
margin:4px 0 0 0px;
vertical-align:bottom;
}
#container #footerlink p{
margin:0;
padding:0;
}
#container #footerlink p a{
float:left;
font-size: 10px;
line-height:12px;
vertical-align:bottom;
margin:-12px 0 0 95px;
padding:0;
}

/*copyright-------------------------------------------------*/
address {
text-align:right;
padding:9px 15px 7px 0;
height:10px;
font-size:0;
line-height:0
}

