@charset "shift_jis";

/*-------------------------------------------------------------------
 *
 * File Name   : top.css
 *
-------------------------------------------------------------------*/

#top { background:url(../common/images/bg_01.gif) repeat-x left top; }
#top #wrapper { position:relative; width:100%; min-width:940px; margin:0 auto; padding:0; text-align:left; }

#top #wrapper .head { width:100%; min-width:940px; max-width:1375px; height:auto; min-height:300px; margin:20px auto 0 auto; background:url(../images/head_bg_01.png) no-repeat center top; text-align:center; }
#top #wrapper .head .list li { text-indent:-9999px; }

#top #contents { width:940px; height:auto !important; margin:0 auto; padding:0; background:none; }
#top #contents a:hover img { opacity:0.8; filter:alpha(opacity=80); }

#top .sns { width:906px; height:23px; padding-right:4px; overflow:hidden; }
#top .sns li { float:right; padding-right:5px; line-height:1; }
#top .sns li.facebook { padding-right:0; }

#top #contents .main_col { width:850px; margin:0 auto; }
#top #contents .main_col .left_col { float:left; width:410px; }
#top #contents .main_col .right_col { float:right; width:410px; }

#top #contents .main_col .topics { width:410px; height:227px; margin-top:30px; background:url(../images/topics_bg_01.gif) no-repeat left top; }
#top #contents .main_col .topics .topics_inner { padding:5px; }
#top #contents .main_col .topics dl { height:159px; margin-top:15px; padding:0 10px; text-align:left; overflow:auto; }
#top #contents .main_col .topics dt { margin-top:15px; font-size:84%; }
#top #contents .main_col .topics dt:first-child { margin-top:0; }
#top #contents .main_col .topics dd { padding-bottom:15px; border-bottom:1px #ccc solid; }

#top #contents .main_col .mm { width:390px; height:94px; margin-top:20px; padding:10px; background:url(../images/mm_bg_01.gif) no-repeat left top; text-align:center; }
#top #contents .main_col .mm .txt { height:15px; margin-top:5px; overflow:hidden; }
#top #contents .main_col .mm .txt a:hover img { position:relative; top:-15px; opacity:1; filter:alpha(opacity=100); }

#top #contents .main_col .cm { margin-top:20px; }

#top #contents .main_col .fb { width:410px; height:465px; margin-top:30px; background:url(../images/fb_bg_01.gif) no-repeat left top; }
#top #contents .main_col .fb .fb_inner { padding:5px; }
#top #contents .main_col .fb .likebox { position:relative; width:380px; height:415px; margin:0 auto; overflow:hidden; }
#top #contents .main_col .fb .likebox iframe { position:relative; left:-1px; top:-1px; }

#top #contents .main_col .tieup { width:410px; margin-top:20px; }
#top #contents .main_col .tieup .bnr { }

#top #contents .main_col .special { margin-top:20px; }


/* @group js ----------------------------------------- */
.pickup { width:406px; height:244px; margin-top:20px; padding:2px; background:url(../images/pickup_bg_01.png) no-repeat left top; }
.pickup .pickup_inner { position:relative; left:0; top:0; width:406px; height:244px; overflow:hidden; }
.pickup .rot { position:absolute; left:0; top:0; }
.pickup .rot li { float:left; width:406px; }
.pickup .arrow { position:relative; }
.pickup .arrow li { position:absolute; }
.pickup .arrow li.prev { left:0; top:97px; }
.pickup .arrow li.next { right:0; top:97px; }

/* END */