@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 #ffffff}
input{line-height:1.2em}
#container #main #left .hBorder {
border-left:5px solid #c63238;
margin:25px 15px 0 0;
background:#f2f2f2;
}
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;
}
.back2top{text-align:right;padding:0 15px 0 0}
.ime-dis {ime-mode:disabled}
h4.purple {
font-weight:bold;
color:#423676;
margin:15px 0 8px;
padding:2px 10px 0 12px;
border-left:3px solid #423676;
clear:both
}

/*floatNAݒ-------------------------------------------*/
#container #header,
#container #header #headerContent #headerContentTop,
#container #gn ul,
#container #main,
#container #btn {
overflow:hidden;
}
#container #header:after,
#container #header #headerContent #headerContentTop:after,
#container #gn ul:after,
#container #main:after,
#container:after {
content:"";
display:block;
clear:both;
height:1px;
visibility:hidden;
}

/*\*/
* html #container #header,
* html #container #header #headerContent #headerContentTop,
* html #container #gn ul,
* html #container #main,
* html #container #btn {
height:1em;
overflow:visible;
}
/**/

/*clear---------------------------------------------*/
.clr {
clear:both;
overflow:hidden;
width:0;
height:0;
margin:0;
border:0;
padding:0;
}

/*------------------------------------------------------------
##############################################################
header
##############################################################
------------------------------------------------------------*/
#container #header {
width:800px;
margin:0 0 4px;
border-top:5px solid #514084;
}
#container #header #headerLogo {
width:625px;
float:left;
}
#container #header #headerLogo img {
margin:2px 0px 0px 14px;
vertical-align:bottom;
float:left
}
#container #header #headerLogo img a {text-indent:0}
#container #header #headerLogo ul {
float:right;
margin:41px 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;
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:41px 0 0 0;
}
#container #header a {
/*MacIE\*/
overflow:hidden;
/**/
}

/*Search Box--------*/
#container #header #headerContentTop form {
margin:0;
width:155px;
height:17px;
}
#container #header #headerContentTop form #searchInput,
#container #header #headerContentTop form #query {
width:108px;
border:1px solid #8a9caa;
float:left;
_height:16px;
min-height:16px;
}
#container #header #headerContentTop form #searchBtn {
width:35px;
margin:0px 0px 0px 5px;
}

/*------------------------------------------------------------
##############################################################
gn Navigation Bar
##############################################################
------------------------------------------------------------*/
#container #gn {
width:800px;
height:28px;
background:url(../images/common_gn01.gif) 0 0 no-repeat;
line-height:0;
text-indent:-9999px;
}
#container #gn ul {
margin:0;
padding:0;
}
#container #gn ul li {
margin:0;
height:28px;
float:left;
/*MacIEɂ͓KpȂ\*/
overflow:hidden;
/**/
}
#container #gn ul li a {
margin:0;
display:block;
height:28px;
/*MacIEɂ͓KpȂ\*/
overflow:hidden;
/**/
}
#container #gn ul li#gnproduct {width:124px;background:url(../images/common_gn01.gif) 0 -28px no-repeat}
#container #gn ul li#gntechnology {width:148px;background:url(../images/common_gn01.gif) -124px -28px no-repeat}
#container #gn ul li#gncase {width:116px;background:url(../images/common_gn01.gif) -272px -28px no-repeat}
#container #gn ul li#gnsupport {width:159px;background:url(../images/common_gn01.gif) -388px -28px no-repeat}
#container #gn ul li#gncompany {width:119px;background:url(../images/common_gn01.gif) -547px -28px no-repeat}
#container #gn ul li#gnnews {width:134px;background:url(../images/common_gn01.gif) -666px -28px no-repeat}

#container #gn ul li#gnproduct a {width:124px;background:url(../images/common_gn01.gif) 0 0px no-repeat}
#container #gn ul li#gntechnology a {width:148px;background:url(../images/common_gn01.gif) -124px 0px no-repeat}
#container #gn ul li#gncase a {width:116px;background:url(../images/common_gn01.gif) -272px 0px no-repeat}
#container #gn ul li#gnsupport a {width:159px;background:url(../images/common_gn01.gif) -388px 0px no-repeat}
#container #gn ul li#gncompany a {width:119px;background:url(../images/common_gn01.gif) -547px 0px no-repeat}
#container #gn ul li#gnnews a {width:134px;background:url(../images/common_gn01.gif) -666px 0px no-repeat}

#container #gn ul li#gnproduct a:hover {width:124px;background:url(../images/common_gn01.gif) 0 -28px no-repeat}
#container #gn ul li#gntechnology a:hover {width:148px;background:url(../images/common_gn01.gif) -124px -28px no-repeat}
#container #gn ul li#gncase  a:hover{width:116px;background:url(../images/common_gn01.gif) -272px -28px no-repeat}
#container #gn ul li#gnsupport a:hover {width:159px;background:url(../images/common_gn01.gif) -388px -28px no-repeat}
#container #gn ul li#gncompany a:hover {width:119px;background:url(../images/common_gn01.gif) -547px -28px no-repeat}
#container #gn ul li#gnnews a:hover {width:134px;background:url(../images/common_gn01.gif) -666px -28px no-repeat}

#product #container #gn #gnproduct a {width:124px;background:url(../images/common_gn01.gif) 0 -28px no-repeat}
#technology #container #gn ul li#gntechnology a{width:148px;background:url(../images/common_gn01.gif) -124px -28px no-repeat}
#case #container #gn ul li#gncase a{width:116px;background:url(../images/common_gn01.gif) -272px -28px no-repeat}
#support #container #gn ul li#gnsupport a{width:159px;background:url(../images/common_gn01.gif) -388px -28px no-repeat}
#company #container #gn ul li#gncompany a{width:119px;background:url(../images/common_gn01.gif) -547px -28px no-repeat}
#news #container #gn ul li#gnnews a{width:134px;background:url(../images/common_gn01.gif) -666px -28px no-repeat}

/*------------------------------------------------------------
##############################################################
mainContents 
##############################################################
------------------------------------------------------------*/
#container #main2 {
background:url(../images/common_bg02.gif) repeat-y left top;
width:800px
}
#container #main3 {width:590px;margin:10px 0 0 106px}
#container #main3 .back2top{text-align:right; margin:35px 0 25px 0;padding:0}

/*Breadcrums--------------------------------------------*/
#container #bread {
width:800px;
min-height:18px;
_height:18px;
margin:1px 0 0 0;
padding:0;
}
#container #bread ul {
margin:0 0 0 11px;
padding:0
}
#container #bread ul li {
display:inline;
margin:0px 0px 0px 4px;
color:#333333
}
#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
}

/*contents left--------------------------------------------------*/
#container #main2 #left {
width:182px;
float:left;
padding:0 0 200px 0
}

/*Side Menu -----------------------------------------*/
#container #main2 #left #menu ul,
#container #main2 #left #menu li ul{
margin:0;
padding:0
}
#container #main2 #left ul#menu li {border-bottom:1px solid #ccc}
#container #main2 #left ul#menu li a {
background:url(../images/menu_bg05.gif) 50% 50% repeat-y;
display:block;
width:154px;
height:auto;
padding:10px 2px 8px 26px;
}
#container #main2 #left ul#menu li a:hover {
background:url(../images/menu_bg06.gif) 50% 50% repeat-y;
display:block;
width:auto;
height:auto;
}
#container #main2 #left #menu li li{
background:url(../images/menu_bg07.gif) top left no-repeat;
color:#223bb8;
text-decoration:none;
padding:6px 0 6px 37px;
width:145px;
font-weight:bold;
border:none}

#container #main2 #left #menu li li a {
margin:-6px 0 -6px -37px;
padding:6px 0 6px 37px;
width:145px;
background:url(../images/menu_bg01.gif) top left repeat-y;
display:block
}
#container #main2 #left #menu li li a:hover {
margin:-6px 0 -6px -37px;
padding:6px 0 6px 37px;
width:145px;
background:url(../images/menu_bg02.gif) top left repeat-y;
text-decoration:underline;
color:#223bb8
}
#container #main2 #left #menu .current {
padding:10px 2px 8px 26px;
background:url(../images/menu_bg03.gif) 50% 50% repeat-y #fff;
color:#223bb8;
font-weight:bold
}
#container #main2 #left #menu .current2 {
padding:10px 0 8px 26px;
background:url(../images/menu_bg04.gif) 50% 50% repeat-y #fff;
color:#223bb8;
font-weight:bold
}
#container #main2 #left #menu .current2 a{
margin:-10px -2px -8px -26px;
padding:10px 2px 8px 26px;
background:url(../images/menu_bg04.gif) 50% 50% repeat-y #fff;
color:#223bb8;
font-weight:bold
}

#container #main2 #left #menu li li strong,
#container #main2 #left #menu .current2 strong{
color:#223bb8;
font-weight:bold;
}

/*size, print button--------------------------------------------*/
#container #main2 #right #btn {
width:185px;
margin:5px 0 2px 409px;
}
#container #main2 #right #btn ul {margin:0;padding:0;background:none}
#container #main2 #right #btn li {float:left;margin:0 2px 0 0;padding:0;background:none}
#container #main2 #right #btn img {float:left}
#container #main2 #right #btn .btn_txt {margin:3px 5px 0 0}
#container #main2 #right #btn .print {margin:0 0 0 6px}
#container #main3 #btn {
margin:5px 0 2px 409px;
width:185px;
}
#container #main3 #btn li {
margin:0 2px 0 0;
float:left;
}
#container #main3 #btn .btn_txt {
float:left;
margin:3px 5px 0 0
}
#container #main3 #btn .print {margin:0 0 0 6px}

/*contents right--------------------------------------------------*/
#container #main2 #right {
float:left;
width:602px;
margin-left:15px;
}
#container #main2 #right .grey {
background:#f7f7f7;
border:1px solid #e1e1e1;
width:586px
}
#container #main2 #right .grey h3{
font-weight:bold;
padding:9px 0 8px 14px
}
#container #main2 #right .commonBox .cBtop a.btn01 {
float:right;
display:block;
background:url(../images/common_btn03.gif) no-repeat left;
border:1px solid #cccccc;
margin:4px 4px 0 0;
padding:0 4px 0 16px
}
#container #main2 #right .commonBox {
width:586px;
border:1px solid #cccccc;
margin:10px 0 0 0;
}
#container #main2 #right .commonBox .cBtop {
width:586px;
background:url(../images/product_bg01.gif) repeat-x bottom #fffdf4;
}
#container #main2 #right .commonBox .cBtop h4 {
font-weight:bold;
padding:5px 0 5px 14px;
float:left;
}
#container #main2 #right .commonBox .cBtop h4 a {font-weight:bold}
#container #main2 #right .commonBox img {
float:left;
margin:15px 0;
}
#container #main2 #right .commonBox .cBbottom {
float:left;
margin:7px 0 0 0;
width:415px;
}
#container #main2 #right .commonBox .cBbottom p {margin:6px 0 15px}
.back2top{margin:8px 0 20px}
.back3top{text-align:right;padding:0 15px 0 0;margin:-12px 0 20px}
.m25{margin:25px 0 0 0}

/*------------------------------------------------------------
##############################################################
footer
##############################################################
------------------------------------------------------------*/
#container #footer {
background:#f2f2f2;
border-top:1px solid #747474;
padding:0 15px;
width:770px;
}
#container #footer p{
float:left;
color:#666666;
margin:5px 0 0 0px;
}
#container #footer p a{color:#666666}
#container #footer p img{
margin:0 5px 0 0;
vertical-align:middle;
}
#container #footer p a:hover{color:#223bb8}
#container #footer ul {
float:right;
margin:0;
padding:0 0px 0 0
}
#container #footer ul li {
display:inline;
padding:0 0px 0 8px;
border-left:1px solid #858585
}
#container #footer ul li a {
color:#666666;
padding:0;
text-indent:0;
line-height:25px;
}
#container #footer ul li a:hover {
color:#223bb8;
padding:0;
}
#container #footer p a:hover,
#container #footer ul li a:hover {text-decoration:underline}
#container #footer li.first {border-left:none}

#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;
margin:9px 15px 7px 0;
padding:0;
height:10px;
line-height:0;
}