/* 2009.10.20 
*/


html {

 overflow-x: hidden; 
 overflow-y: auto;


  scrollbar-hwidth:4px;
  scrollbar-vwidth:4px;
  scrollbar-face-color:#D7E9FD;
  scrollbar-track-color:#d0e0f0; 
  scrollbar-3dlight-color:#D7E9FD;
  scrollbar-highlight-color:#00a0a0; 
  scrollbar-shadow-color:#004080; 
  scrollbar-arrow-color:#004080; 
  
  background: #D7E9FD;  /* #004080; *//*  url(blueblue4.jpg) repeat-x 0 -1px; */

/*  background-image: url("whitecyan2.jpg"); 
  background-attachment:fixed; 
*/
} 

.wndnull {
  overflow-x: hidden;
  overflow-y: hidden;
}

.wndline {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0px 0px 0px 4px;
  padding: 1px 0px 0px 0px;
  border: 1px;
}
.boxline {
  margin: 4px 0px 0px 4px;
  padding: 0px 0px 0px 4px;
  border: 0px solid #004080;
  border-top-width: 2px; 
}

.wndtop {
  margin: 0px 0px 4px 0px;
  padding: 1px 0px 0px 0px;
  border: 1px;
}

.wndp {      /* html class */
/*  overflow-x: hidden;  */
  overflow-y: auto;           /* overflow-y: auto; */
  margin: 0px 0px 0px 0px;    /* top left bottom right */
  padding: 0px 4px 0px 4px;    /* top left bottom right */
  border: 0px solid #004080;
  border-bottom-width: 0px; 

}
.wnds {      /* html class */
  overflow-x: hidden; 
  overflow-y: auto;       /* overflow-y: auto; */
  float: left; 
  margin: 0px 0px 0px 0px; /* top left bottom right */
  padding: 0px 8px 0px 4px; 
  border: 0px solid #004080;
/*  border-left-width: 1px; */
/*  border-bottom-width: 1px; */

}

.wndc {      /* html class */
  overflow-x: hidden; 
  overflow-y: auto;       /* overflow-y: auto; */
  float: left; 
  margin: 0px 0px 0px 0px;  /* top left bottom right */
  padding: 0px 8px 0px 4px;  /* top left bottom right */
  border: 0px solid #000080;
/* background:url("whitecyan22.jpg"); */ /* 20090916 delete */
}



.bodys {
  margin: 0px 4px 0px 0px; /* top right bottom left */
  padding: 0px 8px 0px 0px;  /* top right bottom left */
  border: 0px solid #000080;
/*  border-width: 10px; */
  border-bottom-color: #ffff00;
  border-bottom-width: 30px;

/*  background-attachment:fixed;  */

/* background:url("whitecyan22.jpg"); */ /* 20090916 delete */
}



xbody{ 
 overflow-x: hidden; 
 overflow-y: hidden; 
margin: 0px 0px 8px 0px; /* top right bottom left */
/* background-image: url("whitecyan2.jpg");  */

scrollbar-vwidth:320px;  /* ?? */
scrollbar-face-color:#D7E9FD ;          /* #D7E9FD 背景色     #0060c0;  */
scrollbar-track-color:#d0e0f0; 
scrollbar-3dlight-color:#D7E9FD; /* #004080;  */
scrollbar-highlight-color:#00a0a0; 
scrollbar-shadow-color:#004080; 
scrollbar-arrow-color:#004080; 
/* scrollbar-darkshadow-coor:#ffff00;  */
}




#div2gradation {
background-image: url("whitecyan3.jpg"); 
}



/* --- ナビゲーションバー --- */
.nav {
width: 100%;                                      /* ナビゲーションの幅 */
background: #004080 url(hor2_menu2_off.gif) repeat-x top;
border-top: 1px #002448 solid;        /* 上枠線 */
border-bottom: 1px #002448 solid;     /* 下枠線 */
color: #ffffff;
padding: 1px 10px;          /* メニューのパディング（上下、左右） */
margin: 10;
}

/* --- メニューエリア --- */
.nav .nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 1px 10; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav .nl li {
float: left;
}


/* --- 項目の幅（emで指定） --- */
.nav .nl li.item1 {
width: 480px;
}
.nav .nl li.item2 {
width: 200px;
}
.nav .nl li.item3 {
width: 10em;
}
.nav .nl li.item4 {
width: 6em;
}
.nav .nl li.item5 {
width: 4.6em;
}


.sizebottom { 200px}
.szframetop { width: 480px; }

.szmenu1 { width: 480px; }
.szmenu2 { width: 200px; padding-top:4px; padding-bottom:4px; }
.szmenu3 { width: 200px; padding-top:4px; padding-bottom:4px; }
.szmenu12 { width: 680px; }

.menucolor {
color: #ffffff;
background: #004080 url(blueblue4.jpg) repeat-x 0 -1px;
}

.menu1 { padding-top:4px; padding-bottom:4px; } 
.menu12 { padding-top:0px; padding-bottom:4px; } 


.currentboxnew {  /* current box */
float: left; 
overflow:auto;
margin: 4px 0px 8px 8px; /* 上 下 左 右 外側 */
padding: 0px 0px 0px 0px;  /* 上 下 左 右 内側 */
border: 0px solid #000;
}





                                                        /* 20090727.*/
.currentbox1cq {  /* 20091029 *//* s&c frame */ /* 508-8-8492 */
 overflow-x: hidden; 
 overflow-y: scroll; 
/* overflow-y: auto; */

float: left; 
/* width: 492px; */   /* 492+8+8 < 508 frame */
height: 264px;   /* 264px 264+4+2 外 < 270 frame */
overflow: auto;
margin: 4px 0px 8px 8px; /* 上 下 左 右 外側 */
padding: 0px 0px 0px 0px;  /* 上 下 左 右 内側 */
border: 1px solid #000080;

/* background:url("whitecyan22.jpg"); */ /* 20090916 delete */
}






.currentttl {  /* current box */
width: 488px;  /* 492=500-4-4  472 mst 25? */
height: 16px;  /* 1em; */
margin: 0px 0px 0px 0px; /* 上 下 左 右 外側 */
padding: 4px 0px 4px 4px; /* 上 下 左 右 内側 */
color: #ffffff;
background: #004080 url(blueblue4.jpg) repeat-x 0 -1px;
text-align: center;
border: 0px solid #f00080; 
font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
}

.captions {                    /* title */
  height: 20px;  /* 1em; */
  margin: 0px 0px 4px 4px; 
  padding: 4px 0px 0px 0px; */ /* 上 下 right left 内側 */

  text-align: center;
  font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
  color: #ffffff;
  background: #0040A0; /*  url(blueblue4.jpg) repeat-x 0 -1px; */
  border: 0px solid #f00080; 
}


.captiongreen { 
  height: 16px;  /* 1em; */
  margin: 2px 0px 4px 4px;
  padding: 6px 0px 0px 0px;

  text-align: center;
  font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
  color: #ffffff;
  background: #0040A0; /* url(bluegreenblue4.jpg) repeat-x 0 -1px; */
  border: 0px solid #00F000;  /* #004080;  */
  border-top-width: 4px; 
}

.captionc {                    /* title */
  height: 16px;  /* 1em; 20 */
  margin: 2px 0px 4px 4px; 
  padding: 6px 0px 0px 0px; 

  text-align: center;
  font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
  color: #ffffff;
  background: #0040A0;  /* url(bluemagentablue4.jpg) repeat-x 0 -1px; */
  border: 0px solid #E000D0; 
  border-top-width: 4px; 

}
.captionc2 {                    /* title */
  height: 16px;  /* 1em; 20 */
  margin: 2px 0px 4px 4px; 
  padding: 6px 0px 0px 0px; 

  text-align: center;
  font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
  color: #ffffff;
  background: #0040A0;  /* url(bluemagentablue4.jpg) repeat-x 0 -1px; */
  border: 0px solid #E000D0; 
  border-top-width: 4px; 

}

.captionc2cyan {    
  height: 16px; 
  margin: 2px 0px 4px -4px; 
  padding: 6px 0px 0px 24px; 

  text-align: left;
  font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
  color: #ffffff;
  background: #00ffff;  /* url(bluemagentablue4.jpg) repeat-x 0 -1px; */
  border: 0px solid #00ffff; 
  border-top-width: 4px; 

}


.captions2 {                    /* title */
  height: 20px;  /* 1em; */
  margin: 0px 0px 4px -4px; 
  padding: 4px 0px 0px 24px; */ /* 上 下 right left 内側 */

  text-align: left;
  font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
  color: #ffffff;
  background: #0040A0; /*  url(blueblue4.jpg) repeat-x 0 -1px; */
  border: 0px solid #f00080; 
}


.content {
  float: left; 
  overflow: auto;
  margin: 0px 0px 0px 0px; /* top bottom right left */
  padding: 4px 10px 14px 10px;  /* top left bottom left */

  border: 0px solid #f00080;
/* background:url("whitecyan33.jpg"); */ /* 20090916 delete */
  background-attachment:fixed; 
}


.box10c {
  float: left; 
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding:8px 0px 4px 4px;
  border: 0px solid #f00080;
}




.currentbox1 {  /* current box */
float: left; 
width: 500px;  /* 508-497=11 scroll-w ? width= szmenu1 - padding(l,r) */
height: 560px;  /* 560px 480 */
overflow:auto;
margin: 4px 0px 8px 8px; /* 上 下 左 右 外側 */
padding: 0px 0px 0px 0px;  /* 上 下 左 右 内側 */
border: 0px solid #000080;
}

.currentbox10 {
float: left; 
width: 492px;
height: 500px;
overflow:auto;

margin: 0px 0px 0px 0px; /* 上 下 左 右 */
padding:8px 0px 4px 4px;  /* メニューのパディング（上下、左右） */
background:url("");
border:0px solid #000080;
}



.currentbox3 {  /* current box */
float: left; 
width: 220px;             /* width= szmenu1 - padding(l,r) */
height: 560px;
overflow:auto;
margin: 4px 0px 0px 0px; /* 上 下 左 右 */
padding: 0px 0px 4px 4px;  /* 上 下 左 右 */
border: 0px solid #000080;
}
.currentttl3 {  /* current box */
width: 202px;  /* 202=220-18 scroll-w */
margin: 0px 0px 0px 0px; /* 上 下 左 右 */
padding: 4px 0px 4px 4px; /* 上 下 左 右 */
color: #ffffff;
background: #004080 url(blueblue4.jpg) repeat-x 0 -1px;
text-align: left;
font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/

}
.currentbox30 {
float: left; 
width: 202px;
height: 400px;
overflow:auto;
margin: 0px 0px 0px 0px; /* 上 下 左 右 */
padding: 8px 0px 4px 4px;  /* メニューのパディング（上下、左右） */
background:url("");
border:0px solid #000080;
}


.currentbox2 {  /* current box */
float: left; 
width: 240px; /* 220-11=209 */         /* width= szmenu1 - padding(l,r) */
height: 536px;
overflow:auto;
margin: 4px 0px 0px 0px;   /* 上 下 左 右 */
padding: 0px 0px 0px 0px;  /*  padding:8px 8px 4px 8px; */ /* 上 下 左 右 */
border: 0px solid #000080;

}

.currentttl2 {  /* current box */
float: left; 
width: 216px; /* 236px; */ /* 188 */
margin: 0px 0px 0px 0px; /* 上 下 左 右 */
padding: 4px 0px 4px 4px;  /* 上 下 左 右 */
/* padding-top:4px; padding-bottom:4px;   */
color: #ffffff;
background: #004080 url(blueblue4.jpg) repeat-x 0 -1px;  /* blueblue */
text-align: left;
font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
}
.currentttl22 {  /* current box */
float: left; 
width:  216px; /* 236px; */ /* 188 */
margin: 0px 0px 0px 0px; /* 上 下 左 右 */
padding: 4px 0px 4px 4px;  /* 上 下 左 右 */
/* padding-top:4px; padding-bottom:4px;   */
color: #ffffff;
background: #004080 url(bluemagentablue4.jpg) repeat-x 0 -1px;  /* blueblue */
text-align: left;
font-size: 12pt;           /* ttlの幅が文字サイズの変更で変化しないように、*/
}

.currentbox202 {  /* current box */
float: left; 
width:  216px; /* 236px; */ /* 240-4 */ /* 220-11=209  width= szmenu1 - padding(l,r) */
height: 120px;  /* 160 480 */
overflow: auto; // scroll;

margin: 0px 0px 0px 0px; /* 上 下 左 右 */
padding: 8px 0px 4px 4px;  /* 上 下 左 右 */
border: 0px solid #000080;
/* background: #004080 url(whitecyan33.jpg) repeat-x 0 -1px;  */ /* 20090916 delete */ /* blueblue */
background-attachment:fixed; 

}
.currentbox20 {  /* current box */
float: left; 
width:  216px; /* 236px; */ /* 240-4 */ /* 220-11=209  width= szmenu1 - padding(l,r) */
height: 300px;  /* 480 */
overflow: auto;
margin: 0px 0px 16px 0px;  /* ?? 上 下32 右 */
padding: 8px 0px 4px 4px;  /* ?? 上 下 左 右 */
/*  padding:8px 8px 4px 8px; */ /* 上 下 左 右 */
border: 0px solid #000080;
}





/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative;        /* IE6用 */
padding: 5px 5px;          /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右枠線 */
text-decoration: none;    /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
.nav .nl li a:link,
.nav .nl li a:visited,
.nav .nl li a:hover,
.nav .nl li a:active
{
color: #ffffff;
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


a:hover {  /* ポイント時の背景 */
color: #ffffff;
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; 
text-decoration: underline; /* テキストの下線（あり） */
}



ul{
list-style-type: none;
float: left;
margin:0;
padding:0;
}
xxli {
float: left;
}
li.li1 {
float: clear;
}

li.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
li.clearFix {
min-height: 1px;
}





#mainbody { width : 728px ; }
.header_a { float: left; width: 291px; height: 60px; background:Wheat; }


p { height:400px; width:250px;}
#sm1 { width:880px; height:2em; valign:center; color: #ffffff;
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */ 
}

                                                        /* ポイント時の背景 */
#sm11 { width:480px; height:2em; valign:center; color: #ffffff;
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; 
}
#sm11bottom { width: 480px; height:2em; valign:center; color: #ffffff;
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px;
}

#sm12bottom { width: 680px; height:2em; valign:center; color: #ffffff;
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px;
}

/*
background-color:#ffeff9;
*/


.frametop {  /* 20091031 */
/*  height:  28px; */ /* 42px; */             /* 2em; */
/*  margin: 0px 0px 0px 0px;  */    /* 外側 top right bottom left */
  padding: 6px 0px 0px 0px;     /* 内側 上 下 左 右 */
  overflow: hidden;       /* overflow-y: auto; */

  valign: center; 
  text-align: center;
  
  background: #004080 url(blueblue4.jpg) repeat-x 0 -1px;
  color: #ffffff;
  font-size: 14pt;              /* 固定 */

/* url(hor2_menu2_on.gif) repeat-x 0 -1px; *//* ポイント時の背景 */
}

.framebottom {
float: center;
margin: 0px 0px 0px 0px;      /* 外側 上 下 左 右 */
padding:0px 0px 0px 0px;      /* 内側 メニューのパディング（上下、左右） */
/* border:0px solid #000080; */

overflow:auto;
valign: bottom;

background: #004080 url(""); 
color: #ffffff;
font-size: 10pt;              /* 固定 */

}


/* id="framebottom" */