@charset "Shift_JIS";

body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:url(/sample/img/common/bg_header.jpg) top repeat-x #7e7e7e;}
body,td,th {font:12px/1.5em Verdana,Helvetica,Arial,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック','Osaka',HiraKakuPro-W3,sans-serif; color:#000;}
td {word-break:break-all;}
h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,address {margin:0; padding:0; list-style-type:none;}

/* MENU */
#menu_bg {position:relative; width:491px; height:65px; background:url(/sample/img/menu/menubg.jpg) 0 0 no-repeat;}
ul#menu{position:absolute; right:0px; width:491px; margin:0;}
#menu_bg ul li {margin:0;}
li#home{float:left; width:43px; list-style:none;}
li#home a{height:65px; width:43px; display:block;}
li#news{float:left; width:45px; list-style:none;}
li#news a{height:65px; width:45px; display:block;}
li#movie{float:left; width:45px; list-style:none;}
li#movie a{height:65px; width:45px; display:block;}
li#othertakes{float:left; width:45px; list-style:none;}
li#othertakes a{height:65px; width:45px; display:block;}
li#partofhide{float:left; width:45px; list-style:none;}
li#partofhide a{height:65px; width:45px; display:block;}
li#bbs{float:left; width:45px; list-style:none;}
li#bbs a{height:65px; width:45px; display:block;}
li#download{float:left; width:45px; list-style:none;}
li#download a{height:65px; width:45px; display:block;}
li#ecards{float:left; width:45px; list-style:none;}
li#ecards a{height:65px; width:45px; display:block;}
li#ticket{float:left; width:45px; list-style:none;}
li#ticket a{height:65px; width:45px; display:block;}
li#blog{float:left; width:45px; list-style:none;}
li#blog a{height:65px; width:45px; display:block;}
li#personal{float:left; width:43px; list-style:none;}
li#personal a{height:65px; width:43px; display:block;}
/*li#support{float:left; width:44px; list-style:none;}
li#support a{height:65px; width:44px; display:block;}*/
#home a span{display:none;}
#news a span{display:none;}
#movie a span{display:none;}
#othertakes a span{display:none;}
#partofhide a span{display:none;}
#bbs a span{display:none;}
#download a span{display:none;}
#ecards a span{display:none;}
#ticket a span{display:none;}
#blog a span{display:none;}
#personal a span{display:none;}
/*#support a span{display:none;}*/
a.home{background-image: url(/sample/img/menu/home.jpg);}
a:hover.home{background-position: 0px -65px;}
a.news{background-image: url(/sample/img/menu/news.jpg);}
a:hover.news{background-position: 0px -65px;}
a.movie{background-image: url(/sample/img/menu/movie.jpg);}
a:hover.movie{background-position: 0px -65px;}
a.othertakes{background-image: url(/sample/img/menu/othertakes.jpg);}
a:hover.othertakes{background-position: 0px -65px;}
a.partofhide{background-image: url(/sample/img/menu/partofhide.jpg);}
a:hover.partofhide{background-position: 0px -65px;}
a.bbs{background-image: url(/sample/img/menu/bbs.jpg);}
a:hover.bbs{background-position: 0px -65px;}
a.download{background-image: url(/sample/img/menu/download.jpg);}
a:hover.download{background-position: 0px -65px;}
a.ecards{background-image: url(/sample/img/menu/ecards.jpg);}
a:hover.ecards{background-position: 0px -65px;}
a.ticket{background-image: url(/sample/img/menu/ticket.jpg);}
a:hover.ticket{background-position: 0px -65px;}
a.blog{background-image: url(/sample/img/menu/blog.jpg);}
a:hover.blog{background-position: 0px -65px;}
a.personal{background-image: url(/sample/img/menu/personal.jpg);}
a:hover.personal{background-position: 0px -65px;}
/*a.support{background-image: url(/sample/img/menu/support.jpg);}
a:hover.support{background-position: 0px -65px;}*/

/* FONT */
h1 {width:132px; height:130px; background:url(/sample/img/common/logo.gif) left top no-repeat; margin:0; padding:0; text-indent:-9999px;}
h2 {font-size:16px; font-weight:bold; color:#ff0099; line-height:24px;}
h3 {font-size:14px; font-weight:bold; line-height:22px; display:inline;}
h4 {font-size:12px; line-height:16px; font-weight:bold;}
h5 {font-size:13px; font-weight:normal; color:#CC0000; display:inline;}
.j16 {font-size:16px; line-height:22px;}
.j14 {font-size:14px; line-height:20px;}
.j12 {font-size:12px; line-height:16px;}
.j11 {font-size:11px; line-height:16px;}
.j10 {font-size:10px; line-height:16px;}
.eng {font-family:Arial, Helvetica, sans-serif;}
.white {color:#fff;}
.pink {color:#ff0099;}
div.headcopy {padding:5px; background-color:#eee; border:solid 1px #999; margin:10px 0;}
div.headcopy2 {padding:5px; background-color:#000; color:#fff; margin:5px 0;}

/* SPACE */
.space_2 {margin-top:2px; margin-bottom:2px;}
.space_5 {margin-top:5px; margin-bottom:5px;}
.space_10 {margin-top:10px; margin-bottom:10px;}
.space_15 {margin-top:15px; margin-bottom:15px;}
.space_20 {margin-top:20px; margin-bottom:20px;}

/* LINK */
a {cursor:pointer;}
a:link {color:#ff0099;}
a:hover {color:#ff33cc;}
a:visited {color:#ff0099;}
a:active {color:#ff33cc;}
a.link_yellow:link {color:#ffcc00;}
a.link_yellow:hover {color:#ffff00;}
a.link_yellow:visited {color:#ffcc00;}
a.link_yellow:active {color:#ffff00;}
a.link_white:link {color:#fff; text-decoration:none;}
a.link_white:hover {color:#ffcc00; text-decoration:none;}
a.link_white:visited {color:#fff; text-decoration:none;}
a.link_white:active {color:#ffcc00; text-decoration:none;}
a.link_top:link {color:#ffff00; text-decoration:none;}
a.link_top:visited {color: #ffff00; text-decoration:none;}
a.link_top:hover {color:#ff33cc; text-decoration:none;}
a.link_top:active {color:#ff33cc; text-decoration:none;}

/* COMMON LAYOUT */
#header {width:800px; margin:auto; height:130px; padding-bottom:15px;}
#header div.left {float:left; width:132px;}
#header div.right {float:right; width:491px; height:103px; background:url(/sample/img/common/title.jpg) left bottom no-repeat; padding-left:170px;}
#header div.right div.topmenu {width:491px; height:37px; text-align:right;}
#footer {height:80px; margin:auto;}
div.dot {height:1px; background:url(/sample/img/common/dot.gif) repeat-x; margin:10px 0;}
div.dot2 {height:1px; background:url(/sample/img/common/dot.gif) repeat-x; margin:5px 0;}
.c-both {clear:both; margin:0; padding:0;}
span.guard {position:absolute; display:block; width:100%; height:100%; background-image:url(/sample/img/spacer.gif);}

/* TOP LAYOUT */
body#top {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:url(/sample/img/top/bg_header.jpg) top repeat-x #666;}
#topcontainer {width:806px; margin:auto; padding-bottom:15px;}
#topheader {width:800px; margin:auto; height:113px; padding-bottom:15px;}
#topheader div.left {float:left; width:132px;}
#topheader div.right {float:right; width:491px; height:79px; background:url(/sample/img/common/title.jpg) left 7px no-repeat; padding-top:7px; padding-left:170px;}
#topcontainer div.main {float:left; width:366px; background:url(/sample/img/top/box_shadow_t.jpg) 0 0 no-repeat; padding-top:3px;}
#topcontainer div.main div.box {width:340px; padding:10px 13px; background:url(/sample/img/top/box_bg.jpg) repeat-y;}
#topcontainer div.main div.bnr {width:360px; margin:auto; background:url(/sample/img/top/box_shadow_b.jpg) top no-repeat;}
#topcontainer div.main div.bnr div.left {float:left; width:175px; padding-top:10px;}
#topcontainer div.main div.bnr div.right {float:right; width:175px; padding-top:10px;}
div.todayshide {width:320px; margin:15px 0; padding:10px; background:url(/sample/img/top/title_todayshide.gif) 10px 10px no-repeat #ddd;}
div.todayshide ul {margin:0; padding:0; list-style:none; line-height:20px; background:url(/sample/img/common/dot_grey.gif) repeat;}
div.todayshide ul li {background:url(/sample/img/common/arrow.gif) left 7px no-repeat; padding-left:10px;}
#topcontainer div.sub {float:right; width:416px;}
#topcontainer div.sub div.bnr {width:410px; height:110px; padding:3px; background:url(/sample/img/bnr/bbnrbg.jpg) no-repeat;}
#topcontainer div.sub div.atl {width:410px; margin:auto; padding-top:3px;}
#topcontainer div.sub div.atl img {margin-bottom:5px;}
#topcontainer div.sub div.atl dl {background:url(/sample/img/common/dot_lgrey.gif) repeat; line-height:20px; margin:0; padding:0;}
#topcontainer div.sub div.atl dt {float:left; width:4em; color:#fff;}
#topcontainer div.sub div.atl dd {margin-left:4em;}
#topcontainer div.sub div.tnl {width:416px; padding-top:4px;}
#topcontainer div.sub div.tnl div.center {width:390px; height:220px; background:url(/sample/img/top/bg_contents2.jpg) no-repeat; padding:13px; text-align:left; font-size:11px; line-height:14px;}
#topcontainer div.sub div.tnl div.left {float:left; width:180px; height:200px; background:url(/sample/img/top/bg_contents.jpg) no-repeat; padding:13px; text-align:left; font-size:11px; line-height:14px;}
#topcontainer div.sub div.tnl div.right {float:right; width:180px; height:200px; background:url(/sample/img/top/bg_contents.jpg) no-repeat; padding:13px; text-align:left; font-size:11px; line-height:15px;}
div.p_ot {position:relative; width:340px; height:430px;}
div.p_tnl {position:relative; width:180px; height:135px;}
div.p_tnl2 {position:relative; width:390px; height:170px;}

/* LAYOUT */
#container {width:850px; margin:auto; padding-bottom:20px; background:url(/sample/img/common/footer.jpg) bottom no-repeat;}
#container div.main {float:left; width:536px; padding-left:25px; background:url(/sample/img/common/mainbox_bg.jpg) 25px top repeat-y;}
#container div.main div.box {width:500px; padding:15px 18px 0 18px; background:url(/sample/img/common/mainbox_t.jpg) top no-repeat;}
#container div.main div.box img.title {margin-bottom:15px;}
#container div.main div.box img.photo {margin-top:10px;}
#container div.main div.box p.headcopy {font-size:14px; line-height:20px; background:url(/sample/img/common/dot_lgrey.gif) bottom repeat-x; padding-bottom:5px;}
#container div.main div.btm {width:536px; height:25px; background:url(/sample/img/common/mainbox_b.jpg) no-repeat;}
#container div.sub {float:right; width:256px; margin-bottom:10px; padding-right:25px; background:url(/sample/img/common/subbox_bg.jpg) left top repeat-y;}
#container div.sub div.box {width:230px; padding:15px 13px 0 13px; background:url(/sample/img/common/subbox_t.jpg) top no-repeat;}
#container div.sub div.box img.title {margin-bottom:10px;}
#container div.sub div.box p {background:url(/sample/img/common/arrow_white.gif) left 5px no-repeat; padding-left:13px; margin-bottom:5px;}
#container div.sub div.btm {width:256px; height:15px; background:url(/sample/img/common/subbox_b.jpg) no-repeat;}
#container div.t_l {float:left; width:396px; padding-left:25px; background:url(/sample/img/common/twinbox_bg.jpg) 25px top repeat-y;}
#container div.t_l div.box {width:360px; padding:15px 18px 0 18px; background:url(/sample/img/common/twinbox_t.jpg) top no-repeat;}
#container div.t_l div.box img.title {margin-bottom:15px;}
#container div.t_l div.box img.photo {margin-top:10px;}
#container div.t_l div.btm {width:396px; height:25px; background:url(/sample/img/common/twinbox_b.jpg) no-repeat;}
#container div.t_r {float:right; width:396px; margin-bottom:10px; padding-right:25px; background:url(/sample/img/common/twinbox_bg.jpg) left top repeat-y;}
#container div.t_r div.box {width:360px; padding:15px 18px 0 18px; background:url(/sample/img/common/twinbox_t.jpg) top no-repeat;}
#container div.t_r div.box img.title {margin-bottom:15px;}
#container div.t_r div.box img.photo {margin-top:10px;}
#container div.t_r div.btm {width:396px; height:25px; background:url(/sample/img/common/twinbox_b.jpg) no-repeat;}
#container div.bg {width:806px; margin:auto; margin-bottom:10px; background:url(/sample/img/common/box_bg.jpg) center top repeat-y;}
#container div.bg div.box {width:770px; padding:15px 18px 0 18px; background:url(/sample/img/common/box_t.jpg) top no-repeat;}
#container div.bg div.box img.title {margin-bottom:15px;}
#container div.bg div.btm {width:806px; height:25px; background:url(/sample/img/common/box_b.jpg) no-repeat;}
#container div.bg div.box div.ph {width:770px; background:url(/sample/partofhide/img/title.jpg) left top no-repeat;}
#container div.bg div.box div.ph div.phmenu {float:left; width:190px; margin-top:50px;}
#container div.bg div.box div.ph div.phmenu img {margin-bottom:3px;}
#container div.bg div.box div.ph div.phmain {float:right; width:560px;}
#container div.bg div.box div.ph div.phmain div.txt {float:left; width:270px; margin-top:50px; text-align:left; background:url(/sample/img/common/dot_lgrey.gif) repeat; line-height:20px;}
#container div.bg div.box div.ph div.phmain div.photo {float:right; width:276px;}
#container div.bg div.box div.ph div.phmain div.photo div.phphoto {background:url(/sample/partofhide/img/pf_bg.jpg) repeat-y;}
#container div.bg div.box div.ph div.phmain div.photo div.phphoto img {width:250px; padding:40px 13px 0 13px; background:url(/sample/partofhide/img/pf_t.jpg) top no-repeat;}
#container div.bg div.box div.ph div.phmain div.photo div.phphoto div.btm {width:276px; height:13px; background:url(/sample/partofhide/img/pf_b.jpg) bottom no-repeat;}
#container div.bg div.box ul.download {width:770px; margin:0; padding:0;}
#container div.bg div.box ul.download li {float:left; width:250px; text-align:center; margin:0; padding:0;}
#container div.bg div.box ul.download li.ctr {margin:0 10px;}
#container div.bg div.box ul.download li img {margin:3px 0;}
#container div.bg div.box ol li {margin-left:20px; list-style-type:decimal;}
#container div.bg div.box div.qa dl {width:770px; margin:0; padding:0}
#container div.bg div.box div.qa dl dt {float:left; width:1.5em; font-size:14px; color:#FF0099; font-weight:bold;}
#container div.bg div.box div.qa dl dd {padding-left:1.5em; padding-bottom:10px;}
#container div.box {width:800px; margin:auto;}
div.datelist dl {padding:0; margin:0;}
div.datelist dt {float:left; width:8em;}
div.datelist dd {margin-left:8em; margin-bottom:10px;}

div.moviephoto {position:relative; width:320px; height:260px; margin:auto;}
div.otphoto {position:relative; width:340px; height:450px; margin:auto;}

/* BBS */
table#search {border:1px solid #ccc;}
table#search td {margin:0px; padding:5px; background-color:#ececec; text-align:left; line-height:25px;}
div#bbstitle {width:744px; background-color:#ccc; border-left:solid 10px #333; border-right:solid 1px #ccc; padding:5px 5px 5px 10px; color:#000;}
div#bbsname {width:744px; background-color:#eee; border-left:solid 10px #333; border-right:solid 1px #ccc; padding:5px 5px 5px 10px;}
div#bbscmt {width:743px; padding:15px 5px 5px 20px; border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; line-height:16px; margin-bottom:30px;}
div#bbsrestitle {width:702px; background-color:#eee; border-left:solid 10px #ccc; border-right:solid 1px #ccc; padding:2px 5px 2px 10px; color:#000; border-top: solid 1px #ccc; margin-top:20px; margin-left:10px;}
div#bbsrescmt {width:701px; padding:5px 5px 5px 20px; border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; line-height:16px; margin-bottom:5px; margin-left:10px;}
table#bbs_titlelist {border-top:1px solid #000; border-right:1px solid #000;}
table#bbs_titlelist th {padding:5px; background-color:#333; color:#fff; border-bottom:1px solid #666; border-left:1px solid #666; text-align:center; vertical-align:top;}
table#bbs_titlelist td {padding:5px; border-bottom:1px solid #333; border-left:1px solid #333; vertical-align:top;}
table#bbs_titlelist td.title {background-color:#eee; text-align:left;}
table#bbs_titlelist td.name {background-color:#fff; text-align:center;}
table#bbs_titlelist td.res {background-color:#eee; text-align:center;}
table#bbs_titlelist td.date {background-color:#fff; text-align:center;}
div#bbs_ichiran {width:743px; padding:10px 5px 5px 20px; border:solid 1px #ccc; line-height:16px; margin-bottom:20px;}
div#bbsrestitle_ichiran {width:702px; background-color:#eee; border-left:solid 10px #ccc; border-right:solid 1px #ccc; padding:2px 5px 2px 10px; color:#000; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-bottom:10px; margin-left:10px;}

/* FORM */
table#form {border-collapse:separate; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #eee; border-left:1px solid #ccc; border-spacing:0;}
table#form th {padding:5px; background-color:#333; color:#fff; border-color:#fff #ccc #ccc #eee; text-align:right; vertical-align:top; border-width:1px; border-style:solid;}
table#form th.title {text-align:left;}
table#form th.grey {background-color:#ccc; color:#333; vertical-align:middle; padding:2px;}
table#form td {padding:5px; background-color:#fff; border-color:#fff #eee #ccc #eee; text-align:left; padding:2px; border-width:1px; border-style:solid;}
table#form td #word {width: 97%;}