/* ****************************************************************
styles-site.css (AD)
2008/09/21 - 2008/09/24
**************************************************************** */
@import url("my2.css");


/* 初期化、一般要素
---------------------------------------------------------------- */
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;
    font-weight: 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: #c00; font-style: bold; }
span { background: #ff6; }

p { margin: 0 }

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

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

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

/* bタグなど装飾 */
.ttl01{
    font-weight:bold;
    color:#f00;
    font-size:16px;
}

.ttl02{
    font-size:16px;
    padding-bottom:16px;
}


/* body, 影, コンテナ
---------------------------------------------------------------- */
body {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    line-height: 1.2em;
    background: #ddd;
    font-size: 15px;
}

div#wrapper {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 870px;
    border: 0;
    background: url(./image/shadow.gif) repeat-y;
}

div#container {
    margin: 0 10px 0 10px;
    padding: 0;
    text-align: left;
    width: 850px;
    background: #fff;
    overflow: hidden;
    border: solid 1px #ccc;
    border-top: 0;
}


/* ヘッダー
---------------------------------------------------------------- */
div#header {
    width: 850px;
    height: 100px;
    background: url(./image/header.gif) top left no-repeat #fcc;
    position: relative;
}

div#header h1 {
    font-size: 13px;
    padding-left: 0px;
    text-indent: 10px;
    line-height: 18px;
    color: #333;
}

div#header h1 a {
    color: #333;
    text-decoration: none;
    display: block;
    width: 850px;
    height: 100px;
}

div#header h1 a:hover {
    color: #333;
    text-decoration: none;
}

/*
div#header div#banner {
    position: absolute;
    width: 468px;
    height: 60px;
    bottom: 16px;
    right: 15px;
}
*/

/* 本文、コンテンツ（２カラム）
---------------------------------------------------------------- */
div#content2Column {
    width: 600px;
    padding: 15px 10px;
    font-size: 100%;
    float: right;
}

div#content2Column p {
    padding: 3px 0;
}


/* キャッチ */
div#content2Column div#catch {
    margin: 0 0 20px 0;
}

/* キャッチ2 */
div#content2Column div#catch2 {
    margin: 0 0 20px 0;
}


/* エントリー上 */
div#content2Column div#entryTop {
    margin: 0 0 20px 0;
    padding: 10px;
    background: #ffc;
    border: solid 1px #999;
}


/* サイト一覧 */
div#content2Column div#summary {
    margin: 0 0 30px 0;
    padding: 0;
    border: solid 1px #f96;
    font-size: 98%;
}

div#content2Column div#summary h3 {
    padding: 2px 5px;
    background: #fc9;
    font-weight: bold;
    border-bottom: solid 1px #f96;
}

div#content2Column div#summary p {
    padding: 5px;
}

div#content2Column div#summary table {
}

div#content2Column div#summary table tr.row1 {
    background: #ffc;
}

div#content2Column div#summary table tr.row1 th {
    width: 110px;
    padding: 4px 10px;
    font-weight: bold;
    border-top: dotted 1px #f96;
    border-bottom: dotted 1px #f96;
}

div#content2Column div#summary table tr.row1 td {
    border-top: dotted 1px #f96;
    border-bottom: dotted 1px #f96;
}

div#content2Column div#summary table tr.row1 td a {
    padding: 4px 8px;
}

div#content2Column div#summary table tr.row2 td {
    padding: 6px;
}


/* 更新情報 */
div#content2Column div#update {
}

div#content2Column div#update h3 {
    margin: 0 3px 0 0;
    padding: 1px 2px;
    border-bottom: solid 1px #999;
}

div#content2Column div#update ul {
    padding: 3px 0;
}

div#content2Column div#update ul li {
    padding: 2px 0;
}



/* エントリータイトル */
div#content2Column h3.entryTitle {
    margin: 10px 0 10px 0;
    padding: 2px 8px;
    font-size: 105%;
    font-weight: bold;
    background: #ccf;
    color: #000;
}


/* エントリー（詳細） */
div#content2Column div#entryBody {
    margin: 10px 0;
    padding: 10px;
    border: dotted 1px #ccc;
    font-size: 97%;
    line-height: 1.4em;
}

div#content2Column div#entryBody img {
    padding: 5px;
}

div#content2Column div#entryBody p {
    padding: 8px 0;
}

div#content2Column div#entryBody h4 {
    font-size: 120%;
    font-weight: bold;
    line-height: 1.5em;
    margin: 15px 0;
    padding: 3px 0 3px 10px;
    border: solid 1px #fc6;
    border-bottom: solid 2px #fc6;
    border-right: solid 2px #fc6;
}

div#content2Column div#entryBody h5 {
    font-size: 110%;
    font-weight: bold;
    line-height: 1.3em;
    margin: 12px 0;
    padding: 3px 0 3px 10px;
    border-left: solid 8px #66f;
}

div#content2Column div#entryBody h6 {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 0;
    padding: 2px 0;
    border-bottom: dotted 2px #c66;
}



/* カテゴリーアーカイブ　エントリー一覧 */
div#content2Column h3.categoryLabel {
    margin: 10px 0 10px 0;
    padding: 2px 8px;
    font-size: 105%;
    font-weight: bold;
    background: #fcc;
    color: #000;
}

div#content2Column ul#entryList {
    padding: 10px 10px;
}



/* サイドバー
---------------------------------------------------------------- */
div#sideBar {
    width: 210px;
    padding: 15px 10px 15px 10px;
    float: left;
    font-size: 95%;
}

div#sideBar h3 {
    background: #ccf;
    padding: 1px 3px;
    border: solid 1px #999;
}

div#sideBar h3.beginner {
    padding: 1px 3px 1px 20px;
    border: solid 1px #999;
    background: url(./image/beginner.gif) center left no-repeat #ccf;
}

div#sideBar h3.hikaku {
    padding: 1px 3px 1px 20px;
    border: solid 1px #999;
    background: url(./image/hikaku.gif) center left no-repeat #ccf;
}

div#sideBar div.section {
    margin: 0 0 15px 0;
    padding: 5px;
    border: solid 1px #999;
    border-top: 0;
}

div#sideBar div.section ul li {
    padding: 2px 0;
}


/* 初心者メニュー、ジャンル別 */
div.sectionBeginner ul li a/*, div.sectionGenre ul li a*/ {
    padding: 7px;
    color: #0000FF;
    text-decoration: none;
    display: block;
    background:     #FFE4E1;
}
/*↑joe追加*/

div#sideBar div.sectionBeginner, div.sectionGenre {
    margin: 0 0 15px 0;
}

div.sectionBeginner ul, div.sectionGenre ul {
    margin: 0;
    padding: 0;
    list-style-image: url(./image/li01.gif) top left no-repeat;
}

div.sectionBeginner ul li, div.sectionGenre ul li {
    margin: 2px 0;
    padding: 1px 0 0 1px;
    border: solid 1px #999;
    border-right: 2px;
    border-bottom: 2px;
}

/*div.sectionBeginner ul li a, */div.sectionGenre ul li a {
    padding: 10px;
    color: #000;
    text-decoration: none;
    display: block;
    background: #ffc;
    font-size: 14px;
    font-weight: bold;
}

div.sectionBeginner ul li a:hover, div.sectionGenre ul li a:hover {
    background: #fc6;
}

/* 各サイト別動画更新 */
div#sideBar div.sectionSite {
    margin: 0 0 15px 0;
    padding: 5px;
    border: solid 1px #999;
    border-top: 0;
}

div#sideBar div.sectionSite ul {
}

div#sideBar div.sectionSite ul li {
}



/* 最新動画更新情報 */
div#sideBar div#update {
    margin: 0 0 15px 0;
}

div#sideBar div#update h3 {
    margin: 0 0 2px 0;
    padding: 1px 3px;
    background: #fff;
    border: 0;
    border-bottom: solid 1px #999;
}



/* お気に入りに追加 */
div#sideBar div#bookmark {
    text-align: center;
}

div#sideBar div#bookmark input.addFavorite {
    margin: 0 0 15px 0;
}



/* フッタースペース、フッター
---------------------------------------------------------------- */

div#footerSpace1, div#footerSpace2 {
    clear: both;
    width: 850px;
    margin: 0;
    line-height: 1.5em;
    color: #999;
    font-size: 12px;
    text-align: center;
}

div#footer {
    clear: both;
    width: 850px;
    height: 20px;
    margin: 10px 0 0 0;
    color: #999;
}

div#footer p {
    height: 20px;
    font-size: 12px;
    text-align: center;
    background: #fff;
    line-height: 20px;
}

div#footer a {
    color: #999;
    text-decoration: none;
}

div#footer a:hover {
    color: #999;
    text-decoration: none;
}


/* ジャンル別ランキング */

div.ranking table {
    margin: 10px 0;
}

div.ranking table tr.row1 {
    background: #fec;
}

div.ranking table td {
    border: solid 1px #ccc;
    padding: 5px;
}

div.ranking table td.col1 {
    width: 50px;
    text-align: center;
}

div.ranking table td.col2 {
    width: 120px;
}



/* トップページ　サイト、女優別本数 */
.table01 {
}

.table01 table {
    border-collapse: collapse;
}

.table01 table th {
    padding: 5px;
    border: solid 1px #999;
    background: #ccc;
}

.table01 table td {
    padding: 5px;
    border: solid 1px #999;
}

.table01 table th.col1 {
    width: 100px;
}

.table01 table th.col2 {
    width: 150px;
}