@charset 'utf-8';

/* common_v2.css 1.0.0 */

/* table of contents
==========================

responsive

common
 link text
 nav button
 alertBox
 activity badge
 btnView
 list type48
 list type64

follow

snsbtn
 share
 comment
 like

navigations
 pageTop

==========================
*/

/* responsive
==========================*/
#rics-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#rics-content{
  padding: 0 0 20px;
  background-color: #efefef;
  color: #333;
  *zoom: 1;
}
#rics-content:before, #rics-content:after {
  content: "";
  display: table;
}
#rics-content:after {
  clear: both;
}
#rics-content-wrapper{
  position: relative;
  overflow: hidden;
}
#rics-main{
  width: 100%;
  overflow: hidden;
}
#rics-main,
#rics-sub {
  margin-bottom: 20px;
}
#rics-sub{
	margin-top: 10px;
}
.rics-column {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}



/* common
==========================*/
/* link text */
a{
  text-decoration: none;
}
a:link{
  color: #436C92;
}
a:visited{
  color: #639;
}
a:hover{
  color: #436C92;
  text-decoration: underline;
}
a:active{
  color: #CC3434;
}
.buzzInfo em{
  font-weight: bold;
}
.buzzInfo.mp em{
  color: #CC0000;
}
.buzzInfo.mp_o em{
  color: #e88b00;
}
.buzzInfo span{
  color: #999;
}

/* nav button */
nav .prev,
nav .next{
  _position: static; /*IE6でページボタンが右にずれる問題の対処*/
  display:inline-block;
  width: 18px;
  height: 22px;
  vertical-align: middle;
  _vertical-align: top;
  outline: none;
  /zoom: 1;
  padding: 2px;
}
nav .prev{
  margin-right: 20px;
}
nav .prev span,
nav .next span{
  display: none;
}
nav .enabled_p,
nav .enabled_n,
nav .disabled_p,
nav .disabled_n{
  background: url(../../ic_arrow_sprite.png) no-repeat;
}
nav .enabled_p,
nav .enabled_n{
  background-color: #fff;
}
nav .enabled_n{
  background-position: 8px 8px;
}
nav .disabled_n{
  background-position: 8px -52px;
}
nav .enabled_p{
  background-position: 8px -113px;
}
nav .disabled_p{
  background-position: 8px -173px;
}
nav .enabled_n,
nav .enabled_p{
  border: 1px solid #999;
  border-radius: 2px;
}
nav .enabled_n:hover,
nav .enabled_p:hover{
  border: 1px solid #333;
}
nav .disabled_n,
nav .disabled_p{
  color: #ccc;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  cursor: default;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	nav .enabled_p,
	nav .enabled_n,
	nav .disabled_p,
	nav .disabled_n{
	  background: #fff url(../../ic_arrow_sprite_x2.png) no-repeat;
	  -webkit-background-size: 6px 191px;
	  background-size: 6px 191px;
	}
    nav .enabled_n{
      background-position: 8px 8px;
    }
    nav .disabled_n{
      background-position: 8px -52px;
    }
    nav .enabled_p{
      background-position: 8px -113px;
    }
    nav .disabled_p{
      background-position: 8px -173px;
    }
}

/* alertBox */
.alertBox{
	background:#FFEFB0;
	border:#FFD325 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:88%;
    margin: 0 auto 10px;
}
.alertBox .alert{
	margin:13px;
	width:auto;
	}
.alertBox .alert p{
	background:url(../../ic_alert.png) left center no-repeat;
	padding-left:35px;
	margin:0 auto;
	min-height:21px;
	}
.alertBox .alert p em{
  font-weight: bold;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .alertBox .alert p{
    background: url(../../ic_alert_2x.png) left center no-repeat;
    -webkit-background-size: 24px 21px;
  }
}
#rics-content.user .alertBox{
    margin: 0 auto 20px;
}

/* announceBox */
.announceBox{
    margin: 0 auto 10px;
	padding: 13px 0;
	border:#E6E6E6 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
    background: #fff;
	font-size:88%;
}
.announceBox p{
 	padding: 0 20px;
}
.announceBox .ttl{
	font-weight: bold;
}

/* info */
.noticeBox{
    background-color:#EBF0FA;
    border:1px #B0C3EB solid;
	margin: 10px auto;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.noticeBox div{
    margin:12px 20px;
    padding-left:30px;
    background:url(../../ic_info.png) no-repeat left center;
    font-size:14px;
	min-height: 25px;
	line-height: 25px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .noticeBox div{
        margin:12px 10px;
        background-image:url(../../ic_info_2x.png);
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    }
}


/* activity badge */
.activity{
  min-height: 16px;
  padding: 2px 4px 2px 24px;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  line-height:1;
}
.activity h4{
  display: none;
}
.activity .num{
  display: inline-block;
  font-size: 68%;
  /float:left;
  /padding-bottom: .2em;
}
.activity.yjxShare{
  background: no-repeat url(../../ic_share.png) 4px 50% #fff;
}
.activity.yjxCmt{
  background: no-repeat url(../../ic_cmt.png) 4px 50% #fff;
}
.activity.yjxView{
  background: no-repeat url(../../ic_pv.png) 4px 50% #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .activity.yjxShare{
    background: no-repeat url(../../ic_share_2x.png) 4px 50% #fff;
    -webkit-background-size: 16px 16px;
  }
  .activity.yjxCmt{
    background: no-repeat url(../../ic_cmt_2x.png) 4px 50% #fff;
    -webkit-background-size: 16px 16px;
  }
  .activity.yjxView{
    background: no-repeat url(../../ic_pv_2x.png) 4px 50% #fff;
    -webkit-background-size: 16px 16px;
  }
}

/* .btnView */
.btnView,
.btnView:link,
.btnView:visited {
  display: inline-block;
 /display: inline;
 /zoom: 1;
 cursor: pointer;
 margin: 0.2em 0;
 padding: 0.1em 0.5em;
 text-decoration: none;
 line-height: normal;
 border: 1px solid #d0d0d0;
 border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
 color: #333;
 text-decoration: none;
 background: #fefefe;
 background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
 background-size: 100%;
 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
 background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
 background-image: -moz-linear-gradient(top, #ffffff, #efefef);
 background-image: -o-linear-gradient(top, #ffffff, #efefef);
 background-image: -ms-linear-gradient(top, #ffffff, #efefef);
 background-image: linear-gradient(to bottom, #ffffff, #efefef);
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 -o-border-radius: 2px;
 border-radius: 2px;
 outline: none;
 }
.btnView:hover { border-color: #aaa;
 border-color: rgba(0, 0, 0, 0.3);
 color: #333;
 text-decoration: none;
 background: #fafafa;
 background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
 background-size: 100%;
 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #eeeeee));
 background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
 background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
 background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
 background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
 background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
 /zoom: 1;
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFEEEEEE');
 }
.btnView:active {
 color: #333;
 -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
 -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
 box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px inset;
 }
.btnView.primary {
border-color: #A1BC4E #84A325 #718C20 #84A325 ;
 background: #9CC22C;
 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmZDczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGI0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background-size: 100%;
 background-image: -moz-linear-gradient(top,  #afd737 0%, #90b424 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afd737), color-stop(100%,#90b424));
 background-image: -webkit-linear-gradient(top,  #afd737 0%,#90b424 100%);
 background-image: -o-linear-gradient(top,  #afd737 0%,#90b424 100%);
 background-image: -ms-linear-gradient(top,  #afd737 0%,#90b424 100%);
 background-image: linear-gradient(to bottom,  #afd737 0%,#90b424 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd737', endColorstr='#90b424',GradientType=0 );
 /zoom: 1;
 color: #fff;
 text-shadow: rgba(12,46, 30, 0.4) 0 0 2px;
}
.btnView.primary:hover {
   color: #fff;
  border-color: #809345 #5E751A #516317 #5E751A;
   background: #91B524;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYzgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2E4MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #a0c828 0%, #87a822 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0c828), color-stop(100%,#87a822));
  background-image: -webkit-linear-gradient(top,  #a0c828 0%,#87a822 100%);
  background-image: -o-linear-gradient(top,  #a0c828 0%,#87a822 100%);
  background-image: -ms-linear-gradient(top,  #a0c828 0%,#87a822 100%);
  background-image: linear-gradient(to bottom,  #a0c828 0%,#87a822 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0c828', endColorstr='#87a822',GradientType=0 ); background-size: 100%; *zoom: 1;
}
.btnView[disabled],
.btnView.disabled,
.btnView.disabled:hover,
.btnView.primary.disabled,
.btnView.primary.disabled:hover{
  color: #999;
  background: #efefef;
  border-color: #e3e3e3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  filter:none;
}


/* pageTop
========================== */
.pageTop {
  position: fixed;
  display: block;
  width: 53px;
  height: 50px;
  right: 0;
  bottom: 40px;
  opacity: 0.5;
  /filter: alpha(opacity=50);
  -ms-filter: "alpha(Opacity=50)";
}
:root .pageTop { /* ie9 */
  /filter: none;
  -ms-filter: none;
}
.pageTop.hide{
  display: none;
}
.pageTop a{
  display: block;
  width: 53px;
  height: 50px;
  text-indent: -9999px;
  background: #000 url(../../ic_arrow_pagetop.png) no-repeat 50% 50%;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .pageTop a{
    background-image: url(../../ic_arrow_pagetop_2x.png);
    -webkit-background-size: 29px 18px;
    background-size: 29px 18px;
  }
}

.subBnr{
  margin: 0 auto 20px auto;
}
.subBnr a,.subBnr img{
  display: block;
  margin: 0 auto;
}