@charset "UTF-8";
/*!
*  Style.css | 2015.16.01 by nakajima
*/
/* 共通スタイル設定
   ========================================================================== */
/*!
 *  Variables | 2015.11.02 by yk
 */
/* 汎用設定
   ========================================================================== */
.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.left {
  float: left; }

.right {
  float: right !important; }

#contents #rightContents h2 {
  margin-bottom: 10px;
  padding: 5px 20px;
  font-size: 18px;
  color: #FFF;
  background: #4D463D; }
  #contents #rightContents h2 span {
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
    font-weight: normal; }
#contents #rightContents h3 {
  color: #fff;
  padding: 4px 10px;
  margin: 10px 0; }
#contents #rightContents #open {
  background: #D31519; }
#contents #rightContents #close {
  background: #C1C1C1; }
#contents #rightContents #renewal {
  background: #FFA426; }
#contents #rightContents .btnArea {
  overflow: hidden; }
  #contents #rightContents .btnArea li {
    float: left;
    width: 228px;
    text-align: center;
    border-radius: 6px;
    margin: 24px 13px; }
    #contents #rightContents .btnArea li a {
      display: block;
      font-size: 20px;
      padding: 10px; }
    #contents #rightContents .btnArea li a:hover {
      text-decoration: none; }
  #contents #rightContents .btnArea li:hover {
    opacity: 0.8; }
  #contents #rightContents .btnArea .red {
    border: #D31519 3px solid; }
    #contents #rightContents .btnArea .red a {
      color: #D31519; }
  #contents #rightContents .btnArea .or {
    border: #FFA426 3px solid; }
    #contents #rightContents .btnArea .or a {
      color: #FFA426; }
  #contents #rightContents .btnArea .gr {
    border: #C1C1C1 3px solid; }
    #contents #rightContents .btnArea .gr a {
      color: #C1C1C1; }
#contents #rightContents .contentsBox {
  overflow: hidden; }
  #contents #rightContents .contentsBox .openBox {
    width: 362px;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: #EFEFEF 2px solid; }
    #contents #rightContents .contentsBox .openBox .title {
      font-size: 16px;
      font-weight: bold; }
    #contents #rightContents .contentsBox .openBox ul .image {
      float: left; }
      #contents #rightContents .contentsBox .openBox ul .image img {
        width: 160px; }
    #contents #rightContents .contentsBox .openBox .text {
      float: left;
      margin: 20px; }
      #contents #rightContents .contentsBox .openBox .text li {
        margin-bottom: 8px; }
      #contents #rightContents .contentsBox .openBox .text .category {
        background: #D5B72A;
        text-align: center;
        width: 100px;
        color: #fff; }
        #contents #rightContents .contentsBox .openBox .text .category a {
          color: #fff;
          display: block; }
        #contents #rightContents .contentsBox .openBox .text .category a:hover {
          text-decoration: none;
          opacity: 0.8; }
      #contents #rightContents .contentsBox .openBox .text .category:hover {
        opacity: 0.8; }

/*# sourceMappingURL=style.css.map */