/*reset*/
/*******************************************************************/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
body{font:13px/1.231 sans-serif;*font-size:small}
pre,code,kbd,samp{font-family:monospace, sans-serif}
/*
10:77%   15:116%     20:153.9%   25:189%
11:85%   16:123.1%   21:161.6%   26:197%
12:93%   17:131%     22:167%
13:100%  18:138.5%   23:174% 
14:108%  19:146.5%   24:182%
*/


/*LAYOUT*/
/*******************************************************************/
#container { position: relative; text-align: left; line-height: 2; font: 131%  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #231815;}


/*HEADER*/
/*******************************************************************/
#header { position: fixed; z-index: 10; top: 10px; left: 0; overflow: hidden;}
#header nav li { padding-bottom: 5px;}
header a { display: block; width: 120px; height: 45px; background: url(../images/btn.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;}
#n_top a { background-position: 0 0;}
#n_communication a { background-position: 0 -45px;}
#n_company a { background-position: 0 -90px;}
#n_contact a { background-position: 0 -135px;}
#n_top a:hover, #n_top a:focus { background-position: -120px 0;}
#n_communication a:hover, #n_communication a:focus { background-position: -120px -45px;}
#n_company a:hover, #n_company a:focus { background-position: -120px -90px;}
#n_contact a:hover, #n_contact a:focus { background-position: -120px -135px;}
#n_top a:active, #n_top a.link-active { background-position: -240px 0;}
#n_communication a:active, #n_communication a.link-active { background-position: -240px -45px;}
#n_company a:active, #n_company a.link-active { background-position: -240px -90px;}
#n_contact a:active, #n_contact a.link-active { background-position: -240px -135px;}
header a.link-active { cursor: default;}


/*MAIN*/
/*******************************************************************/
#top, .top_f,
#communication,#company,#contact{ position: relative; width: 100%; height: 800px; overflow: hidden;}


#top { background: url(../images/top_bg.png) center center no-repeat;}
.top_f { position: absolute; background: url(../images/top_front.png) center center no-repeat;}
#top0{ padding-top: 100px; text-align: center;}
#top1 { position: absolute; top: 340px; left: 293px;}
#top2 { position: absolute; top: 410px; right: 331px;}
#top3 { position: absolute; top: 445px; left:335px;}
#top4 { position: absolute; top: 480px; right: 257px;}
#top5 { position: absolute; top: 515px; left: 341px;}


#communication { background: #B4B4B6 url(../images/com_bg.jpg) center center no-repeat;}
#map { position: absolute; top: 40px; width: 980px; height: 600px; background: url(../images/map.png) center center no-repeat;}
#com li { position: absolute; list-style: none;}
#tarent { top: 10px; left: 140px;}
#tv { top: 30px; left: 460px;}
#music { top: 100px; left: 670px;}
#cm { top: 110px; left: 230px;}
#comingsoon { top: 160px; left: 390px;}
#goods { top: 240px; left: 610px;}
#web { top: 260px; left: 140px;}
#event { top: 420px; left: 200px;}
#illust { top: 360px; left:390px;}
#movie { top: 400px; left: 600px;}


#company { background: #FDFD95 url(../images/company_bg.jpg) center center no-repeat;}
#company01 { position: absolute; top: 80px; left: 150px;}
#company02 { position: absolute; top: 160px; left: 150px; text-align: left;}
#company td { padding: 5px 30px; vertical-align: top;}
#company td a { color: #231815;}


#contact { background: #28373C url(../images/contact_bg.jpg) center center no-repeat;}
#contact01 { position: absolute; top: 80px; left: 150px;}
#contact02 { position: absolute; top: 160px; left: 150px;}
#contact03 { position: absolute; top: 590px; left: 150px;}
#contact dt { clear: left; float: left; width: 160px; padding-bottom: 7px; color: #FFF;}
#contact dd { padding: 0 0 7px 170px;}
#contact td { padding: 0 20px 7px 0;}


.in { position: relative; width: 980px; min-height: 800px; margin: 0 auto;}


/*FOOTER*/
/*******************************************************************/
footer{ background: #221814;}
address{ width: 980px; margin: 0 auto; padding: 10px 0; text-align: center; font-style: normal; color: #FFF;}
	

#thanks { text-align: center;}
#thanks h1, #thanks h2, #thanks p { padding-top: 40px;}