@charset "UTF-8";
/* conts配下共通スタイル */



/********************************************************************************
 * ブラウザスタイルのリセット
 * YUI 3.5.1 (build 22) - http://yuilibrary.com/license/
 ********************************************************************************/
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var
{font-style:normal;font-weight:normal}ol,ul{list-style:none}
caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}legend{color:#000}
#yui3-css-stamp.cssreset{display:none}

/* 追加リセット */
html { background: transparent; }
img { vertical-align: bottom; }
strong,em,h1,h2,h3,h4,h5,h6 { font-weight: bold; }



/********************************************************************************
 * 基本要素
 ********************************************************************************/
body {
  min-width: 990px; /* 960px + 15px + 15px */
  min-height: 300px;
  font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
  font-size: 12px;
  line-height: 1.6666666667; /* 20px */
  color: #333;
  background: #fff url(/member/_assets/common/img/bg_body.gif);
}
a {
  color: #00abeb;
  text-decoration: underline;
}
a:hover {
  color: #f60;
  text-decoration: none;
}



/********************************************************************************
 * レイアウト
 ********************************************************************************/
#header .inner,
#footer .inner,
#globalNav,
#topicpath,
#content {
  width: 960px;
  margin: 0 auto;
}
#header .inner {
  padding: 19px 0 18px;
}
#wrapper_upper {
  background: url(/member/_assets/common/img/bg_wrap.gif) repeat-x 0 0;
  padding-top:8px;
}



/********************************************************************************
 * ヘッダー
 * /css/common.css から移植
 ********************************************************************************/
#header {
  background: #fff;
  line-height: 1.5; /* 15px */
}
#header .inner {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  /zoom: 1;
}
#header .inner h1 {
  float: left;
}
#header .inner .headRight {
  float: right;
  margin-top: 4px;
  text-align: right;
}
#header .inner .headRight .desc,
#header .inner .headRight .btn,
#header .inner .headRight .btns {
  display: inline-block;
  /display: inline;
  /zoom:1;
  vertical-align: middle;
}
#header .inner .headRight .desc {
  font-size: 10px;
}
#header .inner .headRight .desc strong {
  font-weight: normal;
}
#header .inner .headRight ul {
  text-align: right;
}
#header .inner .headRight ul li {
  display: inline
}
#header .inner .headRight ul li a {
  color: #424242;
  font-size: 11px;
  text-decoration: none;
}
#header .inner .headRight ul li a:hover {
  color: #ff6600;
}



/********************************************************************************
 * グローバルナビ
 * /css/common.css から移植
 *
 * 注意：
 * body.cat-hoge での現在地表示の切り替えは、記述が残っていたとしても使用せず、
 * #gNav > li へ .currentPage の追加と画像パスの書き換え（_off→_on）で切り替えます。
 ********************************************************************************/
#gNav {
  margin: 0 auto;
  width: 960px;
  background: #424242;
  overflow: hidden;
  /zoom: 1;
}
#gNav li {
  float: left;
}

/* （使用しない）

#globalNav {
  margin-top: 8px;
  background: #424242;
  overflow: hidden;
  /zoom: 1;
}
#globalNav li {
  float: left;
}
#globalNav li a {
  display: block;
}

/* 現在地表示 *!/
body.cat-top    #globalNav li.gnav1 img,
body.cat-search #globalNav li.gnav2 img,
body.cat-event  #globalNav li.gnav3 img,
body.cat-useful #globalNav li.gnav4 img,
body.cat-mypage #globalNav li.gnav5 img { visibility: hidden; }
body.cat-top    #globalNav li.gnav1 a { background: url(../img/btn_gnav1_on.png) no-repeat; }
body.cat-search #globalNav li.gnav2 a { background: url(../img/btn_gnav2_on.png) no-repeat; }
body.cat-event  #globalNav li.gnav3 a { background: url(../img/btn_gnav3_on.png) no-repeat; }
body.cat-useful #globalNav li.gnav4 a { background: url(../img/btn_gnav4_on.png) no-repeat; }
body.cat-mypage #globalNav li.gnav5 a { background: url(../img/btn_gnav5_on.png) no-repeat; }

*/



/********************************************************************************
 * フッター
 ********************************************************************************/
#footer {
  margin-top: 60px;
  background: #fff;
  box-shadow: 0 -5px 3px rgba(0, 0, 0, .05);
}
#footer .inner {
  position: relative;
  padding: 12px 0 14px;
}
#footer .toPageTop {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -25px;
}
#footer .toPageTop a {
  display: block;
  width: 91px;
  height: 25px;
  background: url(/member/_assets/common/img/btn_topagetop.gif) no-repeat;
  text-indent: -500px;
  overflow: hidden;
  /zoom: 1;
}
#footer .toPageTop a:hover {
  background-position: 0 -25px;
}
#footer .copyright {
  font-size: 9px;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
}



/* 追加 ここから */
#container,
#wrapper_upper {
  background: url(/member/_assets/common/img/bg_body.gif) repeat;
  position: relative;
  padding-top: 0; }
#container:before,
#wrapper_upper:before {
  content: '';
  display: block;
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 42px;
  background: #8c8c8c; }
#header .inner {
  padding: 19px 0 18px; }
#gNav {
  position: relative;
  z-index: 1; }
#gNav a {
  display: block;
  background: white; }
#gNav a img {
  transition: all 200ms ease; }
#gNav a:hover img {
  opacity: .8; }
.width_1030 {
  width: 1030px; }
.margin_a, .margin_lr_a {
  margin-left: auto;
  margin-right: auto; }
#footer {
  box-shadow: none; }
#wrapper_upper .clearfix:after {
  content: "";
  display: block;
  clear: both; }
iframe[name="google_conversion_frame"] {
  position: absolute;
  bottom: 0; }
#wrapper_upper #GlobalFooter {
  margin-bottom: 0; }
.js-pagetop {
  position: fixed;
  right: -54px;
  bottom: 10px;
  width: 44px;
  height: 44px;
  background: url(/member/_assets/common/img/icon_pagetop.png) no-repeat 50% 50%;
  background-color: #ccc;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 2px;
  opacity: .8;
  cursor: pointer;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease; }
.js-pagetop:hover {
  opacity: 1; }
.js-pagetop.is-active {
  right: 10px; }
/* 追加 ここまで */