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

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

■ 01 共通設定
■ 02 header部
	header右側コンテンツ
	Global Site・Japan Site
	よくあるご質問・お問合わせ・サイトマップ・検索窓

■ 03 gn(グローバルナビ)部
■ 04 下層mainContents02共通設定部
	パンくずリスト
	フォントボタン
	下層共通左カラム（ナビゲーション）
	下層共通右カラム（コンテンツ）

■ 05 root下層mainContents03共通設定部
	フォントボタン
	見出し

■ 06 footer部
	コピーライト

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

/*------------------------------------------------------------
##############################################################
■ 01 共通設定
##############################################################
------------------------------------------------------------*/
* {
margin:0px;
padding:0px;
font-style:normal;
font-weight:normal;
color:#333333;
list-style-type: none;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
}
body { background:#EEE url(../images/common_bg01.gif) left top repeat-y; }
img { border-style: none; }
table { border-collapse: collapse; }
sub { vertical-align: bottom; font-size: 10px; }
a {
color:#333333;
text-decoration:none;
}
a:hover {
color:#223bb8;
text-decoration:underline;
}
#container {
width:800px;
background-color:#ffffff;
}
.pointicon {
padding:0px 0px 0px 10px;
background-image:url(../images/common_icon03.gif);
background-position:0% 50%;
background-repeat:no-repeat;
}

/* 見出し-------------------------------------------*/
h1 {
width:598px;
color:#333333;
font-weight:bold;
padding:3px 0px 3px 10px;
background-color:#e5e5e5;
margin:3px auto 0 auto;
clear:both;
border:#d0d0d0 1px solid;
}
.hBorder, #hBorder {
border-left: 3px solid #504184;
margin:15px 15px 0 15px
}
#hBorder h2, .hBorder h2 {
color:#504084;
font-weight:bold;
border-left: 2px solid #8176a7;
padding:0 0 0 6px;
margin:0 0 10px 0;
}
h2.Uline, h2.h2Uline {
width: 590px;
padding: 0 0 2px 0;
font-weight: bold;
color: #504084;
background: url(../images/common_line01.gif) repeat-x left bottom;
margin-bottom: 0;
}
hr.clear{
border:0;
height:1px;
visibility:hidden;
padding:0;
margin:0;
font-size:0;
line-height:0;
}

#container .hBorder h2 span, h2.Uline span, h2.h2Uline span { padding: 0 0 0 10px; }
.hBorder h2 sub {
color:#504084;
font-weight:bold;
}


/* floatクリア設定-------------------------------------------*/
/*これ以降MacIE5.xのみに適用される\*//*/
#container,
#container #header,
#container #header #headerContent #headerContentTop,
#container #header #headerContent #headerContentBottom,
#container #gn ul,
#container #mainContents01,
#container #mainContents02,
#container #mainContents02 #button,
#container #footer {
    overflow: hidden;
}
/*これ以降MacIE5.x以外にも適用される*/

#container:after,
#container #header:after,
#container #header #headerContent #headerContentTop:after,
#container #header #headerContent #headerContentBottom: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 #headerContent #headerContentTop,
* html #container #header #headerContent #headerContentBottom,
* html #container #gn ul,
* html #container #mainContents01,
* html #container #mainContents02,
* html #container #mainContents02 #button,
* html #container #footer {
    height: 1px;
    overflow: visible;
}
/**/

/*これ以降MacIE5.xのみに適用される\*//*/
.clearfix { overflow: hidden; }
/*これ以降MacIE5.x以外にも適用される*/
.clearfix:after {
content: "";
display: block;
clear: both;
height: 1px;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
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;
}

/*------------------------------------------------------------
##############################################################
■ 02 header部
##############################################################
------------------------------------------------------------*/
#container #header {
width:800px;
min-height:80px;
border-top:5px solid #504084;
}
* html #container #header {
height:80px;
}
#container #header #headerLogo {
width:632px;
float:left;
}
#container #header #headerLogo img {
margin:19px 0px 0px 15px;
vertical-align:bottom;
float:left;
}
#container #header #headerLogo img a {text-indent:0}
#container #header #headerLogo ul {
float:right;
margin:48px 0 0 0;
}
#container #header #headerLogo ul li {
display:inline;
padding:0px 7px;
border-left:1px solid #858585;
}
#container #header #headerLogo ul li.first {
border-left: none
}
#container #header ul li a {
color:#666666;
text-indent:0;
padding-bottom: 1px;
}
#container #header ul li a:hover {
color:#223bb8;
text-decoration:underline;
padding-bottom: 1px;
}

/* header右側コンテンツ --------------------------------------*/
#container #header #headerContent {
width:590px;
float:right;
}

/* Global Site・Japan Site -----------------------------------*/
#container #header #headerContentTop {
float:right;
width:161px;
height:auto;
padding:19px 0 0 0;
background:url(../images/common_icon01.gif) 70px 20px no-repeat;
}
#container #header #headerContentTop a {
height:14px;
float:left;
margin-bottom:15px;
}
#container #header a {
text-indent:-9999em;
/*MacIEには適用しない\*/
overflow: hidden;
/**/
}
#container #header a.global {
width:69px;
height:13px;
display:block;
margin:0px 12px 0px 0px;
background:url(../images/common_btn02.gif) left top no-repeat;
}
#container #header p.japan {
width:65px;
height:14px;
background:url(../images/common_btn03.gif) left top no-repeat;
float:left;
text-indent:-9999em;
}

/* よくあるご質問・お問合わせ・サイトマップ・検索窓 --------*/
#container #header #headerContentTop form {
width:155px;
height:17px;
}
#container #header #headerContentTop form #searchInput,
#container #header #headerContentTop form #query {
width:104px;
border:1px solid #8a9caa;
float:left;
_height:14px;
min-height:16px;
}
#container #header #headerContentTop form #searchBtn {
width:35px;
margin:0px 0px 0px 5px;
}

/*------------------------------------------------------------
##############################################################
■ 03 gn(グローバルナビ)部
##############################################################
------------------------------------------------------------*/
#container #gn {
width:800px;
height:29px;
}
#container #gn ul {
margin:0;
padding:0;
}
#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;
/*MacIEには適用しない\*/
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}


/* パンくずリスト --------------------------------------------*/
#container #bread {
width:800px;
min-height:20px;
_height:20px;
margin:2px 0 0 0;
padding:0;
background-color:#ffffff;
}
#container #bread ul {
margin:0 0 0 11px;
padding:0;
}
#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;
}


/*------------------------------------------------------------
##############################################################
■ 04 下層mainContents02共通設定部
##############################################################
------------------------------------------------------------*/
#container #mainContents02 {
width:800px;
background-image:url(../images/common_bg02.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#ffffff;
}

/* フォントボタン ------------------------------------------*/
#container #mainContents02 #right #btn {
width:192px;
margin:5px 0 0 446px;
}
#container #mainContents02 #right #btn ul { margin:0; padding:0; background:none; }
#container #mainContents02 #right #btn li { float:left; margin:0 2px 0 0; padding:0; background:none; }
#container #mainContents02 #right #btn img { float:left; }
#container #mainContents02 #right #btn .btn_txt { margin:3px 5px 0 0; }
#container #mainContents02 #right #btn .print { margin:0 0 0 6px; }


/* 左カラム（ナビゲーション） ------------------------------*/
#container #mainContents02 #left {
width:160px;
float:left;
padding:0 0 100px 0;
}

#container #mainContents02 #left #menu ul,
#container #mainContents02 #left #menu ul ul{
margin:0;
padding: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) 50% 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) 50% 50% repeat-y;
}

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

/* current（リンク無・下層無） */
#container #mainContents02 #left #menu li.current3{
background:url(../images/menu_bg07.gif) 50% 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) 50% 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) 50% 50% repeat-y;
}

/* current下層（リンク有） */
#container #mainContents02 #left #menu .current4 a {
padding:10px 10px 10px 24px;
background:url(../images/menu_bg03.gif) 50% 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) 50% 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 .current20{
background:url(../images/menu_bg20.gif) top left no-repeat #fff;
width:114px;
padding:6px 4px 6px 42px!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 .marb{
padding-bottom:10px;
}


/* 右カラム -----------------------------------------------*/
#container #mainContents02 #right {
width:640px;
float:left;
}
/* 第2階層 index.html */
#container #mainContents02 #right .title01{
background:#d9d9d9;
}
#container #mainContents02 #right .details {float:right;background:#e5e5e5}
#container #mainContents02 #right .title01 img {float:left}

/* ページの先頭 */
.back2top{ text-align:right; margin: 15px 0; }


/*------------------------------------------------------------
##############################################################
■ 05 root下層mainContents03共通設定部
##############################################################
------------------------------------------------------------*/
#container #mainContents03 {
background-color: #FFF;
}
#container #mainContents03 #contentsContainer {
margin-left: 15px;
padding: 10px 0 15px 0;
}

/* フォントボタン --------------------------------------------*/
#container #mainContents03 #btn {
width:192px;
margin:5px 0 0 606px;
}
#container #mainContents03 #btn ul {margin:0;padding:0;background:none}
#container #mainContents03 #btn li {float:left;margin:0 2px 0 0;padding:0;background:none}
#container #mainContents03 #btn img {float:left}
#container #mainContents03 #btn .btn_txt {margin:3px 5px 0 0}
#container #mainContents03 #btn .print {margin:0 0 0 6px}


/* 見出し --------------------------------------------*/
#container #mainContents03 h1 { width: 758px; margin-left:0; }

#container #mainContents03 .hBorder {
border-left: 3px solid #504184;
margin: 0 0 10px 2px;
}
#container #mainContents03 .hBorder p {
color: #504084;
font-weight: bold;
border-left: 2px solid #8176a7;
padding: 0 0 0 6px;
margin: 0;
}
#container #mainContents03 p.Uline {
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;
}


/*------------------------------------------------------------
##############################################################
■ 06 footer部
##############################################################
------------------------------------------------------------*/
#container #footer {
background-color:#f2f2f2;
border-top:1px solid #747474;
padding:0 0 4px 0;
width:800px;
}
* html #container #footer { padding-bottom: 5px; }

#container #footer img { vertical-align: baseline; }
#container #footer_01{
height: 12px;
width:50px;
float:left;
padding:8px 10px 0 15px;
}
#container #footer_02 {
width:725px;
float:left;
}
#container #footer ul {
float:right;
padding:6px 13px 0 0;
}
* html #container #footer ul { padding-top: 7px; }
#container #footer ul li {
display:inline;
padding:0 0 0 7px;
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
}
#container #footer ul li.first{ border-left:none; padding-right: 3px; }


/* コピーライト ----------------------------------------------*/
#copyright {
text-align:right;
padding:7px 14px 7px 7px;
}