@charset "utf-8";

/*
 ********************************
 *
 * Base(Common) CSS
 *
 * CSS Setting START
 * for digital-packet.com
 * original - 00            S.Takikawa
 * revision - 01 2006.11.24 S.Takikawa
 * revision - 02 2007.08.18 S.Takikawa
 *
 ********************************
*/
html {
  margin: 0px;
  padding: 0px;
  font-family: 'Meiryo', "Hiragino Kaku Gothic Pro", "MS UI Gothic", "MS P Gothic", 'メイリオ', "ヒラギノ角ゴ Pro W3", 'ＭＳ Ｐゴシック', Osaka, Arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #535754;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #EEE9E1;
  background-image: url(../../cimg/background.gif);
  background-repeat: repeat-y;
  background-position: center top;
  font-family: 'Meiryo', 'メイリオ', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'ＭＳ Ｐゴシック', "MS UI Gothic", "MS P Gothic", Osaka, Arial, helvetica, sans-serif;
  /* */
  /*
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "MS UI Gothic",'ＭＳ Ｐゴシック', 'Osaka';
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Osaka, helvetica, sans-serif;
  font-family: "MS UI Gothic","MS P Gothic", Osaka, Arial, helvetica, sans-serif;
  */
  /* */
  font-size: 9pt;
  color: #535754;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
}

input, textarea, select, option {
  font-size: 9pt;
  font-family: 'Meiryo', 'メイリオ', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'ＭＳ Ｐゴシック', "MS UI Gothic", "MS P Gothic", Osaka, Arial, helvetica, sans-serif;
}

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

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

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

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

form {
  margin: 0px;
  padding: 0px;
}

img { border-width:0px; }

p, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-size: 9pt;
  font-style: normal;
  line-height: 140%;
  font-weight: normal;
}


/*
 ********************************
   Circle Box CSS Setting.
 ********************************
*/
/* Default Box */
.boxDef {
  padding:0 15px 0 0;
  background: #FCFBFA url(../../cimg/box_def_img_border.gif) 100% 0 repeat-y;
  clear: both;
}

.boxDef .bi {
  padding:0 0 0 15px;
  background: #FCFBFA url(../../cimg/box_def_img_border.gif) 0 0 repeat-y;
}

.boxDef .bt {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_def_img.gif) 100% 0 no-repeat;
}

.boxDef .bt div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_def_img.gif) 0 0 no-repeat;
}

.boxDef .bb {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_def_img.gif) 100% 100% no-repeat;
}

.boxDef .bb div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_def_img.gif) 0 100% no-repeat;
}

.boxDef .boxContent {
  padding:5px;
  margin: 0px;
  background-color: #FCFBFA;
}

/* Sup Box */
.boxSup {
  padding:0 15px 0 0;
  background: #FCFBFA url(../../cimg/box_sup_img_border.gif) 100% 0 repeat-y;
  clear: both;
}

.boxSup .bi {
  padding:0 0 0 15px;
  background: #FCFBFA url(../../cimg/box_sup_img_border.gif) 0 0 repeat-y;
}

.boxSup .bt {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_sup_img.gif) 100% 0 no-repeat;
}

.boxSup .bt div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_sup_img.gif) 0 0 no-repeat;
}

.boxSup .bb {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_sup_img.gif) 100% 100% no-repeat;
}

.boxSup .bb div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_sup_img.gif) 0 100% no-repeat;
}

.boxSup .boxContent {
  padding:5px;
  margin: 0px;
  background-color: #FCFBFA;
}

/* Notice Box */
.boxNotice {
  padding:0 15px 0 0;
  background: #FCFBFA url(../../cimg/box_notice_img_border.gif) 100% 0 repeat-y;
  clear: both;
}

.boxNotice .bi {
  padding:0 0 0 15px;
  background: #FCFBFA url(../../cimg/box_notice_img_border.gif) 0 0 repeat-y;
}

.boxNotice .bt {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_notice_img.gif) 100% 0 no-repeat;
}

.boxNotice .bt div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_notice_img.gif) 0 0 no-repeat;
}

.boxNotice .bb {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_notice_img.gif) 100% 100% no-repeat;
}

.boxNotice .bb div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_notice_img.gif) 0 100% no-repeat;
}

.boxNotice .boxContent {
  padding:5px;
  margin: 0px;
  background-color: #FCFBFA;
}

/* type1 Box */
.boxType1 {
  padding:0 15px 0 0;
  background: #FCFBFA url(../../cimg/box_type1_img_border.gif) 100% 0 repeat-y;
  clear: both;
}

.boxType1 .bi {
  padding:0 0 0 15px;
  background: #FCFBFA url(../../cimg/box_type1_img_border.gif) 0 0 repeat-y;
}

.boxType1 .bt {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_type1_img.gif) 100% 0 no-repeat;
}

.boxType1 .bt div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_type1_img.gif) 0 0 no-repeat;
}

.boxType1 .bb {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_type1_img.gif) 100% 100% no-repeat;
}

.boxType1 .bb div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_type1_img.gif) 0 100% no-repeat;
}

.boxType1 .boxContent {
  padding:5px;
  margin: 0px;
  background-color: #FCFBFA;
}

/* type2 Box */
.boxType2 {
  padding:0 15px 0 0;
  background: #FCFBFA url(../../cimg/box_type2_img_border.gif) 100% 0 repeat-y;
  clear: both;
}

.boxType2 .bi {
  padding:0 0 0 15px;
  background: #FCFBFA url(../../cimg/box_type2_img_border.gif) 0 0 repeat-y;
}

.boxType2 .bt {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_type2_img.gif) 100% 0 no-repeat;
}

.boxType2 .bt div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_type2_img.gif) 0 0 no-repeat;
}

.boxType2 .bb {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_type2_img.gif) 100% 100% no-repeat;
}

.boxType2 .bb div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_type2_img.gif) 0 100% no-repeat;
}

.boxType2 .boxContent {
  padding:5px;
  margin: 0px;
  background-color: #FCFBFA;
}

/* type3 Box */
.boxType3 {
  padding:0 15px 0 0;
  background: #FCFBFA url(../../cimg/box_type3_img_border.gif) 100% 0 repeat-y;
  clear: both;
}

.boxType3 .bi {
  padding:0 0 0 15px;
  background: #FCFBFA url(../../cimg/box_type3_img_border.gif) 0 0 repeat-y;
}

.boxType3 .bt {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_type3_img.gif) 100% 0 no-repeat;
}

.boxType3 .bt div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_type3_img.gif) 0 0 no-repeat;
}

.boxType3 .bb {
  height: 15px;
  margin: 0 -15px;
  background: url(../../cimg/box_type3_img.gif) 100% 100% no-repeat;
}

.boxType3 .bb div {
  width: 15px;
  height: 15px;
  background: url(../../cimg/box_type3_img.gif) 0 100% no-repeat;
}

.boxType3 .boxContent {
  padding: 5px;
  margin: 0px;
  background-color: #FCFBFA;
}

/* 2 Row Area */
.t2RowArea {
  width: 100%;
  margin: 0px;
  padding: 0px;
  clear: both;
}

.t2RowArea-in-L {
  width: 50%;
  float: left;
}

.t2RowArea-in-R {
  width: 50%;
  float: right;
}

/* 3 Row Area */
.t3RowArea {
  width: 100%;
  margin: 0px;
  padding: 0px;
  clear: both;
}

.t3RowArea-in-L {
  width: 33%;
  float: left;
}

.t3RowArea-in-C {
  width: 33%;
  float: left;
}

.t3RowArea-in-R {
  width: 33%;
  float: left;
}

/*
 ********************************
 *
 * CSS Setting END
 *
 ********************************
*/