@charset "Shift_JIS";

/* ----------------------------------------------------------------
    Structure | Body
----------------------------------------------------------------- */

#home{
background:url("/~museum/common/images/home/body_home_bg.png") repeat-x 0 0 #f7f8fd;
}
#blank{
background:url("/~museum/common/images/blank/body_blank_bg.png") repeat-x 0 0;
}


/* ----------------------------------------------------------------
    Structure | Header
----------------------------------------------------------------- */

/* _____ date-header _____ */

#home #date-header{
position:absolute;
top:42px;
right:0;
font-size:10px;
line-height:1;
vertical-align:bottom;
}

#home #date-header span img{
margin-right:2px;
}

#home #date-header span.gtYear{ margin-right:6px; }
#home #date-header span.gtMonth{ margin-right:5px; }
#home #date-header span.gtDay{ margin-right:5px; }


/* ----------------------------------------------------------------
    Structure | Promotion
----------------------------------------------------------------- */
#homeimg {
margin:0 auto 0;
width:965px;
padding:0;
}
#home #promotion{
margin:0 auto;
padding:14px 12px 31px;
width:966px;
background:url("/resources/plala/pc/images/shared/home/promotion_bg.png") no-repeat 0 100%;
}

/* _____ promotion: nav _____ */

#home #promotion div.nav{
margin:0 13px 0 0;
padding:11px 9px 0 8px;
float:left;
width:161px;
height:302px;
background:url("/resources/plala/pc/images/shared/home/promotion_nav_bg.gif") no-repeat 0 0;
}

#home #promotion div.nav *{
margin:0;
}

#home #promotion div.nav h2{
margin:0 0 5px;
}

#home #promotion div.nav ul.list{
margin-bottom:9px;
border-bottom:1px solid #ccc;
}

#home #promotion div.nav ul.list li{
margin:0 0 9px;
font-size:10px;
line-height:1;
}

#home #promotion div.nav ul.button li{
margin:0 0 4px;
font-size:10px;
line-height:1;
}

/* _____ promotion: rotation-banner _____ */

#home #promotion #rotation-banner{
position:relative;
float:left;
width:412px;
height:302px;
}

#home #promotion #rotation-banner *{
margin:0;
}

#home #promotion #rotation-banner p.banner{
position:relative;
z-index:0;
width:412px;
height:302px;
overflow:hidden;
}

#home #promotion #rotation-banner p.banner a{
display:none;
position:absolute;
top:0;
left:0;
}

#home #promotion #rotation-banner p.banner img{
width:412px;
height:302px;
}

#home #promotion #rotation-banner div#slider{
position:absolute;
z-index:1;
bottom:5px;
left:20px;
}

#home #promotion #rotation-banner div#slider-inner{
padding:10px 0 7px;
width:372px;
height:48px;
background:url("/resources/plala/pc/images/shared/home/promotion_slider_bg.png") repeat-x 0 0;
overflow:hidden;
}

#home #promotion #rotation-banner div#slider ul#list-thumb{
/*width:9999px;*/
}

#home #promotion #rotation-banner div#slider ul#list-thumb li{
float:left;
margin:0 3px;
padding:3px 5px 8px 3px;
background:url("/resources/plala/pc/images/shared/home/promotion_slider_thumb_bg.png") no-repeat 0 0;
cursor:pointer;
}

#home #promotion #rotation-banner div#slider ul#list-thumb li img{
width:110px;
height:37px;
}

#home #promotion #rotation-banner div#slider p#slider-left-arrow{
position:absolute;
top:0;
left:-22px;
}

#home #promotion #rotation-banner div#slider p#slider-right-arrow{
position:absolute;
top:0;
right:-23px;
}

/* _____ promotion: search _____ */

#home #promotion div.search{
float:right;
margin:0 0 5px;
padding:3px 5px;
width:340px;
min-height:51px;
background:#e0e0e0;
}

#home #promotion div.search *{
margin:0;
}

#home #promotion div.search ul.tabList{
padding-left:14px;
background:url("/resources/plala/pc/images/shared/home/promotion_search_nav_bg.gif") repeat-x 0 100%;
}

#home #promotion div.search ul.tabList li{
float:left;
margin-left:3px;
padding-left:4px;
background:url("/resources/plala/pc/images/shared/home/promotion_search_nav_line.gif") no-repeat 0 2px;
font-size:10px;
line-height:1;
}

#home #promotion div.search ul.tabList li label{
cursor:pointer;
}

#home #promotion div.search ul.tabList li:first-child{
margin:0;
padding:0;
background:none;
}

#home #promotion div.search ul.home-search-tabs li{
display:none;
}

#home #promotion div.search ul.home-search-tabs li.active{
display:block;
}

#home #promotion div.search p.input{
padding:2px;
background:#8c8c8c;
height:26px;
text-align:right;
}

#home #promotion div.search p.input input{
display:block;
float:left;
margin:0;
padding:0;
border:0;
vertical-align:middle;
}

#home #promotion div.search p.input input.query{
margin:0 5px 0 0;
padding:4px 2px;
border:1px solid #606060;
width:240px;
min-height: 16px;
max-height: 17px;
font-size:13px;
vertical-align:middle;
}

/* _____ promotion: ad _____ */

#home #promotion div.ad{
float:right;
width:350px;
}


/* ----------------------------------------------------------------
    Structure | Main Contents
----------------------------------------------------------------- */

#home #main{
float:left;
width:700px;
border:1px solid #DFDFDF;
background-color:#ffffff;
padding:19px;
}
#blank #main{
width:700px;
border:1px solid #DFDFDF;
background-color:#ffffff;
padding:19px;
}


/* ----------------------------------------------------------------
    Structure | Sub Contents
----------------------------------------------------------------- */

#home #sub{
font-size:81.25%;
}
#page #sub{
font-size:81.25%;
}


/* ----------------------------------------------------------------
    Structure | Sub Contents
----------------------------------------------------------------- */

#home #sub{
float:right;
}
#home #sub .sub-box1{
width:208px;
border:1px solid #DFDFDF;
background-color:#FFFFFF;
margin-bottom: 20px;
}
#home #sub .sub-box2{
width:210px;
margin-bottom: 20px;
}
#home #sub2{
float:right;
width:208px;
border:1px solid #DFDFDF;
background-color:#FFFFFF;
}
#page #sub{
float:right;
width:208px;
border:1px solid #d3deee;
background-color:#e6f0fd;
}
#home #sub3{
float:right;
width:210px;
}

/* ----------------------------------------------------------------
    Modules | Heading
----------------------------------------------------------------- */

/* _____ hdg-home-img _____ */

#home .hdg-home-img{
margin:0 0 6px;
}
#page .hdg-home-img{
margin:0 0 6px;
}


/* ----------------------------------------------------------------
    Modules | Column
----------------------------------------------------------------- */

/* _____ column-layout _____ */

#home > div.column-layout{ width:699px; }
#home > div.column-layout.col2 div.row{ margin:0; }
#page > div.column-layout{ width:699px; }
#page > div.column-layout.col2 div.row{ margin:0; }

/* _____ page-MS: 2 column _____ */

#home div.column-layout.col2 div.row{
margin-bottom:0;
width:712px;
}
#page div.column-layout.col2 div.row{
margin-bottom:0;
width:712px;
}

#home div.column-layout.col2 div.row div.segment{
float:left;
margin:0 13px 0 0;
width:343px;
}
#page div.column-layout.col2 div.row div.segment{
float:left;
margin:0 13px 0 0;
width:343px;
}


/* ----------------------------------------------------------------
    Modules | Box
----------------------------------------------------------------- */

/* _____ home-index-service _____ */

#home div#home-index-service{
position:relative;
background-image:url("/resources/plala/pc/images/shared/home/home-index-service_bg.png");
}

#home div#home-index-service > div.inner{
background:url("/resources/plala/pc/images/shared/home/home-index-service_bg.png") repeat-y -699px 0;
}

#home div#home-index-service > div.inner > div.body{
padding-right:11px;
background:url("/resources/plala/pc/images/shared/home/home-index-service_bg.png") no-repeat -1398px 100%;
}

#home div#home-index-service h2.hdg{
margin-bottom:17px;
}

#home div#home-index-service ul.hdg-link{
position:absolute;
top:13px;
right:11px;
}

#home div#home-index-service ul.hdg-link li{
float:left;
border-left:5px solid #fefbf5;
font-size:10px;
line-height:1;
}

#home div#home-index-service h3{
margin:0 0 4px;
}

#home div#home-index-service div.box-01 p,
#home div#home-index-service div.box-02 p,
#home div#home-index-service div.box-03 p{
margin-bottom:10px;
text-align:center;
}

/* _____ home-index-service: box-01 _____ */

#home div#home-index-service div.box-01{
float:left;
margin:0 10px 0 0;
width:218px;
background:url("/resources/plala/pc/images/shared/home/home-index-service_box_bg.gif") no-repeat 0 100%;
}

#home div#home-index-service div.box-01 ul{
margin:0 auto 5px;
width:196px;
}

#home div#home-index-service div.box-01 li{
padding-bottom:5px;
}

/* _____ home-index-service: box-02 _____ */

#home div#home-index-service div.box-02{
float:left;
margin:0 10px 13px 0;
width:218px;
background:url("/resources/plala/pc/images/shared/home/home-index-service_box_bg.gif") no-repeat 0 100%;
}

/* _____ home-index-service: box-03 _____ */

#home div#home-index-service div.box-03{
float:left;
margin:0 0 13px 0;
width:218px;
background:url("/resources/plala/pc/images/shared/home/home-index-service_box_bg.gif") no-repeat 0 100%;
}

/* _____ home-index-service: box-04 _____ */

#home div#home-index-service div.box-04{
float:right;
width:443px;
}

#home div#home-index-service div.box-04 h3,
#home div#home-index-service div.box-04 ul,
#home div#home-index-service div.box-04 li{
float:left;
}

/* _____ home-service-guide _____ */

#home #home-service-guide{
position:relative;
margin:0 0 10px;
}

/* _____ home-service-guide: box-aside-07 _____ */

#home #home-service-guide div.box-aside-07{
float:left;
margin:0;
width:459px;
background:url("/resources/plala/pc/images/shared/home/home-service-guide_box-aside-07_bg.png") no-repeat 0 100%;
font-size:110%;
}

/* _____ home-service-guide: home-service-help _____ */

#home #home-service-help{
float:right;
padding-top:6px;
padding-right:10px;
width:210px;
}

#home #home-service-help h2{
position:relative;
}

#home #home-service-help h2 img.bullet{
position:absolute;
top:-6px;
left:-8px;
}

#home #home-service-help div.body{
padding:10px 13px 55px;
background:url("/resources/plala/pc/images/shared/home/home-service-help_bg.gif") no-repeat 0 100%;
}

#home #home-service-help p.person{
position:absolute;
right:-3px;
bottom:0;
margin:0;
}

/* _____ home-recommend _____ */

#home div#home-recommend{
line-height:1.5;
}

#home div#home-recommend *{
margin-bottom:3px;
}

#home div#home-recommend{ background:url("/resources/plala/pc/images/shared/home/home-recommend_bg.png") no-repeat 0 0; }
#home div#home-recommend > div.inner{ background:url("/resources/plala/pc/images/shared/home/home-recommend_bg.png") repeat-y -699px 0; }
#home div#home-recommend > div.inner > div.body{ background:url("/resources/plala/pc/images/shared/home/home-recommend_bg.png") no-repeat -1398px 100%; }

#home div#home-recommend div.tv{
float:left;
width:448px;
}

#home div#home-recommend div.phone{
float:right;
width:215px;
}

#home div#home-recommend h3{
margin:0 0 6px;
}

/* _____ home-recommend: tv _____ */

#home div#home-recommend div.tv div.tv-body{
padding-left:2px;
}

#home div#home-recommend div.tv div.tv-body div.recommend-tv{
float:left;
margin:0 7px 0 0;
width:165px;
}

#home div#home-recommend div.tv div.tv-body div.recommend-video{
float:left;
margin:0 7px 0 0;
width:165px;
}

#home div#home-recommend div.tv div.tv-body div.banner{
float:left;
width:100px;
}

#home div#home-recommend div.tv div.tv-body div.banner p{
margin:0;
}

#home div#home-recommend div.tv div.tv-body div.item{
border-bottom:0;
line-height:1.4;
}

#home div#home-recommend div.tv div.tv-body div.item p.link{
margin:0 3px 5px;
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 0.2em;
}

#home div#home-recommend div.tv div.tv-body div.item p.info{
margin:0 3px;
color:#b9b9b9;
font-family:arial, helvetica, verdana, sans-serif;
font-size:9px;
}

/* _____ home-banner-box-01 _____ */

#home div#home-banner-box-01 div.column-layout{
width:671px;
}

#home div#home-banner-box-01 div.column-layout.col3 div.row{
margin:0;
width:690px;
}

#home div#home-banner-box-01 div.column-layout.col3 div.row div.segment{
float:left;
margin-right:19px;
width:211px;
}

#home div#home-banner-box-01 p{
margin:0;
line-height:1.5;
}

#home div#home-banner-box-01 p img{
margin-bottom:5px;
}

/* _____ home-box-01 _____ */

#home div.home-box-01-wrap{
background:url("/resources/plala/pc/images/shared/home/home-box-01-wrap_bg.gif") no-repeat 0 100%;
}

#home div.home-box-01 > div.body{
padding:0 8px 8px;
}

#home div.home-box-01 > div.body > *{
margin:0;
}

/* _____ home-box-01: honpo _____ */

#home div.home-box-01.honpo{
position:relative;
}

#home div.home-box-01.honpo p.date{
position:absolute;
top:5px;
right:6px;
}

#home div.home-box-01.honpo p.bdr-dot-bottom.mb10{
padding-bottom:10px;
line-height:1.5;
}

#home div.home-box-01.honpo p.bdr-dot-bottom.mb10 em{
color:#f60;
font-weight:bold;
}

#home div.home-box-01.honpo div.image-layout.bdr-bottom{
padding-bottom:10px;
}

#home div.home-box-01.honpo div.image-layout div.image{
padding-bottom:0;
}

#home div.home-box-01.honpo div.image-layout div.column{
font-size:110%;
font-weight:bold;
line-height:1.5;
}

#home div.home-box-01.honpo div.image-layout div.column p{
margin-bottom:10px;
}

/* _____ home-box-01: goo _____ */

#home div.home-box-01.goo div.bdr-bottom{
padding-bottom:10px;
}

#home div.home-box-01.goo div.column-layout.col3{
width:327px;
overflow:hidden;
background:url("/resources/plala/pc/images/shared/home/home-box-01_goo_bg.gif") repeat-y 0 0;
}

#home div.home-box-01.goo div.column-layout.col3 div.row{
margin:0;
width:348px;
}

#home div.home-box-01.goo div.column-layout.col3 div.row div.segment{
float:left;
margin:0 21px 0 0;
}

#home div.home-box-01.goo div.column-layout.col3 div.row div.segment.box-01{ width:85px; }
#home div.home-box-01.goo div.column-layout.col3 div.row div.segment.box-02{ width:115px; }
#home div.home-box-01.goo div.column-layout.col3 div.row div.segment.box-03{ width:85px; }

#home div.home-box-01.goo div.column-layout.col3 div.row div.segment p{
margin:0 0 7px;
}

#home div.home-box-01.goo div.column-layout.col3 div.row div.segment p img.icon{
position:relative;
left:-3px;
vertical-align:middle;
}

#home div.home-box-01.goo div.column-layout.col3 div.row div.segment ul{
margin:0;
}


/* ----------------------------------------------------------------
    Modules | Sub Box
----------------------------------------------------------------- */

/* _____ icon _____ */

#home #sub img.icon{
float:none;
vertical-align:baseline;
}

/* _____ home-sub-box-01 _____ */

#home div#home-sub-box-01{
margin:0 0 12px;
padding-top:2px;
border-bottom:2px solid #007635;
background:url("/resources/plala/pc/images/shared/home/home-sub-box-01_bg.gif") no-repeat 0 0;
}

#home div#home-sub-box-01 *{
margin-top:0;
margin-bottom:0;
}

#home div#home-sub-box-01 div.inner{
background:url("/resources/plala/pc/images/shared/home/home-sub-box-01_bg.gif") repeat-y -229px 0;
}

#home div#home-sub-box-01 div.content{
padding:0 13px 14px;
background:url("/resources/plala/pc/images/shared/home/home-sub-box-01_bg.gif") no-repeat -458px 100%;
}

#home div#home-sub-box-01 h2.title{
margin:0 2px 8px;
}

#home div#home-sub-box-01 h3{
margin:0 0 12px;
}

/* _____ home-sub-box-01: support _____ */

#home div#home-sub-box-01 div.support div.login{
margin:0 0 8px;
padding:0 0 1px;
border-top:1px solid #c3c3c3;
background:url("/resources/plala/pc/images/shared/home/home-sub-box-01_sup_login_bg.gif") no-repeat 0 100%;
}

#home div#home-sub-box-01 div.support div.login p.btn{
margin:2px 0 6px 2px;
padding:0;
border:0;
}

#home div#home-sub-box-01 div.support div.login ul{
margin:0 7px 5px;
line-height:1.5;
}

#home div#home-sub-box-01 div.support div.login ul li{
padding-left:11px;
background:url("/resources/plala/pc/images/shared/bullet_dot_01.gif") no-repeat 0 0.5em;
}

#home div#home-sub-box-01 div.support div.login a{
color:#333;
}

#home div#home-sub-box-01 div.support ul.list-sub-menu-01{
margin-left:3px;
}

#home div#home-sub-box-01 div.support ul.list-sub-menu-01 li{
float:left;
margin-bottom:15px;
width:94px;
}

#home div#home-sub-box-01 div.support ul.list-sub-menu-01 li.item01,
#home div#home-sub-box-01 div.support ul.list-sub-menu-01 li.item03{
clear:left;
margin-right:8px;
}

#home div#home-sub-box-01 div.support ul.list-sub-menu-01 li span{
display:block;
margin:2px 0 0;
font-size:78%;
text-align:center;
}

#home div#home-sub-box-01 div.support ul.list-link-03{
margin-bottom:12px;
padding-bottom:12px;
padding-top:5px;
border-top:1px solid #e7e7e7;
border-bottom:2px solid #bfbfbf;
}

#home div#home-sub-box-01 div.support p.btn{
padding-top:9px;
margin-bottom:17px;
}

/* _____ home-sub-box-01: privilege _____ */

#home div#home-sub-box-01 div.privilege ul.list-sub-image-01{
margin:0 0 11px;
padding-bottom:7px;
border-bottom:2px solid #bfbfbf;
line-height:1.4;
}

#home div#home-sub-box-01 div.privilege ul.list-sub-image-01 li{
margin:0 0 6px;
padding:7px 0 0;
background:url("/resources/plala/pc/images/shared/line_dot_01.png") repeat-x 0 0;
}

#home div#home-sub-box-01 div.privilege ul.list-sub-image-01 li:first-child{
padding-top:0;
background:none;
}

#home div#home-sub-box-01 div.privilege ul.list-sub-image-01 li p img{
float:left;
margin:0 6px 0 0;
}

#home div#home-sub-box-01 div.privilege ul.list-sub-image-01 li p img.icon{
float:none;
}

#home div#home-sub-box-01 div.privilege ul.list-link-01 li{
font-weight:bold;
}

#home div#home-sub-box-01 div.privilege ul.list-link-01 li p{
margin-bottom:8px;
font-size:84%;
font-weight:normal;
line-height:1.5;
}

/* _____ home-sub-box-02 _____ */

#home div.home-sub-box-02{
margin:0 0 10px;
border:1px solid #ccc;
}

#home div.home-sub-box-02 h2{
padding:6px 12px;
background:#e7e7e7;
}

#home div.home-sub-box-02 ul.list-link-01{
margin:8px 12px;
}

/* _____ home-sub-box-mobile _____ */

#home div.home-sub-box-mobile{
padding:11px;
border:1px solid #ccc;
}

#home div.home-sub-box-mobile *{
margin:0;
}

#home div.home-sub-box-mobile p.thumb{
float:left;
}

#home div.home-sub-box-mobile div.text{
margin-left:62px;
font-size:95%;
}


/* ----------------------------------------------------------------
    Modules | Sub Banner
----------------------------------------------------------------- */

/* _____ home-banner _____ */

#home ul.home-banner li{
margin-bottom:10px;
}