@charset "utf-8";
/*
 * Style Path: css/style.css
 *
 * This Stylesheet was based on Yahoo! UI Library's Reset and Fonts CSS.
 * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 * http://developer.yahoo.com/yui/reset/
 * http://developer.yahoo.com/yui/fonts/
 * http://developer.yahoo.net/yui/license.txt
*/
html{
    color: #000;
    background: #dde6ed url(/images/bg.jpg) no-repeat;
	background-color:#dde6ed;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

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

img {
    border: none;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

li{
    list-style: none;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input,textarea,select {
    *font-size:100%;
}

body {
    font: 13px/1.231 Arial, Helvetica, sans-serif;
    *font-size: small;
    *font: x-small;
}

table {
    font-size: inherit;
    font: 100%;
}

table th {
    text-align: left;
}

/* floating-clear */
#header:after,
#doc:after,
#contents:after {
    content: ".";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

#doc,
#header,
#contents {
    display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html #doc,
*html #header,
* html #contents {
    height: 1%;
}

#doc,
#header,
#contents {
    display: block;
}

/* ----------------------------------------
 * floating- clear
 * ---------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* ----------------------------------------
 * ワイヤーフレームレイアウト
 * ---------------------------------------- */

body {
    text-align: center;
}

div#doc {
    margin: 0 auto;
    padding: 0 75px;
    position: relative;
    width: 850px;
    _width: 1000px;  /* for Win IE6 */
    height: 100%;
    line-height: 1.5;
    text-align: left;
}

div#header {
    padding: 30px 0 0 0;
}

#logo {
    margin: 0px;
    float: left;
    width: 200px;
    height: 70px;
}

/* cnnmenu */
ul#cnnmenu {
    float: right;
/*	width:150px;*/
    width: 582px;
    height: 55px;
	margin-top:15px;
}

ul#cnnmenu li {
    float: left;
    width: 70px;
    height: 55px;
}

ul#cnnmenu li.namecard {
    width: 71px;
}

ul#cnnmenu li.login {
    width: 90px;
}

ul#cnnmenu li a {
    display: block;
    width: 70px;
    height: 55px;
    text-indent: -10000em;
    overflow: hidden;
}

ul#cnnmenu li.cnnhome {
    width: 71px;
    background: url(/images/cnnmenu/00_on.gif) no-repeat;
}

ul#cnnmenu li.namecard {
    width: 71px;
    background: url(/images/cnnmenu/01_on.gif) no-repeat;
}

ul#cnnmenu li.message {
    background: url(/images/cnnmenu/02_on.gif) no-repeat;
}

ul#cnnmenu li.thread {
    background: url(/images/cnnmenu/03_on.gif) no-repeat;
}

ul#cnnmenu li.chat{
    background: url(/images/cnnmenu/04_on.gif) no-repeat;
}

ul#cnnmenu li.setting {
    background: url(/images/cnnmenu/05_on.gif) no-repeat;
}

ul#cnnmenu li.faq {
    background: url(/images/cnnmenu/06_on.gif) no-repeat;
}

ul#cnnmenu li.procedure {
    background: url(/images/cnnmenu/07_on.gif) no-repeat;
}

ul#cnnmenu li.login {
    width: 90px;
    background: url(/images/cnnmenu/08_on.gif) no-repeat;
}

ul#cnnmenu li.cnnhome a {
    width: 71px;
    background: url(/images/cnnmenu/00.gif) no-repeat;
}

ul#cnnmenu li.namecard a {
    width: 71px;
    background: url(/images/cnnmenu/01.gif) no-repeat;
}

ul#cnnmenu li.message a {
    background: url(/images/cnnmenu/02.gif) no-repeat;
}

ul#cnnmenu li.thread a {
    background: url(/images/cnnmenu/03.gif) no-repeat;
}

ul#cnnmenu li.chat a {
    background: url(/images/cnnmenu/04.gif) no-repeat;
}

ul#cnnmenu li.setting a {
    background: url(/images/cnnmenu/05.gif) no-repeat;
}

#en ul#cnnmenu li.setting a {
    background: url(/images/cnnmenu/05_on.gif) no-repeat;
}

ul#cnnmenu li.faq a {
    background: url(/images/cnnmenu/06.gif) no-repeat;
}

ul#cnnmenu li.procedure a {
    background: url(/images/cnnmenu/07.gif) no-repeat;
}

ul#cnnmenu li.login a {
    width: 90px;
    background: url(/images/cnnmenu/08.gif) no-repeat;
}

ul#cnnmenu li.cnnhome a:hover {
    width: 71px;
    background: url(/images/cnnmenu/00_on.gif) no-repeat;
}

ul#cnnmenu li.namecard a:hover {
    width: 71px;
    background: url(/images/cnnmenu/01_on.gif) no-repeat;
}

ul#cnnmenu li.message a:hover {
    background: url(/images/cnnmenu/02_on.gif) no-repeat;
}

ul#cnnmenu li.thread a:hover {
    background: url(/images/cnnmenu/03_on.gif) no-repeat;
}

ul#cnnmenu li.chat a:hover {
    background: url(/images/cnnmenu/04_on.gif) no-repeat;
}

ul#cnnmenu li.setting a:hover {
    background: url(/images/cnnmenu/05_on.gif) no-repeat;
}

ul#cnnmenu li.faq a:hover {
    background: url(/images/cnnmenu/06_on.gif) no-repeat;
}

ul#cnnmenu li.procedure a:hover {
    background: url(/images/cnnmenu/07_on.gif) no-repeat;
}

ul#cnnmenu li.login a:hover {
    width: 90px;
    background: url(/images/cnnmenu/08_on.gif) no-repeat;
}

/* title */
#title {
    height: 75px;
    overflow: hidden;
    display:none;
}

/* globalnav */
ul#globalnav {
    margin: 0 0 9px 0;
    width: 850px;
    height: 38px;
}

ul#globalnav li {
    float: left;
    width: 106px;
    height: 38px;
}

ul#globalnav li.hidemail,
ul#globalnav li.archive {
    width: 107px;
}

ul#globalnav li a {
    display: block;
    width: 106px;
    height: 38px;
    text-indent: -10000em;
    overflow: hidden;
}

ul#globalnav li.top {
    width: 100px;
    background: url(/images/gnav/00.png) no-repeat;
}

ul#globalnav li.hidemail {
    width: 112px;
    background: url(/images/gnav/01_on.png) no-repeat;
}

ul#globalnav li.chaser {
    width: 112px;
    background: url(/images/gnav/02_on.png) no-repeat;
}

ul#globalnav li.journey {
    width: 79px;
    background: url(/images/gnav/03_on.png) no-repeat;
}

ul#globalnav li.hidesjourney {
    width: 103px;
    background: url(/images/gnav/03_on.png) no-repeat;
}


ul#globalnav li.movie {
    width: 103px;
    background: url(/images/gnav/04_on.png) no-repeat;
}

ul#globalnav li.gallery {
    width: 109px;
    background: url(/images/gnav/05_on.png) no-repeat;
}

ul#globalnav li.shop {
    width: 65px;
    background: url(/images/gnav/06_on.png) no-repeat;
}

ul#globalnav li.fanmail {
    width: 87px;
    background: url(/images/gnav/07_on.png) no-repeat;
}

ul#globalnav li.archive {
    width: 83px;
    background: url(/images/gnav/08_on.png) no-repeat;
}

ul#globalnav li.top a {
    width: 100px;
    background: url(/images/gnav/00.png) no-repeat;
}

ul#globalnav li.hidemail a {
    width: 112px;
    background: url(/images/gnav/01.png) no-repeat;
}

ul#globalnav li.chaser a {
    width: 112px;
    background: url(/images/gnav/02.png) no-repeat;
}

ul#globalnav li.journey a {
    width: 79px;
    background: url(/images/gnav/03.png) no-repeat;
}

ul#globalnav li.hidesjourney a {
    width: 103px;
    background: url(/images/gnav/03.png) no-repeat;
}

ul#globalnav li.movie a {
    width: 103px;
    background: url(/images/gnav/04.png) no-repeat;
}

ul#globalnav li.gallery a {
    width: 109px;
    background: url(/images/gnav/05.png) no-repeat;
}

ul#globalnav li.shop a {
    width: 65px;
    background: url(/images/gnav/06.png) no-repeat;
}

ul#globalnav li.fanmail a {
    width: 87px;
    background: url(/images/gnav/07.png) no-repeat;
}

ul#globalnav li.archive a {
    width: 83px;
    background: url(/images/gnav/08.png) no-repeat;
}

ul#globalnav li.hidemail a:hover {
    background: url(/images/gnav/01_on.png) no-repeat;
}

ul#globalnav li.chaser a:hover {
    background: url(/images/gnav/02_on.png) no-repeat;
}

ul#globalnav li.journey a:hover {
    background: url(/images/gnav/03_on.png) no-repeat;
}

ul#globalnav li.hidesjourney a:hover {
    background: url(/images/gnav/03_on.png) no-repeat;
}

ul#globalnav li.movie a:hover {
    background: url(/images/gnav/04_on.png) no-repeat;
}

ul#globalnav li.gallery a:hover {
    background: url(/images/gnav/05_on.png) no-repeat;
}

ul#globalnav li.shop a:hover {
    background: url(/images/gnav/06_on.png) no-repeat;
}

ul#globalnav li.fanmail a:hover {
    background: url(/images/gnav/07_on.png) no-repeat;
}

ul#globalnav li.archive a:hover {
    background: url(/images/gnav/08_on.png) no-repeat;
}

div#main {
    margin-right: 6px;
    float: left;
    width: 654px;
    background: url(/images/main/main_bg.png) repeat-y;
}

div#sub {
    float: left;
    width: 190px;
}

div#footer {
    clear: both;
    width: 100%;
}


div#footertop {
    clear: both;
    width: 100%;
    font-size:11px;
    background: url(/images/top/top_footer_bg.gif);
}


div#main2 {
    margin-right: 6px;
    float: left;
    width: 850px;
    background: url(/images/main/main2_bg.gif) repeat-y;
}

/* ----------------------------------------
 * メニュー外部化
 * ---------------------------------------- */
body#hidemail ul#globalnav li.hidemail a {
    width: 107px;
    background: none;
}

body#chaser ul#globalnav li.chaser a {
    background: none;
}

body#journey ul#globalnav li.journey a {
    background: none;
}

body#hidesjourney ul#globalnav li.hidesjourney a {
    background: none;
}

body#movie ul#globalnav li.movie a {
    background: none;
}

body#gallery ul#globalnav li.gallery a {
    background: none;
}

body#shop ul#globalnav li.shop a {
    background: none;
}

body#fanmail ul#globalnav li.fanmail a {
    background: none;
}

body#archive ul#globalnav li.archive a {
    width: 83px;
    background: none;
}

body#links ul#globalnav li.links a {
    width: 107px;
    background: none;
}

body#sitemap ul#globalnav li.sitemap a {
    width: 107px;
    background: none;
}

body#hidemail h1.title_hidemail {
    width: 850px;
    height:75px;
    display:block;
}

body#chaser h1.title_chaser {
    width: 850px;
    height:75px;
    display:block;
}

body#journey h1.title_journey {
    width: 850px;
    height:75px;
    display:block;
}

body#hidesjourney h1.title_hidesjourney {
    width: 850px;
    height:75px;
    display:block;
}

body#movie h1.title_movie {
    width: 850px;
    height:75px;
    display:block;
}

body#gallery h1.title_gallery {
    width: 850px;
    height:75px;
    display:block;
}

body#shop h1.title_shop {
    width: 850px;
    height:75px;
    display:block;
}

body#fanmail h1.title_fanmail {
    width: 850px;
    height:75px;
    display:block;
}

body#archive h1.title_archive {
    width: 850px;
    height:75px;
    display:block;
}

body#links h1.title_links {
    width: 850px;
    height:75px;
    display:block;
}

body#sitemap h1.title_sitemap {
    width: 850px;
    height:75px;
    display:block;
}

body#en h1.title_en {
    width: 850px;
    height:142px;
    display:block;
}

body#update h1.title_update {
    width: 850px;
    height:75px;
    display:block;
}

body#mobile h1.title_mobile {
    width: 850px;
    height:142px;
    display:block;
}

/* ----------------------------------------
 * 要素ごとのスタイル
 * ---------------------------------------- */
a,
a:link {
    color: #015996;
    text-decoration: underline;
}

a:visited {
    color: #CC3333;
}

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

p, ul, ol,
ul li,
ol li,
table,
table th,
table td {
    font-size: 105%;
}

table th,
table td {
    padding: 0 10px 2px 0;
}

table td ul,
table td ul li,
dl dd ul,
dl dd ul li {
    font-size: 100%;
}

strong {
    font-weight: bold;
}

.note {
    font-size: 80%:
}

/* ----------------------------------------
 * 共通
 * ---------------------------------------- */
.clear {
    clear: both;
}

ul.mark {
    margin: 0 10px 0 10px;
}

ul.mark li {
    padding: 0 0 4px 25px;
    background: url(/images/common/bullet.png) no-repeat 0 3px;
}

div.more {
    width: 55px;
    height: 17px;
    background: url(/images/common/more_on.png) no-repeat;
}

div.more a {
    display: block;
    width: 55px;
    height: 17px;
    background: url(/images/common/more.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div.more a:hover {
    background: url(/images/common/more_on.png) no-repeat;
}


div.back {
    width: 55px;
    height: 17px;
    background: url(/images/common/back_on.png) no-repeat;
}

div.back a {
    display: block;
    width: 55px;
    height: 17px;
    background: url(/images/common/back.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div.back a:hover {
    background: url(/images/common/back_on.png) no-repeat;
}

.imageright {
    margin-bottom: 0 0 0 5px;
    float: right;
}

.imageleft {
    margin: 0 5px 0 0;
    float: left;
}

/* ----------------------------------------
 * contents
 * ---------------------------------------- */
#contents {
    position: relative;
}


/* ----------------------------------------
 * Main
 * ---------------------------------------- */
div#main div.box {
    margin: 0 8px;
}

#main div.top {
    height: 6px;
    font-size: 1px;
    line-height: 1;
    background: url(/images/main/main_top.png) no-repeat top;
}

#main div.bottom {
    height: 6px;
    font-size: 1px;
    line-height: 1;
    background: url(/images/main/main_bottom.png) no-repeat bottom;
}
#main div.section {
    margin-bottom: 22px;

}
#main div.height1000{
	min-height:1000px;
	_height: 1000px;		/* IEのみに適用される(undesr score hack) */
}

/*
#main div.section {
    margin-bottom: 22px;
	min-height:1000px;
	_height: 1000px;		/* IEのみに適用される(undesr score hack) */
}*/

#main div.section h2 {
    margin-bottom: 6px;
}

#main2 div.top2 {
    height: 6px;
    font-size: 1px;
    line-height: 1;
    background: url(/images/main/main2_top.gif) no-repeat top;
}

#main2 div.bottom2 {
    height: 6px;
    font-size: 1px;
    line-height: 1;
    background: url(/images/main/main2_bottom.gif) no-repeat bottom;
}

/* ----------------------------------------
 * Sub
 * ---------------------------------------- */
div#sub div.bg {
    background: url(/images/sub/sub_bg.png) repeat-y;
}

div#sub div.section div.bottom {
    height: 6px;
    font-size: 1px;
    line-height: 1;
    background: url(/images/sub/sub_bottom_square.png) no-repeat bottom;
}

div#sub div.section div.section {
    margin: 0 5px 0 5px;
}

div#sub div.section div.section h3 {
    margin: 0 0 3px 0;
}

/* club.nakata.net */
div#sub div#club {
    margin: 0 0 13px 0;
}

body#top div#sub div#club {
    margin: 0;
}

div#club form {
    height: 31px;
    background: url(/images/sub/club/select_bg.png) no-repeat;
    overflow: hidden;
}

div#club form select {
    margin: 7px 0 0 12px;
    width: 165px;
    height: 21px;
    font-size: 12px;
}

div#club form input.submit {
    margin: 0;
    padding: 0;
    border: none;
    width: 65px;
    height: 21px;
    vertical-align: top;
    cursor: pointer;
}

div#club .register {
    width: 190px;
    height: 47px;
    background: url(/images/sub/club/register_bg.png) no-repeat;
}

div#club .register a {
    margin: 0 0 0 10px;
    width: 170px;
    height: 37px;
    display: block;
    background: url(/images/sub/club/register.png) no-repeat;
    text-indent: -100000em;
    overflow: hidden;
}

div#club .register a:hover {
    background: url(/images/sub/club/register_on.png) no-repeat;
}

div#club ul.merit {
    margin: 0 0 0 5px;
    padding-bottom: 3px;
}

div#club ul.merit li,
div#club ul.merit li a {
    width: 182px;
    height: 21px;
    display: block;
    text-indent: -100000em;
    overflow: hidden;
}

div#club ul.merit li#merit1 {
    background: url(/images/sub/club/01_on.png) no-repeat;
}

div#club ul.merit li#merit2 {
    background: url(/images/sub/club/02_on.png) no-repeat;
}

div#club ul.merit li#merit3 {
    background: url(/images/sub/club/03_on.png) no-repeat;
}

div#club ul.merit li#merit4 {
    background: url(/images/sub/club/04_on.png) no-repeat;
}

div#club ul.merit li#merit1 a {
    background: url(/images/sub/club/01.png) no-repeat;
}

div#club ul.merit li#merit2 a {
    background: url(/images/sub/club/02.png) no-repeat;
}

div#club ul.merit li#merit3 a {
    background: url(/images/sub/club/03.png) no-repeat;
}

div#club ul.merit li#merit4 a {
    background: url(/images/sub/club/04.png) no-repeat;
}

div#club ul.merit li#merit1 a:hover {
    background: url(/images/sub/club/01_on.png) no-repeat;
}

div#club ul.merit li#merit2 a:hover {
    background: url(/images/sub/club/02_on.png) no-repeat;
}

div#club ul.merit li#merit3 a:hover {
    background: url(/images/sub/club/03_on.png) no-repeat;
}

div#club ul.merit li#merit4 a:hover {
    background: url(/images/sub/club/04_on.png) no-repeat;
}


#main div.section div.section2,
#main div.bnr {
    margin: 0 0px 22px 27px;
}

.game_title{
     color:#fff;
}

/* PR */
div#sub div.pr {
    text-align: center;
}

div#sub div.pr h2 {
    margin-bottom: 3px;
}

div#sub div.pr div.pr {
    padding-bottom: 3px;
}

/* HIDE's 名刺 */
div#namecard {
    margin: 0 0 10px 0;
    position: relative;
    margin-top:8px!important;
}

div#namecard div.profile {
    position: absolute;
    top: 7px;
    right: 4px;
    width: 76px;
    height: 17px;
    background: url(/images/sub/profile_on.png) no-repeat;
    z-index: 10;
}

div#namecard div.profile a {
    display: block;
    width: 76px;
    height: 17px;
    background: url(/images/sub/profile.png) no-repeat;
    text-indent: -10000em;
    overflow: hidden;
}

div#namecard div.profile a:hover {
    background: url(/images/sub/profile_on.png) no-repeat;
}

div#namecard div.photo {
    margin: 10px 6px 0 0;
    padding-left:12px;
    float: left;
}

div#namecard div.hide {
    margin: 10px 0 0 0;
    float: left;
    width: 95px;
}

div#namecard div.hide p.note {
    font-size: 10px;
}

div#sub div.section div.baloon {
    background: url(/images/sub/baloon_bg.png) repeat-y;
}

div#sub div.section div.baloon p {
    padding: 20px 15px 0 18px;
    background: url(/images/sub/baloon_top.png) no-repeat top;
    font-size: 85%;
}

div#sub div.section div.baloon div.bottom {
    height: 17px;
    font-size: 1px;
    line-height: 1;
    background: url(/images/sub/baloon_bottom.png) no-repeat bottom;
}

/* 名刺をつくる */
div#namecard div.create {
    margin: 0 0 0 10px;
    width: 170px;
    height: 40px;
    background: url(/images/sub/create_card_on.png) no-repeat;
}

div#namecard div.create a {
    display: block;
    width: 170px;
    height: 40px;
    background: url(/images/sub/create_card.png) no-repeat;
    text-indent: -10000em;
    overflow: hidden;
}

div#namecard div.create a:hover {
    background: url(/images/sub/create_card_on.png) no-repeat;
}

/* Pick Up nakata.net */
div#sub div#pickup {
    margin: 0 0 10px 0;
}

div#sub div#pickup div.movie {
    margin: 0 22px 0 18px;
}

div#sub div#pickup dl {
    margin: 0 22px 5px 18px;
}

/* feed */
div#sub div.feed {
    margin: 0 0 10px 0;
}

/* link */
div#sub ul.link {
    margin-bottom: 14px;
}

div#sub ul.link li {
    float: left;
}

div#sub ul.link li.mobile {
    width: 77px;
    height: 40px;
    background: url(/images/sub/link/01_on.png) no-repeat;
}

div#sub ul.link li.mobile a {
    display: block;
    width: 77px;
    height: 40px;
    background: url(/images/sub/link/01.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div#sub ul.link li.mobile a:hover {
    background: url(/images/sub/link/01_on.png) no-repeat;
}

div#sub ul.link li.cafe {
    width: 113px;
    height: 40px;
    background: url(/images/sub/link/02_on.png) no-repeat;
}

div#sub ul.link li.cafe a {
    display: block;
    width: 113px;
    height: 40px;
    background: url(/images/sub/link/02.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div#sub ul.link li.cafe a:hover {
    background: url(/images/sub/link/02_on.png) no-repeat;
}

div#sub ul.link li.tv {
    width: 95px;
    height: 30px;
    background: url(/images/sub/link/03_on.png) no-repeat;
}

div#sub ul.link li.tv a {
    display: block;
    width: 95px;
    height: 30px;
    background: url(/images/sub/link/03.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div#sub ul.link li.tv a:hover {
    background: url(/images/sub/link/03_on.png) no-repeat;
}

div#sub ul.link li.bellmare {
    width: 61px;
    height: 30px;
    background: url(/images/sub/link/04_on.png) no-repeat;
}

div#sub ul.link li.bellmare a {
    display: block;
    width: 61px;
    height: 30px;
    background: url(/images/sub/link/04.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div#sub ul.link li.bellmare a:hover {
    background: url(/images/sub/link/04_on.png) no-repeat;
}

div#sub ul.link li.ssu {
    width: 120px;
    height: 32px;
    background: url(/images/sub/link/05_on.png) no-repeat;
}

div#sub ul.link li.ssu a {
    display: block;
    width: 120px;
    height: 32px;
    background: url(/images/sub/link/05.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div#sub ul.link li.ssu a:hover {
    background: url(/images/sub/link/05_on.png) no-repeat;
}

div#sub ul.link li.kanata {
    width: 70px;
    height: 32px;
    background: url(/images/sub/link/06_on.png) no-repeat;
}

div#sub ul.link li.kanata a {
    display: block;
    width: 70px;
    height: 32px;
    background: url(/images/sub/link/06.png) no-repeat;
    overflow: hidden;
    text-indent: -10000em;
}

div#sub ul.link li.kanata a:hover {
    background: url(/images/sub/link/06_on.png) no-repeat;
}

div.sub_en {
	background-color:#D3E6EA;
}

/* ----------------------------------------
 * footer
 * ---------------------------------------- */
#footer {
    padding: 12px 0 68px 0;
}

#footer ul {
    float: left;
}

#footer ul li {
    float: left;
    height: 13px;
}

#footer ul li a {
    display: block;
    height: 13px;
    overflow: hidden;
    text-indent: -10000em;
}

#footer ul li.links {
    width: 42px;
    background: url(/images/footer/links_on.png) no-repeat;
}

#footer ul li.sitemap {
    width: 73px;
    background: url(/images/footer/sitemap_on.png) no-repeat;
}

#footer ul li.english {
    width: 68px;
    background: url(/images/footer/english_on.png) no-repeat;
}

#footer ul li.links a {
    width: 42px;
    background: url(/images/footer/links.png) no-repeat;
}

#footer ul li.sitemap a {
    width: 73px;
    background: url(/images/footer/sitemap.png) no-repeat;
}

#footer ul li.english a {
    width: 68px;
    background: url(/images/footer/english.png) no-repeat;
}

#footer ul li.links a:hover {
    width: 42px;
    background: url(/images/footer/links_on.png) no-repeat;
}

#footer ul li.sitemap a:hover {
    width: 73px;
    background: url(/images/footer/sitemap_on.png) no-repeat;
}

#footer ul li.english a:hover {
    width: 68px;
    background: url(/images/footer/english_on.png) no-repeat;
}

#footer address {
    float: left;
    color: #8d9195;
    font-size: 80%;
}



/* ----------------------------------------
 * footer　トップページ用
 * ---------------------------------------- */




#footertop {
    padding: 12px 0 68px 0;
}

#footertop ul {
    float: left;
}

#footertop ul li {
    float: left;
    height: 13px;
}

#footertop ul li a {
    display: block;
    height: 13px;
    overflow: hidden;
    text-indent: -10000em;
}

#footertop ul li.links {
    width: 42px;
    background: url(/images/footer/links_on.png) no-repeat;
}

#footertop ul li.sitemap {
    width: 73px;
    background: url(/images/footer/sitemap_on.png) no-repeat;
}

#footertop ul li.english {
    width: 68px;
    background: url(/images/footer/english_on.png) no-repeat;
}

#footertop ul li.links a {
    width: 42px;
    background: url(/images/footer/links.png) no-repeat;
}

#footertop ul li.sitemap a {
    width: 73px;
    background: url(/images/footer/sitemap.png) no-repeat;
}

#footertop ul li.english a {
    width: 68px;
    background: url(/images/footer/english.png) no-repeat;
}

#footertop ul li.links a:hover {
    width: 42px;
    background: url(/images/footer/links_on.png) no-repeat;
}

#footertop ul li.sitemap a:hover {
    width: 73px;
    background: url(/images/footer/sitemap_on.png) no-repeat;
}

#footertop ul li.english a:hover {
    width: 68px;
    background: url(/images/footer/english_on.png) no-repeat;
}

#footertop address {
    float: left;
    color: #8d9195;
    font-size: 80%;
}






/*------------------------------------------------ファンメール系---------------------*/
/*-----------年リスト---------------------*/

#fanmail_tbl_year{
	width:550px;
	margin:10px 0px 30px 50px;
	border-top:1px dotted #999;

}

#fanmail_tbl_year td{
	padding:5px;
}

#fanmail_tbl_year .month{
width:550px;
border-bottom:1px dotted #999;
}


/*-----------ファンメール　リストと本文系---------------------*/


#fanmail_tbl{
	width:550px;
	margin:10px 0px 30px 50px;
	border-top:1px dotted #999;

}

#fanmail_tbl td{
	border-bottom:1px dotted #999;
	padding:5px;
}

.hotline_btn{
	width:550px;;
	text-align:right;
	margin:-10px 0px 10px 50px;
}

#fanmail_detail{
	width:560px;
	margin:0px 0px 5px 40px;
}

#fanmail_detail .from_up{
	font-weight:bold;
	font-size:14px;
	float:left;
}

#fanmail_detail .from_index{
	float:right;
}


#fanmail_detail pre{
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	font-size:12px;
	padding:10px;
}





/*--------------------------------------Hide's Journey系--------------------*/



#jny_ph{
	width:590px;
	margin:10px 0px 20px 30px;
	/*background:url("/images/hidesjourney/jny_ph_bg.jpg") repeat-y;*/
}


#jny_ph h1{
	width:590px;
	height:39px;
	padding:0px;
	margin:0px;
	background:url("/images/hidesjourney/jouneyph_title.gif") no-repeat;
	text-indent:-9999px;

}




#jny_ph .list_title{
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 0px 0px;
}

#jny_ph li{
	float:left;
	margin:0px 10px 10px 0px;
	list-style:none;
}

#jny_ph ul{
	margin:0px 0px 0px 0px;
	clear:both;

}

#jny_ph img{
	border:1px solid #333
}

.sp{
	margin:0px 0px 5px 0px;
	border-bottom:1px dotted #999;
}

#tab-container-1 .jny_ph_sub_menu{
	height:40px;
	width:580px;
	border-bottom:1px dotted #999;
	margin:10px 0px 0px 0px;
}

#tab-container-1 .jny_ph_sub_btn{
	float:left;
	width:400px;
}

#tab-container-1 .jny_ph_sub_back{
	float:right;
	width:130px;
	text-align:right;
}


#tab-container-1 ul{
	width:580px;
	margin:0px 0px 10px 0px;
}

#tab-container-1 li{
	float:left;
	margin:0px 5px 0px 0px;
	width:82px;
	text-align:center;
	font-size:14px;
	background:url("/images/hidesjourney/tab_menu.gif");
	border:1px solid #666;
}

#tab-container-1 li a{
	text-decoration:none;
}


#hidesjourney_tbl table{
	border-top:1px solid #666;
	border-left:1px solid #666;
	font-size:12px;
	width:578px;
	margin:0px 0px 5px 30px;
}

#hidesjourney_tbl th{
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	text-align:center;
	padding:3px;
	background:url("/images/hidesjourney/tblbg.gif");
}


#hidesjourney_tbl .go{
	width:40px;
}

#hidesjourney_tbl .gc{
	width:40px;
}

#hidesjourney_tbl .flag{
	width:25px;
}

#hidesjourney_tbl .country{
	width:125px;
}

#hidesjourney_tbl .city{
	width:125px;
}

#hidesjourney_tbl .days{
	width:80px;

}

#hidesjourney_tbl .app{
	width:70px;

}



/*#hidesjourney_tbl td{
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	padding:3px;
}*/

#hidesjourney_tbl td{
	padding:3px;
	border-bottom:1px solid #666;
}

#hidesjourney_tbl .tl{
	text-align:left;
}


#hidesjourney_tbl .tr{
	text-align:right;
}


#hidesjourney_tbl .tc{
	text-align:center;
}

#hidesjourney_tbl .tw{
	text-align:center;
}

#hidesjourney_tbl .tm{
	text-align:center;
	border-left:1px solid #666;
}

#hidesjourney_tbl .ti{
	text-align:center;
	border-left:1px solid #666;
	border-right:1px solid #666;
}



#hidesjourney_ph{
	margin:10px 0px 20px 20px;
}

#hidesjourney_ph table{
	width:578px;
}

#hidesjourney_ph td{
	text-align:center;
	font-size:12px;
}

#hidesjourney_ph img{
	border:1px solid #333
}

#hidesjourney_ph h3{
	background:url("/images/hidesjourney/journey_photo_title.gif") no-repeat;
	width:168px;
	height:33px;
	text-indent:-9999px;
	float:left;
}

#hidesjourney_ph .new{
	font-weight:bold;
	color:#f00;
}

#hidesjourney_ph .jny_ph_subtitle{
	float:right;
	width:300px;
	margin:10px 40px 0px 0px;
	text-align:right;
}


#jny_intro{
	width:600px;
	margin:10px 0px 10px 20px;
}

#jny_intro .flash{
float:left;
width:200px;
height:60px;

}

#jny_intro .jny_int{
wdith:300px;
float:right;
text-align:right;
}




#tab {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	border-bottom: 2px solid #333;
	height: 1.5em;
	overflow: hidden;
}
#tab li {
	float: left;
	width: 64px;
	height: 1.5em;
}
#tab li a {
	display: block;
	width: 60px;
	height: 1.5em;
	border: 1px solid #ccc;
	border-bottom: 0;
	
	color: #777;
	text-align: center;
}
#tab li a:hover,
#tab li.present a {
	border-color: #333;
	color: #000;
}


#page1, #page2, #page3, #page4, #page5 {
	margin-bottom: 12em;
	padding-top: 1em;
}

.top_back{
width:590px; margin:0px 0px 30px 20px; text-align:right;
}

.tbl_tab{
	margin:10px 0px 0px 30px;

}


/*--------------------------------------  _main系  --------------------*/

#main .box .rss_main{
	text-align:left;
	font-size:100%;
}
#main .box .rss_main p {
    margin: 10px  0 10px 0px;
    line-height: 1.8;
}
#main .box .rss_main p.indent {
	text-indent:-1em;
	padding-left:1em;
}
#main .box .rss_main table{
	border-collapse:collapse;
	padding:5px;
}
#main .box .rss_main table td{
	border:1px solid #B5B6B5;
	padding:5px;
}
#main .box .rss_main table td.blue{
	background-color:#DEE3EF;
}
#main .box .rss_main .rss_box{
	border:1px solid #B5B6B5;
	padding:0 10px;
}
#main .box .rss_main .rss_inner{
	width:590px;
  margin: 0  0px 30px 24px;
}
#main .box .rss_main .orange{
	color:#F76D31;
	font-weight:bold;
}


#main .box .colum_main {
	width:590px;
  margin: 0  0px 30px 24px;
  line-height: 1.8;
}


#main .box .archiveTop_main {
  margin-top:20px;
}


#main .box .sitemap_main {
	width:590px;
  margin: 0  0px 30px 24px;
  margin-top:20px;
}
#main .box .sitemap_main ul,
#main .box .sitemap_main ul ul {
	font-size:100%;
	line-height:1.8;
}
#main .box .sitemap_main ul {
	margin-top:20px;
}
#main .box .sitemap_main ul li {
	padding-top:10px;
}
#main .box .sitemap_main ul ul {
	font-size:100%;
	margin:0 0 0 30px;
}


#main .box .fanmailForm_main {
	width:590px;
  margin: 0  0px 30px 24px;
  margin-top:20px;
}



#fanmail_page{
	margin:0px 0px 30px 45px;
	width:550px;

}

#fanmail_page .fanmail_prev{

	width:100px;
	float:left;


}


#fanmail_page .fanmail_next{
	text-align:right;
	width:100px;
	float:right;

}

.hide_name {
    text-align:center;
    margin: 0px 0px 0px 0px;
}


.hide_text{
    width:190px;
}

.left_hide{
	width:90px;
	float:left;
	margin:2px 0px 2px 2px;
	}

.right_hide{
	width:96px;
	line-height:1.5;
	margin:5px 0px 2px 2px;
    font-size: 12px;
	float:right;
}

.hide_meishi{
    text-align:center;
    margin: 0px 0px 10px 0px;
}


.hide_name {
    text-align:center;
    margin: 0px 0px 0px 0px;
}


.hide_text{
    width:190px;
}

.left_hide{
	width:46px;
	float:left;
	margin:8px 0px 2px 8px;
	}

.right_hide{
	width:110px;
	line-height:1.5;
	margin:5px 8px 2px 2px;
    font-size: 12px;
	float:right;
}

.hide_meishi{
    text-align:center;
    margin: 0px 0px 10px 0px;
}