@charset "utf-8";
/*------------------------------
 =tags
------------------------------*/
body {
height: 100%;
color:#e6e6e6;
}
a {
color: #2a81f8;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/*#popup #header {
width: 600px;
height: 68px;
margin: 0 auto 29px auto;
padding: 0;
background-position: 0px 5px;
}
#popup #contents {
width: 640px;
margin: 0 auto;
padding: 0 0 20px 0;
}*/
#contents:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
#contents-right {
/*    position: relative;
*/    /*display: inline;*/
    float: right;
    width: 872px;
    margin: 0;
    padding: 0 0 5px 0;
    overflow: hidden;
    text-align: left;
/*    background-color: #434343;
*/    visibility: visible;
}
/*#contents-all {
position: relative;
width: 960px;
margin: 0 auto;
padding: 0 0 10px 0;
text-align: left;
}
#popup #contents-all {
width: 600px;
margin: 0 0 0 20px;
}*/
/*#footer {
position: absolute;
width: 100%;
height: 115px;
margin: 0;
padding: 0;
background: url(../img/common/bg_footer.png) no-repeat center 39px;
left: 0;
bottom: 0;
}
#footer-inner {
position: relative;
width: 960px;
height: 73px;
margin: 0 auto;
padding: 42px 0 0 0;
text-align: left;
overflow: hidden;
}
#footer-corp {
width: 945px;
margin: 0 auto;
padding: 0 9px 15px 6px;
color: #666;
font-size: 77%;
text-align: left;
overflow: hidden;
}*/
/*------------------------------
 =header
------------------------------*/
/*#header #logo {
width: 327px;
height: 52px;
margin: 0;
padding: 0;
overflow: hidden;
}*/
/*#header #logo a {
display: block;
width: 327px;
height: 52px;
margin: 0;
padding: 0;
text-indent: -9999em;
overflow: hidden;
}*/
/*#header #description {
width: 13px;
height: 52px;
text-indent: -9999em;
overflow: hidden;
}
#header #header-search {
position: absolute;
width: 315px;
height: 20px;
text-align: right;
line-height: normal;
top: 22px;
right: 0px;
}
#header #header-search input.input {
width: 227px;
height: 14px;
margin: 0 8px 0 0;
font-size: 93%;
vertical-align: top;
line-height: 14px;
border: solid 3px #BDDA07;
}
#header #header-search input.btn {
width: 68px;
height: 20px;
vertical-align: middle;
text-indent: -9999em;
background: url(../img/common/header_search_btn.gif) no-repeat 0px 0px;
border-width: 0px;
border-style: none;
overflow: hidden;
}
#header #header-search input.btn:hover,
#header #header-search input.btn-hover {
background-position: 0px -20px;
}*/
/*------------------------------
 =global
------------------------------*/
/*#global {
width: 960px;
height: 48px;
margin: 0 auto;
padding: 0;
text-align: left;
overflow: hidden;
}
#global ul {
width: 956px;
height: 44px;
padding: 2px;
background: url(../img/common/global.png) no-repeat 0px 1px;
zoom: 1;
}
#global ul:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
#global ul li {
display: inline;
float: left;
width: 185px;
height: 39px;
padding: 0 8px 5px 0;
line-height: normal;
}
#global ul li#global03 {
padding: 0 7px 5px 0;
}
#global ul li#global05 {
padding: 0 0 5px 0;
}
#global ul li a {
display: block;
width: 185px;
height: 39px;
text-indent: -9999em;
background-image: url(../img/common/global.png);
background-repeat: no-repeat;
overflow: hidden;
}
#global ul li#global01 a {
background-position: -2px -1px;
}
#global ul li#global01 a.this,
#global ul li#global01 a:hover {
background-position: -2px -52px;
}
#global ul li#global02 a {
background-position: -195px -1px;
}
#global ul li#global02 a.this,
#global ul li#global02 a:hover {
background-position: -195px -52px;
}
#global ul li#global03 a {
background-position: -388px -1px;
}
#global ul li#global03 a.this,
#global ul li#global03 a:hover {
background-position: -388px -52px;
}
#global ul li#global04 a {
background-position: -581px -1px;
}
#global ul li#global04 a.this,
#global ul li#global04 a:hover {
background-position: -581px -52px;
}
#global ul li#global05 a {
background-position: -774px -1px;
}
#global ul li#global05 a.this,
#global ul li#global05 a:hover {
background-position: -774px -52px;
}*/
/*------------------------------
 =genre-select
------------------------------*/
#genre-select {
width: 960px;
height: 40px;
margin: 0 auto;
text-align: left;
background: url(../img/common/bg_genre.gif) no-repeat 0px 0px;
overflow: hidden;
}
#genre-select dl {
width: 960px;
height: 40px;
margin: 0;
padding: 0;
}
#genre-select dt {
display: inline;
float: left;
width: 92px;
height: 40px;
text-indent: -9999em;
overflow: hidden;
}
#genre-select dd {
display: inline;
float: left;
width: 868px;
height: 40px;
}
#genre-select ul {
width: 860px;
height: 30px;
padding: 5px 0;
zoom: 1;
}
#genre-select ul:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#genre-select ul li {
display: inline;
float: left;
width: 86px;
height: 30px;
}
#genre-select ul li a {
display: block;
width: 86px;
height: 30px;
text-indent: -9999em;
background: url(../img/common/genre.png) no-repeat 0px 0px;
overflow: hidden;
}
#genre-select ul li#genre01 a {
}
#genre-select ul li#genre01 a.this,
#genre-select ul li#genre01 a:hover {
background-position: 0px -30px;
}
#genre-select ul li#genre02 a {
background-position: -86px 0px;
}
#genre-select ul li#genre02 a.this,
#genre-select ul li#genre02 a:hover {
background-position: -86px -30px;
}
#genre-select ul li#genre03 a {
background-position: -172px 0px;
}
#genre-select ul li#genre03 a.this,
#genre-select ul li#genre03 a:hover {
background-position: -172px -30px;
}
#genre-select ul li#genre04 a {
background-position: -258px 0px;
}
#genre-select ul li#genre04 a.this,
#genre-select ul li#genre04 a:hover {
background-position: -258px -30px;
}
#genre-select ul li#genre05 a {
background-position: -344px 0px;
}
#genre-select ul li#genre05 a.this,
#genre-select ul li#genre05 a:hover {
background-position: -344px -30px;
}
#genre-select ul li#genre06 a {
background-position: -430px 0px;
}
#genre-select ul li#genre06 a.this,
#genre-select ul li#genre06 a:hover {
background-position: -430px -30px;
}
#genre-select ul li#genre07 a {
background-position: -516px 0px;
}
#genre-select ul li#genre07 a.this,
#genre-select ul li#genre07 a:hover {
background-position: -516px -30px;
}
#genre-select ul li#genre08 a {
background-position: -602px 0px;
}
#genre-select ul li#genre08 a.this,
#genre-select ul li#genre08 a:hover {
background-position: -602px -30px;
}
#genre-select ul li#genre09 a {
background-position: -688px 0px;
}
#genre-select ul li#genre09 a.this,
#genre-select ul li#genre09 a:hover {
background-position: -688px -30px;
}
#genre-select ul li#genre10 a {
background-position: -774px 0px;
}
#genre-select ul li#genre10 a.this,
#genre-select ul li#genre10 a:hover {
background-position: -774px -30px;
}
/*------------------------------
 =topicpath
------------------------------*/
#topicpath {
width: 933px;
height: 33px;
margin: 0 auto;
padding: 0 0 0 25px;
color:#e6e6e6;
font-size: 93%;
text-align: left;
line-height: 33px;
background: url(../img/common/icn_topicpath.gif) no-repeat left center;
}
#topicpath a {
color:#e6e6e6;
}
#topicpath span {
font-weight: bold;
}
/*------------------------------
 =contents
------------------------------*/
/* main-contents(single) */
#contents-right #pagetitle {
position: relative;
width: 700px;
height: 40px;
margin: 0;
padding: 0;
line-height: normal;
}
#contents-right #pagetitle span {
position: absolute;
display: block;
width: 700px;
height: 40px;
left: 0px;
bottom: 0px;
}
#contents-right #pagebody {
width: 870px;
margin: auto;
padding-bottom: 15px;
/*padding: 10px 10px 15px 10px;
*/line-height: 1.6;
background-color: #434343;
font-size: 14px;
}
#pagebody h2 {
width: 645px;
margin: 1.25em 0 10px 0;
padding: 2px 4px 8px 25px;
color: #2a81f8;
font-weight: bold;
font-size: 122%;
line-height: 1;
background: url(../image/static/square.png) no-repeat left;
}
/* camp.html20101130 */
#pagebody .camp_title {
width: 870px;
margin: 1.25em 0 10px 0;
padding: 0px 4px 8px 25px;
color: #2a81f8;
font-weight: bold;
font-size: 122%;
line-height: 1;
background: url(../img/common/bg_h2_dbl.gif) no-repeat left bottom;
}
/* camp.html20101130 */
#pagebody h2.first,
#pagebody h2:first-child {
margin: 0 0 10px 0;
}
#pagebody h3 {
margin: 1em 0 0 0;
font-size: 107%;
line-height: 1.2;
}
#pagebody p {
margin: 0 0 1em 0;
}
#contents-right #pagebody-footer {
position: absolute;
display: block;
width: 700px;
height: 10px;
background: url(../img/common/pagebody_ftr.png) no-repeat center bottom;
left: 0px;
bottom: 0px;
}
/* main-contents(double) */
#contents-all h1#pagetitle {
position: relative;
width: 960px;
height: 40px;
margin: 0;
padding: 0;
line-height: normal;
}
#contents-all h1#pagetitle span {
position: absolute;
display: block;
width: 960px;
height: 40px;
left: 0px;
bottom: 0px;
}
/* camp.html20101201 */
#contents-all h1#pagetitlecamp {
    position: relative;
    width: 960px;
    height: 131px;
    margin: 0;
    padding: 0;
    line-height: normal;
}
#contents-all h1#pagetitlecamp span {
    position: absolute;
    display: block;
    width: 960px;
    height: 131px;
    left: 0px;
    bottom: 0px;
}
/*#popup #contents-all h1#pagetitle {
width: 600px;
}
#popup #contents-all h1#pagetitle span {
width: 600px;
}*/
#contents-all #pagebody {
clear: both;
width: 924px;
padding: 10px 15px 15px 15px;
line-height: 1.6;
background-color: #fff;
border-left: solid 3px #2a81f8;
border-right: solid 3px #2a81f8;
}
/*#popup #contents-all #pagebody {
width: 564px;
}*/
#contents-all #pagebody-footer {
position: absolute;
display: block;
width: 960px;
height: 10px;
background: url(../img/common/pagebody_ftr_dbl.png) no-repeat center bottom;
left: 0px;
bottom: 1px;
}
/*#popup #contents-all #pagebody-footer {
width: 600px;
background-image: url(../img/common/pagebody_ftr_popup.png);
}*/
/* subnavi */
#contents-left #subnavi {
}
#contents-left #subnavi {
margin: 0 0 25px 0;
border-bottom: solid 3px #BDDA07;
}
#contents-left #subnavi dt {
width: 233px;
height: 39px;
text-indent: -9999em;
line-height: normal;
}
#contents-left #subnavi dd {
padding: 0 3px;
background-color: #BDDA07;
}
#contents-left #subnavi dd ul {
width: 227px;
margin: 0;
padding: 0;
background-color: #fff;
}
#contents-left #subnavi dd ul li {
width: 227px;
margin: 0;
padding: 0;
line-height: 1.2;
}
#contents-left #subnavi dd ul li a {
display: block;
width: 171px;
padding: 17px 14px 17px 42px;
color: #0480be;
background: #eee url(../img/common/subnavi_icn.gif) no-repeat 14px center;
}
#contents-left #subnavi dd ul li.odd a {
background-color: #e0e0e0;
}
#contents-left #subnavi dd ul li ul,
#contents-left #subnavi dd ul li ul li a {
background-color: transparent;
}
#contents-left #subnavi dd ul li a:hover,
#contents-left #subnavi dd ul li a.this {
background-color: #fff;
}
#contents-left #subnavi dd ul li a.this {
font-weight: bold;
text-decoration: none;
}
#contents-left #subnavi-bnr {
width: 227px;
padding: 15px 0 0 0;
background-color: #fff;
border: solid 3px #bdda07;
}
#contents-left #subnavi-bnr p {
padding: 0 0 15px 0;
text-align: center;
line-height: normal;
}
#contents-left #subnavi-bnr p#subnavi-bnr01 {
width: 200px;
height: 70px;
margin: 0 auto;
line-height: normal;
}
#contents-left #subnavi-bnr p#subnavi-bnr01 a {
display: block;
width: 200px;
height: 70px;
text-indent: -9999em;
overflow: hidden;
}
#contents-left #subnavi-bnr p#subnavi-bnr01 a {
background: url(../img/corporate/bnr_catalog.gif) no-repeat 0px 0px;
}
#contents-left #subnavi-bnr p#subnavi-bnr01 a:hover {
background-position: 0px -70px;
}
/*------------------------------
 =footer
------------------------------*/
#footer #return {
width: 105px;
height: 22px;
margin: 0 0 0 auto;
padding: 0 6px 0 0;
font-size: 93%;
font-weight: bold;
text-align: right;
line-height: 22px;
}
#footer #return a {
display: block;
width: 105px;
height: 22px;
color:#e6e6e6;
line-height: 22px;
text-align: center;
}
#footer #return a {
}
#footer #footer-menu {
height: 36px;
padding: 0 0 0 13px;
font-size: 93%;
line-height: 36px;
zoom: 1;
}
#footer #footer-menu:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#footer #footer-menu li {
display: inline;
float: left;
margin: 0 7px 0 0;
padding: 0 7px 0 0;
background: url(../img/common/bg_footer_menu.gif) no-repeat right center;
}
#footer #footer-menu li a {
color:#e6e6e6;
}
#footer #copyright {
position: absolute;
height: 36px;
color:#e6e6e6;
font-size: 77%;
text-align: right;
line-height: 36px;
right: 14px;
bottom: 15px;
}
/*------------------------------
 =common_style
------------------------------*/
#pagebody #pagenavi {
margin: 2.5em 0 0 0;
text-align: center;
zoom: 1;
}
#pagebody #pagenavi:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#pagebody #pagenavi li {
display: inline;
padding: 0 1em;
}
#pagebody #pagenavi li.previous {
border-right: solid 1px #2a81f8;
}
#pagebody #paging-top {
clear: both;
width: auto;
margin: 0;
padding: 0 10px 10px 10px;
text-align: center;
zoom: 1;
}
#pagebody #paging-bottom {
clear: both;
width: auto;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
zoom: 1;
}
#pagebody #paging-top:after,
#pagebody #paging-bottom:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}
#pagebody #paging-top li,
#pagebody #paging-bottom li {
display: inline;
margin: 0 5px 0 0;
color: #b8b8b8;
}
#pagebody #paging-top li.next,
#pagebody #paging-bottom li.next {
margin: 0;
}
#pagebody #paging-top li span,
#pagebody #paging-top li a,
#pagebody #paging-bottom li span,
#pagebody #paging-bottom li a {
padding: 2px 4px;
text-decoration: none;
border: solid 1px #ccc;
}
#pagebody #paging-top li span,
#pagebody #paging-bottom li span {
color: #ccc;
}
#pagebody #paging-top li a,
#pagebody #paging-bottom li a {
color: #2a81f8;
}
#pagebody #paging-top li a.this,
#pagebody #paging-top li a:hover,
#pagebody #paging-bottom li a.this,
#pagebody #paging-bottom li a:hover {
color: #333;
background-color: #86bfe2;
border-color: #2a81f8;
}
.btn-hover {
cursor: pointer;
}
.hidden {
display: none;
}
.bold {
font-weight: bold !important;
}
.normal {
font-weight: normal !important;
}
.font-bl {
color: #FFE100;
}
.font-xxs {
font-size: 69%;
}
.font-xs {
font-size: 77%;
}
.font-s {
font-size: 85%;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.float-right {
    background: #fff;
float: right;
}
.float-left {
float: left;
}
.float-clear {
clear: both;
}
#contents-right p.link-to {
padding: 0 0 0 15px;
background: url(../img/common/icn_bl01_r.gif) no-repeat left center;
}
.cell-wrapper .img-cell,
.cell-wrapper .text-cell {
display: table-cell;
margin: 0;
}
* html .cell-wrapper .img-cell,
* html .cell-wrapper .text-cell {  /* Hack for IE6 */
display: inline;
zoom: 1;
}
*:first-child+html .cell-wrapper .img-cell,
*:first-child+html .cell-wrapper .text-cell {  /* Hack for IE7 */
display: inline;
zoom: 1;
}
.cell-wrapper .img-cell {
line-height: normal;
}
/*-- CSS end --*/