@charset "UTF-8";

/**************************
BASE（ページ全体の構成）
***************************/

* { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; position: relative; }

img { border: none; }
p { line-height: 1.3; }

.hide { visibility: hidden; }

a:link { text-decoration: underline; color: #0000FF; }
a:visited { text-decoration: underline; color: #0000FF; }
a:hover { text-decoration: underline; }

h1 { display: inline; }
h2 { font-size: 22px; color: #000000; }
h3 { line-height: 1.3; }
h4 { font-size: 15px; font-weight: bold; line-height: 1.3; }


/**************************
共有CLASS
***************************/

h3.uline { width: 100%; padding-bottom: 3px; text-indent: 5px; font-size: 20px; border-bottom: 1px solid #666666; margin-top: 10px; }
h3.uline2 { width: 100%; padding-bottom: 3px; text-indent: 5px; font-size: 20px; border-bottom: 1px solid #666666; margin-top: 20px; }

.mp0 { margin: 0; padding: 0; }

.indentBox { width: 520px; margin: 10px 0 0 10px; }
table.order_adjust { font-size:12px; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

.vm { vertical-align: middle; }
.vt { vertical-align: top; }

.fl { float: left; }
.fr { float: right; }

.bgSkyb { background-color: #DBFDFD; }
.bgYel { background-color: #FBFDDB; }
.bgEee { background-color: #EEEEEE; }

/* --- font set --- */
.txt_xl { font-size: 17px; }
.txt_l { font-size: 14px; }
.txt_l2 { font-size: 13px; }
.txt_m { font-size: 10px; }
.txt_s { font-size: 9px; }

.blk { color: #000000; }
.f60 { color: #FF6600; }
.c00 { color: #CC0000; }
.f00 { color: #FF0000; }
.txt_16b { color: #000000; font-size: 16px; font-weight: bold; }
.f00_16b { color: #FF0000; font-size: 16px; font-weight: bold; }
.f00i { color: #FF0000; font-style: italic; }
.green_16b { color: #003300; font-size: 16px; font-weight: bold; }
.blk16b { color: #000000; font-size: 16px; font-weight: bold; }
.f0022b { color: #FF0000; font-size: 22px; font-weight: bold; }
.grey11b { color: #999999; font-size: 11px; font-weight: bold; }
.kome { color: #FF0000; font-size: 120%; vertical-align: text-top; font-weight: bold; }
.ccc { color: #CCCCCC; }



/* --- clearfix ver=NEW --- */
/*.cf:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }*/
.cf:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.cf{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.cf {display: block;}

.cb { clear: both; }
.cb2 { clear: both; display: block; line-height: 0; height: 0; }

/* --- margin set --- */
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt40 { margin-top: 40px; }

.ml3 { margin-left: 3px; }
.ml5 { margin-left: 5px; }
.ml15 { margin-left: 15px; }
.ml25 { margin-left: 25px; }
.ml40 { margin-left: 40px; }

.mr15 { margin-right: 15px; }
.mr30 { margin-right: 30px; }

/* --- wisth set --- */
.wFull { width: 100%; }
.w40 { width: 40px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w135 { width: 135px; }
.w138 { width: 138px; }

/* --- padding set --- */
.p2 { padding: 10px; }
.p5 { padding: 5px; }
.pt25 { padding-top: 25px; }

/* --- height set --- */
.hFull { heigth: 100%; }
.h20 { height: 20px; }

.lh_m { line-height: 1; }

/**************************
LAYOUT ID
***************************/

#wrap { width: 530px; margin-left: 5px; text-align: left;}

/* MAIN CONTENTS AREA */
/*#mainArea1 { width: 530px; margin: 15px 0 0 0; padding-bottom: 20px;}*/
#content { width: 530px; margin: 15px 0 0 0; padding-bottom: 20px;}

/* FOOTER */
#footer { width: 530px; padding: 10px 0; border-top: 1px solid #136BB9; }
#foot_txt { width: 200px; float: right; text-align: right; }
#foot_logo { float: left; margin-left: 5px; }


/**************************
CONTENTS ID CLASS
***************************/

/* faq */
dl.faq { width: 100%; margin-top: 3px; }
dl.faq dt { width: 15px; float: left; display: block; }
dl.faq dd { display: block; margin-left: 20px; }
*html dl.faq dd { margin-left: 18px; }

ul.faq2 { list-style: none; }
ul.faq2 li { margin-top: 10px;}
ul.faq2 li.first { margin-top: 0;}

.ques { color: #005DD6; }

/* ordering */
table.orderingTable { width: 100%; margin-bottom: 10px; border-collapse: collapse; }
table.orderingTable th { padding: 10px; font-size: 15px; font-weight: bold; border: 1px solid #666666; text-align: center; }
table.orderingTable td.title { padding: 10px; font-size: 15px; font-weight: bold; border: 1px solid #666666; }
table.orderingTable td.w200 { width: 200px; padding: 10px; border: 1px solid #666666; font-size: 12px; }

.grading { font-size: 15px; font-weight: bold; line-height: 1.5; }
ul.ordering {list-style: disc outside; margin-left: 20px; line-height: 1.3; font-size: 13px; font-weight: bold; }

table.orderingBank { width: 100%; border-collapse: collapse; line-height: 1.3; font-size: 12px; }
table.orderingBank th.top { width: 100%; padding: 5px; font-weight: bold; background-color: #EEEEEE; text-align: center; border: 1px solid #666666; }
table.orderingBank th { width: 150px; padding: 5px; font-weight: bold; text-align: left; border: 1px solid #666666; }
table.orderingBank td { padding: 5px; border: 1px solid #666666; }

ul.orderingBankList { list-style: disc outside; margin-left: 20px; line-height: 1.3; }

.audiotitle { margin-top: 25px; font-size: 16px; font-weight: bold; background-color: #EEEEEE; }
.audioprice { margin-top: 5px; font-size: 14px; font-weight: bold; }
.audioimage { width: 300px; margin-top: 5px; float: left; }
.audioright {width:210px; float:left;}



/* Tearms */
dl.termsList { width: 100%;}
dl.termsList dt { width: 15px; float: left; display: block; }
dl.termsList dd { margin-left: 20px; padding-bottom: 10px; }

table#faqTable { width: 100%; border-collapse: collapse; border: 1px solid #666666; margin-top: 10px; }
table#faqTable th { width: 150px; font-size: 14px; border: 1px solid #666666; vertical-align: top; padding: 10px; text-align: left; }
table#faqTable td { border: 1px solid #666666; padding: 10px; font-size: 12px; }
table#faqTable td p { line-height: 1.5; }

table#faqTable_ru { width: 100%; border-collapse: collapse; border: 1px solid #666666; margin-top: 10px; }
table#faqTable_ru th { width: 140px; font-size: 14px; border: 1px solid #666666; vertical-align: top; padding: 10px; text-align: left; }
table#faqTable_ru td { border: 1px solid #666666; padding: 10px; font-size: 12px; }
table#faqTable_ru td p { line-height: 1.5; }

.mark_grade3,
.mark_grade4,
.mark_grade5 {
  width: 32px;
  height: 16px;
  color: #ffffff;
  float: right;
  _float: none;
}
.mark_grade3_en {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px 0px;
  margin-right: 148px;
  float: right;
  _float: none;
}
.mark_grade3_fr {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px 0px;
  margin-right: 148px;
  float: right;
  _float: none;
}
.mark_grade3_po {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px 0px;
  margin-right: 118px;
  float: right;
  _float: none;
}
.mark_grade3_ru {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px 0px;
  margin-right: 93px;
  float: right;
  _float: none;
}
.mark_grade4_en {
  float: right;
  _float: none;
}
.mark_grade4_fr {
  float: right;
  _float: none;
}
.mark_grade4_po {
  float: right;
  _float: none;
}
.mark_grade4_ru {
  float: right;
  _float: none;
}
.mark_grade5_en {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px -32px;
  margin-right: 128px;
  float: right;
  _float: none;
}
.mark_grade5_fr {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px -32px;
  margin-right: 128px;
  float: right;
  _float: none;
}
.mark_grade5_po {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px -32px;
  margin-right: 68px;
  float: right;
  _float: none;
}
.mark_grade5_ru {
  background: url(../images/grade/Grade-345-icon.gif) no-repeat;
  background-position: 0px -32px;
  margin-right: 93px;
  float: right;
  _float: none;
}