/*
Author: AT-FACTORY Inc.
*/

/* BASE
------------------------------------------------------------ */
body{
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
margin: 0;
padding: 0;
background-image:url(../img/bg_line.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#FFF;
color:#333;
font-size:small;
}

a:link { color: #444; }
a:visited { color: #777; }
a:hover { color: #a84444; text-decoration:none; }
a:active { color: 333; }

.key{
display:none;
}

p{
margin:5px 0 5px 0;
}

img{
border:none;
}

.banner img{
margin-bottom:5px;
}

.icon{
margin:0 1px 1px 0;
padding:0;
}

div#container{
width: 950px;
margin: 0 auto;
}

h1{
font-size: 1.6em;
color:#b81b22;
margin:0;
padding:0;
}

h2{
font-size: 1.2em;
margin:0;
padding:0;
}

h3{
border-top:solid 2px #b81b22;
border-bottom:solid 2px #b81b22;
padding:2px;
}

h4{
font-size:12px;
font-weight:100;
}

ul{
margin:0;
padding:0;
}

li{
list-style-type:none;
padding-left:15px;
margin-bottom:20px;
}

.f10{
font-size:10px;
}

.f10b{
font-size:10px;
font-weight:bold;
}

.f11{
font-size:11px;
}


.f18b{
font-size:18px;
font-weight:bold;
}

.red{
color:#b81b22;
}

/* HEADER */
div#header{
color: #000;
padding:0;
margin:20px 0 0 0;
}

.logo{
float:left;
}

.top-banner{
float:right;
}

div#util{
position:relative;
float:left;
background-image:url(../img/bg_util.jpg);
background-repeat:no-repeat;
width:940px;
height:40px;
margin-top:5px;
padding:5px;
}

.ticker{
position:absolute;
font-size:12px;
margin:0;
padding:0;
top:8px;
left:10px;
float:left;
}

.search{
float:right;
margin-top:4px;
text-align:right;
}

/* PR */
div#pr{
clear:both;
padding:0;
line-height:130%;
}

div#pr ul{
margin:0;
padding:4px 0 0 0;
}

div#pr li{
list-style:none;
background-image:url(../img/icon_pr.jpg);
background-repeat:no-repeat;
background-position:left center;
padding-left:35px;
margin-bottom:4px;
}

/* CONTENTS BOX */
div#main{
margin-top:10px;
width: 950px;
float: left;
}

div#main table{
width:100%;
background-color:#FFF;
margin:0;
}

div#main table img{
padding:0;
}

div#main td{
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
text-align:center;
padding:5px;
font-weight:100;
}

div#main h1{
color:#666666;
font-size:16px;
}

div#box-right{
width: 200px;
float: right;
}
div#box-left{
width: 750px;
float: left;
margin:0 0 5px 0;
}

div#box-right2{
width: 440px;
float: right;
}
div#box-left2{
width: 510px;
float: left;
}

div#recommend{
clear:both;
width:950px;
height:260px;
margin-bottom:5px;
color:#FFF;
}

div#search-station{
float:left;
background-color:#FFF;
width:723px;
padding:0 10px;
margin-bottom:10px;
}

div#area-box{
float:left;
margin-bottom:10px;
padding:0;
}

div#area-box h3{
padding:2px 0 2px 8px;
background-image:url(../img/station_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#FFFFFF;
border:solid 1px #d3d5d4;
font-size:12px;
width:215px;
margin:0 0 10px 0;
}

.station-area{

width:230px;
margin:0 0 15px 0;
line-height:170%;
padding:0 0 0 5px;
border-left:solid 2px #eaeaea;
font-size:11px;
}



/* FOOTER */
div#footer{
clear:both;
border-top:solid 2px #999;
text-align:center;
padding:10px 0 5px 0;
font-size:10px;
}

/* SEARCH BUTTONS */

.buttons a, .buttons button{
margin:0 0 0 5px;
background-image:url(../img/btn_search.jpg);
background-repeat:no-repeat;
width:64px;
height:25px;
border:0;
text-indent:-999px;
}

/* SEARCH LIST */
div#control{
position:relative;
background-image:url(../img/control.jpg);
width:950px;
height:38px;
background-color:#009900;
margin:15px 0 5px 0;
}

.kensu{
position:absolute;
top:6px;
left:80px;
font-size:18px;
font-weight:bold;
color:#b81b22;
}

.sort{
position:absolute;
top:8px;
left:785px;
}

div#foot-navi{
clear:both;
height:20px;
position:relative;
margin-bottom:15px;
}

.page{
position:absolute;
left:300px;
width:300px;
text-align:center;
}

.gototop{
position:absolute;
left:790px;
width:150px;
text-align:right;
}

/* STANDARD */
div#standard{
width:500px;
padding-top:15px;
margin-top:15px;
border-top:dotted 1px #999999;
}

.standard-photo{
float:left;
width:153px;
padding-right:20px;
margin-bottom:10px;
}

.standard-photo2{
float:left;
width:153px;
padding-right:0;
margin-bottom:10px;
}

/* PREMIUM */
div#premium{
width:455px;
padding:20px;
border:solid 2px #ff6600;
background-color:#fffefc;
margin-bottom:10px;
}

div#premium h2{
text-align:center;
margin-bottom:10px;
}

div#premium-photo{
width:320px;
margin:10px 0 0 70px;
font-size:10px;
}

/* STUDIO INFO */
div#title-detail{
position:relative;
width:500px;
}

div#title-detail h1{
font-size: 18px;
width:400px;
color:#cc0033;
margin:20px 0 10px 0;
padding-left:8px;
border-left:solid 5px #FF6600;
}

div#title-detail h2{
background-image:url(../img/sub_title_bg.jpg);
background-repeat:repeat-x;
font-size: 12px;
padding:10px 10px 0 10px;
}

.recommend-mark{
position:absolute;
top:-10px;
left:430px;
}

div#main-info{
width:500px;
margin:15px 0 10px 0;
}

div#main-info table{
width:100%;
background-color:#FFFFFF;
margin:0;
}

div#main-info td{
background-color:#FFFFFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
text-align:left;
padding:8px;
}

div#base-info{
width:500px;
padding:0 0 10px 0;
}

div#base-info table{
width:100%;
background-color:#FFFFFF;
}

div#base-info td{
background-color:#FFFFFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
text-align:left;
padding:8px;
}



/* LIST TABLE */

table
        {
        width: 100%;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #CCC;
        border-collapse:collapse;
        }

th
        {
        color: #4f6b72;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        padding: 8px 0 4px 0;
        background: #a6080c url(../img/bg_header.jpg) no-repeat;
        vertical-align:middle;
        }
td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #CCC;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #a6080c url(../img/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#CAE8EA url(../img/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#CAE8EA url(../img/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
th a
        {
        text-decoration:none;
        color: #4f6b72;
        background:transparent;
        }
td a
        {
        text-decoration:underline;
        color:#444;
        background:transparent;
        }
td img
        {
        margin:0 auto;
        }
td a:hover
        {
        color:#a84444;
        background:transparent;
        }
td
        {
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        padding: 2px;
		text-align:center;
        color: #444;
        }
td.lft
        {
        text-align:left;
        }
tr.alt
        {
        background: #F5FAFA;
        color: #444;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
tr[class="alt"] td
        {
        background: #F5FAFA url(../img/td_alt.jpg) no-repeat;
        }
td[class~="alt"]
        {
        background: #edf3f3 url(../img/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
tbody tr.alt td:first-child
        {
        background: #F5FAFA url(../img/bullet2.gif) no-repeat;
        font-weight:bold;
        }

/* Image free rules for Internet Explorer < 7 */
* html tr.alt td
        {
        background-color:#F5FAFA;
        }
* html tr td.alt,
* html tr.alt td.alt
        {
        background-color:#F5F5FA;
        }


/* /pc/js/rotation_banner.js */
.hide {
    display: none;
}
#ad {
	position: absolute;
	top: 40px;
	right: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
	color: #66aa00;
	z-index: 30000;
}