@import url("menu.css");
@import url("print.css");

@media screen
{
  #main
  {
    /*	width:100%;*/
    width: 800px;
    min-width: 800px;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 0;
    border-style: solid;
    border-color: #fff #eee #aeaeae #aeaeae;
    border-width: 0px 1px 1px 0px;
    text-align: left;
  }
}

BODY
{
  padding-right: 0px;
  padding-left: 0px;
  font-size: 80%;
  padding-bottom: 0px;
  margin: 0px;
  color: #333333;
  line-height: 1.4;
  padding-top: 0px;
  font-family: 'Lucida Grande' , 'Hiragino Kaku Gothic ProN' , Meiryo, sans-serif;
  background-color: #f4f4f4;
  min-height: 800px;
	letter-spacing: 0.5px;
}

#content
{
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  min-height: 500px;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 100%;
  line-height: 150%;
  font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
}

.caption
{
  background-image: url(background/back_navititle.gif);
  background-repeat: repeat-x;
  height: 50px;
  border-bottom: 1px solid #aeaeae;
  padding-left: 10px;
  font-size: 130%;
  font-weight: bold;
  line-height: 50px; /*	vertical-align:top;*/
}

.caption b
{
  padding-left: 10px;
}

.header_underline
{
  border-top: 5px solid #0a50a1;
}

.noscript
{
  border-top: 5px solid #0a50a1;
  min-height: 300px;
}

.noscript .message
{
  width: 600px;
  margin: 40px auto 40px auto;
  font-size: 120%;
}

/*************/
/* アンカー  */
/*************/
A.black
{
  font-size: 100%;
}

A.black:link
{
  color: #000000;
  text-decoration: none;
}

A.black:visited
{
  color: #000000;
  text-decoration: none;
}

A.black:active
{
  color: #000066;
  text-decoration: underline;
}

A.black:hover
{
  color: #000443;
  text-decoration: underline;
}

A.header
{
  font-size: 100%;
}

A.header:link
{
  color: #ffffff;
  text-decoration: none;
}

A.header:visited
{
  color: #ffffff;
  text-decoration: none;
}

A.header:active
{
  color: #ffff99;
  text-decoration: underline;
}

A.header:hover
{
  color: #fff667;
  text-decoration: underline;
}

A.white
{
  font-size: 100%;
}

A.white:link
{
  color: #ffffff;
  text-decoration: none;
}

A.white:visited
{
  color: #ffffff;
  text-decoration: none;
}

A.white:active
{
  color: #ffffff;
  text-decoration: underline;
}

A.white:hover
{
  color: #ffffff;
  text-decoration: underline;
}

A.qa
{
  font-size: 100%;
}

A.qa:link
{
  color: #000000;
  text-decoration: none;
}

A.qa:visited
{
  color: #000000;
  text-decoration: none;
}

A.qa:active
{
  color: #000066;
  text-decoration: underline;
}

A.qa:hover
{
  color: #ff0000;
  text-decoration: underline;
}

A.link
{
  font-size: 100%;
  font-weight: bold;
}

A.link:link
{
  color: #000000;
  text-decoration: none;
}

A.link:visited
{
  color: #000000;
  text-decoration: none;
}

A.link:active
{
  color: #ff0000;
  text-decoration: underline;
}

A.link:hover
{
  color: #ff0000;
  text-decoration: underline;
}

A.title
{
  font-size: 130%;
  font-weight: bold;
}

A.title:link
{
  color: #000000;
  text-decoration: none;
}

A.title:visited
{
  color: #000000;
  text-decoration: none;
}

A.title:active
{
  color: #ff0000;
  text-decoration: underline;
}

A.title:hover
{
  color: #ff0000;
  text-decoration: underline;
}

.back_lightblue40
{
  background-image: url(background/back_lightblue40.gif);
  background-repeat: repeat-x;
  border: solid 1px #9db0bc;
  padding: 8px;
}

.header
{
  width: 800px;
  height: 50px;
  background-color: #fff;
}

.pagetop
{
  background-color: #fff;
  text-align: right;
  margin-right: 15px;
  margin-bottom: 10px;
}

.linkmenu
{
  position: relative;
  display: inline-block;
  float: right;
  background-image: url(background/back_link.gif);
  background-repeat: repeat-x;
  text-align: center;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  border: 1px solid #cfcfcf;
}

.request
{
  position: relative;
  display: inline-block;
  float: right;
  background-image: url(background/back_on.gif);
  background-repeat: repeat-x;
  text-align: center;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  border: 1px solid #cfcfcf;
}

.linkmenu img, .linkpage img
{
  margin-top: -1px;
}

.complete
{
  background-color: #f5f5eb;
  border: 3px double #cc3333;
}

.fusen_orange
{
  position: relative;
  display: table-cell;
  background-image: url(background/fusen_orange.gif);
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 700px;
  height: 30px;
  font-size: 11pt;
  font-weight: bold;
  padding-left: 30px;
}

.fusen_red
{
  position: relative;
  display: table-cell;
  background-image: url(background/fusen_red.gif);
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 640px;
  height: 30px;
  font-size: 11pt;
  font-weight: bold;
  padding-left: 30px;
}

#main_flash
{
  background-image: url(background/flash_over.gif);
  background-repeat: no-repeat;
  min-height: 500px;
}

#main_flash .linkbutton
{
  float: right;
  width: 180px;
}

/*************/
/* テーブル  */
/*************/
TABLE
{
  font-size: 100%;
  font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
  color: #000000;
}

.default
{
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.footer
{
  width: 800px;
  background-color: #0a50a1;
  color: #ffffff;
  font-size: 11pt;
  padding: 3px;
}

.table_main
{
  border: 0;
  width: 800px;
  background-color: #FFFFFF;
  text-align: left;
}

.table_header
{
  border: 0;
  width: 800px;
  background-color: #FFFFFF;
  height: 50px;
}

.table_name
{
  /*	background-image: url(name_back.gif);*/
  background-color: #F5F5E0;
  text-align: center;
  width: 179px;
  height: 50px;
  color: #666666;
  font-size: 120%;
}

.table_submenu
{
  background-image: url(submenu_back.gif);
  background-color: #FFFFFF;
  width: 150px;
  height: 25px;
  font-size: 120%;
}

.table_submenu_none
{
  background-color: #FFFFFF;
  width: 150px;
  height: 25px;
  font-size: 120%;
}

.table_header
{
}

.header_menu
{
  border-right: solid 1px black;
}

.table_complete
{
  text-align: center;
  border: 4px double slategray;
  background-color: #f5f5eb;
}

.table_policy
{
  width: 700px;
  text-align: justify;
  text-justify: distribute;
}

.table_qa
{
  border: 0;
  width: 640px;
  text-align: justify;
  text-justify: distribute;
}

.login_title
{
  background-image: url(background/back_login.gif);
  background-repeat: repeat-x;
  text-align: right;
  font-weight: bold;
  color: #fff;
  border: 1px solid #1a5189;
}

.notice_table
{
  border-top: navy 1px solid;
}

.price_table
{
  border: 1px solid #02739c;
  border-width: 0px 0px 0px 1px;
}

/*************/
/* セル			 */
/*************/
TD.title
{
  background: #f4f4f2;
  color: #000000;
  text-align: right;
}

TD.cell_title
{
  background: #f4f4f2;
  color: #000000;
  text-align: right;
  border-right: #aeaeae 1px solid;
  border-left: #aeaeae 1px solid;
  border-bottom: #aeaeae 1px solid;
}

TD.cell_confirmtitle
{
  background: #f4f4f2;
  color: #000000;
  text-align: right;
  border-left: #aeaeae 1px solid;
  border-right: #aeaeae 1px solid;
  border-bottom: #aeaeae 1px solid;
}

TD.title_center
{
  background: #f4f4f2;
  color: #000000;
  text-align: center;
}

TD.title_gif
{
  background-image: url(title.gif);
  background-repeat: no-repeat;
  text-align: center;
}

TD.item
{
  background: #ffffff;
  color: #000000;
}

TD.cell_item
{
  color: #000000;
  border-right: #aeaeae 1px solid;
  border-bottom: #aeaeae 1px solid;
}

TD.cell_confirmitem
{
  color: #000000;
  background-color: #ffffff;
  border-right: #aeaeae 1px solid;
  border-bottom: #aeaeae 1px solid;
  text-align: left;
}

TD.title_notice
{
  background-image: url(title_back.gif);
  background-color: rgb(235,255,255);
  background-repeat: repeat-y;
}

TD.back_white30
{
  background-image: url(background/back_white30.gif);
  background-repeat: repeat-x;
  border: solid 1px #b3b3b3;
}

TD.back_white40
{
  background-image: url(background/back_white40.gif);
  background-repeat: repeat-x;
  border: solid 1px #b3b3b3;
}

TD.back_white50
{
  background-image: url(background/back_white50.gif);
  background-repeat: repeat-x;
  border: solid 1px #b3b3b3;
}

TD.back_gray40
{
  background-image: url(background/back_gray40.gif);
  background-repeat: repeat-x;
  border: solid 1px #adb9c2;
}

TD.back_lightblue40
{
  background-image: url(background/back_lightblue40.gif);
  background-repeat: repeat-x repeat-y;
  border: solid 1px #9db0bc;
}

.back_perple30
{
	background-color:#606c88;
	background: linear-gradient(#606c88, #404d6c);
  border: solid 1px #3a4766;
}

TD.back_navi
{
  background-image: url(background/back_navi.gif);
  background-repeat: repeat-x;
  height: 50px;
  width: 160px;
}

TD.back_navititle
{
  background-image: url(background/back_navititle.gif);
  background-repeat: repeat-x;
  height: 50px;
  width: 800px;
}

TR.back_tableheader
{
	background-color:#606c88;
	background: linear-gradient(#606c88, #404d6c);
  border: solid 1px #3a4766;
}

TD.notice_title
{
  background: AliceBlue;
  color: navy;
  text-align: center;
  width: 15%;
  border-right: navy 1px solid;
  border-left: navy 1px solid;
  border-bottom: navy 1px solid;
}

TD.notice_item
{
  background: #ffffff;
  color: #333333;
  width: 85%;
  padding-right: 20px;
  border-right: navy 1px solid;
  border-bottom: navy 1px solid;
}

TD.price_title
{
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #02739c;
  text-align: center;
}

TH.price_item
{
  border: 1px solid #02739c;
  border-width: 1px 1px 1px 0px;
  text-align: center;
}

TD.price_item
{
  border: 1px solid #02739c;
  border-width: 0px 1px 1px 0px;
  text-align: right;
}

TD.price_item_b
{
  border: 1px solid #02739c;
  border-width: 0px 1px 0px 0px;
  text-align: right;
}

.td_menu
{
  background-image: url(menu_back.gif);
  text-align: center;
  width: 110px;
  height: 30px;
  line-height: 15px;
}

.td_menu_company
{
  background-image: url(menu_back.gif);
  text-align: center; /*	width: 90px; */
  height: 25px;
}

.td_menu_on
{
  background-image: url(menu_on_back.gif);
  text-align: center;
  width: 100px;
  height: 25px;
}

.bar_left
{
  width: 150px;
  background-color: #FFFFFF;
}

/*************/
/* 文字 　　 */
/*************/
.text-logo
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 300%;
  font-style: italic;
  font-weight: bold;
}

.text-normal
{
  font-size: 100%;
  color: #001111;
  line-height: 1.4em;
}

.text-title
{
  font-size: 120%;
  font-weight: bold;
}

.text-notice
{
  font-size: 100%;
  font-weight: bold;
  color: #0000CC;
}

.text-big
{
  font-size: 120%;
}

.text-big2
{
  font-size: 110%;
}

.text-mini
{
  font-size: 80%;
}

.text-comment
{
  font-size: 100%;
  line-height: 150%;
}

.text-bold
{
  font-weight: bold;
}

.text-navy
{
  color: #0000CC;
}

.text-red
{
  color: red;
}

.text-yellow
{
  color: #FFFF00;
}

.text-green
{
  color: green;
}

.text-white
{
  color: white;
}

.text-blue
{
  color: #3300cc;
}

.text-orange
{
  color: #ff6600;
}

.text-height
{
  line-height: 150%;
}

.text-qa
{
  font-size: 110%;
  font-weight: bold;
  line-height: 150%;
}

.text-copyright
{
  font-size: 8pt;
  color: White;
}

.text-noticefont
{
  font-family: 'Lucida Grande' , 'Hiragino Kaku Gothic ProN' , Meiryo, sans-serif;
  letter-spacing: 0.05em;
  text-decoration: none;
  font-size: 11pt;
}

.text-just
{
  text-align: justify;
  text-justify: distribute;
}

.text-price
{
  font-size: 120%;
  font-weight: bold;
  color: #0000CC;
}

.text-zero
{
  font-size: 150%;
  font-weight: bold;
  color: #ff0000;
}


/*************/
/* 背景 　　 */
/*************/
.bg-white
{
  background-color: #FFFFFF;
}

.be-title2
{
  background-image: url(title_back.gif);
  background-repeat: repeat-y;
  background-color: snow;
  height: 20;
  font-size: 120%;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 1px;
}

.title-1
{
  padding-left: 5px;
  font-size: 130%;
  font-weight: bold;
}

.title-2
{
  font-size: 120%;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 1px;
}

/*************/
/* 枠 　　　 */
/*************/
.gray_line
{
  border-right: #aeaeae 1px solid;
  border-left: #aeaeae 1px solid;
  border-bottom: #aeaeae 1px solid;
}

.gray_left
{
  border-left: #aeaeae 1px solid;
}

.gray_right
{
  border-right: #aeaeae 1px solid;
}

.gray_top
{
  border-top: #aeaeae 1px solid;
}

.gray_bottom
{
  border-bottom: #aeaeae 1px solid;
}

.black_left
{
  border-left: black 1px solid;
}

.black_right
{
  border-right: black 1px solid;
}

.black_top
{
  border-top: black 1px solid;
}

.black_bottom
{
  border-bottom: black 1px solid;
}

/*************/
/* その他　  */
/*************/
img
{
  border: 0;
}

.pngfix
{
}

IMG.line
{
  width: 100%;
  height: 1px;
}

.bluemark
{
  list-style-image: url(dot.gif);
}

ul.blank
{
  list-style: none; /* マーカー無し */
  margin-left: 20;
}

p.dotline
{
  border-bottom-color: blue;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.accordion_haed
{
  font-size: 110%;
  font-weight: bold;
  line-height: 150%;
  background-image: url(background/back_white30.gif);
  background-repeat: repeat-x;
  border: solid 1px #b3b3b3;
  width: 620px;
  height: 30px;
}

.accordion_content
{
  line-height: 150%;
  background-color: #f5f5eb;
  background-repeat: repeat-x;
  border: solid 1px #b3b3b3;
  width: 620px;
}

/* モーダルポップアップ用 */
.modalBackground
{
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* 確認ポップアップ用 */
table.confirm
{
  background-color: #FFFFF3;
  color: #0000ff;
  border: solid 5px #ff9900;
}

.sideMenuProduct H2
{
  padding-right: 3px;
  padding-left: 3px;
  font-size: 120%;
  padding-bottom: 5px;
  margin: 0px;
  color: #ffffff;
  line-height: 35px;
  padding-top: 0px;
}

.sideMenuSales H2
{
  padding-right: 3px;
  padding-left: 3px;
  font-size: 120%;
  padding-bottom: 5px;
  margin: 0px;
  color: #ffffff;
  line-height: 35px;
  padding-top: 0px;
}

.sideMenuSupport H2
{
  padding-right: 3px;
  padding-left: 3px;
  font-size: 120%;
  padding-bottom: 5px;
  margin: 0px;
  color: #ffffff;
  line-height: 35px;
  padding-top: 0px;
}

.sideMenuInfo H2
{
  padding-right: 3px;
  padding-left: 3px;
  font-size: 120%;
  padding-bottom: 5px;
  margin: 0px;
  color: #ffffff;
  line-height: 35px;
  padding-top: 0px;
}

.sideMenuMember H2
{
  padding-right: 3px;
  padding-left: 3px;
  font-size: 120%;
  padding-bottom: 5px;
  margin: 0px;
  color: #ffffff;
  line-height: 35px;
  padding-top: 0px;
}

.sideMenuProduct UL
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
}

.sideMenuSales UL
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
}

.sideMenuSupport UL
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
}

.sideMenuInfo UL
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
}

.sideMenuMember UL
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
}

.sideMenuProduct A
{
  padding-right: 3px;
  display: block;
  padding-left: 3px;
  padding-bottom: 4px;
  margin: 0px;
  width: 160px;
  color: #000000;
  padding-top: 4px;
  text-decoration: none;
}

.sideMenuSales A
{
  padding-right: 3px;
  display: block;
  padding-left: 3px;
  padding-bottom: 4px;
  margin: 0px;
  width: 160px;
  color: #000000;
  padding-top: 4px;
  text-decoration: none;
}

.sideMenuSupport A
{
  padding-right: 3px;
  display: block;
  padding-left: 3px;
  padding-bottom: 4px;
  margin: 0px;
  width: 160px;
  color: #000000;
  padding-top: 4px;
  text-decoration: none;
}

.sideMenuInfo A
{
  padding-right: 3px;
  display: block;
  padding-left: 3px;
  padding-bottom: 4px;
  margin: 0px;
  width: 160px;
  color: #000000;
  padding-top: 4px;
  text-decoration: none;
}

.sideMenuMember A
{
  padding-right: 3px;
  display: block;
  padding-left: 3px;
  padding-bottom: 4px;
  margin: 0px;
  width: 160px;
  color: #000000;
  padding-top: 4px;
  text-decoration: none;
}

.sideMenuProduct A:hover
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuSales A:hover
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuSupport A:hover
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuInfo A:hover
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuMember A:hover
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuProduct .stay
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuSales .stay
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuSupport .stay
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuInfo .stay
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuMember .stay
{
  color: #ffffff;
  background-color: #59a7fe;
}

.sideMenuProduct H2
{
  background: url(menu/main_menu_green.gif) #24b34a repeat-x left top;
}

.sideMenuProduct UL
{
  background-color: #c1e1b8;
}

.sideMenuSales H2
{
  background: url(menu/main_menu_pink.gif) #f25e5e repeat-x left top;
}

.sideMenuSales UL
{
  background-color: #f6d9d9;
}

.sideMenuSupport H2
{
  background: url(menu/main_menu_orange.gif) #f39e1f repeat-x left top;
}

.sideMenuSupport UL
{
  background-color: #f7e2c1;
}

.sideMenuInfo H2
{
  background: url(menu/main_menu_gray.gif) #8a8a8a repeat-x left top;
}

.sideMenuInfo UL
{
  background-color: #e3e3e3;
}

.sideMenuMember H2
{
  background: url(menu/main_menu_blue.gif) #4379F7 repeat-x left top;
}

.sideMenuMember UL
{
  background-color: CCD9FA;
}

.Mail
{
  ime-mode: disabled;
}

.Telno
{
  ime-mode: disabled;
}

.Zip1
{
  ime-mode: disabled;
}

.Zip2
{
  ime-mode: disabled;
}

.Card
{
  ime-mode: disabled;
}

.Year
{
  ime-mode: disabled;
}

.Month
{
  ime-mode: disabled;
}

.scroll
{
  font-size: 100%;
  height: 350px;
  width: 685px;
  overflow: scroll;
}

.id_item
{
  word-break:break-all;
}