@charset "Shift_JIS";
@import "/embedded/css/_common/_reset.css";

/* Common -------------------------------------------------------------------------------------------------------------- */

html{
  height:100%;
}
body{
  color:#333333;
  height:100%;
  background-color:#f6f6f6;
  background-image:url('/embedded/img/common/bg/bg.gif');
  background-repeat:repeat-x;
  margin:auto;
}
th,td{
  vertical-align:top;
  line-height:140%;
}
b{
  font-weight:bold;
}
u{
  text-decoration:underline;
}
hr{
  border-style:dotted;
  border-width: 1px 0px 0px 0px;
  border-color:#bbbbbb;
  height:1px;
  padding:0px;
  margin:0px;
}

/* Paragraph ----------------------------------------------------------------------------------------------------------- */

#main p{
  line-height:160%;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:all;
  padding: 6px 10px 10px 10px;
  margin: 0px 0px 5px 0px;
}

/* Image --------------------------------------------------------------------------------------------------------------- */

.imagearea{
  text-align:center;
  margin:20px 0px;
}
.imagearea div{
  margin-top:10px;
  font-weight:bold;
}

/* List ---------------------------------------------------------------------------------------------------------------- */

ul,ol{
  padding: 10px 0px;
  margin: 5px 0px 5px 0px;
}
li ul,ol{
  padding:0px;
  margin:0px;
}
ol li{
  list-style-type:decimal;
  line-height:160%;
  padding:3px;
  margin: 0px 10px 0px 32px;
}
ol li ul li{
  list-style-type:none;
  line-height:160%;
  padding: 0px 0px 0px 11px;
  margin:0px;
}
ul li{
  background-image:url('/embedded/img/common/list/list1.gif');
  background-repeat:no-repeat;
  background-position: 1px 10px;
  line-height:160%;
  padding: 2px 11px 0px 11px;
  margin: 0px 0px 0px 10px;
}
ul.sp li{
  background-image:url('/embedded/img/common/list/orange_arrow.gif');
  background-repeat:no-repeat;
  background-position: 1px 4px;
  line-height:160%;
  padding: 0px 11px 0px 11px;
  margin: 0px 0px 0px 10px;
}

ul.info{
  padding:0px;
  margine:0px;
  font-size:12px;
}

/* Emphasis ------------------------------------------------------------------------------------------------------------ */

dfn{
  color:#993300;
  font-weight:bold;
}
em{
  color:#ff3300;
  font-weight:bold;
}
li em{
  font-weight:normal;
  color:#993300;
}

/* Horizontal Rule ----------------------------------------------------------------------------------------------------- */

div.hr{
  width:100%;
  margin:0px;
  background-image:url('/embedded/img/common/hr.gif');
  background-repeat:repeat-x;
}

/* Links --------------------------------------------------------------------------------------------------------------- */

/* common */
a:link    { color:#0099FF; text-decoration:none; }
a:visited { color:#0099FF; text-decoration:none; }
a:active  { color:#006AB3; text-decoration:none; }
a:hover   { color:#7FCBFF; text-decoration:underline; }

/* link-list */
ul.linklist li{
  padding-left:12px;
  margin-left:11px;
  line-height:160%;
  background-image:url('/embedded/img/common/arrow.gif');
  background-repeat:no-repeat;
  background-position:1px 9px;
}

/* jump to pagetop */
#main p.anchor{
  text-align:right;
  margin:0px;
  padding: 10px 0px;
}
.anchor a{
  padding-left:8px;
  background-image:url('/embedded/img/common/arrow_top.gif');
  background-repeat:no-repeat;
  background-position:0px 0px;
}

/* page-transfer */
.ptransfer{
  background-color:#fafafa;
  padding: 0px 10px 25px 10px;
  margin: 50px 0px 0px 0px;
  border: 1px solid #ebebeb;
}
.ptransfer ul{
  padding:0px;
  margin:0px;
}
.ptransfer ul li{
  background-image:none;
  padding:0px;
  margin:0px;
}
.ptransfer ul li#pl{
  float:left;
  background-image:url('/embedded/img/common/list/toleft.gif');
  background-repeat:no-repeat;
  background-position: left 9px;
  padding: 3px 0px 0px 12px;
}
.ptransfer ul li#pr{
  float:right;
  background-image:url('/embedded/img/common/list/toright.gif');
  background-repeat:no-repeat;
  background-position: right 9px;
  padding: 3px 12px 0px 0px;
}


/* Container ----------------------------------------------------------------------------------------------------------- */

div#container{
  width:760px;
  height:100%;
  min-height:100%;
  background-color:#ffffff;
}
body > div#container{
  height:auto;
}

/* Pane ---------------------------------------------------------------------------------------------------------------- */

#contract{
  margin: 12px 10px 0px 10px;
}
#main{
  float:right;
  width:570px;
}
#center{
  float:left;
  width:430px;
  padding:0px;
  margin: 10px 0px 0px 0px;
}
#nomenu{
  float:left;
  width:570px;
  padding:0px;
  margin: 10px 0px 0px 0px;
}

/* Navigation ---------------------------------------------------------------------------------------------------------- */

#footprint{
  color:#B0B0B0;
  line-height:120%;
  padding: 7px 0px 0px 10px;
}
#footprint span{
  font-weight:bold;
}
table.smallmenu{
  border-style:none;
}
table.smallmenu td{
  color:#333333;
  padding: 0px 8px;
  border-style: none dotted none dotted;
  border-color:#888888;
  border-width:1px;
}

/* Heading ------------------------------------------------------------------------------------------------------------- */

h1{
  height:37px;
  background-image:url('/embedded/img/common/H/bg_h1a.jpg');
  background-repeat:no-repeat;
  font-weight:bold;
  color:#666666;
  padding: 10px 0px 0px 20px;
}
h2{
  background-image:url('/embedded/img/common/H/bg_h2.gif');
  background-repeat:no-repeat;
  font-weight:bold;
  color:#666666;
  background-color:#fafafa;
  border: 1px solid #ebebeb;
  padding: 8px 0px 6px 17px;
  margin: 0px 0px 13px 0px;
}
h3{
  background-image:url('/embedded/img/common/H/bg_h3.gif');
  background-repeat:no-repeat;
  font-weight:bold;
  color:#333333;
  padding: 4px 0px 4px 19px;
  margin: 30px 0px 2px 0px;
}
h4{
  font-weight:bold;
  color:#333333;
  padding: 2px 0px 0px 10px;
  margin: 20px 0px 2px 0px;
}
h5{
  font-weight:normal;
  color:#993300;
  padding: 0px 0px 0px 10px;
  margin: 20px 0px 2px 0px;
}
.hcaption{
  color:#000000;
  background-color:#fafafa;
  line-height:150%;
  text-align:center;
  font-weight:bold;
  border: 1px solid #ebebeb;
  padding:5px;
  margin: 20px 0px 10px 0px;
}

/* Header -------------------------------------------------------------------------------------------------------------- */

#hdtop{
  height:20px;
  background-image:url('/embedded/img/common/header/bg1.jpg');
}
#hdtop p{
  margin: 4px 0px 0px 5px;
  font-weight:normal;
  color:#cccccc;
  letter-spacing:0.1em;
  padding:0px;
}
#hdmenu{
  height:67px;
  background-image:url('/embedded/img/common/header/bg2.jpg');
}
#hdmenu div{
  height:42px;
}
#hdmenu ul{
  list-style-type:none;
  padding:0px;
  margin:0px;
}
#hdmenu ul li{
  float:left;
  background-image:none;
  margin:0px;
  padding:0px;
}
#product{
  height:35px;
  border: 1px solid #eaeaea;
  padding: 12px 20px 15px 20px;
  margin-bottom:10px;
}
#product #l{
  float:left;
}
#product #r{
  float:right;
  letter-spacing:10px;
}

/* Footer -------------------------------------------------------------------------------------------------------------- */

#ft{
  clear:both;
  text-align:center;
  padding: 10px 0px;
}
#ftbg{
  height:29px;
  background-color:#f2f2f2;
  border: 1px solid #e7e7e7;
}
#ftlink{
  float:left;
  text-align:left;
  padding: 5px 0px 0px 5px;
}
#ftcp{
  float:right;
  text-align:right;
  padding: 9px 5px 0px 0px;
  color:#999999;
}
#contactus{
  text-align:center;
  padding: 50px 0px 40px 0px;
}

/* Annotation ---------------------------------------------------------------------------------------------------------- */

ul.annotation{
  padding: 10px 0px;
  margin: 5px 0px 5px 0px;
}
ul.annotation li{
  letter-spacing:0.1em;
  background-image:url('/embedded/img/common/list/annotation.gif');
  background-repeat:no-repeat;
  background-position: 1px 5px;
  line-height:140%;
  padding: 0px 11px 0px 11px;
  margin: 0px 0px 0px 10px;
}

/* Left ---------------------------------------------------------------------------------------------------------------- */


/* Right --------------------------------------------------------------------------------------------------------------- */

#right{
  margin: 10px 0px 0px 0px;
}

/* Process Flow -------------------------------------------------------------------------------------------------------- */

ul.processflow li{
  background-image:none;
  padding: 2px 5px 0px 5px;
  margin: 0px 0px 20px 0px;
}
ul.processflow li div{
  float:left;
  padding-left:10px;
  margin-right:10px;
}
ul.processflow li p{
  padding: 10px 10px 10px 10px;
  margin:0px;
}

/* Area ---------------------------------------------------------------------------------------------------------------- */

/* areaA */
div.areaA{
  width:95%;
  margin-bottom:50px;
}
div.areaA div{
  border: 1px solid #888888;
  border-top-style:none;
  padding:5px;
}
div.areaA div.img{
  text-align:left;
  margin: 10px 0px 10px 0px;
  padding:0px;
  border-style:none;
}
div.areaA div.ttl{
  font-weight:bold;
  text-align:center;
  padding:5px;
  border-style:solid;
  background-color:#eeeed5;
}
div.areaA div.txt{
  padding:5px;
  text-align:justify;
  text-justify:inter-ideograph;
}
div.areaA div.lnk{
  text-align:left;
  border-style: none solid solid solid;
  padding:0px;
  margin:0px;
}
div.areaA div.lnk ul{
  padding: 7px 0px 7px 0px;
  margin:0px;
}
div.areaA div.bnr{
  text-align:left;
  border-style:none;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 0px 0px;
}
div.areaA div.bnr img{
  margin: 0px 5px 0px 0px;
}

/* areaB */
div.areaB{
  width:95%;
  margin-bottom:50px;
}
div.areaB div{
  border: 1px solid #888888;
  border-top-style:none;
}
div.areaB h2{
  font-weight:bold;
  text-align:center;
  background-color:#eeeed5;
  background-image:none;
  border: 1px solid #888888;
  padding:7px;
  margin:0px;
}
div.areaB h3{
  color:#2f4f4f;
  font-weight:bold;
  text-align:center;
  background-image:none;
  line-height:160%;
  border: 1px solid #888888;
  border-top-style:none;
  padding:3px;
  margin:0px;
}
div.areaB h3 img{
  margin: 0px 10px;
}
div.areaB div.adp{
  text-align:center;
  padding:5px;
  color:#999999;
}
div.areaB div.explain{
  text-align:left;
  height:100%;
  padding:0px;
  margin:0px;
}
div.areaB div.explain div.txt{
  float:left;
  width:294px;
  height:100%;
  line-height:160%;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:all;
  border-style:none;
  padding:10px;
  margin:0px;
}
div.areaB div.explain div.txt ul{
  padding:0px;
  margin: 0px 0px 15px 0px;
}
div.areaB div.explain div.txt ul li{
  background-image:url('/embedded/img/common/list/orange_arrow.gif');
  background-repeat:no-repeat;
  background-position: 0px 0px;
  line-height:90%;
  padding: 0px 11px 0px 11px;
  margin: 10px 0px 10px 0px;
}
div.areaB div.explain div.txt ul.annotation li{
  letter-spacing:0.1em;
  background-image:url('/embedded/img/common/list/annotation.gif');
  background-repeat:no-repeat;
  background-position: 1px 5px;
  line-height:140%;
  padding: 0px 11px 0px 11px;
  margin: 0px 0px 0px 0px;
}
div.areaB div.explain div.img{
  float:right;
  text-align:center;
  line-height:160%;
  width:225px;
  height:100%;
  border-style:none;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}
div.areaB div.explain div.img img{
  margin: 5px 0px;
}
div.areaB div.explain div.img span{
  font-weight:bold;
}
div.areaB div.comment{
  line-height:160%;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:all;
  padding: 10px 10px 20px 10px;
  margin:0px;
}
div.areaB div.comment h4{
  background-image:none;
  line-height:160%;
  padding: 0px 0px 5px 0px;
  margin:0px;
}
div.areaB div.comment ul{
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 5px 0px;
}
div.areaB div.comment ul li{
  background-image:url('/embedded/img/common/list/orange_arrow.gif');
  background-repeat:no-repeat;
  background-position: 0px 0px;
  line-height:90%;
  padding: 0px 11px 0px 11px;
  margin: 0px 0px 0px 0px;
}

/* Table --------------------------------------------------------------------------------------------------------------- */

/* div-area */
div.divarea{
  background-color:#fcf1ea;
  line-height:150%;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:all;
  border: 1px solid #e9e9e9;
  padding:10px;
  margin: 0px 10px 13px 10px;
}
div.divarea ul{
  padding:0px;
}

/* table-area */
div.tablearea{
  padding:0px;
  margin: 5px 0px 35px 0px;
}

/* table-A */
table.tableA{
  border-spacing:5px;
}
table.tableA th,
table.tableA td{
  border: 1px solid #eaeaea;
}
table.tableA th{
  height:25px;
  font-weight:bold;
  text-align:center;
  background-color:#ffeac4;
  color:#993300;
  vertical-align:middle;
}
table.tableA td{
  padding:5px;
  background-color:#fafafa;
}
table.tableA .midttl{
  background-color:#f3f3f3;
  color:#333333;
  font-weight:bold;
  vertical-align:middle;
}
table.tableA td ul{
  padding-top:0px;
}
table.tableA td ul li{
  padding: 1px 8px 0px 8px;
  margin: 0px 0px 0px 3px;
}

/* table-B */
table.tableB{
  border-spacing:5px;
}
table.tableB th,
table.tableB td{
  color:#333333;
  padding: 5px 12px 5px 8px;
  border: 1px solid #888888;
}
table.tableB th{
  font-weight:bold;
  color:#ffffff;
  background-color:#666666;
}
table.tableB td.ttl{
  background-color:#eeeed5;
}
table.tableB td ul{
  padding:0px;
  margin:0px;
}
table.tableB td ul li{
  padding: 0px 8px 0px 8px;
  margin: 0px 0px 0px 3px;
  background-position:0px 7px;
}
table.tableB td ul.annotation li{
  background-position: 0px 5px;
  padding: 0px 0px 0px 11px;
  margin:0px;
}
table.tableB td ul.annotation li ul li{
  background-image:url('/embedded/img/common/list/list1.gif');
  background-repeat:no-repeat;
  background-position: 0px 7px;
  padding: 0px 0px 0px 7px;
  margin:0px;
}
table.tableB td ul.linklist li{
  padding-left:12px;
  margin-left:11px;
  line-height:160%;
  background-image:url('/embedded/img/common/arrow.gif');
  background-repeat:no-repeat;
  background-position:1px 6px;
}

/* table-C */
table.tableC{
  border-spacing:5px;
}
table.tableC th,
table.tableC td{
  color:#333333;
  padding: 5px 12px 5px 8px;
  border: 1px solid #888888;
}
table.tableC th{
  font-weight:bold;
  text-align:center;
  padding:4px;
  color:#333333;
  background-color:#eeeed5;
}
table.tableC td ul{
  padding:0px;
  margin:0px;
}

/* table-D */
table.tableD{
  border-spacing:5px;
  border: 1px solid #888888;
}
table.tableD th,
table.tableD td{
  color:#333333;
  padding: 5px 12px 5px 8px;
  border-width:1px;
  border-color:#888888;
  border-style:dotted solid;
}
table.tableD th{
  font-weight:bold;
  text-align:center;
  padding:4px;
  color:#333333;
  background-color:#eeeed5;
  border: 1px solid #888888;
}

/* table-E */
table.tableE{
  border-spacing:5px;
  border: 1px solid #ff8616;
}
table.tableE th,
table.tableE td{
  color:#333333;
  padding: 5px 12px 5px 8px;
  border-width:1px;
  border-color:#ff8616;
  border-style:solid;
}
table.tableE th{
  font-weight:bold;
  text-align:center;
  padding:4px;
  color:#333333;
  background-color:#ffffff;
  border: 1px solid #ff8616;
}

/* table-F */
table.tableF{
  border-spacing:5px;
}
table.tableF th,
table.tableF td{
  color:#333333;
  padding: 5px 12px 5px 8px;
  border: 1px solid #eaeaea;
}
table.tableF td{
  padding: 12px 12px 25px 8px;
}
table.tableF th{
  font-weight:bold;
  text-align:center;
  padding:5px;
  color:#ffffff;
  background-color:#666666;
}
table.tableF td.ttl{
  background-color:#fafafa;
  color:#333333;
  font-weight:bold;
  padding: 5px 12px 5px 8px;
}
table.tableF td ul{
  padding:0px;
  margin:0px;
}

/* table-G */
table.tableG{
  border-spacing:3px;
}
table.tableG th{
  text-decoration:underline;
  padding: 10px 0px 0px 0px;
}
table.tableG td{
  padding:0px;
}

/* table-H */
table.tableH{
  border-spacing:5px;
}
table.tableH th,
table.tableH td{
  text-align:center;
  vertical-align:middle;
  color:#333333;
  padding: 5px 12px 5px 8px;
  border: 1px solid #888888;
}
table.tableH th{
  font-weight:bold;
  text-align:center;
  color:#ffffff;
  background-color:#666666;
}

/* table-I */
table.tableI{
  border-spacing:5px;
}
table.tableI th,
table.tableI td{
  color:#333333;
  text-align:center;
  vertical-align:middle;
  padding: 5px 12px 5px 8px;
  border: 1px solid #888888;
}
table.tableI th{
  font-weight:bold;
  color:#ffffff;
  background-color:#666666;
}
table.tableI td.ttl{
  background-color:#eeeed5;
}
table.tableI td div{
  text-align:left;
}
table.tableI td ul{
  padding:0px;
  margin:0px;
}
table.tableI td ul li{
  padding: 0px 8px 0px 8px;
  margin: 0px 0px 0px 3px;
  background-position:0px 7px;
}
table.tableI td ul.annotation li{
  background-position: 0px 5px;
  padding: 0px 0px 0px 11px;
  margin:0px;
}
table.tableI td ul.linklist li{
  padding-left:12px;
  margin-left:11px;
  line-height:160%;
  background-image:url('/embedded/img/common/arrow.gif');
  background-repeat:no-repeat;
  background-position:1px 6px;
}

/* table-J */
table.tableJ{
  border-spacing:5px;
}
table.tableJ th,
table.tableJ td{
  color:#333333;
  padding: 5px 12px 5px 8px;
  border: 1px solid #888888;
}
table.tableJ th{
  font-weight:bold;
  text-align:center;
  padding:4px;
  color:#333333;
  background-color:#eeeed5;
}
table.tableJ td{
  padding:12px;
}

/* form ---------------------------------------------------------------------------------------------------------------- */

div.formarea{
  width:100%;
  padding:0px;
  margin:0px;
}
table.formtable{
  width:100%;
  border-spacing:5px;
  padding:10px;
  margin: 0px 0px 10px 0px;
}
table.formtable th,
table.formtable td{
  text-align:left;
  padding:5px;
  background-color:#f3f3f3;
  border: 1px solid #eaeaea;
}
table.formtable th{
  font-weight:bold;
  color:#993300;
  background-color:#ffeac4;
}
table.formtable th span{
  font-weight:normal;
  color:#ff9900;
  padding-left:5px;
}
table.formtable ul{
  list-style-type:none;
  padding:0px;
  margin:0px;
}
table.formtable ul li{
  background-image:none;
  line-height:160%;
  padding: 0px 0px 10px 0px;
  margin:0px;
}
table.formtable ul li div{
  margin-left:20px;
}
div.formarea .example{
  margin-left:20px;
}
div.formarea div.attention{
  background-color:#fafafa;
  line-height:150%;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:all;
  border: 1px solid #ebebeb;
  padding:10px;
  margin: 0px 0px 10px 0px;
}
div.formarea div.submit{
  color:#993300;
  background-color:#ffeac4;
  line-height:150%;
  text-align:center;
  border: 1px solid #eaeaea;
  padding:10px;
  margin: 10px 0px 10px 0px;
}
div.formarea ul.annotation{
  padding:0px;
  margin:0px;
}
div.formarea ul.annotation li{
  background-image:url('/embedded/img/common/list/annotation.gif');
  background-repeat:no-repeat;
  background-position: 1px 5px;
  padding: 0px 11px 0px 11px;
  margin: 0px 0px 0px 5px;
}
ul.restriction{
  padding: 0px 0px;
  margin: 0px 0px 10px 0px;
}
ul.restriction li{
  color:#ff0000;
  background-image:url('/embedded/img/common/list/restriction.gif');
  background-repeat:no-repeat;
  background-position: 1px 5px;
  line-height:160%;
  padding: 0px 11px 0px 15px;
  margin: 0px 0px 0px 10px;
}

/* index --------------------------------------------------------------------------------------------------------------- */

div.prelease{
  padding:5px;
}
div.prelease div.date{
  float:left;
  width:50px;
  line-height:160%;
}
div.prelease div.record{
  float:right;
  width:505px;
}
div.prelease div.txt{
  float:left;
  width:405px;
  line-height:160%;
}
div.prelease div.txt ul{
  padding:0px;
  margin:0px;
}
div.prelease div.txt ul li{
  padding-left:12px;
  margin-left:11px;
  line-height:160%;
  background-image:url('/embedded/img/common/arrow.gif');
  background-repeat:no-repeat;
  background-position:1px 9px;
  margin-left:10px;
}
div.prelease div.icn{
  float:right;
  width:100px;
  line-height:160%;
  margin-top:2px;
  text-align:right;
}
div.prelease br{
  clear:both;
}

/* eBinder ------------------------------------------------------------------------------------------------------------- */

div.eb div{
  width:210px;
}
div.eb div ul{
  padding:0px;
}
div.eb ul li{
  background-image:url('/embedded/img/common/list/disc.gif');
  background-repeat:no-repeat;
  background-position: 0px 5px;
  padding-left:15px;
  line-height:160%;
}
div.eb ul.linklist{
  padding:0px;
}
div.eb ul.linklist li{
  padding-left:12px;
  margin-left:11px;
  line-height:160%;
  background-image:url('/embedded/img/common/arrow.gif');
  background-repeat:no-repeat;
  background-position:1px 6px;
}

/* talk  --------------------------------------------------------------------------------------------------------------- */

div.talk{
  margin-top:10px;
}
div.talk .txt{
  float:right;
  width:458px;
  line-height:160%;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:all;
  padding:3px;
  margin: 9px 5px 5px 5px;
}
div.talk .a{
 float:left;
 width:75px;
 font-size:11px;
 line-height:160%;
 text-align:center;
 background-color:#eeeed5;
 padding:3px;
 margin: 10px 5px 5px 5px; 
}
div.talk .b{
 float:left;
 width:75px;
 font-size:11px;
 line-height:160%;
 text-align:center;
 background-color:#ffeac4;
 padding:3px;
 margin: 10px 5px 5px 5px; 
}

/* eCROS ------------------------------------------------------------------------------------------------------------- */

div.ec div{
  width:285px;
}