@charset "UTF-8";

@import "global.css";


/* Sentence
----------------------------------------------- */
p.st01 {
  margin: 0px 0px 0px 0px; 
  padding: 4px 4px 4px 4px;
  line-height: 150%;
  }
p.st02 {
  clear: both;
  margin: 0px 10px 0px 50px; 
  padding: 4px 0px 15px 0px;
  line-height: 150%;
  }
/* 2008.01.07 add：st02で下部パディングの少ないもの */
p.st02S {
  clear: both;
  margin: 0px 10px 0px 50px; 
  padding: 4px 0px 0px 0px;
  line-height: 150%;
  }

p.st03 {
  clear: both;
  margin: 0px 50px 0px 30px; 
  padding: 3px 0px 3px 0px;
  line-height: 150%;
  }
p.st03S {
  clear: both;
  margin: 0px 50px 0px 30px; 
  padding: 3px 0px 0px 0px;
  line-height: 100%;
  }
p.st04 {
  margin: 0px 0px 0px 0px; 
  padding: 3px 0px 10px 20px;
  text-indent: -1em;
  line-height: 150%;
  }
p.st05 {
  margin: 0px 50px 7px 40px; 
  padding: 3px 0px 3px 10px;
  text-indent: -1em;
  line-height: 150%;
  }
p.st06 {
  clear: both;
  margin: 0px 10px 0px 50px; 
  padding: 4px 0px 8px 0px;
  line-height: 150%;
  }
p.st06 strong {
  color: #032A6B;
  }
 
/* 2008.01.17 add */
p.st06S {
  clear: both;
  margin: 0px 10px 0px 50px; 
  padding: 4px 0px 0px 0px;
  line-height: 150%;
  }

p.st07 {
  clear: both;
  margin: 0px 0px 0px 30px; 
  padding: 3px 0px 6px 4px;
  line-height: 150%;
  background: #fff url(../images/dot01.gif) repeat-x left bottom;
  }
p.st08 {
  clear: both;
  margin: 0px 0px 0px 20px; 
  padding: 4px 0px 8px 4px;
  line-height: 150%;
  }
/* 2008.01.22 add */
p.st08S {
  clear: both;
  margin: 0px 0px 0px 20px; 
  padding: 4px 0px 0px 4px;
  line-height: 150%;
  }
p.st09 {
  margin: 0px 0px 0px 0px; 
  padding: 4px 0px 4px 4px;
  line-height: 150%;
  background: #fff url(../images/dot01.gif) repeat-x left bottom;
  }
p.st10 {
  margin: 0px 10px 0px 70px; 
  padding: 4px 0px 8px 0px;
  line-height: 150%;
  }
p.st10S {
  margin: 0px 10px 0px 70px; 
  padding: 4px 0px 0px 0px;
  line-height: 150%;
  }

/* 2008.01.21 add */
p.st11 {
  clear: both;
  margin: 0px 0px 0px 15px; 
  padding: 4px 0px 0px 4px;
  line-height: 150%;
  }
p.st12 {
  clear: both;
  margin: 0px 0px 0px 10px; 
  padding: 10px 0px 0px 0px;
  line-height: 130%;
  font-weight: bold;
  }
p.st13 {
  margin: 0px 10px 0px 30px; 
  padding: 4px 0px 8px 0px;
  line-height: 150%;
  }

/* 2008.01.21 add */
p.st14 {
  clear: both;
  margin: 0px 50px 0px 50px; 
  padding: 3px 0px 3px 0px;
  line-height: 150%;
  }
	
/* 2009.07 ipadd */
p.st15 {
  clear: both;
  margin: 0px 50px 0px 38px; 
  padding: 3px 0px 3px 0px;
  line-height: 150%;
  }

p.pic01 {
  margin: 10px 0px 10px 100px; 
  }
p.pic02 {
  margin: 10px 0px 10px 50px; 
  }

/* Color
----------------------------------------------- */
.cl-IA {
  color: #032A6B;
  }
.cl-SS {
  color: #057B6B;
  }


/* Sub Button
----------------------------------------------- */
p.sbtn { 
  float: right;
  width: 540px;
  height: 38px;
  text-align: right;
  }
  
p.sbtn-cryp { 
  float: right;
  width: 350px;
  height: 38px;
  text-align: right;
  }
  


/* Sub Navigation
----------------------------------------------- */
div.snav01 ul {
  display: block;
  float: left;
  width: 700px;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 40px;
  }

/* 2008304.09 add */
div.snav01 ul.auto {
  width: auto;
}
/* 2008304.09 add-end */


div.snav01 ul li {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none; 
  }
div.snav01 ul a {
  float: left;
  margin: 0px 30px 0px 0px;
  padding: 0px 0px 0px 18px;
  color: #7A8790;
  text-decoration: none;
  background: #fff url(../images/arr02.gif) no-repeat left center;
  }

p.snav02 {
  width: 100%;
  margin: 0px 0px 0px 40px;
  padding: 0px 0px 0px 18px;
  background: #fff url(../images/arr02.gif) no-repeat left center;
  }
.snav02 a {
  color: #7A8790;
  line-height: 140%;
  text-decoration: none;
  }
div.snav01 ul a:visited, .snav02 a:visited {
  color: #7A8790;
  text-decoration: none;
  }
div.snav01 ul a:hover, .snav02 a:hover {
  color: #7A8790;
  text-decoration: underline;
  }


/* Layout : BOX
----------------------------------------------- */
div.box-mg01 {
  width: 730px;
  padding: 0px 0px 0px 30px;
  }

div.ctm-new, div.ctm-chg, div.ctm-ccl, div.ctm-ccl2 {
  clear: both;
  width: 590px;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 155px;
  }
div.ctm-new { background: #fff url(../images/icn_ctm_new.gif) no-repeat left top; }
div.ctm-chg { background: #fff url(../images/icn_ctm_chg.gif) no-repeat left top; }
div.ctm-ccl { background: #fff url(../images/icn_ctm_ccl.gif) no-repeat left top; }
div.ctm-ccl2 { background: #fff url(../images/icn_ctm_ccl2.gif) no-repeat left top; }
div.ctm-new ul.list02, div.ctm-chg ul.list02, div.ctm-ccl ul.list02, div.ctm-ccl2 ul.list02 {
  width: 540px;
  padding: 0px 0px 0px 0px;
  }
div.ctm-new ul.list04, div.ctm-chg ul.list04, div.ctm-ccl ul.list04, div.ctm-ccl2 ul.list04 {
  width: 500px;
  padding: 0px 0px 0px 0px;
  }

div.box-left {
  float: left;
  width: 360px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  background-color: #fff;
  }
div.box-right {
  float: right;
  width: 360px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  background-color: #fff;
  }

div.box-IA {
  width: 674px;
  margin: 0px 0px 10px 50px;
  padding: 10px 12px 10px 12px;
  border: 1px solid #032A6B;
  }
div.box-IA p {
  width: 96%;
  }
	
/* 2009.07.06 ipadd */	
div.box-ipadd{
  width: 300px;
  margin: 0px 0px 10px 25px;
  padding: 10px 12px 10px 12px;
  border: 1px solid #032A6B;
  }


/* List : UL
----------------------------------------------- */
ul.list01 {
  margin: 0px 0px 0px 15px;
  padding: 5px 0px 15px 0px;
  }
ul.list01-dot {
  margin: 0px 0px 0px 15px;
  padding: 5px 0px 5px 0px;
  }  
ul.list02 {
  margin: 0px 40px 0px 40px;
  padding: 5px 0px 5px 0px;
  }
ul.list03 {
  width: 680px;
  margin: 0px 0px 10px 40px;
  padding: 5px 0px 5px 5px;
  background: #fff url(../images/dot01.gif) repeat-x left bottom;
  }
ul.list04 {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 2px 0px;
  }
ul.list05 {
  margin: 0px 10px 0px 50px;
  padding: 3px 50px 15px 0px;
  }
ul.list06 {
  margin: 0px 10px 0px 30px;
  padding: 5px 0px 15px 0px;
  }
ul.list07 {
  margin: 0px 0px 0px 400px;
  padding: 5px 0px 15px 0px;
  }
ul.list08 {
  margin: 0px 20px 0px 60px;
  padding: 5px 0px 5px 0px;
  }
ul.list09 {
  margin: 0px 10px 0px 70px;
  padding: 5px 0px 5px 0px;
  }
/* 2009.0227 */
ul.list10-dot {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  }
/* 2010.11.15 */
ul.table-list {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  }
ul.table-list li {
  margin: 0px;
  padding: 0px 0px 2px 10px;
  list-style: none;
  background: url(../images/hd02.gif) no-repeat left top;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}

ul.list01 li, ul.list01-dot li, ul.list02 li, ul.list03 li, ul.list04 li, ul.list05 li, ul.list06 li, ul.list07 li, ul.list08 li, ul.list09 li, ul.list10-dot li{
  width: 100%;
  margin: 2px 0px 1px 0px;
  padding: 0px 0px 2px 20px;
  line-height: 140%;
  list-style: none;
  background: #fff url(../images/arr02.gif) no-repeat left top;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
  }
ul.list04 li {
  background: #fff url(../images/list.gif) no-repeat left top;
  }
ul.list04 li.end {
  background: #fff url(../images/list_end.gif) no-repeat left top;
  }
ul.list05 li, ul.list09 li, ul.list01-dot li,ul.list10-dot li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  background: #fff url(../images/hd02.gif) no-repeat left top;
  }
ul li, dt, dd, img {
  vertical-align: middle;
  }
div.box-IA ul.list05 {
  margin: 0px 0px 0px 0px;
  }
/* 2008.02.06 add */
div.box-IA ul.list01 li{
	width: auto!important;
}
/* 2008.02.06 add end */




/* List : OL
----------------------------------------------- */
ol.list01 {
  margin: 0px 10px 0px 45px;
  padding: 5px 30px 5px 0px;
  }
ol.list02 {
  margin: 0px 10px 0px 70px;
  padding: 5px 0px 5px 0px;
  }
ol.list03 {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 5px 0px;
  }
ol.list01 li, ol.list02 li , ol.list03 li {
  margin: 2px 0px 1px 10px;
  padding: 0px 0px 2px 0px;
  line-height: 140%;
  list-style-type: decimal;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
  }

ol.list04 {
  margin: 0px 10px 0px 45px;
  padding: 5px 30px 5px 0px;
	line-height: 200%;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}


/* Sub Title 01
----------------------------------------------- */
.bg-IA-g, .bg-IVPN-g, .bg-SS-g, .bg-MI-g, .bg-DG-g, .bg-ITR-g, .bg-HS-g, .bg-IA-g-ss, .bg-IVPN-g-ss, .bg-SS-g-ss, .bg-HS-g-ss, .bg-MI-g-ss, .bg-DG-g-ss, .bg-ITR-g-ss {
  position: relative;
  width: 760px;
  height: 48px;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 100%;
  color: #77848D;
  }
.bg-IA-g-ss, .bg-IVPN-g-ss, .bg-SS-g-ss, .bg-HS-g-ss, .bg-MI-g-ss, .bg-DG-g-ss, .bg-ITR-g-ss {
  width: 606px;
  height: 38px;
  }
.bg-IA-g strong, .bg-IVPN-g strong, .bg-SS-g strong, .bg-MI-g strong, .bg-DG-g strong, .bg-ITR-g strong, .bg-HS-g strong {
  position: absolute;
/*  top: 18px;*/
  top: 15px;
  left: 50px;
  line-height: 1.2em;
  }
.bg-IA-g-ss strong, .bg-IVPN-g-ss strong, .bg-SS-g-ss strong, .bg-HS-g-ss strong, .bg-MI-g-ss strong, .bg-DG-g-ss strong, .bg-ITR-g-ss strong {
  position: absolute;
/*  top: 13px;*/
  top: 10px;
  left: 50px;
  line-height: 1.2em;
  }
.bg-IA-g { background: #fff url(../images/bg_IA_g.gif) no-repeat left center; }
.bg-IVPN-g { background: #fff url(../images/bg_IVPN_g.gif) no-repeat left center; }
.bg-SS-g { background: #fff url(../images/bg_SS_g.gif) no-repeat left center; }
.bg-HS-g { background: #fff url(../images/bg_HS_g.gif) no-repeat left center; }
.bg-MI-g { background: #fff url(../images/bg_MI_g.gif) no-repeat left center; }
.bg-DG-g { background: #fff url(../images/bg_DG_g.gif) no-repeat left center; }
.bg-ITR-g { background: #fff url(../images/bg_ITR_g.gif) no-repeat left center; }


.bg-IA-g-ss { background: #fff url(../images/bg_IA_g_ss.gif) no-repeat left center; }
.bg-IVPN-g-ss { background: #fff url(../images/bg_IVPN_g_ss.gif) no-repeat left center; }
.bg-SS-g-ss { background: #fff url(../images/bg_SS_g_ss.gif) no-repeat left center; }
.bg-HS-g-ss { background: #fff url(../images/bg_HS_g_ss.gif) no-repeat left center; }
.bg-MI-g-ss { background: #fff url(../images/bg_MI_g_ss.gif) no-repeat left center; }
.bg-DG-g-ss { background: #fff url(../images/bg_DG_g_ss.gif) no-repeat left center; }
.bg-ITR-g-ss { background: #fff url(../images/bg_ITR_g_ss.gif) no-repeat left center; }


/* Sub Title 02
----------------------------------------------- */
.bg-red {
  clear: both;
  position: relative;
  width: 707px;
  height: 55px;
  margin: 3px 0px 2px 23px;
  padding: 10px 0px 0px 0px;
  line-height: 100%;
  color: #666;
  background: #fff url(../images/bg_red.gif) no-repeat left center;
  }
.bg-red strong {
  position: absolute;
  top: 18px;
  left: 60px;
  padding: 8px 0px 3px 0px;
  }


/* Sub Title 03
----------------------------------------------- */
.stit00, .stit00-1, .stit00-2, .stit00-1-cryp {
  clear: both;
  width: 740px;
  margin: 10px 0px 5px 5px;
  padding: 5px 0px 3px 20px;
  line-height: 100%;
  color: #666;
  background: #fff url(../images/bg_stit00.gif) no-repeat left center;
  }
.stit00-1 {
  float: left;
  width: 190px;
  margin: 8px 0px 8px 5px;
  }
  
.stit00-1-cryp {
  float: left;
  width: 350px;
  margin: 8px 0px 8px 5px;
  }
  
  
/* 2008.01.17 add */
.stit00-1L {
  float: left;
  margin: 8px 0px 8px 5px;
  padding: 5px 0px 3px 20px;
  line-height: 100%;
  color: #666;
  background: #fff url(../images/bg_stit00.gif) no-repeat left center;
  }
.stit00-1LB {
  margin: 8px 0px 8px 5px;
  padding: 5px 0px 3px 20px;
  line-height: 100%;
  color: #666;
  font-weight: bold;
  background: #fff url(../images/bg_stit01.gif) no-repeat left center;
  }
.stit00-2 {
  width: 700px;
  margin: 20px 0px 5px 40px;
  }
.stit01 {
  margin: 0px 0px 5px 40px;
  padding: 2px 0px 2px 0px;
  color: #75828A;
  }
.stit02 {
  margin: 0px 0px 10px 30px;
  padding: 10px 0px 3px 0px;
  color: #032A6B;
  background: #fff url(../images/dot01.gif) repeat-x left bottom;
  }
.stit03 {
  width: 680px;
  margin: 0px 0px 5px 40px;
  padding: 2px 0px 2px 0px;
  color: #75828A;
  background: #fff url(../images/dot01.gif) repeat-x left bottom;
  }
.stit04 {
  margin: 0px 0px 5px 50px;
  padding: 2px 0px 2px 0px;
  color: #032A6B;
  }
.stit05 {
  margin: 0px 0px 0px 30px;
  padding: 2px 0px 2px 0px;
  color: #032A6B;
  }
/* 2009.07 ipadd */
h2.stit06 {
  clear: both;
  width: 740px;
  margin: 10px 0px 5px 5px;
  padding: 5px 0px 3px 20px;
  line-height: 100%;
	font-size:110%;
  color: #666;
  background: #fff url(../images/bg_stit00.gif) no-repeat left center;
  }
h3.stit07 {
  margin: 10px 0px 5px 20px;
  padding: 2px 0px 2px 0px;
  color: #032A6B;
	font-size:110%;
  background: #fff url(../images/dot01.gif) repeat-x left bottom;
  }
h4.stit08 {
  margin: 10px 0px 5px 30px;
  padding: 2px 0px 2px 8px;
  color: #032A6B;
	border-left: 3px solid #032A6B;
	font-size:110%;
  }
h5.stit09 {
  margin: 10px 0px 0px 30px;
  padding: 2px 0px 0px 8px;
  color: #333;
	font-size:110%;
  }
/* Sub Title 04
----------------------------------------------- */
.hd-IA, .hd-IVPN, .hd-SS, .hd-DG, .hd-ITR, .hd-MI,.hd-HS {
  width: 100%;
  margin: 10px 0px 0px 10px;
  padding: 2px 0px 2px 15px;
  line-height: 140%;
  color: #666;
  }
.hd-IA {
  border-left: 4px solid #022D64;
  }
.hd-IVPN {
  border-left: 4px solid #E42D43;
  }
.hd-SS {
  border-left: 4px solid #4B940E;
  }
.hd-DG {
  border-left: 4px solid #047967;
  }
.hd-ITR {
  border-left: 4px solid #D1282B;
  }
.hd-HS {
  border-left: 4px solid #F60;
  }



/* Table
----------------------------------------------- */
table.news, table.release {
  width: 700px;
  margin: 10px 0px 20px 20px;
  empty-cells: show;
  border-collapse: collapse;
  }
table.news td, table.release td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 4px 0px;
  background-color: #fff;
  vertical-align: top;
  }
table.news td p, table.release td p {
  line-height: 130%;
  color: #333;
  }
table.news td.date, table.release td.date {
/*  width: 130px;*/
	width: 12em;
  }
table.news td.date p, table.release td.date p {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 18px;
  background: url(../images/arr02.gif) no-repeat left center;
  }
table.release td p {
  color: #666;
  font-weight: bold;
  }

table.download {
  width: 350px;
  margin: 20px 0px 20px 200px;
  padding: 0px 0px 0px 0px;
  empty-cells: show;
  border-collapse: collapse;
  }
table.download td {
  margin: 0px 0px 0px 0px;
  padding: 4px 4px 4px 0px;
  background-color: #fff;
  }
table.download td p {
  color: #333;
  }
table.download td input.dwl {
  width: 150px;
  height: 18px;
  padding: 1px 1px 1px 1px;
  margin: 0px 2px 0px 0px;
  font-size: 12px;
  color: #333;
  border: 1px solid #ccc;
  }
table.download td div.bt-submit {
  text-align: center;
  }
table.download td div.bt-submit input {
  width: 80px;
  margin: 4px 4px 4px 4px;
  padding: 1px 1px 1px 1px;
  font-size: 10px;
  }

/* 2007.12.12 add TD要素外に出したときのボタン整形 start */
div.bt-submit input {
  width: 80px;
  margin: 4px 4px 4px 4px;
  padding: 1px 1px 1px 1px;
  font-size: 10px;
}
/* 2007.12.12 add TD要素外に出したときのボタン整形 end */

table.appli {
  width: 740px;
  margin: 10px 0px 10px 20px;
  empty-cells: show;
  border-collapse: collapse;
/*  table-layout: fixed;*/			/* 2008.01.04　fix layout削除 */
  }
table.appli td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #fff;
  border: 1px solid #00276D;
  }
table.appli td.thead {
  background-color: #F3F3F3;
  }

/* 2008.01.23 add */
table.appli td.thead02 {
  background-color: #F3F3F3;
  }
table.appli td.thead02 p {
  text-align: left;
  padding: 6px 6px 6px 6px;
  }
/* 2008.01.23 add-end */

table.appli td.shead {
  background-color: #E1E5EE;
  }


table.appli td.tdata01, table.appli td.tdata02 {
  background-color: #FEFEE4;
  }
table.appli td p {
  padding: 6px 6px 6px 6px;
  color: #333;
  text-align: center;
  }
/* 2007.12.12 add 見出し要素左寄せ start */
table.appli td.shead02 {
  background-color: #E1E5EE;
}
table.appli td.shead02 p {
  text-align: left;
  padding: 6px 6px 6px 6px;
  }
/* 2007.12.12 add 見出し要素左寄せ end */

table.appli td.tdata02 p {
  text-align: left;
  }

/* 2007.12.21 tableレイアウト追加 start */
table.appliNF {
  width: 690px;
  margin: 10px 0px 10px 20px;
  empty-cells: show;
  border-collapse: collapse;
  table-layout: auto;
  }
table.appliNF td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #fff;
  border: 1px solid #00276D;
  }
table.appliNF td.thead {
  background-color: #F3F3F3;
  }
table.appliNF td.shead {
  background-color: #E1E5EE;
  }


table.appliNF td.tdata01, table.appliNF td.tdata02 {
  background-color: #FEFEE4;
  }
table.appliNF td p {
  padding: 6px 6px 6px 6px;
  color: #333;
  text-align: center;
  }
table.appliNF td.shead02 {
  background-color: #E1E5EE;
}
table.appliNF td.shead02 p {
  text-align: left;
  padding: 6px 6px 6px 6px;
  }
table.appliNF td.tdata02 p {
  text-align: left;
  }
/* 2007.12.21 tableレイアウト追加 end */


/* 2008.10.24 tableレイアウト追加 start */
table.appliNF td.tdata03 p {
	padding: 6px;
	color: #333;
	text-align: left;
}

table.appliNF td.borderB {
	border-bottom: none;
}

table.appliNF td.borderT {
	border-top: none;
}

table.appliNF p.border {
	background: url(../images/dot01.gif) repeat-x left top;
}
/* 2008.10.24 tableレイアウト追加 end */


/* FAQ
----------------------------------------------- */
dl.faq {
  clear: both;
  display: block;
  width: 720px;
  margin: 0px 0px 0px 40px;
  padding: 8px 6px 4px 0px;
  color: #333;
  }
dt.question {
  display: block;
  width: 700px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 6px 0px;
  background: #fff url(../images/dot01.gif) repeat-x left bottom;
  }
dt.question p.st01 {
  width: 100%;
  padding: 0px 0px 2px 20px;
  background: #fff url(../images/icn_question.gif) no-repeat left top;
  }
dd.answer {
  display: block;
  width: 660px;
  margin: 10px 0px 0px 20px;
  padding: 0px 0px 6px 0px;
  line-height: 140%;
  }
dd.answer p.st01 {
  width: 100%;
  padding: 0px 0px 2px 20px;
  background: #fff url(../images/icn_answer.gif) no-repeat left top;
  }
  
/* 2008.01.17 add */
dd.answer p.st02 {
  width: 100%;
  padding: 0px 0px 2px 20px!important;
  }
	
/* 2009.03.10 add */
dl.deta {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"

  }	
	
/* 2009.05.11 バリデータエラー解消対応 */
dt.question-1 {
  display: block;
  width: 700px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 20px;
  border-bottom: 1px dotted #999;
  background: #fff url(../images/icn_question.gif) no-repeat left top;
  }

/* リリースノートバックナンバー		2008.01.07 add
----------------------------------------------- */
.newsBackNumber{
	text-align: right;
}
.newsBackNumber a{
	padding: 0px 30px 0px 18px;
	background: url(../images/arr02.gif) no-repeat left center;
}



/* 2008.04.10 add
----------------------------------------------- */
/* color */
.colorBlue{
	color: #032A6B;
}
.yellowBlock{
	display: block;		/* けしてはだめ。 */
	background-color:#fffcb8;
	padding:5px;
	width: 500px;
}
.fcGray{
color: #666;
}
.bitdriveGreen{
color: #007B69;
}
.sonyBlue{
color: #002B69;
}
.energyRed{
color: #C7161D;
}

/* FAQページにリンク用で矢印画像を入れるためのもの */

dd.answer ul.faqLinkArrow {
	margin: 0px 0 5px 0;
	padding: 0px 0px 5px 20px;
	list-style-type: none;
}

dd.answer ul.faqLinkArrow li {
	padding: 0 0 0 18px;
	background: url(../images/arr02.gif) no-repeat;
}

dd.answer p.st01 {
	margin-bottom: 1em;
}

dd.answer p.st02 {
	margin: 1em 0px;
}




/* 2008.06.20 added */
/* お知らせ詳細ページ＆リリースノート
-------------------------------------*/

.infoDate {
	clear: both;
	width: 750px;
	padding: 5px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
}

.info-ttl-box {
	width: 760px;
	margin-top: 5px;
}

.info-ttl-box img {
	float: left;
	margin: 6px 0px 0px 10px;
}

.stit02-info {
	float: right;
	width: 730px;
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 3px 1px;
	color: #032A6B;
	font-weight: bold;
	background: #fff url(../images/dot01.gif) repeat-x left bottom;
}

.info-content {
	margin: 10px 10px 20px 30px;
	line-height: 150%;
}

.info-content p {
	margin: 1em 0px;
}

.info-content .subttl {
	color: #032A6B;
	font-weight: bold;
}

.info-content ul.list01 {
  margin: 0px 0px 0px 15px;
  padding: 5px 0px 0px 0px;
}

.info-content ul.list01-dot {
  margin: 0px 0px 0px 15px;
  padding: 5px 0px 0px 0px;
} 

.info-content ul.list05 {
  margin: 0px 0px 0px 50px;
  padding: 5px 0px 0px 0px;
}

.info-content table.info {
  margin: 10px 0px 10px 20px;
  empty-cells: show;
  border-collapse: collapse;
/*  table-layout: fixed;*/			/* 2008.01.04　fix layout削除 */
}

.info-content table.info td {
  padding: 3px 5px;
  background-color: #fff;
  border: 1px solid #00276D;
}

.info-content table.info td.thead {
  background-color: #F3F3F3;
  text-align: center;
}

.info-content table.info td.tdata {
  background-color: #FEFEE4;
}

/* 2008.07.01 added */
/* bit-drive インフォ
-------------------------------------*/
.boxType01 {
	width: 760px;
	background: url(/support/common/images/boxtype01_head_bg_long.gif) no-repeat left top;
}

.boxType01 .bgWrap {
	padding: 13px;
	background: url(/support/common/images/boxtype01_foot_bg_long.gif) no-repeat left bottom;
}

.bgWrap .pb15 {
	padding-bottom: 15px;
}

.bgWrap p {
	line-height: 150%;
}


/* 2008.07.11 added */
/* お知らせ一覧 テーブル解除
-------------------------------------*/

#info-list dl {
	clear: both;
	width: 730px;
	margin: 0px 10px 5px 20px;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}

#info-list dt {
	float: left;
	width: 10em;
	margin: 0;
	padding-left: 20px;
	line-height: 140%;
	background: #fff url(/support/common/images/arr02.gif) no-repeat left top;
}

#info-list dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 7px 12em;
	padding: 0;
	line-height: 140%;
}


/* 新DG 対応
-------------------------------------*/
.hd-MI {
  width: 100%;
  margin: 10px 0px 0px 10px;
  padding: 2px 0px 2px 15px;
  line-height: 140%;
  color: #666;
  }
  
.hd-MI {
  border-left: 4px solid #313131;
  }


/* 新DG 対応-CRYP
----------------------------------------------- */
.cryp-v2 {
	clear: both;
	padding: 20px 0px 0px 5px;
}
.cryp-v2 a {
	padding-left: 18px;
	background: url(../images/arr02.gif) no-repeat left center;
	font-weight: bold;
	text-decoration: underline;
}

.cryp-v2 a:hover {
	text-decoration: none;
}


/* リリースノート（マネージドイントラネット、PRA PLUS）
----------------------------------------------- */
.dl_release_data{
margin-left:15px;
}

.dt_release_data{
	float: left;
	width: 115px;
	color: #666;
}

.dd_managed-intranet{
	margin: 0px 0px 0px 115px;
	width:600px;
}


/* ホスティング
----------------------------------------------- */
.hosting-box{
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
}

dl .hosting-basic{
margin-left:20px;
}

.hosting dt{
	float: left;
	width: 50px;
	line-height:200%;
}

.hosting dd{
	margin: 0px 0px 0px 50px;
	line-height:200%;
}




/* 2009.07.31 added */
/* Blank Window
-------------------------------------*/
.icoBlank{
	padding-right: 20px;
	background: url(/common/images/ico_blank.jpg) no-repeat right center;
}

/* Margin & padding
-------------------------------------*/

/* Margin */
.m0{
	margin: 0!important;
}

.m5{
	margin: 5px!important;
}

.m10{
	margin: 10px!important;
}

.m20{
	margin: 20px!important;
}


.mt0{
	margin-top: 0!important;
}

.mt5{
	margin-top: 5px!important;
}

.mt10{
	margin-top: 10px!important;
}

.mt15{
	margin-top: 10px!important;
}

.mt20{
	margin-top: 20px!important;
}

.mt25{
	margin-top: 25px!important;
}

.mt30{
	margin-top: 30px!important;
}

.mr5{
	margin-Right: 5px!important;
}

.mr10{
	margin-Right: 10px!important;
}

.mr20{
	margin-Right: 20px!important;
}

.mb0{
	margin-bottom: 0!important;
}

.mb5{
	margin-bottom: 5px!important;
}

.mb10{
	margin-bottom: 10px!important;
}

.mb15{
	margin-bottom: 15px!important;
}

.mb20{
	margin-bottom: 20px!important;
}

.mb25{
	margin-bottom: 25px!important;
}

.mb30{
	margin-bottom: 30px!important;
}

.ml5{
	margin-left: 5px!important;
}

.ml10{
	margin-left: 10px!important;
}

.ml15 {
	margin-left: 15px!important;
}

.ml20{
	margin-left: 20px!important;
}

/* Padding */
.p0{
	padding: 0px!important;
}

.p5{
	padding: 5px!important;
}

.p10{
	padding: 10px!important;
}

.p20{
	padding: 20px!important;
}


.pt0{
	padding-top: 0px!important;
}

.pt5{
	padding-top: 5px!important;
}

.pt10{
	padding-top: 10px!important;
}

.pt15{
	padding-top: 15px!important;
}

.pt20{
	padding-top: 20px!important;
}

.pt25{
	padding-top: 25px!important;
}

.pt30{
	padding-top: 20px!important;
}

.pr0{
	padding-right: 0px!important;
}

.pr5{
	padding-right: 5px!important;
}

.pr10{
	padding-right: 10px!important;
}

.pr20{
	padding-right: 20px!important;
}

.pb0{
	padding-bottom: 0px!important;
}

.pb5{
	padding-bottom: 5px!important;
}

.pb10{
	padding-bottom: 10px!important;
}

.pb15{
	padding-bottom: 15px!important;
}

.pb20{
	padding-bottom: 20px!important;
}

.pb25{
	padding-bottom: 25px!important;
}

.pb30{
	padding-bottom: 30px!important;
}

.pl0{
	padding-left: 0px!important;
}

.pl5{
	padding-left: 5px!important;
}

.pl10{
	padding-left: 10px!important;
}

.pl20{
	padding-left: 20px!important;
}


/* Float
-------------------------------------*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

/* color */
.fcGray{
	color: #666;
}

.bitdriveGreen{
	color: #007B69;
}

.sonyBlue{
	color: #002B69;
}

.energyRed{
	color: #C7161D;
}


/*== Include ============================================================*/

/* 緊急のお知らせ（全ページ共通）
-------------------------------------*/

#emergencyInfo{
	margin: 10px auto 20px auto;
	width: 760px;
	background: url(/support/common/images/boxtype01_head_bg_long.gif) no-repeat left top;
}

#emergencyInfo .bgWrap{
	padding: 13px 13px 16px 13px;
	background: url(/support/common/images/boxtype01_foot_bg_long.gif) no-repeat left bottom;
}

#emergencyInfo .ttl{
	margin-bottom: 10px;
	padding: 0 5px 6px 5px;
	background: url(/support/common/images/linetype02.gif) repeat-x left bottom;
}

#emergencyInfo .ttl p{
	padding-left: 7px;
	color: #666666;
	font-weight: bold;
	border-left: 4px solid #C7161D;
}

#emergencyInfo .header{
	color: #666;
	margin: 0 10px;
}

#emergencyInfo .header .title{
	float: left;
	font-weight:normal;
	width: 60%;
}

#emergencyInfo .header .webupDate{
	float: right;
	text-align: right;
	width: 30%;
}

#emergencyInfo .clear{
	border-bottom: 1px dotted #666;
	border-left: medium none;
	border-right: medium none;
	clear: both;
	margin: 0 5px;
}

#emergencyInfo .txt{
	color: #339966;
	margin: 10px 10px 0;
}

/* 2010.07.29  */
/* お知らせ（全ページ共通）
-------------------------------------*/
#information_all{
	margin: 10px auto 40px auto;
	width: 760px;
}

#information_all ul{
	margin-left:-40px;
}

#information_all li{
	margin-left:20px;
	padding-left:10px;
	float: left;
	list-style-type: none;
	background: url(/common/images/arrow01.gif) no-repeat left center;
}

#information_all .new {
	color: #CC0000;
	font-weight:bold;
	font-size:90%;
}


#information_all a {
	font-family: none;/* for mac */
	text-decoration: none;
}

#information_all a:link {
	color: #549389;
	text-decoration: none;
}

#information_all a:visited {
	color: #549389;
	text-decoration: none;
}

#information_all a:hover {
	color: #549389;
	text-decoration: underline;
}

#information_all a:active {
	color: #549389;
	text-decoration: underline;
}