@charset "UTF-8";
/* ============================================================

 * www.ahndante.com
 * layout.css
 *
 * copyright : J:COM
 * author    : creative iD
 
============================================================ */

/*
 * layout
 */
body { background: #fff url(../img/bg_main.gif) repeat-x top center; }
#container { }
#container-inner { width: 900px; margin: auto; }
#header { position: relative; width: 900px; height: 80px; margin: 0 auto 10px auto; }
#header h1 { position: absolute; top: 19px; }
#header h1 a { text-indent: -9999px; width: 163px; height: 40px; display: block; margin: 0; background: url(../img/img_logo.jpg) no-repeat; }
#header #bnr-bokin { position: absolute; z-index: 10000; top: 8px; right: 0px; }
#header #gnavi { position: absolute; bottom: 12px; right: 0px; }
#header #gnavi-inner { position: relative; }
#header #gnavi ul li { float: left; margin-left: 5px; }
#header #gnavi ul li a { display: block; }
#information { position: relative; height: 40px; }
#information #news-ticker { position: absolute; left: 0px; }

#news-ticker { clear: both; width: 540px; height: 26px; margin-bottom: 12px; border: solid #fff 1px; background: #fff url(../img/bg_newsticker.gif) repeat-y }
#news-ticker dl { font-size: 85%; }
#news-ticker dl dt { float: left; line-height: 2.5; color: #fff; width: 82px; height: 26px; padding-left: 8px; display: block; }
#news-ticker dl dd { float: right; line-height: 2.5; padding-left: 8px; width: 442px; }

#information #serachbox { position: absolute; top: 3px; right: 33px; }
#cse-search-box { position: relative; }
#q { width: 205px; height: 16px; background: #ccc; border: none; padding: 4px; }
#sa { position: absolute; top: 0; _top: 1px; left: 213px; }
*:first-child + html #cse-search-box { top: 1px; }

#pankuzu { clear: both; height: 16px; margin-bottom: 5px; padding-top: 13px; }
#pankuzu ul li { font-size: 77%; line-height: 1.5; float: left; margin-right: 10px; padding-right: 12px; background: url(../img/ico_arrow01.gif) no-repeat center right; }
#pagetitle { clear: both; height: 150px; margin-bottom: 20px; }
#content { width: 900px; margin-top: 15px; }
#content-inner { padding-bottom: 45px; }
.content-box { padding: 25px 45px 35px 45px; opacity: 0.90; filter: alpha(opacity=90); -moz-opacity:0.90; border: solid #dadacb 1px; background: #fff; }
.content-box2 { padding: 25px 25px 35px 25px; opacity: 0.90; filter: alpha(opacity=90); -moz-opacity:0.90; border: solid #dadacb 1px; background: #fff; }
.pagetop { text-align: right; margin: 10px 0; }
.pagetop a { font-size: 85%; line-height: 1.4; padding-left: 16px; display: inline-block; background: url(../img/ico_pagetop.gif) no-repeat center left; }

#footer .footer-link { font-size: 85%; line-height: 1.3; text-align: center; }
#footer { clear: both; }
#footer #footer-inner { width: 900px; margin: auto; }
#footer-bnr { width: 900px; margin-bottom: 15px; padding: 15px 0; border: solid #d5d4c3 1px; border-left: none; border-right: none; }
#footer-bnr ul { margin-left: 85px; }
#footer-bnr ul li { float: left; margin-right: 8px; }
#footer #copyright { clear: both; text-align: center; margin-bottom: 50px; padding-top: 8px; }


/*
 * element
 */
.ttl01 { font-size: 138.5%; font-weight: bold; line-height: 1.5; color: #333; height: 38px; margin-bottom: 25px; background: url(../img/bg_title01.gif) no-repeat bottom left; }
.ttl02 { font-size: 123.1%; font-weight: bold; line-height: 1.5; color: #333; margin-bottom: 20px; padding-bottom: 4px; border-bottom: solid #333 1px; }

.block1 { margin-bottom: 15px; padding: 15px; background: #f6f6f6; }

.icon01 { padding-left: 24px; background: url(../img/ico_arrow02.gif) no-repeat center left; }
.icon01r { text-align: right; }
.icon01r a { padding-left: 24px; display: inline-block; background: url(../img/ico_arrow02.gif) no-repeat center left; }

div.column1 { width: 800px; margin-bottom: 3px; padding: 4px; background: #f6f6f6; }
div.column1 .l { float: left; width: 180px; margin-right: 20px; display: inline; }
div.column1 .r { float: right; width: 580px; padding: 8px 20px 0 0; display: inline; }

div.column2 { width: 800px; margin-bottom: 3px; padding: 4px; background: #f6f6f6; }
div.column2 .l { float: left; width: 240px; margin-right: 20px; display: inline; }
div.column2 .r { float: right; width: 520px; padding: 8px 20px 0 0; display: inline; }

table.list01 { width: 100%; margin-bottom: 15px; }
table.list01 th { font-weight: normal; color: #333; width: 25%; background-color: #fffbf0; }
table.list01 th, table.list01 td { font-size: 93%; line-height: 1.5; padding: 4px 9px 3px 9px; border: solid #dddddd 1px; }
table.list02 { width: 100%; margin-bottom: 15px; }
table.list02 th { font-weight: normal; color: #333; width: 22%; background-color: #fffbf0; }
table.list02 th, table.list02 td { font-size: 93%; line-height: 1.5; padding: 4px 9px 3px 9px; border: solid #dddddd 1px; }
table th.caption { font-size: 123.1%; font-weight: bold; color: #fff; padding-top: 8px; padding-bottom: 7px; background: #425aa3; }
table.list02 td.setai { text-align: right; width: 90px; }

#header .header-banner { position: absolute; top: 13px; right: 358px; }

.box-hover p.btn a { color: #ff94a9 !important; }
.box-hover { color: #ff94a9; cursor: pointer; background: #f0f4ff !important; }
p.btn { margin: 0; }


/*
 * index
 */
#index #container { }
#index #container-inner { width: 1000px; }
#index #header { width: 1000px; }
#index #content { width: 1000px; }
#index #footer #footer-inner { width: 1000px; }
#index #footer-bnr { width: 1000px; }
#index #main { margin-bottom: 15px; }
#index #main #visual { float: left; text-indent: -9999px; width: 725px; height: 371px; margin-right: 30px; display: inline; background: url(../img/img_index_main.jpg) no-repeat; }
#index #main #navi { float: right; }
#index #main #navi ul li { margin-bottom: 10px; }
.recent { clear: both; background: url(../img/bg_recent_trend.gif) no-repeat top left; }
.recent ul.recent-list li { position: relative; width: 160px; min-height: 160px; text-align: center; padding-top: 18px; }
.recent ul.recent-list li img { width: 160px;/* height: 120px; border: solid #e3e3e3 1px; */}
.recent ul.recent-list li p { position: absolute; top: 0; left: 0; font-size: 85%; width: 160px; margin: auto; }
.recent-inner { position: relative; padding: 25px 50px 15px 50px; }
.recent-inner ul li { float: left; margin: 0 10px; }
.recent-inner ul li.wide img { margin-top: 15px !important; height: 90px !important; }
.recent-inner #prev1 { position: absolute; z-index: 20; left: 32px; top: 43px; cursor: pointer; }
.recent-inner #prev2 { position: absolute; z-index: 30; left: 32px; top: 43px; cursor: pointer; }
.recent-inner #next1 { position: absolute; z-index: 40; right: 32px; top: 43px; cursor: pointer; }
.recent-inner #next2 { position: absolute; z-index: 50; right: 32px; top: 43px; cursor: pointer; }


/*
 * trend
 */
#trendarea { }
p.onair { font-size: 85%; color: #999; margin-bottom: 0; }
#trendarea .trendarea-name { }
#trendarea .description { font-size: 93%; line-height: 1.5; margin-bottom: 20px; }
table.trendarea { margin-bottom: 50px; }
table.trendarea th.tenpo { color: #fff; background: #425aa3; }


/*
 * back number
 */
table#back-number { width: 100%; }
table#back-number td, table#back-number th { border: solid #dddddd 1px; }
table#back-number tr.bgcolor { background: #f9f9f9; }
table#back-number th.field { background-color: #fffbf0; }
table#back-number th { padding: 6px 9px 5px 9px; }
table#back-number td { padding: 4px 9px 3px 9px; }
table#back-number td a { color: #333; display: block; }
table#back-number td.ico { padding-left: 25px; background: url(../img/ico_arrow02.gif) no-repeat center left; }
table#back-number td a.ico { padding-left: 25px; display: block; background: url(../img/ico_arrow02.gif) no-repeat center left; }
table#back-number td a:hover { color: #ff94a9 !important; }
table#back-number td a:visited { color: #666; }
table#back-number td.beuty-img { padding: 6px 6px 6px 6px; background-color: #fffbf0; }
table#back-number td.beuty-tit { padding: 6px 6px 6px 6px; background-color: #fff; }


/*
 * beauty
 */
#bnr-kaino { position: absolute; bottom: 0px; }


/*
 * about
 */
#about #schedule { margin-bottom: 50px; }
#about #schedule h4 { font-size: 93%; font-weight: bold; margin-bottom: 3px; }
#about .about-trend { position: relative; height: 225px; margin-bottom: 10px; }
#about .about-trend p.read { position: absolute; left: 405px; top: 123px; width: 400px; }


/*
 * clear
 */
#header, #news-ticker, 
#news-ticker dl, 
#index #main, 
.recent-inner ul, 
#footer-bnr, 
#footer { display: inline-block; }
#header:after, 
#news-ticker:after, 
#news-ticker dl:after, 
#index #main:after, 
.recent-inner ul:after, 
#footer-bnr:after, 
#footer:after { clear: both; display: block; content: ""; }


/*
 * hack
 */
*:first-child+html #content { margin-top: 25px; }
* html #content { margin-top: 25px; }
* html #news-ticker dl { font-size: 11px; }
* html .recent-inner #prev1 { left: -16px; }
* html .recent-inner #next1 { right: 30px; }
* html .recent { margin-bottom: 15px; }
* html .recent-inner ul { margin-left: -8px; }