@charset "utf-8";
/* CSS Document */

/* ----------TOC ----------

 01 common
 02 header
 03 Left Navigation
 04 mainContents02
 05 mainContents03
 06 footer

-------------------------*/

/*------------------------------------------------------------
##############################################################
 01 common
##############################################################
------------------------------------------------------------*/


* {
margin:0px;
padding:0px;
/* font-style:normal; */
/*font-weight:normal;*/
font-weight: auto;
color:#333333;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

dl{
	margin: 0px;
	}

dt{
	margin: 0px;
}

dd{
	margin-left: 20px;
}
body {
background:#EEE url(../images/common_bg01.gif) left top repeat-y;
font-size: 62.5%;
line-height: 1.2;
}


img { border-style: none; }
table { border-collapse: collapse; }

a { color:#333333; text-decoration:none; }
a:hover { color:#223bb8; text-decoration:underline; }
a.nav {color:#000; text-decoration:none; font-size: 110%; font-weight: 500;}
a.nav:hover {color:#000; text-decoration:none; font-size: 110%; font-weight: 500; }

/* Float Clear ---------------------------------------------*/
/*これ以降MacIE5.xのみに適用される\*//*/
#container,
#container #header,
#container #header #headerLogo,
#container #header #headerContent,
#container #gn ul,
#container #mainContents01,
#container #mainContents02,
#container #mainContents02 #button,
#container #footer {
    overflow: hidden;
}
/*これ以降MacIE5.x以外にも適用される*/

#container:after,
#container #header:after,
#container #header #headerLogo:after,
#container #header #headerContent:after,
#container #gn ul:after,
#container #mainContents01:after,
#container #mainContents02:after,
#container #mainContents02 #button:after,
#container #footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    visibility: hidden;
}

* html #container,
* html #container #header,
* html #container #header #headerLogo,
* html #container #header #headerContent,
* html #container #gn ul,
* html #container #mainContents01,
* html #container #mainContents02,
* html #container #mainContents02 #button,
* html #container #footer {
    height: 1em;
    overflow: visible;
}

/*これ以降MacIE5.xのみに適用される\*//*/
.clearfix { overflow: hidden; }
/*これ以降MacIE5.x以外にも適用される*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    visibility: hidden;
}
/*\*/
* html .clearfix { height: 1em; overflow: visible; }
/**/

/* .clr ----------------------------------------------------*/
.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
/*----------------------------------------------------------*/


.pointicon {
padding:0px 0px 0px 10px;
background-image:url(../images/common_icon03.gif);
background-position:0% 50%;
background-repeat:no-repeat;
}

/* Suubject ------------------------------------------------*/
h1 {
font-size:150%;
line-height: 1.5;
width:598px;
color:#333333;
font-weight:bold;
padding:3px 0px 3px 10px;
background-color:#e5e5e5;
margin:3px auto 0 auto;
border:#d0d0d0 1px solid;
}

h2 { font-size: 116.6%; }
.hBorder {
border-left: 3px solid #504184;
margin:15px 15px 0 15px
}
.hBorder h2 {
color:#504184;
font-weight:bold;
border-left: 2px solid #8176a7;
padding:0 0 0 6px;
margin:0 0 10px 0
}
.hBorder h2 sub{
color:#504184;
font-weight:bold;
}

h2.Uline, h2.h2Uline {
width: 590px;
padding: 0 0 2px 0;
font-weight: bold;
color: #504084;
background: url(../images/common_line01.gif) repeat-x 0 100%;
margin-bottom: 0;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { font-weight: normal; text-decoration: underline; }
sub { vertical-align: bottom; font-size: 83.3%; }
* html sub { vertical-align: bottom; font-size: 92%; }

.clear { clear: both; }
.ita{ font-style:italic;}

/*------------------------------------------------------------
##############################################################
 02 header
##############################################################
------------------------------------------------------------*/
/*
#container #header {
width:800px;
border-top:5px solid #504084;
font-size:10px;
min-height: 80px;
}
* html #container #header {
height: 80px;
}

#container #headerLogo {
width:624px;
height:auto;
float:left;
}
#container #headerLogo img {
margin:19px 0px 0px 15px;
float:left;
}
*/
/* navi ------------------------------------------*/
/*
#container #headerLogo ul {
float:right;
padding:50px 8px 0 0;
}
#container #headerLogo ul li {
display:inline;
padding:0px 7px;
border-left:1px solid #858585;
}
#container #headerLogo ul li.first {
border-left: none
}
#container #headerLogo ul li a {
color:#666666;
padding-bottom:1px;
}
#container #headerLogo ul li a:hover {
color:#223bb8;
text-decoration:underline;
padding-bottom:1px;
}
*/

/* Global Site -----------------------------------*/
/*
#container #header #headerContent {
float:left;
width:176px;
height:auto;
padding:18px 0 0 0;
}
#container #header #headerContent #global {
width: 176px;
margin-left: 22px;
padding: 0 0 15px 0;
}


*/
/* search ----------------------------------------*/

/*
#container #header #headerContent form #searchInput,
#container #header #headerContent form #query {
width:108px;
border:1px solid #8a9caa;
float:left;
_height: 14px;
min-height: 16px;
margin:0px 5px 0px 0px;
}
*/

/*------------------------------------------------------------
##############################################################
 03 Global Navigation
##############################################################
------------------------------------------------------------*/
#container #gn {
width:800px;
height:29px;
}
#container #gn ul li {
width:160px;
height:29px;
float:left;
text-indent:-9999px;
}
#container #gn ul li a {
display:block;
width:160px;
height:29px;
text-indent:-9999px;
/*\*/
overflow: hidden;
/**/
}
#container #gn ul li#gnhome {background:url(../images/common_gn01.gif) 0px -29px no-repeat}
#container #gn ul li#gncompany {background:url(../images/common_gn01.gif) -160px -29px no-repeat}
#container #gn ul li#gnir {background:url(../images/common_gn01.gif) -320px -29px no-repeat}
#container #gn ul li#gnbusiness {background:url(../images/common_gn01.gif) -480px -29px no-repeat}
#container #gn ul li#gncsr {background:url(../images/common_gn01.gif) -640px -29px no-repeat}

#container #gn ul li#gnhome a {background:url(../images/common_gn01.gif) 0px 0px no-repeat}
#container #gn ul li#gncompany a {background:url(../images/common_gn01.gif) -160px 0px no-repeat}
#container #gn ul li#gnir a {background:url(../images/common_gn01.gif) -320px 0px no-repeat}
#container #gn ul li#gnbusiness a {background:url(../images/common_gn01.gif) -480px 0px no-repeat}
#container #gn ul li#gncsr a {background:url(../images/common_gn01.gif) -640px 0px no-repeat}

#container #gn ul li#gnhome a:hover {background:url(../images/common_gn01.gif) 0px -29px no-repeat}
#container #gn ul li#gncompany a:hover {background:url(../images/common_gn01.gif) -160px -29px no-repeat}
#container #gn ul li#gnir a:hover{background:url(../images/common_gn01.gif) -320px -29px no-repeat}
#container #gn ul li#gnbusiness a:hover {background:url(../images/common_gn01.gif) -480px -29px no-repeat}
#container #gn ul li#gncsr a:hover {background:url(../images/common_gn01.gif) -640px -29px no-repeat}


/*------------------------------------------------------------
##############################################################
 04 mainContents02
##############################################################
------------------------------------------------------------*/
/* パンくずリスト ------------------------------------------*/
#container #bread {
width:800px;
min-height:20px;
_height:20px;
margin: 2px 0pt 0pt;
padding:0;
background-color:#ffffff;
}
#container #bread ul {
margin:0 0 0 11px;
padding:3px 0;

}
#bread {
	clear: both;
}

#container #bread ul li {
display:inline;
margin:0px 0px 0px 6px;
color:#333333;
}
#container #bread ul li.child {
padding:0px 0px 0px 15px;
background-image:url(../images/common_icon02.gif);
background-position:0 50%;
background-repeat:no-repeat;
}
#container #bread ul .highlighted {
font-weight: bold;
color: #223BB8;
}

/* Print ---------------------------------------------------*/
#container #mainContents02 #right #print {
width: 628px;
padding-top: 5px;
}
#container #mainContents02 #right #print p {
float: right;
}

/* Left Navigation -----------------------------------------*/
#container #mainContents02 {

background-image:url(../images/common_bg02.gif);
background-position:left top;
background-repeat:repeat-y;

width:auto;
background-color:none;
display:inline-block;
position:relative;
margin-right:-800px;
/* ↑Macie コンテンツ左ずれ修正用 \*/

width:800px;
background-color:#FFFFFF;
display:inherit;
position:inherit;
margin-right:0;

_width:auto;
_background-color:none;
_display:inline-block;
_position:relative;
_margin-right:-800px;
/* ↑ie コンテンツ左ずれ修正用 */


}
* html #container #mainContents02 {
	
}
#container #mainContents02 #left {
width:160px;
float:left;
padding:0 0 100px 0;


}

/* 第2階層 ---------- */

/*バグ回避 最新ブラウザのみ対応*/
#container #mainContents02 #left ul#menu li {
width: 160px;
background:url(../images/menu_bg.gif) 0% 0% no-repeat;
padding-top: 1px;
}
#container #mainContents02 #left ul#menu li:first-child{padding-top: 0px; border-top: none;}
#container #mainContents02 #left ul#menu{border-bottom:solid 1px #67647e;}

/* IE6 win/mac */
*html #container #mainContents02 #left ul#menu li{padding-bottom:1px;padding-top:0;background-position:0 100%;}
*html #container #mainContents02 #left ul#menu{border:none;}

#container #mainContents02 #left ul#menu li a {
background:url(../images/common_bg03.gif) 0% 50% repeat-y;
display: block;
padding:10px 10px 10px 24px;
width:126px;
}

#container #mainContents02 #left ul#menu li a:hover {
background:url(../images/common_bg04.gif) 0 50% repeat-y;
}

/* current（リンク無・下層有） */
#container #mainContents02 #left #menu .current {
padding:10px 10px 10px 24px!important;
background:url(../images/menu_bg06.gif) 0% 50% repeat-y #fff;
color:#223bb8;
width:126px;
font-weight:bold;
}

/* current（リンク有・下層有） */
#container #mainContents02 #left #menu .current10 a {
padding:10px 10px 10px 24px!important;
background:url(../images/menu_bg06.gif) 0% 50% repeat-y #fff;
color:#223bb8;
width:126px;
font-weight:bold;
}
#container #mainContents02 #left #menu .current10 a:hover {
background:url(../images/menu_bg06.gif) 0% 50% repeat-y #fff;
}

/* current（リンク無・下層無） */
#container #mainContents02 #left #menu li.current3{
background:url(../images/menu_bg07.gif) 0% 50% repeat-y;
padding:10px 10px 10px 24px!important;
color:#223bb8;
font-weight:bold;
width:126px;
border-top:solid 1px #67647e;
}
/* IE6 win/mac */
* html #container #mainContents02 #left #menu li.current3{border-bottom:solid 1px #67647e; border-top: none;}

/* current（リンク有・下層無） */
#container #mainContents02 #left #menu li.current11 a{
background:url(../images/menu_bg07.gif) 0% 50% repeat-y;
padding:10px 10px 10px 24px!important;
color:#223bb8;
font-weight:bold;
width:126px;
}
#container #mainContents02 #left #menu li.current11 a:hover{
background:url(../images/menu_bg07.gif) 0% 50% repeat-y;
}

/* current下層（リンク有） */
#container #mainContents02 #left #menu .current4 a {
padding:10px 10px 10px 24px;
background:url(../images/menu_bg03.gif) 0% 50% repeat-y #fff;
color:#223bb8;
width:126px;
font-weight:bold
}

/* current下層ページ（リンク無） */
#container #mainContents02 #left #menu .current6 {
padding:10px 10px 10px 24px;
background:url(../images/menu_bg03.gif) 0% 50% repeat-y #fff;
color:#223bb8;
width:126px;
font-weight:bold
}


/* 第3階層 ---------- */
#container #mainContents02 #left #menu li li{
padding: 0!important;
}
#container #mainContents02 #left #menu li li a {
padding:6px 10px 6px 36px;
width:114px;
background:url(../images/menu_bg01.gif) top left repeat-y #fff;
}
#container #mainContents02 #left #menu li li a:hover {
background:url(../images/menu_bg05.gif) top left repeat-y #fff;
color:#223bb8;
text-decoration:underline;
}

/* current（リンク無） */
#container #mainContents02 #left #menu .current2{
background:url(../images/menu_bg02.gif) top left no-repeat #fff;
width:114px;
padding:6px 10px 6px 36px!important;
color:#223bb8;
}
#container #mainContents02 #left #menu .current5{
background:url(../images/menu_bg02.gif) top left no-repeat;
width:114px;
padding:6px 10px 6px 36px!important;
color:#223bb8;
}

/* current（リンク有・下層有） */
#container #mainContents02 #left #menu .current8{
background:url(../images/menu_bg12.gif) top left no-repeat;
color:#223bb8;
padding:6px 10px 6px 36px;
width:114px;
font-weight:bold;
}
#container #mainContents02 #left #menu a.current8 {
background:url(../images/menu_bg11.gif) top left repeat-y #fff;
}

/* current（リンク有・下層無） */
#container #mainContents02 #left #menu .current9 a{
background:url(../images/menu_bg02.gif) top left no-repeat #fff;
text-decoration:none;
color:#223bb8;
}
#container #mainContents02 #left #menu .current9 a:hover{
background:url(../images/menu_bg02.gif) top left no-repeat #fff;
text-decoration:underline;
color:#223bb8;
}


/* 第4階層 ---------- */
#container #mainContents02 #left #menu li li li a {
padding:6px 10px 6px 45px;
width:105px;
background:url(../images/menu_bg09.gif) top left repeat-y #fff;
}
#container #mainContents02 #left #menu li li li a:hover {
padding:6px 10px 6px 45px;
width:105px;
background:url(../images/menu_bg08.gif) top left repeat-y #fff;
}
/* current */
#container #mainContents02 #left #menu .current7 {
padding:6px 10px 6px 45px!important;
background:url(../images/menu_bg10.gif) top left repeat-y #fff;
color:#223bb8;
width:105px;
}

#container #mainContents02 #left img {
width:130px;
margin:10px 0 0 15px;
}
#container #mainContents02 #left ul li a img {margin:10px 0px 10px 14px}


/* 右カラム -----------------------------------------*/
#container #mainContents02 #right {
width:640px;
float:left;
font-size: 1.2em;
line-height: 1.5;
}

/* index.html */
#mainContents02 #contentLeft,
#mainContents02 #contentRight {
line-height: 1.2;
}
#container #mainContents02 #right .title01{
background:#d9d9d9;
}
#container #mainContents02 #right .details {float:right;background:#e5e5e5}
#container #mainContents02 #right .title01 img {float:left}

#mainContents02 #contentLeft ul li,
#mainContents02 #contentRight ul li {
margin-bottom: 0.2em;
}
#mainContents02 #contentLeft ul li a,
#mainContents02 #contentRight ul li a {
font-size: 83.3%;
}

/* Page Top */
.toTop{ text-align:right; margin: 15px 0; }
.back2top{ text-align: right; margin: 15px; }

/*------------------------------------------------------------
##############################################################
 05 mainContents03
##############################################################
------------------------------------------------------------*/
#container #mainContents03 {
background-color: #FFFFFF;
width: 800px;
font-size: 1.2em;
line-height: 1.5;
}
#container #mainContents03 #contentsContainer {
margin-left: 15px;
padding-bottom: 15px;
}
#container #mainContents03 .toTop{
text-align: right;
margin: 0 15px 0 0;
}

/* Print --------------------------------------------*/
#container #mainContents03 #print {
width:788px;
padding: 5px 0 3px 0;
}
#container #mainContents03 #print p {
float: right;
}

/* Subject --------------------------------------------*/
#container #mainContents03 .hBorder {
border-left: 3px solid #504184;
margin: 0 0 10px 2px;
}
#container #mainContents03 .hBorder p {
font-size: 116.6%;
color: #504084;
font-weight: bold;
border-left: 2px solid #8176a7;
padding: 0 0 0 6px;
margin: 0;
}
#container #mainContents03 p.Uline {
font-size: 116.6%;
padding: 0 0 2px 0;
font-weight: bold;
color: #504084;
background: url(../images/common_line01.gif) repeat-x left bottom;
margin: 0 25px 15px 10px;
border-left: none;
}

/* Japan SiteへJumpするページ --------------------------------------------*/
#container #jumpJapan {
width: 590px;
padding: 30px 0 0 25px;
}
#container #jumpJapan p { padding-bottom: 5px; }
#container #jumpJapan p a {
color: #223bb8;
text-decoration: underline;
}


/*------------------------------------------------------------
##############################################################
 06 footer
##############################################################
------------------------------------------------------------*/
#container #footer {
background-color:#f2f2f2;
border-top:1px solid #747474;
padding:0 0 4px 0;
width:800px;
min-height:21px;
font-size:10px;
}
* html #container #footer { height: 21px; }

#container #footer_01{
width:50px;
float:left;
padding:8px 10px 0 15px;
}
#container #footer_02{
width:725px;
float:left;
}
#container #footer ul {
float:right;
margin:0;
padding:6px 14px 0 0;
}
#container #footer ul li {
display:inline;
padding:0 0 0 9px;
border-left:1px solid #858585;
}
#container #footer ul li a {
color:#666666;
padding-bottom:1px;
}
#container #footer ul li a:hover { color:#223bb8; text-decoration:underline;padding-bottom:1px; }
#container #footer ul li.first { border-left:none; padding-right: 5px; }

/* CopyRight ----------------------------------------------*/
#copyright {

width:780px;
float:left;
/* ↑Macie コンテンツ左ずれ修正用 \*/
width:auto;
float:none;

_width:780px;
_float:left;
_background-color: #FFFFFF;
/* ↑ie コンテンツ左ずれ修正用 */

text-align:right;
padding:7px 14px 7px 7px;
}