/* ****************************************************************
Title: styles-site.css
Created: 2008/03/22
Last Modified: 2008/03/28
Editor: T.Nakayama
Last Editor: T.Nakayama
**************************************************************** */

/* #01 Reset, General Elements
---------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd, li, table, th, td,
form, select, option, address, pre,
strong, em, caption, cite, code, dfn, var {
    font-size: 100%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

img {
    border: 0;
    background-color: transparent;
    vertical-align: bottom;
}

table {
    border-collapse: collapse;
    cell-spacing: 0;
}

ol, ul { list-style: none; }

strong { font-weight: bold; }
em { color: #f00; font-style: normal; }

p { margin: 0 0 1.3em; }

li { margin-left: 20px; }


a {
    color: #00f;
    outline: 0;
    text-decoration: none;
}

a:hover {
    color: #f90;
    text-decoration: underline;
}

a:link {  }
a:visited {  }
a:active {  }

h1 {
    font-size: 1.5em;
}
h2 {  }
h3 {  }
h4 {  }


/* #02 body
---------------------------------------------------------------- */
body {
    font-size: 12px;
    font-family:  Helvetica, Arial, Verdana, sans-serif;
    line-height: 1.4em;
    background: #fff;
}


/* #03 container
---------------------------------------------------------------- */
div#container {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 750px;
    border: 0;
    background: #fff;
    border-bottom: solid 1px #ccc;
}

div#wrapper {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 770px;
    border: 0;
    background: url(images/bg_shadow.gif);
}


/* #04 header
---------------------------------------------------------------- */
div#header {
    padding: 0;
    border-bottom: solid 1px #ccc;
    width: 750px;
    margin: 0;
}

div#header h1 {
    width: 745px;
    height: 18px;
    margin: 0;
    padding-left: 5px;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    background: #ccc;
}

div#header div#logo {
    background: url(images/bg_header.gif) no-repeat;
    padding: 0;
    border-bottom: solid 1px #ccc;
    width: 750px;
    height: 80px;
    margin: 0;
    position: relative;
}

/* globalNaviがhover時にずれるので非使用 */
_div#header p#topAd {
    position: absolute;
    width: 468px;
    height: 60px;
    top: 12px;
    right: 15px;
    display: block;
}

div#header p#topAd a {
}


/* #05 globalNavi
---------------------------------------------------------------- */
div#globalNavi {
    width: 560px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: solid 2px #f96;
    clear: both;
}

div#globalNavi ul {
}

div#globalNavi ul li {
    float: left;
    width: 112px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
}

div#globalNavi ul li a {
    width: 112px;
    height: 20px;
    overflow: hidden;
    background: url(images/gnavi.gif) 0 0;
    display: block;
    color: #333;
}

div#globalNavi ul li a:hover {
    background: url(images/gnavi.gif) 0 -20px;
    text-decoration: none;
}

div#globalNavi ul li#present a {
    background: url(images/gnavi.gif) 0 -20px;
    text-decoration: none;
}


/* #06 pageBody
---------------------------------------------------------------- */
div#pageBody {
    padding: 10px 0 20px 0;
}


/* #07 content
---------------------------------------------------------------- */
div#content {
    background: #fff;
    float: right;
    width: 560px;
    padding: 5px 5px 30px 5px;
    margin: 0;
}

/* 右カラム最上部見出し */
div#content div#lead {
    position: relative;
    padding-bottom: 20px;
}

div#content div#lead h2 {
    width: 510px;
    height: 80px;
    margin: 0;
    padding: 25px 25px;
    font-size: 24px;
    color: #f63;
    background: url(images/h2.gif) no-repeat;
}

div#content div#lead p {
    font-size: 14px;
    position: absolute;
    top: 60px;
    left: 80px;
    width: 450px;
    height: 80px;
}

div#content h3 {
    clear: both;
    width: 560px;
    height: 30px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 30px;
    text-indent: 20px;
    color: #666;
    background: url(images/h3.gif) no-repeat;
    overflow: hidden;
}

div#content h4 {
    clear: both;
    width: 230px;
    height: 25px;
    margin: 0;
    padding: 20px 10px 0px 10px;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    float: left;
}

div#content p.star {
    width: 300px;
    height: 20px;
    padding: 20px 0 0 0;
    line-height: 30px;
    float: left;
}

div#content div.section {
    width: 560px;
    padding: 0 0 20px 0;
    margin: 0;
    background: #fff;
    clear: both;
}

div#content div.section div.ranking_each {
    background: #eef;
	margin: 5px 0;
}

div#content div.section div.ranking_each div.upper {
    width: 558px;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;

}

div#content div.section div.ranking_each div.capture {
    float: left;
    width: 159px;
}

div#content div.section div.ranking_each div.capture img {
    width: 120px;
    padding: 10px;
}

div#content div.section div.ranking_each div.comment {
    float: left;
    width: 379px;
    padding: 10px;
}

div#content div.section div.ranking_each div.comment a {
    padding: 10px 20px;
    font-size: 110%;
}

div#content div.section div.ranking_each div.comment ul li {
    background: url(images/point_li.gif) center left no-repeat;
    padding-left: 15px;
}


div#content div.section div.ranking_each table {
    clear: both;
    width: 560px;
    border: solid 1px #ccc;
    empty-cells: show;
}

div#content div.section div.ranking_each table th {
    border: solid 1px #ccc;
    background: #99c;
}

div#content div.section div.ranking_each table th.col01, th.col02, th.col03, th.col04 {
    width: 15%;
}

div#content div.section div.ranking_each table th.col05 {
    width: 40%;
}

div#content div.section div.ranking_each table td {
    border: solid 1px #ccc;
}

div#content div.section p {
    margin: 0;
    padding: 10px 0;
}

div#content div.section ul {
    margin: 0;
    padding: 10px 0 10px 15px;
}

div#content div.section ul li {
    margin: 0;
    padding: 0;
}

div#content div.section dl {
    margin: 0;
    padding: 10px 0;
}

div#content div.section dl dt {
    margin: 0;
    padding: 10px 0 5px 0;
}

div#content div.section dl dd {
    margin: 0;
    padding: 5px 0 0 15px;
}



/* #08 sideBar
---------------------------------------------------------------- */
div#sideBar {
    float: left;
    width: 170px;
    padding: 5px;
    background: #fff;
}

div#sideBar h3 {
    width: 170px;
    background: url(images/sidebar_h3.gif) no-repeat;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    text-indent: 15px;
}

div#sideBar ul {
    padding-bottom: 5px;
}

div#sideBar ul li {
    height: 15px;
    margin: 0;
    padding: 10px 0 10px 30px;
    line-height: 15px;
    background: url(images/sidebar_li.gif);
}

div#sideBar dl {
    padding-bottom: 5px;
}

div#sideBar dl dt {
    padding: 10px 0 0 0;
    text-indent: 15px;
}

div#sideBar dl dd {
    text-indent: 15px;
}


/* #09 footer
---------------------------------------------------------------- */
div#footer {
    clear: both;
    width: 750px;
    height: 50px;
}

div#footer ul#footerMenu {
    width: 750px;
    height: 20px;
    line-height: 20px;
    background: #999;
    text-align: center;
    color: #fff;
}

div#footer ul#footerMenu li {
    display: inline;
}

div#footer ul#footerMenu li a {
	color: #fff;
}

div#footer div#footerSpace1 {
    width: 750px;
    height: 20px;
    line-height: 20px;
    background: #999;
    text-align: center;
    color: #fff;
}

div#footer ul#footerSpace1 li {
    display: inline;
}

div#footer ul#footerSpace1 li a {
	color: #fff;
}

div#footer div#footerSpace2 {
	padding: 3px 10px;
}

div#footer p#copyright {
}