@charset "shift_jis";

/* 見出し
-------------------------------------------------------------------------*/
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
  margin-top:1em;
  margin-bottom:0.5em;
  padding:0px;
  font-size:100%;
}
/* h1 ---------------------*/
h1{
  margin-top:1.5em;
  padding-bottom:5px;
  border-bottom:1px solid #e5e5e5;
  line-height:1.5;
  font-size:186%;
}
/* h2 ---------------------*/
h2{
  position:relative;
  margin-top:2em;
  padding:2px;
  background-color:#fff;
  border:1px solid #e5e5e5;
  line-height:1.5;
  font-size:129%;
}
h2 span{
  display:block;
  overflow:hidden;
  padding:8px 10px 7px 10px;
  background-color:#f9f9f9;
  border-left:5px solid #eb5505;
}
h2 span.link{
  display:inline;
  float:right;
  padding:3px 0 0 0;
  background-color:inherit;
  border-left:0;
  font-weight:normal;
  font-size:78%;
}
h2.ttl_image{
  margin-top:1.5em;
  border:0;
}
/* h3 ---------------------*/
h3{
  position:relative;
  margin-top:1.5em;
  padding-bottom:4px;
  border-bottom:2px solid #e5e5e5;
  font-size:115%;
}
h3 span{
  position:absolute;
  bottom:-2px;
  /bottom:-1px;
  left:0;
  display:block;
  width:50%;
  border-bottom:2px solid #eb5505;
  font-size:115%;
}
/* h3のステップタイトル */
h3.step{
  margin-top:2em;
  padding-left:5.5em;
}
h3 span.icn_step{
  position:absolute;
  bottom:0;
  left:0;
  width:auto;
  padding:6px 10px 3px 10px;
  background-color:#eb5505;
  border:0;
  font-size:88%;
  color:#fff;
}
/* h4 ---------------------*/
h4{
  margin-top:1.5em;
  padding-bottom:3px;
  border-bottom:1px solid #e5e5e5;
  color:#eb5505;
}

/* サブウィンドウ用 heading
----------------------------*/
.sub_window h1{
  margin-top:1em;
  font-size:158%;
}
.sub_window h2{
  margin:1.5em 0 1em 0;
  padding:0;
  padding-bottom:4px;
  background-color:inherit;
  border:0;
  border-bottom:1px solid #e5e5e5;
}
.sub_window h2 span{
  display:inline;
  overflow:auto;
  padding:0;
  background-color:inherit;
  border-left:0;
}
.sub_window h3{
  margin:1.5em 0 0;
  border-bottom:0;
  font-size:100%;
  color:#eb5505;
}
.sub_window h3 span{
  position:static;
  display:inline;
  width:auto;
  border-bottom:0;
  font-size:100%;
}
.sub_window h4{
  margin:1em 0 0.5em 0;
  padding-left:1em;
  border-bottom:0;
  text-indent:-1em;
  line-height:1.4;
  color:#333;
}
/* サブウィンドウ内でも通常タイトルデザインにする場合 */
.sub_window h2.default{
  margin:2em 0 0.5em 0;
  padding:2px;
  background-color:#fff;
  border:1px solid #e5e5e5;
}
.sub_window h2.default span{
  display:block;
  overflow:hidden;
  padding:8px 10px 7px 10px;
  background-color:#f9f9f9;
  border-left:5px solid #eb5505;
}

.sub_window h3.default{
  position:relative;
  margin-top:1.5em;
  padding-bottom:4px;
  border-bottom:2px solid #e5e5e5;
  font-size:115%;
  color: #333;
}
.sub_window h3.default span{
  position:absolute;
  bottom:-2px;
  /bottom:-1px;
  left:0;
  display:block;
  width:50%;
  border-bottom:2px solid #eb5505;
  font-size:115%;
}


/* 文字関連
-------------------------------------------------------------------------*/
/* サイズ
----------------------------*/
.xxlarge{
  font-size:143%;
}
.xlarge{
  font-size:129%;
}
.large{
  font-size:115%;
}
.medium{
  font-size:100%;
}
.small{
  font-size: 86%;
}
.xsmall{
  font-size: 72%;
}
/* 14px基準 相対指定 */
/*
10px  72%
11px  79%
12px  86%
13px  93%
14px  100%
15px  108%
16px  115%
17px  122%
18px  129%
19px  136%
20px  143%
21px  150%
22px  158%
23px  165%
24px  172%
25px  179%
26px  186%
*/

/* 文字色
----------------------------*/
.fc_attention1{
  color:#eb5505 !important;
}
.fc_attention2{
  color:#dd2211 !important;
}
.fc_attention3{
  color:#6ab336 !important;
}
.fc_attention4{
  color:#ff0000 !important;
}
/* 太さ
----------------------------*/
.bold{
  font-weight:bold;
}
.normal{
  font-weight:normal;
}
/* 打ち消し
----------------------------*/
.strike{
  text-decoration:line-through;
}
/* 注釈文字
----------------------------*/
.tx_note{
  line-height:1.5;
  font-size:86%;
  color:#777;
}
/* エラー表示
----------------------------*/
.error{
  font-weight:bold;
  color:#dd2211;
}
.error02{
  font-weight:bold;
  color:#ff0000;
}

/* リンク
-------------------------------------------------------------------------*/
a{
  outline:none;
  text-decoration:none;
  color:#0066aa;
}
a:visited {
  color:#336688;
}
a:hover,
a:active {
  color:#eb5505;
}
a:hover {
  text-decoration:underline;
}

/* 文中のインラインリンク
----------------------------*/
a.underline{
  text-decoration:underline;
}
a.underline:hover{
  text-decoration:none;
}
/* アイコン付きリンク
----------------------------*/
a.icon{
  padding-left:14px;
  background:url(../../images/_v1/common/icn_arrow_right.png) no-repeat 0 0.4em;
}
a.icon_s{
  padding-left:10px;
  background:url(../../images/_v1/common/icn_arrow_right_s.gif) no-repeat 0 0.45em;
}
/* 戻るリンク
----------------------------*/
a.back{
  padding-left:15px;
  background:url(../../images/_v1/common/icn_arrow_left.png) no-repeat 0 0.4em;
}
/* ページ内リンク(下向き)
----------------------------*/
a.down{
  padding-left:12px;
  background:url(../../images/_v1/common/icn_arrow_down.gif) no-repeat 0 0.4em;
}
/* 別ウィンドウリンク
----------------------------*/
a.blank{
  padding-left:15px;
  background:url(../../images/_v1/common/icn_blank.png) no-repeat 0 0.45em;
}
/* PDFリンク
----------------------------*/
a.pdf{
  padding-left:18px;
  background:url(../../images/_v1/common/icn_pdf.gif) no-repeat 0 0.35em;
}
/* ページ内アンカーリンク .local_anchor
----------------------------*/
.local_anchor{
  padding:0;
}
.local_anchor li{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  margin:5px 0 5px 20px;
  padding:0 0 0 20px;
  border-left:1px solid #e5e5e5;
  line-height:1.5;
  font-weight:bold;
}
.local_anchor li:first-child,
.local_anchor li.left{
  margin-left:0;
  padding-left:0;
  border-left:0;
}
.local_anchor li a{
  padding-left:15px;
  background:url(../../images/_v1/common/icn_arrow_down.gif) no-repeat 0 0.45em;
}
/* ページリンク .page_link
----------------------------*/
.page_link{
  clear:both;
}
.page_link ul{
  overflow:hidden;
  margin-top:70px;
  padding:0;
}
.page_link li{
  margin:0;
  list-style:none;
}
.page_link li:first-child{
  float:left;
}
.page_link li.right{
  float:right;
}
.page_link li a{
  text-decoration:none;
}
.page_link li a:hover{
  text-decoration:underline;
}
/* 親の文字色を継承
----------------------------*/
a.inherit{
  color:inherit;
  /color:expression(this.parentNode.currentStyle['color']);
}

/* リスト
-------------------------------------------------------------------------*/

/* リスト共通
----------------------------*/
li{
  margin-top:0.5em;
}
ul.margin0,
ul.margin0 li,
ol.margin0,
ol.margin0 li,
dl.margin0 dt,
dl.margin0 dd{
  margin:0;
}
dl.margin0 dt.notes-dt,
dl.margin0 dd.notes-dd{
  padding-top:0 !important;
}
dl dd ol,
dl dd p{
  margin-top:0;
}
.small li{
  margin-top:0;
}

/* 通常のリスト
----------------------------*/
ul{
  padding-left:20px;
  margin-left:0;
}
ul li{
  list-style-type:disc;
  text-indent:0;
}
ul.shrink{
  margin-top:-1px;
}
ul.shrink li{
  margin-top:1px;
}
/* 通常のリストの入れ子リスト
----------------------------*/
ul.child_list{
  margin:0;
}
ul.child_list li{
  list-style-type:circle;
}
/* アイコン付きリスト
----------------------------*/
ul.icon_list{
  padding-left:0;
}
ul.icon_list li.icon-li{
  padding-left:14px;
  background:url(../../images/_v1/common/icn_arrow_right.png) no-repeat 0 0.45em;
  list-style-type:none;
}
/* 注釈リスト
----------------------------*/
ul.notes{
  padding:0 0 0 1em;
}
ul.notes li.notes-li{
  list-style-type:none;
  text-indent:-1em;
  line-height:1.5;
  font-size:86%;
  color:#777;
}
ul.notes li.notes-li.decoration {
  color: black;
}
ul.notes.only li.notes-li{
  margin-top:0;
}
ul.notes.normal li.notes-li{
  color:#333;
  font-size:100%;
}

/* （番号）リスト
----------------------------*/
ul.parentheses{
  padding-left:0;
}
ul.parentheses li{
  padding-left:2.6em;
  text-indent:-2.6em;
  list-style-type:none;
}
/* リストマークがないリスト
----------------------------*/
ul.nomark{
  padding-left:0;
}
ul.nomark li.nomark-li{
  list-style-type:none;
  padding-left:0;
}
/* 横並びリスト
----------------------------*/
ul.horizontal li{
  display:inline;
  margin:0 2em 0 0;
  padding:0;
  list-style-type:none;
}
/* ドットリスト
----------------------------*/
ul.dot{
  padding-left:0;
}
ul.dot li{
  padding-left:1em;
  text-indent:-1em;
}
/* 数字のリスト
----------------------------*/
ol{
  padding-left:30px;
  /padding-left:0px;
  /margin-left:30px;
}
ol.narrow{
  margin-top:-1px;
}
ol.narrow li{
  margin-top:1px;
}

/* 通常の定義リスト
----------------------------*/
dl dt{
  font-weight:bold;
}
dl dd{
  margin-left:0;
}
dl.terms dt{
  margin-bottom:10px;
}
/* 定義リストの装飾タイトル
----------------------------*/
dl dt.heading{
  margin-top:1em;
  padding-bottom:0.3em;
  border-bottom:1px solid #e7e7e7;
}
/* 注釈定義リスト
----------------------------*/
dl.notes{
  margin-left:0;
  margin-right:0;
  padding:0;
  font-size:86%;
  color:#777;
}
dl.notes dt.notes-dt{
  float:left;
  clear:left;
  margin:0;
  padding:0.5em 0 0 0;
  border:0 none;
  font-weight:normal;
}
dl.notes dd.notes-dd{
  display:block;
  float:none;
  overflow:hidden;
  margin:0;
  padding:0.5em 0 0 5px;
  font-weight:normal;
  zoom:100%;
}
/* STEP定義リスト
----------------------------*/
dl.step_list{
  margin:0;
  padding:0;
}
dl.step_list dt.step-dt{
  float:left;
  clear:left;
  margin:0;
  padding:0.5em 0 0 0;
  border:0 none;
  font-weight:bold;
}
dl.step_list dd.step-dd{
  display:block;
  float:none;
  overflow:hidden;
  margin:0;
  padding:0.5em 0 0 5px;
  font-weight:normal;
  zoom:100%;
}

/* テーブル
-------------------------------------------------------------------------*/
table.def {
  width:100%;
  border-collapse:separate;
  border:none;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  text-align: left;
}
*:first-child+html table.def{
  border-collapse:collapse;
  border:1px solid #e5e5e5;
}
table.def th,
table.def td {
  padding:10px 15px 9px 15px;
  background: #ffffff;
  border-left:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  vertical-align:middle;
  text-align:left;
}
table.def th,
table.def td.th{
  background: #f9f9f9;
  font-weight:bold;
}
table.def th.normal{
  font-weight:normal;
}
/* 奇数行色付け */
table tr.even th,
table tr.even td{
  background-color:#f9f9f9;
}
/* ドットライン */
table tr.dotted_btm td,
table td.dotted_btm{
  border-bottom:1px dashed #ccc !important;
}
/* 強調セル（黄色） */
table th.em,
table td.em{
  background-color:#fffcb7;
}
table span.note_small{
  font-weight:normal;
  font-size:86%;
}
table span.note_small_2{
  font-weight:normal;
  font-size:65%;
}
/* セル内ボタン */
table.def td.btn{
  padding:6px;
  text-align:center;
}
table.def td select,
table.def td img{
  vertical-align:middle;
}
table.def td select{
  margin:0 10px 0 10px;
}
/* 折り返しなし */
th.nowrap,
td.nowrap{
  white-space:nowrap;
}
/* テーブル幅設定 */
table.width_50per{
  width:50%;
}
/*　注文内訳テーブル　*/
table.breakdown th,
table.breakdown td{
  padding-top:0.3em;
  padding-bottom:0.3em;
}
/*　注文内訳テーブル 左線削除　*/
table.breakdown td.l_none{
  border-left: 0 none #ffffff;
}
/*　注文内訳テーブル 下線削除　*/
table.breakdown td.un_none{
  border-bottom: 0 none #ffffff;
}
/* ポイント数のテーブル */
table.point_table{
  width:34%;
  margin-top:1em;
  margin-left:auto;
}

/* 価格テーブル内の詳細設定
-------------------------------------------------------------------------*/
table.def .installment_plan{
  white-space:nowrap;
}
table.def .installment_plan div{
  display:inline-block;/display:inline;/zoom:1;vertical-align:bottom;
  /vertical-align:middle;
  text-align:left;
}
table.def .installment_plan div span{
  display:block;
  font-size:86%;
  color:#777;
}
table.def .total{
  font-weight:bold;
  font-size:108%;
}
table.def .total_all{
  font-weight:bold;
  font-size:129%;
}
table.def .discount1{ /* 赤 */
  color:#dd2211;
}
table.def .discount2{ /* オレンジ */
  color:#eb5505;
}
/* 販売価格、割引 */
table.def .price_set{
  overflow:hidden;
  margin:0;
}
table.def .price_set dt{
  float:left;
  font-weight:normal;
}
table.def .price_set dd{
  float:right;
  margin:0;
  text-align:right;
}

/* 利用可能な確認書類のテーブル
-------------------------------------------------------------------------*/
table.confirmation {
  border: 1px solid black;
  border-collapse: collapse;
  color: black;
  width: 100%;
}
table.confirmation_not_shcool_wari {
  border: 1px solid black;
  border-collapse: collapse;
  color: black;
  width: 82%;
}
table.confirmation > caption, table.confirmation_not_shcool_wari > caption {
  text-align: left;
}
table.confirmation th, table.confirmation td, table.confirmation_not_shcool_wari th, table.confirmation_not_shcool_wari td {
  border: 1px solid black;
  vertical-align: middle;
}
table.confirmation th, table.confirmation_not_shcool_wari th {
  background: #06c;
  color: white;
  text-align: center;
}
table.confirmation > tbody > tr > td:nth-child(1), table.confirmation_not_shcool_wari > tbody > tr > td:nth-child(1) {
  background: rgb(253, 232, 208);
}
table.confirmation > tbody > tr > td > ul , table.confirmation > tbody > tr > td > ul > li, table.confirmation_not_shcool_wari > tbody > tr > td > ul , table.confirmation > tbody > tr > td > ul > li {
  margin-top: 0;
}
table.confirmation .empty, table.confirmation_not_shcool_wari .empty {
	background: -moz-linear-gradient(24deg, white, white 49%, #88f 50%, #88f 50%, white 51%, white);
	background: -webkit-linear-gradient(24deg, white, white 49%, #88f 50%, #88f 50%, white 51%, white);
	background: linear-gradient(24deg, white, white 49%, #88f 50%, #88f 50%, white 51%, white);
}

/* フォーム要素
-------------------------------------------------------------------------*/
.form_elements {
  width:100%;
  border:none;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  text-align: left;
}
.form_elements thead{
  display:none;
}
.form_elements th,
.form_elements td {
  padding:12px 15px 11px 15px;
  border-left:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
.form_elements th {
  background: #f9f9f9;
}
.form_elements tbody th {
  width:30%;
  text-align:left;
}
.form_elements tbody td {
  width:70%;
}
.form_elements td p{
  margin:0;
}
.form_elements input[type="text"],
.form_elements input[type="password"]{
  width:230px;
  line-height:1.5;
}
.form_elements .form_elements-notes {
  clear:left;
  margin:3px 0 0 0;
  padding:0;
  line-height:1.5;
  font-size:86%;
  color:#777;
}
.form_elements .form_elements-notes li{
  list-style-type:none;
}
.form_elements .form_elements-notes li:first-child{
  margin-top:0;
}
.form_elements .form_elements-notes li.notes-li{
  padding-left:1em;
  text-indent:-1em;
}
.form_elements .form_elements-notes_right {
  float:right;
  margin:0;
  line-height:1.5;
  font-size:86%;
  color:#777;
}
.form_elements .form_elements-notes_right .notes{
  margin:0;
}
.form_elements .form_elements-notes_right li.notes-li{
  font-size:100%;
}
.form_elements .form_elements-list{
  margin:0;
  padding:0;
}
.form_elements .form_elements-list li{
  padding:0;
  list-style-type:none;
}
.form_elements .form_elements-list_horizontal{
  margin:0;
  padding:0;
}
.form_elements .form_elements-list_horizontal li{
  display:inline;
  margin:0 1em 0 0;
  padding:0;
  list-style-type:none;
}
.form_elements .form_elements-must td{
  background-color:#fff5ef;
}
.form_elements .form_elements-must th{
  overflow:hidden;
}
.form_elements .form_elements-must th span.must{
  display:block;
  float:right;
  width:38px;
  height:18px;
  margin-left:5px;
  background:url(../../images/com/icn_must.gif) no-repeat 0 0;
  overflow:hidden;text-indent:100%;white-space:nowrap;
}
.form_elements .form_elements-online th{
  background-color:#ffddc9;
}
.form_elements .form_elements-online td{
  background-color:#fff5ef;
}

/* 入力必須 */
.must{
  display:block;
  font-weight:bold;
  color:#ff0000;
}
/* input の横幅 */
input.width_large{
  width:440px !important;
}
input.width_small{
  width:180px!important;
}
input.width_xsmall{
  width:120px!important;
}
input.width_xxsmall{
  width:90px!important;
}
input[type="password"].width_pin{
  width:70px;
}
/* 氏名 */
.name span,
.name_kana span{
  margin-right:0.5em;
}
.name input,
.name_kana input{
  margin-right:1em;
}
td.name .form_elements-notes span{
  margin:0 105px 0 2em;
}
td.name_kana .form_elements-notes span{
  margin:0 105px 0 3.2em;
}


/* ボタン
-------------------------------------------------------------------------*/
/* デフォルトボタン（白）
-----------------------------------------*/
.btn_default{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  width:280px;
  height:46px;
  padding-right:3px;
  background:url(../../images/_v1/common/btn_default_right.gif) no-repeat right top;
  font-weight:bold;
  color:#333 !important;
  text-align:center;
}
.btn_default span{
  display:block;
  height:46px;
  padding:0 15px;
  background:url(../../images/_v1/common/btn_default_left.gif) no-repeat 0 0;
  line-height:46px;
  text-align:center;
}
.btn_default span span{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:auto !important;
  height:auto;
  padding:0;
  background-image:none;
  text-align:left;
}
.btn_default span span.icn_left{
  height:auto;
  padding:0 0 0 15px;
  background:url(../../images/_v1/common/icn_arrow_left.png) no-repeat 0 47%;
}
.btn_default span span.icn_right{
  height:auto;
  padding:0 0 0 15px;
  background:url(../../images/_v1/common/icn_arrow_right.png) no-repeat 0 47%;
}
/* ログインアイコン */
.btn_default span span.icn_login{
  height:auto;
  padding:0 0 0 20px;
  background:url(../../images/_v1/common/icn_login.png) no-repeat 0 45%;
}
/* hover */
.btn_default:hover{
  text-decoration:none;
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  opacity:0.8;
}
/* ログイン */
.btn_login{
  width: 120px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 4px 0;
  color: #fff;
  background-color: rgb(235,85,5);
}
/* ログアウト */
.btn_logout{
  width: 120px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 4px 0;
  color: #fff;
  background-color: rgb(73,73,73);
}

/* 強調ボタン
-----------------------------------------*/
.btn_em{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  width:280px;
  height:46px;
  padding-right:4px;
  background:url(../../images/_v1/common/btn_em_right.gif) no-repeat right top;
  font-weight:bold;
  color:#fff !important;
}
.btn_em span{
  display:block;
  height:46px;
  padding:0 15px;
  background:url(../../images/_v1/common/btn_em_left.gif) no-repeat 0 0;
  line-height:46px;
  text-align:center;
}
/* 強調ボタン (グレー) */
.btn_em_gray{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  width:280px;
  height:46px;
  padding-right:4px;
  background-color:rgb(73,73,73);
  font-weight:bold;
  color:#fff !important;
}
.btn_em_gray span{
  display:block;
  height:46px;
  padding:0 15px;
  background-color:rgb(73,73,73);
  line-height:46px;
  text-align:center;
}
/* 強調ボタン (L) */
.btn_em-large{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:280px;
  height:52px;
  padding-right:4px;
  background:url(../../images/_v1/common/btn_em_large_right.gif) no-repeat right top;
  font-weight:bold;
  color:#fff !important;
}
.btn_em-large span{
  display:block;
  height:52px;
  padding:0 15px;
  background:url(../../images/_v1/common/btn_em_large_left.gif) no-repeat 0 0;
  line-height:52px;
  text-align:center;
}
/* 強調ボタン (XL) */
.btn_em-xlarge{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:380px;
  height:66px;
  padding-right:4px;
  background:url(../../images/_v1/common/btn_em_xlarge_right.gif) no-repeat right top;
  font-weight:bold;
  color:#fff !important;
}
.btn_em-xlarge span{
  display:block;
  height:66px;
  padding:0 15px;
  background:url(../../images/_v1/common/btn_em_xlarge_left.gif) no-repeat 0 0;
  line-height:66px;
  text-align:center;
}
/* ボタン内テキストが2行の場合対応 */
.btn_em-large.row2 span{
  height:44px;
  padding-top:8px;
  line-height:1.3;
}
.btn_em-xlarge.row2 span{
  height:52px;
  padding-top:14px;
  line-height:1.3;
}
.btn_em-large.row2 span .icn_right,
.btn_em-xlarge.row2 span .icn_right{
  background-position:0 1em;
}
/* アイコン */
.btn_em span span,
.btn_em_gray span span,
.btn_em-large span span,
.btn_em-xlarge span span{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:auto !important;
  height:auto;
  padding:0;
  background-image:none;
  text-align:left;
}
/* hover */
.btn_em:hover,
.btn_em_gray:hover,
.btn_em-large:hover,
.btn_em-xlarge:hover{
  text-decoration:none;
  filter:alpha(opacity=90);
  -ms-filter:"alpha(opacity=90)";
  opacity:0.9;
}
/* 三角アイコン */
.btn_em span span.icn_right,
.btn_em_gray span span.icn_right,
.btn_em-large span span.icn_right,
.btn_em-xlarge span span.icn_right{
  padding:0 0 0 15px;
  background:url(../../images/_v1/common/icn_arrow_right_white.png) no-repeat 0 47%;
}
/* ログインアイコン */
.btn_em span span.icn_login,
.btn_em-large span span.icn_login,
.btn_em-xlarge span span.icn_login{
  padding:0 0 0 0;
  /*background:url(../../images/_v1/common/icn_login_white.png) no-repeat 0 45%;*/
}
/* IDアイコン */
.btn_em span span.icn_id,
.btn_em-large span span.icn_id,
.btn_em-xlarge span span.icn_id{
  padding:0 0 0 35px;
  background:url(../../images/_v1/common/icn_id_white.png) no-repeat 0 45%;
}
/* 別ウィンドウアイコン */
.btn_em span span.icn_blank,
.btn_em-large span span.icn_blank,
.btn_em-xlarge span span.icn_blank{
  padding:0 0 0 20px;
  background:url(../../images/_v1/common/icn_blank_white.png) no-repeat 0 center;
}
/* カートアイコン */
.btn_em span span.icn_cart,
.btn_em-large span span.icn_cart,
.btn_em-xlarge span span.icn_cart{
  padding:0 0 0 25px;
  background:url(../../images/_v1/common/icn_cart_white.png) no-repeat 0 45%;
}
/* ページ内アンカーアイコン */
.btn_em span span.icn_down,
.btn_em-large span span.icn_down,
.btn_em-xlarge span span.icn_down{
  padding:0 0 0 20px;
  background:url(../../images/_v1/common/icn_arrow_down_white.png) no-repeat 0 center;
}
/* ボタン幅なりゆき */
.width_auto,
.width_auto span{
  width:auto;
  min-width:inherit;
  min-width:auto;
}


/* ボックス
-------------------------------------------------------------------------*/

/* トピックボックス
----------------------------*/
.topic_box1{
  padding:0.5em 20px;
  background-color:#f9f9f9;
}
.topic_box1.border{
  border:1px solid #e5e5e5;
}
.topic_box2{
  padding:0.5em 20px;
  background-color:#fff5ef;
}

/* トピックフレーム
----------------------------*/
.topic_frame{
  padding:0 20px;
  border:1px solid #e5e5e5;
}

/* 注意喚起ボックス
----------------------------*/
/**
 * 注意喚起（低） ⇒ 注意喚起（高）
  attention_box1 ⇒ attention_box2 ⇒ attention_box3 ⇒ attention_box4
 */
.attention_box1,
.attention_box2{
  padding:1em 20px 0;
  background-color: #f9f9f9;
  border:1px solid #e5e5e5;
}
.attention_box1.narrow,
.attention_box2.narrow{
  padding:10px;
}
.attention_box2{
  background-color:#fff5ef;
}
.attention_box-heading{
  margin:0;
  padding-bottom:5px;
  border-bottom:1px solid #e5e5e5;
  font-weight:bold;
  color:#eb5505;
}
.attention_box-contents{
  line-height:1.5;
  font-size:86%;
  color:#777;
}
.attention_box1.narrow .attention_box-contents,
.attention_box2.narrow .attention_box-contents{
  font-size:100%;
}
/* attention_box3 */
.attention_box3{
  padding:10px;
  background-color:#f5f5f5;
  border:2px solid #cecece;
}
.attention_box3-heading{
  margin:5px 5px 15px 5px;
  font-weight:bold;
  font-size:115%;
}
.attention-box3-contents{
  padding:1px 20px;
  background-color:#fff;
}
/* attention_box4 */
.attention_box4{
  padding:10px;
  background-color:#fff5ef;
  border:2px solid #dd2211;
}
.attention_box4-heading{
  margin:3px 10px 10px;
  padding-left:35px;
  background:url(../../images/_v1/common/icn_attention.png) no-repeat 0 0;
  font-weight:bold;
  font-size:129%;
  color:#dd2211;
}
.attention-box4-contents{
  padding:1px 15px;
  background-color:#fff;
}
/* サブウィンドウの中にある場合 */
.sub_window .attention_box4{
  padding:6px;
}
.sub_window .attention_box4-heading{
  margin:3px 3px 10px 3px;
  font-size:100%;
}
.sub_window .attention-box4-contents{
  padding:1px 10px;
}

/* 定義ボックス
----------------------------*/
.definition_box{
  border:1px solid #e5e5e5;
}
.definition_box .definition_box-heading{
  padding: 0.8em 1em;
  background-color: #f9f9f9;
  border-bottom:1px solid #e5e5e5;
  font-weight:bold;
}
.definition_box dd{
  margin:0;
  padding:0 1em;
}

/* アンカーリンクボックス
----------------------------*/
.anchor_box{
  margin-top:1em;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
.anchor_box dl{
  margin:0;
}
.anchor_box .anchor_box-heading{
  padding: 0.6em 1em;
  background-color: #f7f5f0;
  border-top:1px solid #e5e5e5;
  font-weight:bold;
  font-size:115%;
}
.anchor_box .anchor_box-subheading{
  font-weight:bold;
  color:#ee5f16;
}
.anchor_box .anchor_box-contents01{
  margin:0 20px;
}
.anchor_box .anchor_box-contents02{
  margin:0;
}

/* サブミットボタンボックス
----------------------------*/
.submit_box{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  min-width:500px;
  padding:10px;
  background-color:#f9f9f9;
  border:1px solid #e5e5e5;
  text-align:center;
}

/* h2ボックス
----------------------------*/
.h2box{
  padding:2px;
  background-color:#fff;
  border:1px solid #ccc;
}
.h2box .h2box-heading{
  overflow:hidden;
  background-color:#fff5ef;
  border-left:5px solid #eb5505;
}
.h2box .h2box-heading h2{
  float:left;
  clear:left;
  margin:0;
  padding:1em 2.5em 1em 1em;
  background-color:#fff5ef;
  border:0;
  background:url(../../images/_v1/common/line_dotted_y.gif) repeat-y top right;
  font-size:129%;
}
.h2box .h2box-heading h2.no_border{
  border:0;
}
.h2box .h2box-heading .text{
  display:table-cell;
  height:60px;
  /display:block;
  /height:auto;
  overflow:hidden;
  margin:0;
  padding:0 1em 0 1.6em;
  /padding:1.5em 1em 0 1.6em;
  vertical-align:middle;
  line-height:1.5;
  font-size:86%;
}
.h2box .h2box-heading .text2{
  display:table-cell;
  height:60px;
  /display:block;
  /height:auto;
  overflow:hidden;
  margin:0;
  padding:1.2em 1em 0 1.6em;
  /padding:1.5em 1em 0 1.6em;
  vertical-align:middle;
  line-height:1.5;
  font-size:86%;
}
.h2box .h2box-contents{
  margin-top:2px;
  padding:5px 20px;
  background-color:#fff;
  border-left:5px solid #e5e5e5;
}
/* 開閉エリア */
.h2box .h2box-contents_hidden{
  margin-top:2px;
  padding:20px 20px;
  background-color:#fff;
  background:url(../../images/_v1/common/line_dotted_x.gif) repeat-x top left;
}
.h2box .open_close-btn{
  text-align:right;
}
/* h3 */
.h2box .h2box-h3{
  overflow:hidden;
  margin-top:2px;
  background-color:#f9f9f9;
  border-left:5px solid #e5e5e5;
}
.h2box .h2box-h3 h3{
  float:left;
  clear:left;
  margin:0;
  padding:0.9em 2.5em 0.9em 1em;
  border:0;
  background:url(../../images/_v1/common/line_dotted_y.gif) repeat-y top right;
}
.h2box .h2box-h3 .text{
  display:table-cell;
  height:56px;
  /display:block;
  /height:auto;
  overflow:hidden;
  margin:0;
  padding:0 1em;
  /padding:1em;
  vertical-align:middle;
  line-height:1.5;
}
.h2box .h2box-h3contents{
  padding:15px 35px;
}
.h2box h4{
  margin-top:0;
  padding-bottom:0;
  border-bottom:0;
  color:#333;
}
.cols .h2box .h2box-contents{
  min-height:260px;
}


/* 画像とテキスト
-------------------------------------------------------------------------*/
.float_media-left .float_media-image{
  float:left;
  margin-right:15px;
}
.float_media-left .float_media-body{
  overflow:hidden;
  /zoom:1;
}
.float_media-right .float_media-image{
  float:right;
  margin-left:15px;
}
.float_media-right .float_media-body{
  overflow:hidden;
  /zoom:1;
}
.float_media-left,
.float_media-right{
  overflow:hidden;
}

/* 区切り線
-------------------------------------------------------------------------*/
/* 罫線 */
.line_solid{
  padding-top:1em;
  border-top:1px solid #e5e5e5;
}
.line_solid-bold{
  padding-top:1.5em;
  border-top:2px solid #ccc;
}
/* 点線 */
.line_dotted{
  padding-top:1em;
  background:url(../../images/_v1/common/line_dotted_x.gif) repeat-x top left;
}

/* 画像枠線
-------------------------------------------------------------------------*/
.img_border{
  border:1px solid #e5e5e5;
}

/* 透過マウスオーバー
-------------------------------------------------------------------------*/
a:hover .opacity_over,
input.opacity_over:hover{
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  opacity:0.8;
}

/* 画像置換
-------------------------------------------------------------------------*/
.imgrep{
  display:block;
  position:relative; top:auto; left:auto;
  padding:0 0 0 0 !important;
  border:0 solid transparent !important;
  overflow:hidden;
  zoom:100%;
}
.imgrep .imgrep-panel{
  display:block;
  position:absolute; top:0; left:0;
  width:100%; height:100%;
  background-repeat:no-repeat;
  background-color:transparent;
  zoom:100%;
}

/* SNSボタン
-------------------------------------------------------------------------*/
.sns_btns ul{
  overflow:hidden;
  margin-top:20px;
  padding:0;
}
.sns_btns li{
  float:left;
  margin:0 10px 0 0;
  list-style-type:none;
}
.sns_btns iframe{
  margin:0 !important;
}

/* モーダル
-------------------------------------------------------------------------*/
.modal_win,
.modal_win-iframe{
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  width:680px;
  padding-top:20px;
  background-color:#fff;
  text-align:center;
  z-index:100;
}
.modal_win .modal_inner{
  overflow:auto;
  max-height:500px;
}
.modal_win .modal_inner1{
  height:80px;
}
.modal_required{
  cursor:pointer;
  width:300px;
  height:60px;
  margin:8px auto 0;
  border-style:none;
  font-size:18px;
  color:#fff;
}
.modal_required:enabled{
  background-color:rgb(235,85,5);
}
.modal_required:disabled{
  background-color:#aaa;
}
.modal_win iframe,
.modal_win-iframe iframe{
  width:680px;
  height:500px;
}
/* auサイトのコンテンツ（width:725px）のモーダル */
.modal_win.au_contents{
  width:765px;
  height:500px;
}
.modal_win.au_contents iframe{
  width:755px;
  height:500px;
  padding:0 15px;
}

.modal_close{
  margin:0;
}
.modal_close a{
  display:block;
  position:absolute;
  top:-22px;
  right:-20px;
  width:46px;
  height:46px;
  background:url(../../../images/com/btn_close.png) no-repeat 0 0;
  overflow:hidden;text-indent:100%;white-space:nowrap;
}
.modal_close.btn_close-btm a{
  display:block;
  position:static;
  width:auto;
  height:auto;
  background:none;
  overflow:visible;
  text-indent:0;
}
.modal_bg{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  opacity:0.7;
  z-index:99;
}