@charset "utf-8";

 /* ==============================  resizeArea */
.resizeArea{ }
/* only lineup.html */
.resizeArea2{ }
 
/* ==============================  box */
div.box { margin:0 12px 12px 0; padding: 0; border: 0; }

/* linkbox */
div.box.linkbox { cursor:pointer; }

/* ============================== single */
div.box.single { width:230px; height:240px; background-image:url(http://www.shinchosha.co.jp/gruri/image/common/bg_box_single.png); background-repeat:no-repeat; background-position:left top; }
div.box.single .container { width:215px; height:225px; padding:6px 9px 0 6px; overflow:hidden; }
div.box.single.container .img { position:relative; width:215px; height:197px; margin:0 auto; text-align:center; overflow:hidden; }
div.box.single .cate { width:227px; height:6px; margin:0 3px 3px 0; }

/* linkbox */
div.box.single.art.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_slink_art.png) no-repeat; }
div.box.single.travel.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_slink_travel.png) no-repeat; }
div.box.single.topics.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_slink_topics.png) no-repeat; }
div.box.single.life.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_slink_life.png) no-repeat; }
div.box.single.series.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_slink_series.png) no-repeat; }


/* ============================== double */
div.box.double { width:472px; height:240px; background-image:url(http://www.shinchosha.co.jp/gruri/image/common/bg_box_double.png); background-repeat:repeat-y; background-position:left top; }
div.box.double .container { width:457px; height:225px; padding:6px 9px 0 6px; overflow:hidden; }
div.box.double .container .img { position:relative; width:457px; height:197px; margin:0 auto; text-align:center; overflow:hidden; }
div.box.double .cate { width:469px; height:6px; margin:0 3px 3px 0; }

/* linkbox */
div.box.double.art.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_dlink_art.png) no-repeat; }
div.box.double.travel.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_dlink_travel.png) no-repeat; }
div.box.double.topics.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_dlink_topics.png) no-repeat; }
div.box.double.life.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_dlink_life.png) no-repeat; }
div.box.double.series.linkbox :hover { background:url(http://www.shinchosha.co.jp/gruri/image/common/box_dlink_series.png) no-repeat; }




div.box .container .iconbox { padding-top:3px; }
div.box .container #date { width:80px; float:right; font-size:10px; text-align:right; }
div.box .container #share_btn { float:left; width: 100px; height: 18px; }
#share_btn .top-bt-twitter, #share_btn .top-bt-facebook { margin-top:2px;  display: block; height: 18px; vertical-align: top; }
#share_btn .top-bt-twitter { float: right; }
#share_btn .top-bt-facebook { float: left; }
#share_btn .top-bt-twitter .tw-share-button, #share_btn .top-bt-facebook .fb-like-button { position: relative; display: inline-block; padding: 0; background: none; margin-left: 5px; padding-left: 1px; padding-right: 1px; width: 20px; border: 1px solid #bbbbbb; border-radius: 3px; color: #000; font-size: 10px; font-family: Helvetica, arial, sans-serif; text-decoration: none; line-height: 16px; vertical-align: top; text-align: center; }
#share_btn .top-bt-twitter .tw-share-button:after, #share_btn .top-bt-facebook .fb-like-button:after { content: ''; position: absolute; display: block; left: -4px; top: 6px; width: 4px; height: 8px; background: transparent url(http://www.shinchosha.co.jp/gruri/image/common/top_fbtw_arrow.gif) no-repeat left top; }
#share_btn .top-bt-twitter .tw-share-button:hover { text-decoration: underline; }


/* ============================== toppickup */
div.box.toppickup { width:726px; height:402px; }
div.box.toppickup .container { margin:0 12px 0 0; padding:0 0 12px 0; border: 0; }
div.box.toppickup .container #picup { float:left; width:472px; height:390px; }
div.box.toppickup .container #toprank { float:right; width:230px; height:390px; }


/* ============================== toppickup */
div.box.toppickup { width:726px; height:402px; }
div.box.toppickup .container { margin 0 auto; padding:0 0 12px 0; border: 0; }
div.box.toppickup .container #picup { float:left; width:472px; height:390px; }
div.box.toppickup .container #toprank { float:right; width:230px; height:390px; }

/* ============================== �J�e�S���g�b�v�y�[�Wpickup */
div.box.cate { width:714px; height:243px; margin:0 12px 12px 0; background-image:url(http://www.shinchosha.co.jp/gruri/image/common/cate/bg.png);  }
div.box.cate .container { padding:6px 6px 9px 6px; border: 0; }
div.box.cate .container #vi { float:left; width:164px; height:228px; }
div.box.cate .container #main { float:right; width:529px; height:228px; }


/* ============================== �e�G���J�e�S���g�b�v�y�[�W */
div.box.cate2 { width:714px; height:243px; margin:0 12px 12px 0; }