@charset "utf-8";
/* ---------------------------------- */

/*
 * Dailyrusset
 * 2012
 *
 * index.css
 *
 *
 */

/* ---------------------------------- */


/*
 *  TABLE OF CONTENTS
 *
 *  @Contents
 *  @Footer
 *
 */

/* ---------------------------------- */

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}


/* @Contents
===========*/
#contents {}

#contents_inner {
  height: 1485px;
  position: relative;
}

/* 縦線 */
.borderR,
.borderRS,
.borderR2 {
  width: 10px;
  position: absolute;
  background: #225942;
}

.borderR {
  height: 1500px;
  top: 0;	left: 233px;
}

.borderRS {
  height: 900px;
  top: 600px;	left: 476px;
}

.borderR2 {
  height: 1500px;
  top: 0;	left: 719px;
}


/* 各ボックスのベース */
.eachBox {
  position: absolute;
  height: 300px;
}

.eachBox .discription {
  line-height: 1.6;
}

.eachBox .btn_more {
  position: absolute;
  right: 10px; bottom: 10px;
}


/* 各要素 - ITEM */
.item {}

.item_inner {
  padding: 13px;
  height: 259px;
}

.item .thumbnail {
  width: 200px;
  height: 200px;
  position: relative;
  background: #fff;
}

.item .thumbnail .categorylabel {
  position: absolute;
  z-index: 10;
  top: 0; left: 0;
}

.item .title {
  padding: 8px 0 2px;
  text-align: center;
}

.item-01 {top: 0; left: 0;}
.item-02 {top: 300px; left: 0;}
.item-03 {top: 900px; left: 0;}
.item-04 {top: 600px; left: 243px;}
.item-05 {top: 1200px; left: 243px;}
.item-06 {top: 600px; left: 486px;}
.item-07 {top: 900px; left: 486px;}
.item-08 {top: 900px; left: 729px;}
.item-09 {top: 1200px; left: 729px;}


/* 各要素 - CONCEPT */
.concept {top: 600px; left: 0;}
.concept .discription {padding: 0 6px;}


/* 各要素 - LINK */
.link {top: 1200px; left: 0;}


/* 各要素 - BLOG */
.blog {top: 900px; left: 243px;}

.blog .btn_pressblog {
  position: absolute;
  bottom: 30px; left: 40px;
}

.blog .btn_more {
  position: absolute;
  bottom: 86px; right: 10px;
}


/* 各要素 - ONLINE STORE */
.ec {top: 1200px; left: 486px;}


/* 各要素 - NEWS PRESS */
.news-press {
  top: 600px;	left: 729px;
}

.news-press .eachBox_inner {
  height: 389px;
}


/* 各要素 - PICKUP */
.eachBox.pickup {
  background: url(../images/index/bg_recommend_top.gif) no-repeat 0 0;
  width: 476px; height: 600px;
  top: 0; left: 243px;
}

.pickup .eachBox_inner {
  height: 559px;
  _height: 559px;
  padding: 10px 13px 16px;
}

.pickup .thumbnail {
  margin-top: 13px;
  background: #fff;
}

.pickup .title {
  padding: 5px 0 2px;
  text-align: center;
}

.pickup .badge_pickup {
  position: absolute;
  top: 375px;
  left: 292px;
  z-index: 100;
}

.pickup .badge_pickup1 {
  position: absolute;
  top: 75px;
  left:auto
  z-index: 10;
}

.pickup .badge_pickup2 {
  position: absolute;
  top: 390px;
  left: 295px;
  z-index: 200;
}

.pickup .badge_pickup3 {
  position: absolute;
  top: 390px;
  left: 295px;
  z-index: 150;
}

/* ---------------------------------- */

/* @Footer
===========*/
#footer {
  background: url(../images/index/bg_contents_bottom.gif) no-repeat 0 0; /*緑縁コンテンツ下部*/
}