@charset "utf-8";

/*=============================
  restスタイル
  ===============================*/
/**{*/
/*margin:0;*/
/*padding:0;*/
/*font-size:100%;*/
/*}*/

html,body {
height: 100%;
line-height:1.3;
}

html {
color:#333333;
overflow-y:scroll;
}

body {
background:#ffffff url(../../images/cmn/bg_body.gif) repeat left top;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, 'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
font-size:12px/1.5\9;
margin:0;
padding:0;
word-wrap:break-word;
word-break:normal;
}

a img, fieldset, img { border:0; }

blockquote, dd, div, dl, dt, fieldset, form,
h1, h2, h3, h4, h5, h6, li, ol, p, pre,
select, span, textarea, td, th, ul,img {
margin:0;
padding:0;
}

img {
border: none;
-ms-interpolation-mode: bicubic; /* for IE7 */
}


address, b, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}

caption, th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

input {
vertical-align:middle;
/*font-family:'Lucida Grande',Arial,Helvetica,Verdana,sans-serif; border:none;*/
_border: none;
}
input, select, textarea{
font-size:100%;
border:solid 1px #cccccc;
}

input[type="checkbox"] {
border: none;
}

ol,ul {
list-style-type:none;
}

li {
list-style: none;
}

q:before,q:after {
content:'';
}

a {
color:#00abeb;
text-decoration: underline;
overflow: hidden; /* For FF */
outline: none; /* For FF */
}

.no_clickable_link {
color:#00abeb;
text-decoration: underline;
}

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

label{
cursor: pointer;
}

table {
border-collapse:separate;
border-spacing:0;
font-size:100%;
}
/* IE hack */
table {
border-collapse:collapse\9; /* for ltIE8 */
/* tables still need 'cellspacing="0"' */
}
table:not(:target) {
border-collapse:separate\9; /* IE9 */
}
/*
===== body and base setting ===========================
*/

#wrapper{
}

.clear1{
clear:both;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.float_l {
float: left;
}
.float_r {
float: right;
}

/*
===== font styles ===========================
*/

.pink{
color:#ff4680;
}

.pink_b{
color:#ff4680;
font-weight:bold;
}
.orange_b{
color:#ff8c00;
font-weight:bold;
}
.gblue{
color:#6a8a9a;
word-wrap:break-word;
}

.glay{
color:#dedede;
}

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

.blue{
color:#4eb8ca;
}
.red {
color: #CC0000;
}
.orange {
color: #ff7200;
}
.font_11{
font-size:11px;
}

.font_13{
font-size:13px;
}


.font_14{
font-size:14px;
}

.font_15{
font-size:15px;
}

.font_16{
font-size:16px;
}
.font_30{
font-size:30px;
}


/*
============background-color============
*/
.yellow_bg{
background:#fbf7a0;
}

.w_yellow_bg{
background:#fdfbcf;
}

.brown_bg{
background:#999999;
}

.gray_bg{
background:#f0f0f0;
}

.w_gray_bg{
background:#f4f4f4;
}

.w_gray_bg2{
background:#e2e2e2;
}

.white_bg2{
background:#ffffff;
}

.beige_bg{
background:#f6f4ea;
}

/*==============##ラッパー##================*/

#wrap {
}

/*==============##ヘッダー##================*/
#header {
background: #ffffff;
}

#header .inner {
overflow: hidden;
/zoom:1;
width: 960px;
margin: 0 auto;
}

#header .inner h1 {
float: left;
}

#header .inner .headRight .login_before {
   float: right;
   text-align: right;
   margin-top: 4px;
}

#header .inner .headRight .desc,
#header .inner .headRight .btns {
display: inline-block;
/display: inline;
/zoom:1;
      vertical-align: middle;
}

#header .inner .headRight .desc {
    font-size: 85%;
}

#header .inner .headRight ul {
    text-align: right;
}

#header .inner .headRight ul li {
display: inline
}

#header .inner .headRight ul li a {
    text-decoration: none;
color: #424242;
       font-size: 95%;
}

#header .inner .headRight ul li a:hover {
color: #FF6600;
}

ul#gNav {
width: 960px;
margin: 0px auto 8px;
overflow: hidden;
/zoom:1;
}

ul#gNav li {
width:192px;
font-size:0px;
line-height:0px;
display:block;
overflow:hidden;
float:left;
}
/*==============##コンテナー（#container）##================*/

#container {
background: url(../../images/cmn/bg_wrap.gif) repeat-x left top;
margin:auto !important;
padding: 8px 0 0px 0;
position:relative;
z-index:2;
}

#common_content {
background: #FFF;
width: 958px;
margin: 0 9px;
overflow: hidden;
/zoom:1;
}

#contInner {
width: 976px;
margin: 0 auto;
overflow: hidden;
/zoom:1;
}

/*==============##メイン（#main）##================*/
#main {
width: 740px;
float: left;
}

/*==============##サイド（#side）##================*/
#side {
width: 236px;
float: right;
}

/*==============##グローバルナビゲーション##================*/


/*==============##キービジュアル##================*/
#kv {
margin-bottom: 14px;
height: 216px;
position:relative;
}

#kv div  {
position: relative;
          z-index: 5;
}

#kv div img {
position: absolute;
top: 0;
left: 0;
}

#kv div img.act {
    z-index :99;
}

#kv ul {
position: absolute;
          z-index: 20;
right: 17px;
top: 13px;
}

#kv ul li {
float: left;
       margin-right: 6px;
cursor: pointer;
}


/*==============##見出しレベル2##================*/
h2.titleLV2,h2.titleLV2_2 {
position: relative;
#zoom:1;
}

h2.titleLV2 .linkArrow {
position: absolute;
right: 16px;
top: 0.65em;
}

h2.titleLV2 .linkArrow2 {
position: absolute;
right: 16px;
top: 0.85em;
}

h2.titleLV2_2 .linkArrow2 {
position: absolute;
right: 16px;
top: 0.2em;
}

/*==============##アイコン付きリンク##================*/

.linkArrow {
  background: url(../../images/cmn/icon_arrow.png) no-repeat left 0.5em;
  padding-left: 10px;
}
.linkArrow a {
  color: #666666;
  font-size: 86%;
}
.linkArrow a:hover {
  color: #FF6600;
}

.linkArrow2 {
  background: url(../../images/cmn/icon_arrow2.png) no-repeat left 0.5em;
  padding-left: 10px;
}
.linkArrow2 a {
  color: #ffffff;
  font-size: 86%;
}
.linkArrow2 a:hover {
color: #FF6600;
}
/*
===== head styles ===========================
*/

/*ヘッダ*/
/*
#header {

float:left;
width:850px;

}
*/
#logo {
float:left;
padding:9px 0 0 23px;
}
#head_box {
float: left;
width: 253px;

}
#head_box img {
float:left;
}

#login_h_nav {
padding:9px 26px 0 0;
float:right;
}
#login_h_nav li {
float:left;
padding-left:6px;
font-size:10px;
}

#login_h_nav a{
color:#595959;
}

#login_h_nav a:hover{
color:#00bfff;
}

#login_h_nav a:visited{
color:#6666cc;
}



#login_h_menber {
float:right;
height:20px;
padding-right:26px;
margin-top:6px;
}

#login_h_menber #firstline {
background-image:none !important;

}

#login_h_menber li {
float:right;
padding-left: 4px;
font-size:10px;
}
/*
#head_logout_btn {
background:url(../../images/ja/logout_btn.png) top left no-repeat;
}
a#head_logout_btn {
width:44px;
height:20px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
a:hover#head_logout_btn {
background-position:0 -20px;
}
*/




/*ログアウト画面用*/

#head_box_logout{

}

#head_box_logout img{

}

#head_box_logout_right{
width:597px;
margin-top:25px;
float:left;
}

#logout_h_nav{
padding:0 26px 0 0;
float:right;
font-size:10px;
}

#logout_h_nav li{
float:left;
padding-left:3px;
margin-top:8px;
}

#logout_h_nav a{
color:#595959;
}


#logout_h_nav a:hover{
color:#00bfff;
}

#logout_h_nav a:visited{
color:#6666cc;
}

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

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
}

.img_float p{
float:left;
margin-right:9px;
}

.img_float div{
margin-bottom:10px;
}

.img_float2 p{
float:left;
margin-right:9px;
}

.error-message { color: #CC0000; font-weight: bold; }



/*
=======================space_style===============
*/
.space_5{
padding:5px;
}
.space_10{
padding:10px;
}
.space_15{
padding:15px;
}
.space_20{
padding:20px;
}

.space_t_5{
padding-top:5px;
}
.space_t_15{
padding-top:15px;
}
.space_t_10{
padding-top:10px;
}
.space_t_20{
padding-top:20px;
}
.space_t_30{
padding-top:30px;
}
.space_b_10{
padding-bottom:10px !important;
}
.space_b_20{
padding-bottom:20px;
}
.space_b_30{
padding-bottom:30px;
}
.space_tb_3{
padding-top:3px;
padding-bottom:3px;
}
.space_tb_5{
padding-top:5px;
padding-bottom:5px;
}
.space_tb_10{
padding-top:10px;
padding-bottom:10px;
}
.space_tb_15{
padding-top:15px;
padding-bottom:15px;
}
.space_tb_20{
padding-top:20px;
padding-bottom:20px;
}
.space_tb_30{
padding-top:30px;
padding-bottom:30px;
}
.space_l_5{
padding-left:5px;
}
.space_l_10{
padding-left:10px;
}
.space_l_15{
padding-left:15px;
}
.space_l_20{
padding-left:20px;
}
.space_l_25{
padding-left:25px;
}
.space_l_30{
padding-left:30px;
}
.space_lr_3{
padding-left:3px;
padding-right:3px;
}
.space_lr_10{
padding-left:10px;
padding-right:10px;
}
.space_l_250{
padding-left:250px;
}
.space_l_300{
padding-left:300px;
}
.space_r_5{
padding-right:5px;
}
.space_r_10{
padding-right:10px;
}
.space_r_20{
padding-right:20px;
}
.space_r_30 {
padding-right:30px;
}
.space_r_77{
padding-right:77px;
}
.space_lr_5{
padding-left:5px;
padding-right:5px;
}

/*
============================== margin style  ==============================================
*/
.margin_10{
margin:10px;
}
.margin_20{
margin:20px;
}
.margin_t_5{
margin-top:5px;
}
.margin_t_10{
margin-top:10px;
}
.margin_t_15{
margin-top:15px;
}
.margin_t_20{
margin-top:20px;
}
.margin_t_30{
margin-top:30px;
}
.margin_t_70{
margin-top:70px;
}
.margin_b_5{
margin-bottom:5px;
}
.margin_b_10{
margin-bottom:10px;
}
.margin_b_15{
margin-bottom:15px;
}
.margin_b_20{
margin-bottom:20px !important;
}
.margin_b_25{
margin-bottom:25px;
}
.margin_b_30{
margin-bottom:30px !important;
}
.margin_tb_10{
margin-top:10px;
margin-bottom:10px;
}
.margin_tb_20{
margin-top:20px;
margin-bottom:20px;
}
.margin_l_5{
margin-left:5px;
}
.margin_l_10{
margin-left:10px;
}
.margin_l_20{
margin-left:20px;
}
.margin_l_25{
margin-left:25px;
}
.margin_l_30{
margin-left:30px;
}
.margin_l_35{
margin-left:35px;
}
.margin_l_40{
margin-left:40px;
}
.margin_l_50{
margin-left:50px;
}
.margin_l_60{
margin-left:60px;
}
.margin_r_5{
margin-right:5px;
}
.margin_r_10{
margin-right:10px;
}
.margin_r_20{
margin-right:20px;
}
.margin_r_25{
margin-right:25px;
}
.margin_r_30{
margin-right:30px;
}
.margin_r_50{
margin-right:50px;
}
.margin_r_100{
margin-right:100px;
}
.margin_r_150{
margin-right:150px;
}
.margin_lr_5{
margin-left:5px;
margin-right:5px;
}
.margin_lr_10{
margin-left:10px;
margin-right:10px;
}
.margin_lr_25{
margin-left:25px;
margin-right:25px;
}
.margin_lr_center{
margin:0 0 0 180;
}
.margin_a ,
.margin_lr_a{
margin-left:auto;
margin-right:auto;
}

/*
============================== border style  ==============================================
*/
.border_a {
border:1px solid #bcbcbc;
}

.border_t{
border-top:1px solid #bcbcbc;
}

.border_b{
border-bottom:1px solid #bcbcbc;
}

.border_r{
border-right:1px solid #bcbcbc;
}

.border_l{
border-left:1px solid #bcbcbc;
}

.border_dotted_b {
border-bottom:1px dotted #000000;
}

.border_br,
.rb_border{
border-bottom:1px solid #bcbcbc;
border-right:1px solid #bcbcbc;

}
.r_border{
border-right:1px solid #bcbcbc;
}
.r_border_white{
border-right:1px solid #ffffff;
}

.rb_bordertop{
border-bottom:1px solid #bcbcbc;
border-right:1px solid #bcbcbc;
border-left:1px solid #bcbcbc;

}
.l_border{
border-left:1px solid #bcbcbc;
}

.lrb_border{
border-bottom:1px solid #bcbcbc;
border-right:1px solid #bcbcbc;
border-left:1px solid #bcbcbc;

}

.b_border{
border-bottom:1px solid #bcbcbc;
padding:5px 0 5px 5px;
}

.b_border_nospace{
border-bottom:1px solid #bcbcbc;
}

.white_border{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.white_border_t{
border-top:1px solid #fff;
}

.white_border_tbr{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}

.white_border_tbl{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}

.white_border_tblr{
border:1px solid #fff;
}

.dot_b_border {
border-bottom:1px dotted #bcbcbc;
}

.dash_b_border {
border-bottom:1px dashed #000;
}

.w_border{
}
.w_border2{
border-top:1px solid #d9d9d9;
}
.w_border3{
border-bottom:1px solid #d9d9d9;
}
.t_border {
border-top:1px dotted #bcbcbc;
}
/*
============================== width style  ==============================================
*/
.width_10{
width:10px !important;
}
.width_50{
width:50px !important;
}
.width_80{
width:80px !important;
}
.width_100{
width:100px !important;
}
.width_150{
width:150px;
}
.width_160{
width:160px;
}
.width_180{
width:180px;
}
.width_190{
width:190px;
}
.width_195{
width:195px;
}
.width_220{
width:220px;
}
.width_240{
width:240px;
}
.width_250{
width:250px;
}
.width_270{
width:270px;
}
.width_280{
width:280px;
}
.width_300{
width:300px !important;
}
.width_350{
width:350px !important;
}
.width_390{
width:390px !important;
}

.width_510{
width:510px !important;
}
.width_450{
width:450px !important;
}
.width_500{
width:500px !important;
}
.width_600{
width:600px !important;
}
.width_700{
width:700px !important;
}
.width_820{
width:820px !important;
}
.width_900{
width:900px !important;
}
.width_920{
width:920px !important;
}
.width_925{
width:925px !important;
}
.width_960{
width:960px !important;
}
.width_1030{
width:1030px !important;
}

/*
============================== height style  ==============================================
*/
.height20{
height:20px;
}
.height30{
height:30px;
}
.height35{
height:35px;
}
.height55{
height:55px;
}
.height60{
height:60px;
}
.height130{
height:130px;
}
.height155{
  height:155px;
}
.height200{
height:200px;
}
.height280{
height:280px;
}
.middle_15 span,
.middle_15 input,
.middle_15 img{
display:inline;
line-height:15px;
vertical-align:middle;
}
.middle_25 span,
.middle_25 input,
.middle_25 img{
display:inline;
line-height:25px;
vertical-align:middle;
}
.middle_30 span,
.middle_30 input,
.middle_30 img {
display:inline;
line-height:30px;
vertical-align:middle;
}
.middle_50 span,
.middle_50 input,
.middle_50 img {
display:inline;
line-height:50px;
vertical-align:middle;
}

.text_c{
text-align:center;
}
.text_r{
text-align:right;
}
.text_l{
text-align:left !important;
}

/*
===============a004ログアウト画面用==================
*/

.gotop_btn {
background:url(../../images/ja/gotop_btn.gif) top left no-repeat;
}

/*
===== break styles ===========================
*/
.wrb {
display:block;
word-wrap: break-word;
word-break: break-all;
}

.wrb2 {
display:block;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
.nowrap {
white-space:nowrap;
}

.wwrap_500{
word-wrap: break-word;      /* IE 5+ */
word-break: break-all;
width:500px;
}

.wwrap_member{
word-wrap: break-word;      /* IE 5+ */
word-break: break-all;
}

.wwrap_member_nospace{
word-wrap: break-word;      /* IE 5+ */
word-break: break-all;
}

.show-empty-cells{
border-collapse: collapse;
empty-cells: show;
}

/*
===== box styles ===========================
*/
.white_bg_box{
background:#ffffff !important;
}
.blue_bg_box{
background-color:#f6f7f9 !important;
}
.bg_box0 {
background:#ffffff !important;
}
.bg_box1 {
background:#f6f7f9 !important;
}
.orange_bg_box{
background-color:#ffefd5 !important;
}


/*
=================================
Firefox        :-moz-box-shadow
Safari, Chrome :-webkit-box-shadow
CSS3           :box-shadow
IE 8           :-ms-filter
IE 5.5 - 7     :filter
*/

.shadow_box {
-webkit-box-shadow: 4px 0px 8px -4px #c9c9c9,-4px 0px 8px -4px #c9c9c9, 0px 4px 8px -4px #c9c9c9,0px -4px 8px -4px #c9c9c9;
-moz-box-shadow: 4px 0px 8px -4px #c9c9c9,-4px 0px 8px -4px #c9c9c9, 0px 4px 8px -4px #c9c9c9,0px -4px 8px -4px #c9c9c9;
box-shadow: 4px 0px 8px -4px #c9c9c9,-4px 0px 8px -4px #c9c9c9, 0px 4px 8px -4px #c9c9c9,0px -4px 8px -4px #c9c9c9;
border:solid 1px #c9c9c9;
}

/*
===== list styles ===========================
*/
ul.horizontal {
  both:clear;
}
ul.horizontal li {
  float:left;
  margin-left:30px;
}
ul.horizontal li * {
  /*color:red;*/
}

ul.mrg_5 {
  margin:5px;
}
ul.mrg_5 li {
  margin:5px;
}
/*
===== button styles ===========================
*/
.btn {
display:block;
overflow:hidden;
border:none;
border-width:0;
cursor: pointer;
text-indent:-9999px;
line-height:0px;
}

.btn_a {
display:block;
overflow:hidden;
border:none;
border-width:0;
cursor: pointer;
margin-left:auto;
margin-right:auto;
text-indent:-9999px;
line-height:0px;
}

.btn_l {
display:block;
overflow:hidden;
border:none;
border-width:0;
float:left;
cursor: pointer;
text-indent:-9999px;
line-height:0px;
}

.btn_r {
display:block;
overflow:hidden;
border:none;
border-width:0;
float:right;
cursor: pointer;
text-indent:-9999px;
line-height:0px;
}

.btn_47x27 {
width:47px;
height:27px;
background-position: 0px 0px;
}
.btn_47x27:hover {
background-position: 0px -27px;
}

.btn_89x27 {
width:89px;
height:27px;
background-position: 0px 0px;
}
.btn_89x27:hover {
background-position: 0px -27px;
}

.btn_91x27 {
width:91px;
height:27px;
background-position: 0px 0px;
}
.btn_91x27:hover {
background-position: 0px -27px;
}


.btn_110x27 {
width:110px;
height:27px;
background-position: 0px 0px;
}
.btn_110x27:hover {
background-position: 0px -27px;
}

.btn_123x27 {
width:123px;
height:27px;
background-position: 0px 0px;
}
.btn_123x27:hover {
background-position: 0px -27px;
}

.btn_123x28 {
width:123px;
height:28px;
background-position: 0px 0px;
}
.btn_123x28:hover {
background-position: 0px -28px;
}

.btn_122x38 {
width:122px;
height:38px;
background-position: 0px 0px;
}
.btn_122x38:hover {
background-position: 0px -38px;
}

.btn_149x27 {
width:149px;
height:27px;
background-position: 0px 0px;
}
.btn_149x27:hover {
background-position: 0px -27px;
}


.btn_163x38 {
width:163px;
height:38px;
background-position: 0px 0px;
}
.btn_163x38:hover {
background-position: 0px -38px;
}

.btn_169x27 {
width:169px;
height:27px;
background-position: 0px 0px;
}
.btn_169x27:hover {
background-position: 0px -27px;
}

.btn_169x37 {
width:169px;
height:37px;
background-position: 0px 0px;
}
.btn_169x37:hover {
background-position: 0px -37px;
}

.btn_171x71 {
width:171px;
height:71px;
background-position: 0px 0px;
}
.btn_171x71:hover {
background-position: 0px -71px;
}

.btn_191x37 {
width:191px;
height:37px;
background-position: 0px 0px;
}
.btn_191x37:hover {
background-position: 0px -37px;
}

.btn_211x51 {
width:211px;
height:51px;
background-position: 0px 0px;
}
.btn_211x51:hover {
background-position: 0px -51px;
}

.btn_212x51 {
width:212px;
height:51px;
background-position: 0px 0px;
}
.btn_212x51:hover {
background-position: 0px -51px;
}

/* 複数ボタン 中央表示 */
.button_list {
margin: auto;
position: relative;
overflow: hidden;
}
.button_list ul {
position: relative;
left: 50%;
float: left;
}
.button_list li {
position: relative;
float: left;
left: -50%;
}
.button_list li a ,
.button_list li input {
}
.button_list li:first-child {
margin: 0;
}
*:first-child+html .button_list li {
margin: 0;
}

.btn_tbl{
width:840px;
margin:10px auto;
padding-top:10px;
}

.btn_tbl .td_l {
text-align:right;
padding-right:10px;
}

.btn_tbl .td_r {
text-align:left;
padding-left:10px;
}


/*
===== pager styles ===========================
*/

.listspot {
font-weight:bold;
margin:0 auto;
}

.page_link{
float:right;
}
.page_link li{
float:left;
padding-left:10px;
}
.page_link_right{
 padding-left:27px;
}
.page_link_left{
 padding-left:27px;
}

.wrb3 {
    display: table-cell;
    word-wrap: break-word;
    word-break:break-all;
    max-width:560px;
}

#thumbnail {
  height: 152px;
  max-width: 114px;
  margin: 5px 10px 10px 5px;
  object-fit: contain;
  font-family: 'object-fit: contain;'; /*IE対策*/
}

.align-item-center {
  display: flex;
  align-items: center;
}

.el-inline-block {
  display: inline-block;
}

.line-height-20 {
  line-height: 20px;
}