@charset "euc-jp";
@import url('/common/css/common.customize.css');

/* ===============================================================================
//
// Table of Contents
//
// * 背景色バリエーション
// * 共通テンプレート
// * モジュールごとの共通スタイル
// * プラグイン
//
=============================================================================== */

/* =========================================================
// 背景色バリエーション
========================================================= */
.theme_beige { background: #faebd7; }
.theme_blue { background: #cfe5ee; }
.theme_green { background: #cfe8d3; }
.theme_pink { background: #fadbda; }
.theme_white { background: #f2f2f2; }



/* =========================================================
// 共通テンプレート
// header, footerなど
========================================================= */

/* ================================
// 全ページ共通
================================ */
body {
  color: #444;
  font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
  font-size: 14px;
  line-height: 1.5;
  min-width: 960px;
}

a {
  color: #0e91c4;
}

a img {
  border:none;
}

a.image_button:hover img {
  filter: alpha ( opacity = 80) ;
  -moz-opacity: 0.80;
  opacity: 0.80;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
  padding: 0;
}

p {
  margin: 0 0 17px;
  padding: 0;
}

b {
  color: #d54346;
  font-weight: bold;
}

.container {
  margin: 0 auto;
  width: 960px;
}

.content {
  padding: 0;
  position: relative;
}

.content_simple {
  padding-top: 20px;
}

/*.clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ================================
// ヘッダー
================================ */
.header_not_logged .secondary_header {
  padding-top: 32px;
}

.header_logged,
.header_not_logged {
  background: url(../img/header/background.png) repeat-x;
}

.header_simple {
  background: url(../img/header/background_simple.png) repeat-x;
  height: 90px;
}

.header ul {
  margin: 0;
  padding: 0;
}

.header li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*.primary_header*/
.primary_header {
  height: 32px;
}

/*.user_area*/
.primary_header .user_area {
  float: right;
  font-size: 14px;
  line-height: 26px;
  padding-top: 4px;
}

.primary_header .user_area a:hover {
  background: #e3e3e3;
  display: block;
}

.primary_header .name {
  color: #000;
  float: left;
  font-weight: bold;
  margin-right: 10px;
}

.primary_header .name .unit {
  font-size: 12px;
}

.primary_header .point {
  background: url(../img/icon/icon_point.png) no-repeat;
  background-position: 0 5px;
  float: left;
  font-size: 13px;
  font-weight: bold;
  padding-left: 20px;
}

/*.secondary_header*/
.secondary_header {
  background: url(../img/header/line.png) no-repeat;
  background-position: 0 bottom;
  height: 79px;
}

.secondary_header .logo {
  float: left;
  margin: 20px 0 0 0;
}

.secondary_header .status_area {
  float: right;
  margin: 10px 0 0;
}

.header_logged .secondary_header .status_area {
  width: 238px;
}

.header_not_logged .secondary_header .status_area {
  margin-top: 24px;
}

.header_simple .secondary_header {
  background: none;
  height: auto;
}

.header_simple .secondary_header .logo {
  margin: 24px 0 0;
}

/*.color_list*/
.secondary_header .status_area .color_list {
  float: right;
  margin-bottom: 8px;
}

.secondary_header .status_area .color_list li {
  float: left;
  padding-left: 3px;
}

.secondary_header .status_area .color_list li a {
  border-radius: 7px;
  display: block;
  height: 12px;
  position: relative;
  width: 12px;
}

.secondary_header .status_area .color_list li.current a span,
.secondary_header .status_area .color_list li a:hover span {
  border-radius: 3px;
  display: block;
  height: 6px;
  left: 50%;
  margin: -3px 0 0 -3px;
  position: absolute;
  top: 50%;
  width: 6px;
}

.secondary_header .status_area .color_list li.white a { background: #f2f2f2; border: 1px solid #a8a8a8; }
.secondary_header .status_area .color_list li.white.current a span,
.secondary_header .status_area .color_list li.white a:hover span { background: #a8a8a8; }
.secondary_header .status_area .color_list li.blue a { background: #cfe5ee; border: 1px solid #5caccd; }
.secondary_header .status_area .color_list li.blue.current a span,
.secondary_header .status_area .color_list li.blue a:hover span { background: #5caccd; }
.secondary_header .status_area .color_list li.green a { background: #cfe8d3; border: 1px solid #37c54d; }
.secondary_header .status_area .color_list li.green.current a span,
.secondary_header .status_area .color_list li.green a:hover span { background: #37c54d; }
.secondary_header .status_area .color_list li.beige a { background: #faebd7; border: 1px solid #d2a34a; }
.secondary_header .status_area .color_list li.beige.current a span,
.secondary_header .status_area .color_list li.beige a:hover span { background: #d2a34a; }
.secondary_header .status_area .color_list li.pink a { background: #fadbda; border: 1px solid #eca0ad; }
.secondary_header .status_area .color_list li.pink.current a span,
.secondary_header .status_area .color_list li.pink a:hover span { background: #eca0ad; }



/*.status_btns*/
.secondary_header .status_btns {
  clear: both;
}

.secondary_header .status_btns li {
  float: left;
  margin-right: 10px;
}

.secondary_header .status_btns li.profile a {
  width: 117px;
}

.secondary_header .status_btns li.signup,
.secondary_header .status_btns li.logout {
  margin-right: 0;
}

.secondary_header .status_btns li.logout a {
  width: 79px;
}

.header_not_logged .status_btns li.login a {
  width:117px;
}

.header_not_logged .status_btns li.signup a {
  width:117px;
}

/*.global_nav*/
.global_nav {
  height: 45px;
}

.global_nav li {
  float: left;
  margin: 10px 52px 0 0;
}

.header_logged .global_nav li { /*ログイン後は余白を狭める*/
  margin: 10px 21px 0 0;
}

.header .global_nav li.faq { margin-right: 0; }

.global_nav li a,
.global_nav li.current {
  display: block;
  height: 23px;
  text-indent: -9999px;
}

/*マイページ*/
.global_nav li a,
.global_nav li.current {
  background: url(/common/img/header/gnav.png) no-repeat top left;
}

.global_nav li.attention a{ background-position: 0 0; width: 132px; height: 23px; }
.global_nav li.attention.current { background-position: 0 -33px; width: 132px; height: 23px; }
.global_nav li.attention a:hover { background-position: 0 -66px; width: 132px; height: 23px; }
.global_nav li.ecnavi a{ background-position: 0 -99px; width: 116px; height: 23px; }
.global_nav li.ecnavi.current { background-position: 0 -132px; width: 116px; height: 23px; }
.global_nav li.ecnavi a:hover { background-position: 0 -165px; width: 116px; height: 23px; }
.global_nav li.faq a{ background-position: 0 -198px; width: 106px; height: 17px; }
.global_nav li.faq.current { background-position: 0 -225px; width: 106px; height: 21px; }
.global_nav li.faq a:hover { background-position: 0 -256px; width: 106px; height: 17px; }
.global_nav li.home a{ background-position: 0 -283px; width: 64px; height: 23px; }
.global_nav li.home.current { background-position: 0 -316px; width: 64px; height: 23px; }
.global_nav li.home a:hover { background-position: 0 -349px; width: 64px; height: 23px; }
.global_nav li.howtouse a{ background-position: 0 -382px; width: 140px; height: 23px; }
.global_nav li.howtouse.current { background-position: 0 -415px; width: 140px; height: 23px; }
.global_nav li.howtouse a:hover { background-position: 0 -448px; width: 140px; height: 23px; }
.global_nav li.introduction a{ background-position: 0 -481px; width: 159px; height: 23px; }
.global_nav li.introduction.current { background-position: 0 -514px; width: 159px; height: 23px; }
.global_nav li.introduction a:hover { background-position: 0 -547px; width: 159px; height: 23px; }
.global_nav li.mypage a{ background-position: 0 -580px; width: 87px; height: 23px; }
.global_nav li.mypage.current { background-position: 0 -613px; width: 87px; height: 23px; }
.global_nav li.mypage a:hover { background-position: 0 -646px; width: 87px; height: 23px; }
.global_nav li.point a{ background-position: 0 -679px; width: 119px; height: 23px; }
.global_nav li.point.current { background-position: 0 -712px; width: 119px; height: 23px; }
.global_nav li.point a:hover { background-position: 0 -745px; width: 119px; height: 23px; }
.global_nav li.questionnaire a{ background-position: 0 -778px; width: 134px; height: 23px; }
.global_nav li.questionnaire.current { background-position: 0 -811px; width: 134px; height: 23px; }
.global_nav li.questionnaire a:hover { background-position: 0 -844px; width: 134px; height: 23px; }



/* ================================
// フッター
================================ */
.footer ul {
  margin: 0;
  padding: 0;
}

.footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer_simple {
  background: #858585;
  color: #fff;
  font-size: 12px;
  padding: 20px 0;
  text-align: center;
}

/*.primary_footer*/
.primary_footer {
  background: #10a2dd;
  padding: 20px 0;
}

/*.footer_nav*/
.footer_nav {
  text-align: center;
}

.footer_nav li {
  display: inline;
  margin: 0 12px;
}

.footer_nav li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.footer_nav li a:hover {
  text-decoration: underline;
}

.footer_not_logged .copyright {
  margin-top: 2px;
}

.footer_not_logged .footer_nav {
  float: right;
  text-align: left;
}

.footer_not_logged .footer_nav li {
  margin: 0 0 0 24px;
}

.footer_not_logged .footer_nav li a {
  font-size: 12px;
}

.footer_not_logged .copyright {
  color: #fff;
  float: left;
  font-size: 12px;
}


/*.secondary_footer*/
.secondary_footer {
  background: #858585;
  color: #fff;
  padding: 20px 0;
}

.footer_not_logged .secondary_footer {
  padding: 30px 0;
}

.secondary_footer .copyright {
  font-size: 12px;
  text-align: center;
}

.footer_not_logged .company_link_area .title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 7px;
}

.footer_not_logged .company_link_area .link_list li {
  border-right: 1px solid #a9a9a9;
  float: left;
  line-height: 150%;
  margin-right: 20px;
  padding-right: 20px;
}

.footer_not_logged .company_link_area .link_list li.last_child {
  border: none;
  margin: 0;
  padding: 0;
}

.footer_not_logged .company_link_area .link_list li a {
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}

.footer_not_logged .company_link_area .link_list li a:hover {
  text-decoration: underline;
}



/* =========================================================
// モジュールごとの共通スタイル
// title, btn, form,  blockなど
========================================================= */

/* ================================
// アラート
================================ */
.alert {
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
/*  font-weight: bold; */
  margin-bottom: 20px;
  padding: 10px;
}

.alert p {
  margin: 0;
  padding: 0;
}

.alert .title {
  font-size: 15px;
  font-weight: bold;
}

/*お知らせ*/
.alert.alert_info {
  color: #10a2dd;
}

/*成功*/
.alert.alert_success {
  background: #e1f5e9;
  border: 1px solid #c3e6d1;
  color: #15ca60;
}

/*エラー*/
.alert.alert_error {
  background: #f8e6e7;
  border: 1px solid #f2d6d6;
  color: #e01418;
}



/* ================================
// ブロック
================================ */
/*背景を白で抜いたブロック*/
.block.block_primary {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 15px;
}

/*静的ページの場合*/
.static .block.block_primary {
  padding: 30px;
}

/*線で囲まれたブロック*/
.block.block_bordered {
  background: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
}

/*線で囲まれたブロック（アラート）*/
.block.block_bordered_alert {
  background: #f8e6e7;
  border: 1px solid #e01418;
  border-radius: 5px;
  color: #e01418;
  padding: 10px;
}

/*ページタイトル*/
.block.block_title_page {
  background: #fff ;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 20px;
}

.block.block_title_page .border {
  border-left: 10px solid #10a2dd;
  border-radius: 9px 0 0 9px;
  padding: 15px;
}

/*静的ページなどの余白をとったブロック*/
.block.block_inside {
  padding: 0 0 30px;
}



/* ================================
// パンくずリスト
================================ */
.breadcrumb {
  font-size: 12px;
  margin-bottom: 20px;
  padding: 15px 0 0;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}




/* ================================
// ボタン
================================ */
.btn {
  background: #aaa;
  border: none;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 1;
  padding: 8px;
  text-align: center;
  text-decoration: none;
}

.btn:hover {
  background: #999;
}

/*大きさ*/
.btn.btn_large { font-size: 14px; padding: 12px; }
.btn.btn_middle { padding: 10px; }

/*横幅*/
.btn.btn_width_max { width: 100%; }
.btn.btn_width_short { width: 120px; }

/*色*/
/*
.btn.btn_primary { background: #10a2dd; }
.btn.btn_primary:hover { background: #108dbf; }

.btn.btn_weak { background: #ccc; }
.btn.btn_weak:hover { background: #ddd; }

.btn_point,
.btn_signup { background: #ff9813; }
.btn_point:hover,
.btn_signup:hover { background: #ff6113; }
*/

.btn {
 background: #aaa;
  background-image: -webkit-linear-gradient(top, #bababa 0, #999999 100%);
  background-image:    -moz-linear-gradient(to bottom, #bababa 0, #999999 100%);
  background-image:     -ms-linear-gradient(to bottom, #bababa 0, #999999 100%);
  background-image:      -o-linear-gradient(to bottom, #bababa 0, #999999 100%);
  background-image:         linear-gradient(to bottom, #bababa 0, #999999 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#999999', GradientType=0);
}

.btn:hover {
  background: #999;
  background-image: -webkit-linear-gradient(top, #999999 0, #777777 100%);
  background-image:    -moz-linear-gradient(to bottom, #999999 0, #777777 100%);
  background-image:     -ms-linear-gradient(to bottom, #999999 0, #777777 100%);
  background-image:      -o-linear-gradient(to bottom, #999999 0, #777777 100%);
  background-image:         linear-gradient(to bottom, #999999 0, #777777 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#777777', GradientType=0);
}


/* 青系 */
.btn.btn_primary,
.btn.btn_info,
.btn.btn_success {
  background: #10a2dd;
  background-image: -webkit-linear-gradient(top, #12bcff 0, #10a2dd 100%);
  background-image:    -moz-linear-gradient(to bottom, #12bcff 0, #10a2dd 100%);
  background-image:     -ms-linear-gradient(to bottom, #12bcff 0, #10a2dd 100%);
  background-image:      -o-linear-gradient(to bottom, #12bcff 0, #10a2dd 100%);
  background-image:         linear-gradient(to bottom, #12bcff 0, #10a2dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12bcff', endColorstr='#10a2dd', GradientType=0);
  background-repeat: repeat-x;
}
.btn.btn_primary:hover,
.btn.btn_info:hover,
.btn.btn_success:hover {
  background: #108dbf;
  background-image: -webkit-linear-gradient(top, #0f9cd4 0, #0d8dbf 100%);
  background-image:    -moz-linear-gradient(to bottom, #0e91c4 0, #0d8dbf 100%);
  background-image:     -ms-linear-gradient(to bottom, #0e91c4 0, #0d8dbf 100%);
  background-image:      -o-linear-gradient(to bottom, #0e91c4 0, #0d8dbf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e91c4', endColorstr='#0d8dbf', GradientType=0);
}

/* 灰色系 */
.btn.btn_weak {
  background: #ccc;
  background-image: -webkit-linear-gradient(top, #ffffff 0, #ccc 100%);
  background-image:    -moz-linear-gradient(to bottom, #ffffff 0, #ccc 100%);
  background-image:     -ms-linear-gradient(to bottom, #ffffff 0, #ccc 100%);
  background-image:      -o-linear-gradient(to bottom, #ffffff 0, #ccc 100%);
  background-image:         linear-gradient(to bottom, #ffffff 0, #ccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ccc', GradientType=0);
  background-repeat: repeat-x;
}
.btn.btn_weak:hover {
  background: #ddd;
}

/* 橙系 */
.btn_point,
.btn_signup,
.btn.btn_important,
.btn.btn_warning {
  background: #ff9813;
  background-image: -webkit-linear-gradient(top, #ff9813 0, #d77c08 100%);
  background-image:    -moz-linear-gradient(to bottom, #ff9813 0, #d77c08 100%);
  background-image:     -ms-linear-gradient(to bottom, #ff9813 0, #d77c08 100%);
  background-image:      -o-linear-gradient(to bottom, #ff9813 0, #d77c08 100%);
  background-image:         linear-gradient(to bottom, #ff9813 0, #d77c08 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9813', endColorstr='#d77c08', GradientType=0);
  background-repeat: repeat-x;
}
.btn_point:hover,
.btn_signup:hover,
.btn.btn_important:hover,
.btn.btn_warning:hover:hover {
  background: #d0430c;
  background-image: -webkit-linear-gradient(top, #f45111 0, #d0430c 100%);
  background-image:    -moz-linear-gradient(to bottom, #f45111 0, #d0430c 100%);
  background-image:     -ms-linear-gradient(to bottom, #f45111 0, #d0430c 100%);
  background-image:      -o-linear-gradient(to bottom, #f45111 0, #d0430c 100%);
  background-image:         linear-gradient(to bottom, #f45111 0, #d0430c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f45111', endColorstr='#d0430c', GradientType=0);
}

/* 赤系 */
.btn.btn_danger,
.btn.btn_error {
  background: #d54346;
  background-image: -webkit-linear-gradient(top, #ed0014 0, #cf1a1a 100%);
  background-image:    -moz-linear-gradient(to bottom, #ed0014 0, #cf1a1a 100%);
  background-image:     -ms-linear-gradient(to bottom, #ed0014 0, #cf1a1a 100%);
  background-image:      -o-linear-gradient(to bottom, #ed0014 0, #cf1a1a 100%);
  background-image:         linear-gradient(to bottom, #ed0014 0, #cf1a1a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed0014', endColorstr='#cf1a1a', GradientType=0);
  background-repeat: repeat-x;
}
.btn.btn_danger:hover,
.btn.btn_error:hover {
  background: #bd181a;
  background-image: -webkit-linear-gradient(top, #c2191c 0, #b2171a 100%);
  background-image:    -moz-linear-gradient(to bottom, #c2191c 0, #b2171a 100%);
  background-image:     -ms-linear-gradient(to bottom, #c2191c 0, #b2171a 100%);
  background-image:      -o-linear-gradient(to bottom, #c2191c 0, #b2171a 100%);
  background-image:         linear-gradient(to bottom, #c2191c 0, #b2171a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2191c', endColorstr='#b2171a', GradientType=0);
}


/*もっと見るボタン*/
.btn_read_more {
  text-decoration: underline;
}

.btn_read_more:hover {
  text-decoration: none;
}

.btn_read_more .icon {
  margin-right: 5px;
}



/* ================================
// 定義リスト
================================ */
.define_list {
  margin: 0;
  padding: 0;
}

.define_list dt {
  float: left;
  clear: both;
  padding-right: 15px;
}

.define_list dd {
  margin: 0 0 10px 0 ;
}

.define_list.define_list_bordered dd {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}


/* ================================
// フォーム
================================ */
.form input[type="text"],
.form input[type="password"],
.form textarea,
.form select {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 8px;
  background: #fffcd9;
}

.form select {
  border-radius: 5px;
  font-size: 15px;
  padding: 8px;
}

.form input[type="checkbox"],
.form input[type="radio"] {
  margin-right: 5px;
}

.form .error {
  background: #f8e6e7;
}

.form .error_message {
  color: #e01418;
  font-weight: bold;
}

.form .text_example {
  color: #aaa;
}

/*横幅のバリエーション*/
.form .form_text_80 { width: 62px; }
.form select.form_text_80 { width: 80px; }
.form .form_text_100 { width: 82px; }
.form select.form_text_100 { width: 100px; }
.form .form_text_150 { width: 132px; }
.form select.form_text_150 { width: 150px; }
.form .form_text_200 { width: 182px; }
.form select.form_text_200 { width: 200px; }
.form .form_text_250 { width: 232px; }
.form select.form_text_250 { width: 250px; }
.form .form_text_300 { width: 282px; }
.form select.form_text_300 { width: 300px; }
.form .form_text_400 { width: 382px; }
.form select.form_text_400 { width: 400px; }
.form .form_text_500 { width: 482px; }
.form select.form_text_500 { width: 500px; }
.form .form_text_600 { width: 582px; }
.form select.form_text_600 { width: 600px; }
.form .form_text_700 { width: 682px; }
.form select.form_text_700 { width: 700px; }

/*次のアクションエリア*/
.form .next_action_area {
  padding-top: 10px;
}

.form .next_action_area .notification {
  text-align: center;
}

.form .next_action_area .notification p {
  margin-bottom: 5px;
}

.form .next_action_area .notification .strong_notification {
  color: #e01418;
}

/* signupページ 個人情報に関する事項 */
.iframe {border: solid 1px #ccc; width: 658px; height: 218px; margin:10px auto; padding: 0 20px; overflow: auto; background:#fff; text-align:left;}
.iframe h4,.iframe li {margin:0; padding:0;}
.iframe ol.no_style {padding-left: 0;margin: 0; text-indent: 0;}
.iframe ol.no_style li {list-style-type:none;}
.iframe h4 {font-weight:bold; margin-top:20px;}
.iframe p.last{display:block; padding-bottom:15px;}

.block.block_primary.form { background: #fff; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 20px; padding: 15px 15px 0 15px;}
.block.block_bordered.policy { background: #f3f3f3; border: 1px solid #ddd; border-radius: 5px; margin-bottom:20px; padding: 10px 10px 5px 10px;}
.form .notification.policy p { margin-bottom: 10px;}


/*ひとつのボタンの場合*/
.form .next_action_area .single_btn {
  text-align: center;
  margin: 0 auto;
  padding: 15px 0;
  width: 500px;
}

.form .next_action_area .single_btn .btn {
  display: block;
}

/*複数のボタンの場合*/
.form .next_action_area .multiple_btn ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.form .next_action_area .multiple_btn li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}

.form .next_action_area .multiple_btn li input {
  display: inline;
}

.form .table th {
  width: 30%;
}

/* placeholderスタイル */
.form ::-webkit-input-placeholder {
  color: #999;
}

.form ::-moz-placeholder {
  color: #999;
}

.form input:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
  color: #999;
}

.form .placeholder {
  color: #999;
}

/* ================================
// リスト
================================ */
.list {
  margin: 0;
  padding: 0;
}

/*文頭に点がついたリスト*/
.list.list_circle {
  margin-left: 20px;
}

.list.list_circle .item {
  margin-bottom: 7px;
}

.list.list_circle .item ul {
  margin-top: 7px;
}

/*下線で区切られたリスト*/
.list.list_bordered .item {
  border-bottom: 1px solid #ddd;
  color: #444;
  padding: 10px;
}

.list.list_bordered .item:nth-child(2n) {
  background: #f3f3f3;
}

/*下線で区切られたリストのリンクバージョン*/
.list.list_bordered_link .item .item_wrapper {
  border-bottom: 1px solid #ddd;
  color: #444;
  display: block;
  padding: 10px;
}

.list.list_bordered_link .item a {
  text-decoration: none;
}

.list.list_bordered_link .item:nth-child(2n) .item_wrapper {
  background: #f3f3f3;
}

.list.list_bordered_link .item .enable:hover {
  background: #e9f9ff;
}

/*米印リスト*/
.list.list_bullet {
  margin: 0;
  padding: 0;
}

.list.list_bullet .item {
  list-style: none;
}

.list.list_bullet .item .bullet {
  display: block;
  float: left;
  margin-left: 1px;
}

.list.list_bullet .item .text {
  display: block;
  padding-left: 20px;
}



/* ================================
// ページのトップに戻る
================================ */
.page_top {
  padding-top: 10px;
}

.page_top .btn img {
  margin: 2px 4px 0 0;
  vertical-align: bottom;
}

.page_top .btn {
  background: #10a2dd;
  border-radius: 5px 5px 0 0;
  float: right;
  padding: 10px;
  text-align: center;
  width: 165px;
  filter:none;
}

.page_top a:hover{
  text-decoration: underline;
}



/* ================================
// ページネーション
================================ */
.pagination .pagination_wrap {
  text-align: center;
}

.pagination .count {
  margin: 0 15px;
}

.pagination .count .division {
  margin: 0 3px;
}



/* ================================
// テーブル
================================ */
.table {
  border-left: 2px solid #ddd;
  border-top: 2px solid #ddd;
  width: 100%;
}

.table th,
.table td {
  border-bottom: 2px solid #ddd;
  border-right: 2px solid #ddd;
  padding: 10px 10px 0;
  text-align: left;
  vertical-align: top;
}

.table th {
  background: #e2eff4;
  font-weight: normal;
}

.table p {
  margin-bottom: 10px;
}

.table .tag {
  float: right;
}



/* ================================
// タグ
================================ */
.tag {
  background: #888;
  border-radius: 3px;
  color: #fff;
  display: inline;
  font-size: 11px;
  font-weight: normal;
  padding: 1px 4px;
  white-space: nowrap;
}

.tag.tag_application { background: #cf6c7e; }
.tag.tag_introduction { background: #56b0d4; }
.tag.tag_overseas { background: #3bbc7c; }
.tag.tag_question { background: #ffa00b; }
.tag.tag_required { background: #e01418; }



/* ================================
// テキストサイズ
================================ */
.text_xs { font-size: 10px; }
.text_s { font-size: 12px; }
.text_m { font-size: 14px; }
.text_l { font-size: 16px; }
.text_xl { font-size: 18px; }


/* ================================
// タイトル
================================ */
.title {
  line-height: 1.5;
}

.title.title_primary {
  background: url(../../common/img/title/title_primary_bg.png) repeat-x;
  background-position: bottom;
  font-size: 18px;
  margin-bottom: 20px;
  padding-bottom: 8px;
}

.title.title_secondary {
  border-left: 6px solid #ffcc23;
  font-size: 16px;
  line-height: 1.1;
  padding: 2px 0 0 9px;
}

.title.title_icon .icon {
  margin-right: 5px;
}

.title.title_page {
  margin: 0;
  font-size: 20px;
  line-height: 1;
}



/* ================================
// トグル展開エリア
================================ */
.toggle_content .trigger_area a {
  background: url(../../common/img/icon/icon_arrow_black_downward.png) no-repeat;
  background-position: 0 4px;
  color: #444;
  padding-left: 15px;
}

.toggle_content.opened .trigger_area a {
  background: url(../../common/img/icon/icon_arrow_black_upward.png) no-repeat;
  background-position: 0 4px;
}

.toggle_content .target {
  display: none;
  font-size: 12px;
}

.toggle_content.opened .target {
  display: block;
}

.toggle_content .target ul {
  padding-left: 20px;
}

.toggle_content .target ul.list {
  padding-left: 0;
}

.toggle_content .target li {
  margin-bottom: 6px;
}

.toggle_content .red {
  color: #d54346;
}



/* ================================
// 静的ページ用のスタイル
================================ */
.static_content_img {
  border: 1px solid #d8d8d8;
  padding: 15px;
  margin: 0 0 20px;
}



/* ================================
// その他
================================ */
/*要素の揃え*/
.align_center { text-align: center;}
.align_left { text-align: left;}
.align_right { text-align: right;}

/*文字の装飾*/
.bold { font-weight: bold; }
.attention { color: #e01418; }

/*テキストリンク*/
.text_link:before {
  color: #1482af;
  content: ">";
  margin-right: 5px;
}

.text_link_external_icon {
  margin-left: 5px;
}

/*区切り*/
.division {
  margin: 0 10px;
}

/* アイコン */
.icon.icon_rpmark {
  vertical-align: bottom;
  margin-right: 5px;
}


/* アンケート、コメントなどがない場合 */
.empty_area {
  padding: 40px 0 8px;
  text-align: center;
}

.empty_area img {
  margin-bottom: 20px;
}

/* ローディングページ用高さ設定 */
.loading_body {
    height:160px;
    padding:200px 0 100px;*/
}

/* ローディングアイコン */
.loading {
    background: url(/common/img/loader.gif) no-repeat left top;
    width:46px;
    height:46px;
    margin:0 auto;
    display:block;
    opacity:0.1;
}

/* =========================================================
// 固有表記のレギュレーション
========================================================= */

/*******************
* Amazonギフト券
********************/

/*「Amazon」表記フォント*/
.txt_amazon {
font-family: Verdana, sans-serif;
}
/*「ギフト券」表記フォント*/
.txt_amazon_gift_ticket {
font-family: "ＭＳ Ｐゴシック", sans-serif;
}
/*「R○」表記フォント（使うときは外をインラインタグで囲うこと）*/
.txt_amazon_R {
vertical-align:top;
}
/*Amazonギフト券細則文言*/
a.txt_amazon_giftcard_regulations {
color:#333333;
}


/* =========================================================
// プラグイン
========================================================= */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

a:hover {
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.top-word__list {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.top-word__item {
  width: 140px;
}

/* 広告 スーパーバナー */
.rpdr_ad {
  margin: 0 auto 10px;
  text-align: center;
}

#div-gpt-ad-1535448474917-0 {
  margin: 0 auto;
}