@charset 'UTF-8';
/* ***************************************************************************************** reset */
html, body, div, span, applet, object, iframe, embed,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
/*=========================================================HTML5*/
article, aside, canvas, datalist, details, footer, header, hgroup,
mark, menu, nav, output, section, source, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 100%;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
letter-spacing:0;
}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
display:block;
}html {
overflow-y: scroll;
}body {
line-height: 1;
position: relative;
}ul {
list-style-type: none;
list-style-position: outside;
}ol {
list-style-type: none;
list-style-position: outside;
}mark {
background-color:#FF9;
color:#000;
font-style: normal;
font-weight: bold;
}del {
text-decoration: line-through;
}a{/*#0075AB;2D92B0;*/
color: #0075AB;
text-decoration: none;
/*-webkit-tap-highlight-color: rgba(0,0,0,0.6);スマホ用*/
}a:hover{
color: #951554;
text-decoration: underline;
}blockquote, q {
quotes:none;
}blockquote:before,
blockquote:after,
q:before, q:after{
content:'';
content:none;
}table {
border-collapse: collapse;
border-spacing: 0;
}caption, th,td {
text-align: left;
vertical-align: top;
}address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}button, label{
cursor: pointer;
}input, select {
vertical-align:middle;
}input,button,select,option,textarea{
outline: 0;
font-size: 100%;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}textarea{
line-height: 1.1em;
}hr {
display:block;
height:1px;
border:0;
border-top:1px solid #000;
margin: 1em 0;
padding:0;
}/* BASE COLOR
 * #E54091 =====ピンク=====
 * #AC4F7C 濃い
 * #951554 さらに濃い
 * #F26FAF 薄い
 * #F292C1 さらに薄い
 * #FFE3F1 極薄ピンク
 * #FF5947 =====赤ピンク=====
 * #BF6258 濃い
 * #A62517 さらに濃い
 * #FF8275 薄い
 * #FFA49A さらに薄い
 * #FFE2DF 極薄
 * #B0F344 =====緑=====
 * #91B754 濃い
 * #6A9E16 さらに濃い
 * #C6F973 薄い
 * #D4F996 さらに薄い
 * #F4FD47 =====黄(カーキ)=====
 * #B9BE57 濃い
 * #9EA517 さらに濃い
 * #F7FE75 薄い
 * #F9FE99 さらに薄い
 * #333333 =====濃いグレー=====
 * #5C5855 =====薄いグレー=====
 * #F6F3E2 =====黄色薄いグレー=====
 * #C52E2E jw
 * #0D8EE0 md
 */
/*=========================================================boxclear*/
.clearfix:after{
content:'';
clear:both;
display:block;
height:0;
line-height: 0;
}
/*=========================================================ディスプレイ */
.inline-block{
display: -moz-inline-box;
display: inline-block;
line-height: 1;
*display: inline;
*zoom: 1;
}
.display-block{
display: block;
}
.display-inline{
display: inline;
}
.display-none{
display: none;
}
.font-normal{
font-weight:normal;
}
.font-size-10{
font-size: 10px;
}
/*=========================================================ページング pageing*/
.paging-ul{
padding: 20px 0;
}
.paging-li{
display: -moz-inline-box;
display: inline-block;
line-height: 1;
*display: inline;
*zoom: 1;
width: 2.5em;
height: 1.3em;
line-height: 1.4em;
margin-right: 1px;
text-align: center;
}
.paging-a{
display: block;
height: 100%;
color: #0075AB;
border: 3px #0075AB solid;
font-weight: bold;
}
.paging-a:hover{
color: #951554;
border: 3px #951554 solid;
background-color: #FFEEF8;
text-decoration: none;
}
.paging-span{
display: block;
height: 100%;
border: 3px #CCC solid;
font-weight: bold;
}
.paging-parent{
color: #FFF;
border: 3px #777 solid;
background-color: #CCC;
}
.paging-span-first, .paging-span-prev,
.paging-span-next,  .paging-span-last,
.paging-a-first, .paging-a-prev,
.paging-a-next,  .paging-a-last{
text-indent:-9999px;
background-image: url(/image/paging-bg.png);
background-repeat: no-repeat;
}
.paging-span-first, .paging-span-prev,
.paging-span-next,  .paging-span-last{
background-color: #EEE;
}
.paging-span-first{ background-position: 0px -100px; }
.paging-span-prev { background-position: -50px -100px; }
.paging-span-next { background-position: -100px -100px; }
.paging-span-last { background-position: -150px -100px; }
.paging-a-first{ background-position: 0px 0px; }
.paging-a-prev { background-position: -50px 0px; }
.paging-a-next { background-position: -100px 0px; }
.paging-a-last { background-position: -150px 0px; }
.paging-a-first:hover{ background-position: 0px -150px; }
.paging-a-prev:hover { background-position: -50px -150px; }
.paging-a-next:hover { background-position: -100px -150px; }
.paging-a-last:hover { background-position: -150px -150px; }
/*=========================================================テキスト色々 */
.text-jw{ color: #CE2424; }
.text-md{ color: #3B90C7; }
.cFFA243{color:#FFA243;}/*オレンジ*/
.cBAAB82{color:#BAAB82;}
.bold{ font-weight: bold; }/*=========================================================ジュエル、マダム */
.icon-jewel{
position: relative;
margin: 0 0.3em 0 0 ;
padding: 1px 3px;
color: #FFF;
line-height: 1.2em;
font-size: 10px;
font-weight: bold;
font-family: 'ＭＳ Ｐゴシック', sans-serif;
background-color: #CE2424;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
/*behavior: url(/js/PIE.htc);*/
}
.icon-madam{
position: relative;
margin: 0 0.3em 0 0 ;
padding: 1px 3px;
color: #FFF;
line-height: 1.2em;
font-size: 10px;
font-weight: bold;
font-family: 'ＭＳ Ｐゴシック', sans-serif;
background-color: #0D8EE0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
/*behavior: url(/js/PIE.htc);*/
}
.icon-normal{
display: -moz-inline-box;
display: inline-block;
line-height: 1;
*display: inline;
*zoom: 1;
position: relative;
margin: 0 0 0 3px;
padding: 1px 2px 1px 8px;
color: #FFF;
height: 12px;
line-height: 1em;
font-size: 10px;
font-family: 'ＭＳ Ｐゴシック', sans-serif;
background: #333 url(/image/bg-main-h2.png) no-repeat 3px -296px;
}
.icon-normal:hover{
color: #FFF222;
background: #333 url(/image/bg-main-h2.png) no-repeat 3px -326px;
text-decoration: none;
}
/*=========================================================アンカー用テーマ */
.anchor-theme{
position: relative;
display: -moz-inline-box;
display: inline-block;
line-height: 1em;
*display: inline;
*zoom: 1;
text-decoration: none;
font-size: 70%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
/*behavior: url(/js/PIE.htc);*/
}
.anchor-theme-a{
padding: 0 0.5em 0 16px;
line-height: 1.6em;
color: #FFFFFF;
background-color: #6D6131;
}
.anchor-theme-a:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #9E8D5A;
}
.anchor-theme-a:before{
content:'';
display:block;
position: absolute;
top: 2px;
left: 2px;
width: 12px;
height: 12px;
background-image: url(/image/sprite-icon.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/*=========================================================フォーム部品 */
.common-text{
position: relative;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
/*behavior: url(/js/PIE.htc);*/
}
.common-textarea{
position: relative;
resize: none;
overflow-y:auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
/*behavior: url(/js/PIE.htc);*/
}
.common-button{
position: relative;
overflow: hidden;
text-align: center;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
/*behavior: url(/js/PIE.htc);*/
}
/*=========================================================改行、フォントサイズ 色*/
.br-1em{ line-height: 1.7em; }
.br-2em{ line-height: 2em; }
.size-90{ font-size: 90%; }
.size-80{ font-size: 80%; }
.yellow{ color:#FFFF00; }/*=========================================================回りこみ、テキスト位置 太さ*/
.align-right{
display: block;
text-align: right;
}.align-left{
display: block;
text-align: left;
}/*=========================================================アンカー design*/
.common-anchor-a{
padding: 0.2em 0.5em;
background-color: #2A8488;
}
.common-anchor-a:hover{
background-color: #C6DD3A;
}
/*=========================================================メッセージ系 design*/
/*CSS3で吹き出しを作る*/
.ballon{
position: absolute;
top: 120px;
left: 0;
width: 13em;
height: 2.5em;
text-align: center;
line-height: 2.5em;
background-color: #000;
border: 0.3em #f00 solid;
border-radius: 0.7em;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
-o-border-radius: 0.7em;
-ms-border-radius: 0.7em;
font-size: 70%;
color: #ff0;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 1.0);
}
.ballon:before{
content: ' ';
position: absolute;
width: 0;
left: 0;
top: 2.5em;
left: 2em;
border: 0.6em solid;
border-color: #f00 transparent transparent #f00;
}
.ballon:after{
content: ' ';
position: absolute;
width: 0;
left: 0;
top: 2.5em;
left: 2.2em;
border: 0.3em solid;
border-color: #000 transparent transparent #000;
}
/*=========================================================見出し系 design*/
.h-span{
display: block;
padding: 0.6em 0 0.4em 5px;
font-weight: bold;
border-left: 4px #C6DD3A solid;
}
.common-h-span{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #C6DD3A solid;
}
.common-h-span-b{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #E36692 solid;
}
.common-h-span-c{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #C6DD3A solid;
}
.common-h-span-d{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #C73468 solid;
}
/*=========================================================ローディング loading*/
.loading{
position: relative;
padding: 100px 0 50px;
text-align: center;
font-size: 90%;
color: #151515;
/*background: url(/image/loading.gif) no-repeat center 10px;*/
}
.loading:before{
position:absolute;
content: '';
top: 30px;
left: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
background: url(/image/loading.gif) no-repeat center 0px;
}
.loading-error{
padding: 30px 20px;
font-size: 90%;
}
.loading-gray{
position: relative;
padding: 100px 0 50px;
text-align: center;
font-size: 90%;
color: #151515;
}
.loading-gray:before{
position:absolute;
content: '';
top: 50px;
left: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
background: url(/image/loading-gray.gif) no-repeat center 0px;
}
/*=========================================================ie6、ie7用 design*/
.browser-ie{
margin: 0px 0px 10px;
padding: 10px 10px 5px 50px;
border: 1px #F80 solid;
background: #FFF9E0 url(/image/browser-ie.png) no-repeat 5px 5px;
zoom: 1;
}
.browser-p{
padding-bottom: 5px;
color: #151515;
font-size: 90%;
line-height: 1.2em;
}
.browser-span{
display: block;
}
.browser-a{
padding: 0 5px;
color: #00F;
}
.browser-a:hover{
color: #00F;
font-weight: normal;
}
/* BASE COLOR
 * #E54091 =====ピンク=====
 * #AC4F7C 濃い
 * #951554 さらに濃い
 * #F26FAF 薄い
 * #F292C1 さらに薄い
 * #FF5947 =====赤ピンク=====
 * #BF6258 濃い
 * #A62517 さらに濃い
 * #FF8275 薄い
 * #FFA49A さらに薄い
 * #B0F344 =====緑=====
 * #91B754 濃い
 * #6A9E16 さらに濃い
 * #C6F973 薄い
 * #D4F996 さらに薄い
 * #F4FD47 =====黄(カーキ)=====
 * #B9BE57 濃い
 * #9EA517 さらに濃い
 * #F7FE75 薄い
 * #F9FE99 さらに薄い
 * #333333 =====濃いグレー=====
 * #5C5855 =====薄いグレー=====
 * #F6F3E2 =====黄色薄いグレー=====
 * #F6F3E2 =====黄色薄いグレー2=====
 * #C52E2E jw
 * #0D8EE0 md
 */
html, body{
height: 100%;
}
body{
color: #4e4730;
text-align: center;
}
#container{
margin: 0 auto;
width: 100%;
min-height: 100%;
background-color: #FFF;
position: relative;
}
#container:before{
position: absolute;
content : '';
top: 110px;
left: 0;
width: 100%;
height: 22px;
background-color: #EFEFEF;
border-top: 1px #DEDEDE solid;
border-bottom: 1px #DEDEDE solid;
}
#wrap{
position: relative;
margin: 0 auto;
width: 1000px;
text-align: left;
padding-bottom: 110px;
background-color: #FFF;
}
#header{
position: relative;
width: 1000px;
height: 140px;
overflow: hidden;
z-index: 1;
}
#nav{
position: absolute;
top: 70px;
right: 0px;
width: 522;
height: auto;
z-index: 2;
}
#footer{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 75px;
overflow: hidden;
background-color: #DDD;
border-bottom: 10px #151515 solid;
}
#footer:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #151515;
}#footer:after{
content: '';
position: absolute;
bottom: 2px;
right: 20px;
width: 197px;
height: 50px;
background: url(/image/bg-main-h2.png) no-repeat right -350px;
z-index: 4;
}#contents{
position: relative;
margin-top: 20px;
width: 1000px;
z-index: 1;
/*background: #FFF url(/image/bg-contents.png) repeat-y right top;*/
}
#contents:before{
content: '';
position: absolute;
right: 135px;
top: 0;
width: 190px;
height: 20px;
min-height: 100%;
background-color: #F4F4F4;
z-index: 0;
}
#main{
position: relative;
float:left;
width: 640px;
overflow: hidden;
}
#side{
position: relative;
float: right;
width: 325px;
overflow: hidden;
}
#side-left{
float: left;
width: 190px;
height: 100%;
overflow: hidden;
/*border: 1px #777 dotted;*/
}
#side-right{
float: right;
width: 120px;
overflow: hidden;
}
.side-right-li{
width: 120px;
overflow: hidden;
}
.side-right-li:first-child{
padding-bottom: 10px;
}
.side-left-h3{
}
#search-box{
display: none;
background-color: #FFF;
}
/* BASE COLOR
 * #E54091 =====ピンク=====
 * #AC4F7C 濃い
 * #951554 さらに濃い
 * #F26FAF 薄い
 * #F292C1 さらに薄い
 * #FFE3F1 極薄ピンク
 * #FF5947 =====赤ピンク=====
 * #BF6258 濃い
 * #A62517 さらに濃い
 * #FF8275 薄い
 * #FFA49A さらに薄い
 * #FFE2DF 極薄
 * #B0F344 =====緑=====
 * #91B754 濃い
 * #6A9E16 さらに濃い
 * #C6F973 薄い
 * #D4F996 さらに薄い
 * #F4FD47 =====黄(カーキ)=====
 * #B9BE57 濃い
 * #9EA517 さらに濃い
 * #F7FE75 薄い
 * #F9FE99 さらに薄い
 * #333333 =====濃いグレー=====
 * #5C5855 =====薄いグレー=====
 * #F6F3E2 =====黄色薄いグレー=====
 * #C52E2E jw
 * #0D8EE0 md
 */
/* ============================================================ #header */
.header-h1{
position: absolute;
top: 0px;
left: 0px;
width: 380px;
height: 100px;
overflow: hidden;
background: url(/image/logo.png) no-repeat 0px 20px;
}
.header-h1-a{
display: block;
padding-top: 5px;
height: 100px;
color: #5C5855;
font-weight: normal;
font-size: 70%;
font-family: 'ＭＳ Ｐゴシック', sans-serif;}
.header-h1-a:hover{
color: #5C5855;
text-decoration: none;
}
.header-h2{
position: absolute;
top: 110px;
left: 0;
width: 100%;
height: 22px;
color: #333;
font-size: 11px;
font-weight: normal;
line-height: 22px;
background-color: #EFEFEF;
border-top: 1px #DEDEDE solid;
border-bottom: 1px #DEDEDE solid;
}
.header-ul{
position: absolute;
top: 20px;
right: 0px;
width: 300px;
height: 30px;
text-align: right;
}
.header-li{
margin-left: 5px;
width: auto;
font-size: 14px;
}
.header-a{
position: relative;
display: block;
height: 24px;
line-height: 26px;
text-align: left;
overflow: hidden;
text-indent: -9999px;
background-color: #E54091;
background-image: url(/image/button-bg.png);
background-repeat: no-repeat;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
/*behavior: url(/js/PIE.htc);*/
}
.header-a:hover{
background-color: #F26FAF;
}
.header-a1{ width: 9em; background-position: 8px -180px;}
.header-a0{ width: 5.5em; background-position: 5px -210px;}
.header-button{
display: block;
position: absolute;
top: 111px;
right: 0px;
width: 220px;
height: 22px;
text-indent: -9999px;
overflow: hidden;
background-color: #951554;
background-image: url(/image/button-bg.png);
background-repeat: no-repeat;
background-position: 5px -150px;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
/*behavior: url(/js/PIE.htc);*/
}
.header-button:hover{ background-color: #E54091; }
.header-button-stop{  background-color: #951554;cursor:default; }
.header-button-stop:hover{  background-color: #951554; }/* ============================================================ #footer */
.footer-div{
position: relative;
margin: 0 auto;
width: 1000px;
height: 80px;
overflow: hidden;
text-align: left;
z-index: 1;
}
.footer-nav{
position: absolute;
top: 3px;
left: 0;
width: 50%;
height: 25px;
overflow: hidden;
}.footer-li{
margin-right: 1px;
width: 7em;
height: 2em;
font-size: 75%;
overflow: hidden;
}
.footer-li:last-child{
width: 8.5em;
}
.footer-a{
display: block;
height: 2em;
line-height: 2em;
color: #FFF;
text-align: center;
background-color: #151515;
border-top: 1px #151515 solid;
}
.footer-a:hover{
color: #FFF;
text-decoration: none;
background-color: #951554;
border-top: 1px #DDD solid;
}
.footer-address{
position: absolute;
right: 0;
left: 0;
bottom: 3px;
color: #151515;
width: 1000px;
height: 20px;
font-size: 80%;
}
.footer-address-a{
font-size: 90%;
color: #151515;
}
.footer-address-a:hover{
text-decoration: none;
}
.footer-page-top{
display: block;
position: absolute;
right: 49px;
top: 3px;
width: 80px;
height: 23px;
background: #151515 url(/image/bg-main-h2.png) no-repeat 0px bottom;
border: none;
border-top: 1px #151515 solid;
text-indent: -9999px;
z-index: 3;
}
.footer-page-top:hover{
background: #951554 url(/image/bg-main-h2.png) no-repeat -200px bottom;
border: none;
border-top: 1px #DDD solid;
}/* ============================================================ #nav */
.nav-ul{
width: 522px;
overflow: hidden;
}
.nav-li{
margin-left: 1px;
height: 23px;
overflow: hidden;
}
.nav-li0{width: 55px;}
.nav-li1{width: 90px;}
.nav-li2{width: 90px;}
.nav-li3{width: 150px;}
.nav-li4{width: 145px;}
.nav-li5{width: 97px;}
.nav-li6{width: 132px;}
.nav-a{
display: block;
text-indent: -9999px;
height: 23px;
background: url(/image/button-bg.png) no-repeat;
}
.nav-a0{background-position: 0px 0px;background-color: #FFF;}
.nav-a1{background-position: 0px -250px;background-color: #FFF;}
.nav-a2{background-position: 0px -30px;background-color: #FFF;}
.nav-a3{background-position: 0px -60px;background-color: #FFF;}
.nav-a4{background-position: 0px -90px;background-color: #FFF;}
.nav-a5{background-position: 0px -120px;background-color: #FFF;}
.nav-a6{background-position: 0px -280px;background-color: #FFF;}
.nav-a0:hover{background-position: -200px 0px;background-color: #F26FAF;}
.nav-a1:hover{background-position: -200px -250px;background-color: #F26FAF;}
.nav-a2:hover{background-position: -200px -30px;background-color: #F26FAF;}
.nav-a3:hover{background-position: -200px -60px;background-color: #F26FAF;}
.nav-a4:hover{background-position: -200px -90px;background-color: #F26FAF;}
.nav-a5:hover{background-position: -200px -120px;background-color: #F26FAF;}
.nav-a6:hover{background-position: -200px -280px;background-color: #F26FAF;}
.nav-a0-path{background-position: -200px 0px;background-color: #E54091;cursor:default;}
.nav-a1-path{background-position: -200px -250px;background-color: #E54091;cursor:default;}
.nav-a2-path{background-position: -200px -30px;background-color: #E54091;cursor:default;}
.nav-a3-path{background-position: -200px -60px;background-color: #E54091;}
.nav-a4-path{background-position: -200px -90px;background-color: #E54091;}
.nav-a5-path{background-position: -200px -120px;background-color: #E54091;cursor:default;}
.nav-a6-path{background-position: -200px -280px;background-color: #E54091;cursor:default;}
.nav-a0-path:hover{background-position: -200px 0px;background-color: #E54091;}
.nav-a1-path:hover{background-position: -200px -250px;background-color: #E54091;}
.nav-a2-path:hover{background-position: -200px -30px;background-color: #E54091;}
.nav-a3-path:hover{background-position: -200px -60px;background-color: #E54091;}
.nav-a4-path:hover{background-position: -200px -90px;background-color: #E54091;}
.nav-a5-path:hover{background-position: -200px -120px;background-color: #E54091;}
.nav-a6-path:hover{background-position: -200px -280px;background-color: #E54091;}
.nav-a-self{
cursor : normal;
background-color: #DDD;
}
.nav-a-self:hover{
background-color: #DDD;
}
.nav-ul-sub{
display: none;
position: absolute;
z-index: 3;
top: 0px;
height: auto;
}
.nav-program{
left: 92px;
width: 150px;
}
.nav-movie{
left: 243px;
width: 145px;
}
.nav-program-a{background-position: -200px -60px;background-color: #F26FAF}
.nav-movie-a{background-position: -200px -90px;background-color: #F26FAF}
.nav-li-sub{
position: relative;
top: 24px;
padding-bottom: 1px;
background-color: #FFF;
}
.nav-a-sub{
position: relative;
display: block;
top: 0px;
height: 26px;
line-height: 26px;
text-indent: 1.2em;
color: #FFF;
font-size: 13px;
background-color: #F26FAF;
}
.nav-a-sub:hover{
color: #FFF;
text-decoration: none;
background-color: #E54091;
}
.nav-a-sub:before{
display: block;
content: '';
position: absolute;
top: 0.7em;
left: 0.5em;
width: 6px;
height: 6px;
background-color: #FFF;
}
/* ============================================================ #search */
.search-box-div{
position: relative;
padding: 5px 15px 5px 15px;
background-color: #951554;
background-image: url(/image/bg-search.png);
background-repeat: repeat-x;
background-position: left bottom;
border: 1px #5E0B34 solid;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
/*behavior: url(/js/PIE.htc);*/
z-index: 1;
}
.search-box-div:before{
content: '';
position:absolute;
bottom: 0;
left: 0;
width: 140px;
height: 140px;
background: url(/image/search-bg.png) no-repeat 10px 25px;
z-index: 2;
}
.search-box-h3{
position:absolute;
top: 15px;
left: 15px;
width: 200px;
height: 40px;
text-indent: -9999px;
background:  url(/image/search-bg.png) no-repeat 0px -200px;
}
.search-box-form-nickname{
position: relative;
float: left;
padding-top: 35px;
width: 265px;
z-index: 2;
}
.search-box-h4-nickname{
height: 45px;
text-indent: -9999px;
background: url(/image/search-bg.png) no-repeat 0px -435px;
}
.search-box-p{
padding: 10px 0;
color: #FFF;
font-size: 70%;
}
.search-box-input-text{
margin-right: 3px;
width: 190px;
height: 1.4em;
line-height: 1.4em;
border: 2px #FFF solid;
}
.search-box-input-button{
width: 3.5em;
height: 1.8em;
line-height: 1.8em;
border: none;
color: ;
background-color: #F292C1;
}
.search-box-input-button:hover{
background-color: #F26FAF;
}
.search-box-prof-dl{
float: right;
margin: 5px 0;
padding: 10px 0 5px;
width: 680px;
background: url(/image/bg-search-border.png) repeat-y left top;
}
.search-box-prof-dt{
height: 30px;
text-indent: -9999px;
background: url(/image/search-bg.png) no-repeat 20px -253px;
}
.search-box-prof-dd{
padding-left: 20px;
height: 28px;
font-size: 80%;
}
.search-box-prof-span{
width: 85px;
height: 1.4em;
line-height: 1.4em;
text-indent: -9999px;
background-image: url(/image/search-bg.png);
background-position:no-repeat;
}
.search-age{background-position: 0px -502px;}
.search-area{background-position: 0px -552px;}
.search-life{background-position: 0px -602px;}
.search-style{background-position: 0px -652px;}
.search-hdo{background-position: 0px -702px;}
.search-sdo{background-position: 0px -752px;}
.search-mdo{background-position: 0px -802px;}
.search-uwaki{background-position: 0px -852px;}
.search-box-a{
position:relative;
margin-right: 8px;
padding: 0 0.7em 0 0.4em;
color: #FFF;
height: 1.4em;
line-height: 1.4em;
border-left: 3px #FFF solid;
}
.search-box-a:hover{
color: #FFF;
text-decoration: none;
background-color: #E54091;}
.search-close{
position: absolute;
top: -5px;
right: -15px;
display: block;
z-index: 10;
width: 84px;
height: 37px;
text-indent: -9999px;
background: url(/image/search-bg.png) no-repeat 0px -350px;
border: none;
}
.search-close:hover{
background: url(/image/search-bg.png) no-repeat 0px -400px;
}
/* ============================================================ #side */
.side-p{
padding-bottom: 10px;
background-color: #FFF;
}
.side-p-2{
padding: 15px 0 10px;
background-color: #FFF;
}
.side-p-a{
display: block;
margin-bottom: 5px;
}
.side-p-a:last-child{
/*margin-bottom: 0;*/
}
.side-ul{
padding: 10px 0 5px 0;
}
.side-li{
margin-bottom: 5px;
zoom: 1;
}
.side-ul-a{
display: block;
}
/* ============================================================ #ranking */
.ranking-section{
padding: 0 5px 10px;
text-align: right;
}
.ranking-h3{
margin: 3px 3px 5px 0px;
padding-left: 5px;
height: 1.6em;
line-height: 1.6em;
text-align: left;
font-size: 90%;
border-left: 4px #F26FAF solid;
}
.ranking-dl{
position: relative;
margin-bottom: 2px;
height: 51px;
text-align: left;
background-color: #FFF;
border: 1px #DEDEDE solid;
}
.ranking-dl:hover{
background-color: #FFE2DF;
border: 1px #CCC solid;
}
.ranking-dt{
padding: 5px 0 0 58px;
font-weight: bold;
font-size: 80%;
}
.ranking-dd{
padding: 5px 0 0 58px;
font-size: 80%;
color: #0075AB;
font-weight: bold;
}
.ranking-dd-link{
position: absolute;
top: 0px;
left: 0px;
width: 180px;
height: 50px;
overflow: hidden;
}
.ranking-dd-a{
display: block;
padding: 1.8em 0 0 58px;
height:50px;
font-size: 80%;
color: #0075AB;
font-weight: bold;
background: url(/image/tranc.png) repeat 0px 0px;
}
.ranking-dd-img{
position: absolute;
top: 3px;
left: 3px;
width: 50px;
height: 45px;
background-color:#FFF;
overflow: hidden;
}
.ranking-img{
display: block;
margin-left: -5px;
}
.ranking-button{
margin-top: 3px;
padding: 0 1em;
height: 1.8em;
line-height: 1.8em;
font-size: 70%;
color: #FFF;
background-color: #951554;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
.ranking-button:hover{
background-color: #E54091;
}
/* ============================================================ keyword */
.keyword-section{
padding: 5px 0 15px;
text-align: left;
background-color: #FFF;
}
.keyword-h3{
height: 22px;
text-indent: -9999px;
background: url(/image/bg-main-h2.png) no-repeat 0px -250px;}
.keyword-p{
padding: 0 3px;
line-height: 1.5em;
font-size: 90%;
}
.keyword-a{
padding: 0 5px 0 0;
/*white-space: nowrap;*/
}
.keyword-a:hover{
color: #951554;
}
/* ============================================================ prmovie */
.prmovie-section{
padding: 0 5px 10px;
text-align: right;
}
.prmovie-h3{
margin: 3px 3px 5px 0px;
padding-left: 5px;
height: 1.6em;
line-height: 1.6em;
text-align: left;
font-size: 90%;
border-left: 4px #F26FAF solid;
}
.prmovie-error{
font-size: 80%;
text-align: left;
padding: 5px 0px 5px 10px;
}
.prmovie-dl{
position: relative;
margin-bottom: 2px;
overflow: hidden;
height: 51px;
text-align: left;
background-color: #FFF;
border: 1px #DEDEDE solid;
/*cursor: pointer;*/
}
.prmovie-dt{
padding: 2px 0 0 58px;
font-size: 80%;
}
.prmovie-date{
font-family: 'ＭＳ Ｐゴシック', sans-serif;
font-size: 10px;
font-weight: bold;
color: #BF6258;
}
.prmovie-nickname{
padding-top: 3px;
font-weight: bold;
font-size: 90%;
line-height: 1.1em;
}
.prmovie-dd{
padding: 16px 0 0 58px;
line-height: 1em;
font-size: 11px;
font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
.prmovie-dd-link{
position: absolute;
top: 0px;
left: 0px;
width: 180px;
height: 50px;
overflow: hidden;
}
.prmovie-dd-a{
display: block;
padding: 15px 0 0 58px;
height: 50px;
font-size: 70%;
color: #0075AB;
font-weight: bold;
background: url(/image/tranc.png) repeat 0px 0px;
}
.prmovie-dl:hover{
background-color: #FFE2DF;
border: 1px #CCC solid;
}
.prmovie-dd-img{
position: absolute;
top: 3px;
left: 3px;
width: 50px;
height: 45px;
background-color:#FFF;
overflow: hidden;
}
.prmovie-img{
display: block;
margin-left: -5px;
}
.prmovie-a-button{
margin-top: 3px;
padding: 0 1em;
height: 1.8em;
line-height: 1.8em;
font-size: 70%;
color: #FFF;
background-color: #951554;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
.prmovie-a-button:hover{
color: #FFF;
text-decoration: none;
background-color : #E54091;
}/*
 * jScrollPane Style
 */
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #DEDEDE;
}
.jScrollPaneDrag {
position: absolute;
background: #787878;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDrag:hover{
background: #333;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}