@charset "utf-8";
html,body{ margin:0; padding:0; } img{ border:none; }
#endepa,#endepa body{ overflow:hidden; }



/* information */
#endepaInformation { width:720px; padding:12px 9px 9px; border:1px solid #D6D8D9; border-bottom-width:3px; }
#content #endepaInformation { width:560px; padding:0; border:none; }
#endepaInformation #infoBar { overflow:hidden; position:relative; width:720px; height:36px; background:url(/images/common/information/bg_information.png) no-repeat right 0; }
#content #endepaInformation #infoBar { width:560px; }
#endepaInformation #infoBar h2{ position:absolute; z-index:1; top:0; left:0; margin:0; padding:0; background-image:none; }
#endepaInformation #infoBar ul{ overflow:hidden; position:relative; width:100%; height:36px; margin:0; padding:0; }
#endepaInformation #infoBar ul li{ position:absolute; left:720px; padding:2px 0 0 124px; white-space:nowrap; line-height:36px; list-style-type:none; font-size:small; }
#content #endepaInformation ul li { width:560px; }
#endepaInformation #infoBar ul li a{ color:#2db3eb; /*color:#1e2021;*/ text-decoration:none; font-size:small; }
#endepaInformation #infoBar ul li a:hover{ color:#0083cd; }
#endepaInformation #infoBar p{ position:absolute; z-index:1; top:7px; right:7px; margin:0; padding:0; }




/* ranking */
#content #endepaRankingView { width:560px; padding:0; border:none; }
#endepaRankingView { width:708px; padding:10px 15px; border:1px solid #D6D8D9; border-bottom-width:3px; }
#endepaRankingView h2 { margin:0 0 8px; padding:8px 0 10px 19px; background: url("/images/common/h2_bg.gif") left bottom no-repeat; }
#endepaRankingView h2 img { display:block; }

#endepaRankingView ul.tabNav { margin-bottom:10px; width: 560px; overflow: hidden; position:relative; background:url(/images/common/bg_tab.gif) bottom repeat-x; }
#endepaRankingView ul.tabNav li { float: left; margin:0 0 0 10px; padding:5px 10px; text-align: center; border:1px solid #D6D8D9; background:#EBEEEF; display: inline-block; position: relative; z-index: 0; cursor: pointer; }
#endepaRankingView ul.tabNav li.select { background:#FFFFFF; border-bottom:1px solid #FFFFFF; }

#endepaRankingView div.tabBody{ display:none; }
#endepaRankingView ul.columns { overflow:hidden; margin:0 0 10px; padding:0; }
#endepaRankingView ul.columns li{ float: left; margin:0; padding:0; }
#endepaRankingView ul.columns li.column3{ width: 233px; }
#endepaRankingView ul.columns li.column3 p.photo span,
#endepaRankingView ul.columns li.column3 p.photo a{ width:233px; }
#endepaRankingView ul li.itemList { position:relative; margin-right:1px; width: 174px; border: 1px solid #D6D8D9; border-bottom-width:3px; list-style-type:none; }
#content #endepaRankingView ul li.itemList { width: 183px; }
#endepaRankingView ul li.itemList h3 { position:absolute; top:4px; left:4px; margin:0; }
#endepaRankingView ul li.itemList p{ margin:0; }
#endepaRankingView ul li.itemList p.photo { display:block; overflow:hidden; width:100%; height:165px; }
#endepaRankingView ul li.itemList p.photo span,
#endepaRankingView ul li.itemList p.photo a{ display: table-cell; width:174px; height:165px; background-color:#fff; vertical-align:middle; }
#endepaRankingView ul li.itemList p.photo img{ display:block; width:135px; height:auto; margin:0 auto; }
#endepaRankingView ul li.itemList p.photo img.logo{ margin-top:20px; /margin-top:60px; }
#endepaRankingView ul li.itemList p.info{ overflow:hidden; width:98%; height:45px; padding:3px 1%; border-top: 1px solid #D6D8D9; background: #FBFBFB; line-height:1.3; font-size:small; }
#endepaRankingView ul li.itemList p.info span{ white-space:nowrap; }
#endepaRankingView ul li.itemList p.info span.itemName,
#endepaRankingView ul li.itemList p.info span.floor { display:block; }
#endepaRankingView ul li.itemList p.info span.floor { opacity:0.8; font-size:smaller; }




/* flyer */
#content #endepaFlyer { margin-top: 10px; }
#endepaFlyer { width:220px; }
div#endepaFlyer h2,
div#endepaFlyer p{ margin:0; padding:0; }
#endepaFlyer h2 img{ display:block; }
#endepaFlyer p.flyer { overflow:hidden; width:220px; height:305px; background:url(/images/common/flyer/bg_flyer_body.png) repeat-y center top; }
#endepaFlyer p.flyer a{ display:block; width:199px; height:279px; margin:12px auto; background:#fff; box-shadow:4px 4px 4px rgba(4,0,0,0.49); behavior: url("/PIE.htc");}
#endepaFlyer p.flyer a img{ width:199px; height:auto; }
#endepaFlyer p.info { width:218px; border: 1px solid #D6D8D9; border-bottom-width:3px; background:#fff url(/images/common/ico_pdf.png) no-repeat 15px 15px; }
#endepaFlyer p.info a { display:block; padding:12px 15px 12px 47px; line-height:1.3; text-decoration:none; font-size:small; color:#424748; }
#endepaFlyer p.info a strong { display:block; color:#2db3eb; }
#endepaFlyer p.info a:hover { opacity:0.8; }
#endepaFlyer p.info span.attention { font-size: 11px; }



/* sns */
.snsBanner { position:relative; width:220px; margin-bottom:16px; }
#sidebar .snsBanner img { margin: 0; }
#youTubeSection { overflow:hidden; height:250px; padding-top:4px; background:url(/images/common/youtube/bg_youtube.png) no-repeat 103px top; }
#youTubeSection p{ margin:0; padding:0; }
#youtubeChannel { height:200px; }
#content #contentRight #youTubeSection h2,
#youTubeSection h2{ position:absolute; top:0; right:4px; margin:0; padding:0; z-index: 100; }
#youTubeSection h2 img{ display:block; }
#youTubeSection h3{ display:none; }
#twitterSection { overflow:hidden; width:165px; height:51px; padding:2px 5px 2px 50px; background:#2db3eb url(/images/common/twitter/logo_twitter.png) no-repeat 12px center; }
#twitterSection a{ text-decoration:none; font-size:11px; color:#fff; }
#facebookSection *{ display:block; margin:0; padding:0; }