/*ブラウザスタイルの所期化----------------*/
*{
margin:0px;
padding:0px;
}

.none{
display:none;
}

/*ボディ----------------*/
body{
/*\*/height:100%;/**/
background:transparent url(/img/common/bkg1.gif) repeat 0 0;
margin:0;
padding:0;
text-align:center;
font-family:;
font-size:;
color:;
}

/*ラッパー----------------*/
#container{
width:100%;
/*\*/height:100%;/**/
min-height: 100%;
text-align:left;
}

body > #container {
	height: auto;
}

/*ヘッダー(header)----------------*/

/*header*/
#header{
width:100%;
height:121px;
margin-bottom:12px;
background: transparent url(/img/common/bkg_header.gif) repeat-x 0 0;
}

#header-main{
width:956px;
height:121px;
margin:0 auto;
position:relative;
}

/*ロゴ(#header h1)*/
#header h1{
margin-left:0px;
top:20px;
position:absolute;
display:block;
width:179px;
height:38px;
background: transparent url(/img/common/logo_rt.gif) no-repeat 0 0;
text-indent:-9999px;
}

#header h1 a{
display:block;
width:179px;
height:38px;
background: transparent url(/img/common/logo_rt.gif) no-repeat 0 0;
text-indent:-9999px;
}

/*ナビゲーション----------------*/

/*右上サブメニュー(header-nav)*/

ul#header-nav{
position:absolute;
left: 460px;
width:400px;
height:29px;
margin:0 0 0 0;
text-align:right;
padding-top:5px;
}

ul#header-nav li{
font-size:0.65em;
font-family: Verdana, Arial, sans-serif;
display:inline;
list-style:none;
padding:0px 0px 0px 0px;
}

ul#header-nav li a{
text-decoration:none;
color:#FFFFFF;
}

ul#header-nav li a:hover{
text-decoration:underline;
color:#FFFFFF;
}

ul#header-nav span{
color:#CCCCCC;
font-size:0.65em;
}


ul#lang-nav{
position:absolute;
top: 0;
left:876px;
width:80px;
height:29px;
list-style:none;
margin:0;
padding: 0;
}

ul#lang-nav li{
position:absolute;
display: block;
width:80x;
height:29px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#lang-nav li a{
display: block;
width:80px;
height:29px;
/*\*/overflow:hidden;/**/
text-decoration: none;
background: transparent url(/img/common/btn_english.gif) no-repeat 0 0;
}

ul#lang-nav li#eng,
ul#lang-nav li#eng a,{
background: transparent url(/img/common/btn_english.gif) no-repeat 0 0;
left:0px;
width:80px;
}

ul#lang-nav_en{
position:absolute;
top: 0;
left:876px;
width:80px;
height:29px;
list-style:none;
margin:0;
padding: 0;
}

ul#lang-nav_en li{
position:absolute;
display: block;
width:80x;
height:29px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#lang-nav_en li a{
display: block;
width:80px;
height:29px;
/*\*/overflow:hidden;/**/
text-decoration: none;
background: transparent url(/img/common/btn_japanese.gif) no-repeat 0 0;
}

ul#lang-nav li#jpn,
ul#lang-nav li#jpn a,{
background: transparent url(img/common/btn_japanese.gif) no-repeat 0 0;
left:0px;
width:80px;
}

ul#lang-nav li#eng a:hover,ul#lang-nav li#jpn a:hover{
background-position:0 -29px;
}

/*Login*/
#header #loginArea{
width: 370px;
height: 33px;
top:58px;
left:586px;
position:absolute;
padding:0px;
margin:0px;
font-size:0.625em;
line-height:1.25em;
letter-spacing:0.05em;
font-family: Verdana, Arial, sans-serif;
vertical-align:middle;
}

#loginArea form {
margin: 0;
}

#loginArea #login_mail{
font-weight:bold;
color:#FFFFFF;
position:relative;
top:0px;
left:0px;
}

#loginArea #login_pass{
font-weight:bold;
color:#FFFFFF;
position:absolute;
top:0px;
left:105px;
}

#loginArea #mail,
#loginArea #pass {
width:100px;
height:15px;
background: #aaaaaa;
border:1px solid #333333;
color:#333333;
font-size:12px;
margin:1px 5px 0px 0px;
}

#loginArea input {
font-family: Verdana, Arial, sans-serif;
}

#loginArea .btn-log2{
position:absolute;
top:12px;
left:210px;
}

#loginArea #btn-sign{
position:absolute;
top:12px;
left:280px;
}

#loginArea #logout{
color:#FFFFFF;
text-align:right;
margin:20px 0px 0px 0px;
font-size:11px;
}

#loginArea #logout a{
color:#FFFFFF;
text-decoration:none;
}

#loginArea #logout a:hover{
color:#FFFFFF;
text-decoration:underline;
}


/*global menu(g-navi)*/

ul#g-navi{
width: 400px;
height: 26px;
top:71px;
left:0px;
position:relative;
list-style: none;
padding:0px;
margin:0px;
}

ul#g-navi li{
position:absolute;
display:block;
height:26px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#g-navi a{
display:block;
height:26px;
/*\*/overflow:hidden;/**/
text-decoration:none;
}

ul#g-navi li#g-event,
ul#g-navi li#g-event a,
ul#g-navi li#g-eventon{
background: transparent url(/img/common/menu_event.gif) no-repeat 0 0;
left:0px;
width:125px;
}

ul#g-navi li#g-column,
ul#g-navi li#g-column a,
ul#g-navi li#g-columnon{
background: transparent url(/img/common/menu_column.gif) no-repeat 0 0;
left:125px;
width:125px;
}

ul#g-navi li#g-bookdisk,
ul#g-navi li#g-bookdisk a,
ul#g-navi li#g-bookdiskon{
background: transparent url(/img/common/menu_bookdisk.gif) no-repeat 0 0;
left:250px;
width:125px;
}

ul#g-navi li#g-event a:hover,
ul#g-navi li#g-eventon,
ul#g-navi li#g-column a:hover,
ul#g-navi li#g-columnon,
ul#g-navi li#g-bookdisk a:hover,
ul#g-navi li#g-bookdiskon{
	background-position:0 -26px;
}

/*global menu(h-navi)*/

ul#h-navi{
width: 956px;
height: 24px;
top:71px;
left:0px;
position:relative;
list-style: none;
padding:0px;
margin:0px;
}

ul#h-navi li{
position:absolute;
display:block;
height:24px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#h-navi a{
display:block;
height:24px;
/*\*/overflow:hidden;/**/
text-decoration:none;
}

ul#h-navi li#h-cinema,
ul#h-navi li#h-cinema a,
ul#h-navi li#h-cinemaon{
background: transparent url(/img/common/menu_cinema.gif) no-repeat 0 0;
left:0px;
width:103px;
}

ul#h-navi li#h-stage,
ul#h-navi li#h-stage a,
ul#h-navi li#h-stageon{
background: transparent url(/img/common/menu_stage.gif) no-repeat 0 0;
left:103px;
width:103px;
}

ul#h-navi li#h-music,
ul#h-navi li#h-music a,
ul#h-navi li#h-musicon{
background: transparent url(/img/common/menu_music.gif) no-repeat 0 0;
left:206px;
width:103px;
}

ul#h-navi li#h-art,
ul#h-navi li#h-art a,
ul#h-navi li#h-arton{
background: transparent url(/img/common/menu_art.gif) no-repeat 0 0;
left:309px;
width:103px;
}

ul#h-navi li#h-design,
ul#h-navi li#h-design a,
ul#h-navi li#h-designon{
background: transparent url(/img/common/menu_design.gif) no-repeat 0 0;
left:412px;
width:103px;
}

ul#h-navi li#h-town,
ul#h-navi li#h-town a,
ul#h-navi li#h-townon{
background: transparent url(/img/common/menu_town.gif) no-repeat 0 0;
left:515px;
width:102px;
}

ul#h-navi li#h-4weeks,
ul#h-navi li#h-4weeks a,
ul#h-navi li#h-4weekson{
background: transparent url(/img/common/menu_4weeks.gif) no-repeat 0 0;
left:617px;
width:102px;
}

ul#h-navi li#h-mypage,
ul#h-navi li#h-mypage a,
ul#h-navi li#h-mypageon{
background: transparent url(/img/common/menu_mypage.gif) no-repeat 0 0;
left:728px;
width:100px;
}
ul#h-navi li#h-mypage_en,
ul#h-navi li#h-mypage_en a,
ul#h-navi li#h-mypageon_en{
background: transparent url(/img/common/menu_mypage_en.gif) no-repeat 0 0;
left:728px;
width:228px;
}

ul#h-navi li#h-eventpost,
ul#h-navi li#h-eventpost a,
ul#h-navi li#h-eventposton{
background: transparent url(/img/common/menu_eventpost.gif) no-repeat 0 0;
left:828px;
width:128px;
}


ul#h-navi li#h-cinema a:hover,
ul#h-navi li#h-cinemaon,
ul#h-navi li#h-stage a:hover,
ul#h-navi li#h-stageon,
ul#h-navi li#h-music a:hover,
ul#h-navi li#h-musicon,
ul#h-navi li#h-art a:hover,
ul#h-navi li#h-arton,
ul#h-navi li#h-design a:hover,
ul#h-navi li#h-designon,
ul#h-navi li#h-town a:hover,
ul#h-navi li#h-townon,
ul#h-navi li#h-4weeks a:hover,
ul#h-navi li#h-4weekson,
ul#h-navi li#h-mypage a:hover,
ul#h-navi li#h-mypageon,
ul#h-navi li#h-mypage_en a:hover,
ul#h-navi li#h-mypageon_en,
ul#h-navi li#h-eventpost a:hover,
ul#h-navi li#h-eventposton{
background-position:0 -24px;
}


/*テスト（削除）ul#gloval-nav li#n-about{
background:url(/img/common/nav_header-about.jpg) no-repeat;
left:484px;
width:122px;
} 
#n-about a:hover{
background:url(/img/common/nav_header-about-hover.jpg) no-repeat; 
}
#n-about02{
background:url(/img/common/nav_header-about-hover.jpg) no-repeat;
left:484px;
width:122px; 
}
*/


/*フッター(footer)----------------*/

/*footer*/
#footer{
width:100%;
height:300px;
margin-bottom:0px;
background: transparent url(/img/common/bkg2.gif) repeat 0 0;
}

#footer-main{
width:956px;
height:200px;
margin:0 auto;
}

#footerLogo{
	float:left;
}

#footerLogo a{
	display:block;
	margin:10px 0 0 0;
	width:400px;
	height:38px;
	background: transparent url(/img/common/logo_rt_footer.gif) no-repeat 0 0;
}

#footerLogo a:hover{
	background-position:0;
}

#footerCopy{
padding:10px 0 0 0;
color:#FFFFFF;
font-size:9px;
font-family: Helvetica, Arial, sans-serif;
}

/*footer menu*/
#footerMenu{
float:right;
padding:10px 0 0 0;
}

#footer-nav ul{
margin:0;
text-align:right;
padding:0;
}

#footer-nav ul li{
font-size:0.65em;
font-family: Verdana, Arial, sans-serif;
display:inline;
list-style:none;
padding:0px 0px 0px 0px;
}

#footer-nav ul li a{
text-decoration:none;
color:#FFFFFF;
}

#footer-nav ul li a:hover{
text-decoration:underline;
color:#FFFFFF;
}

#footer-nav ul span{
color:#CCCCCC;
font-size:0.65em;
}

/*バナー--------------------------*/
.bannerArea_sub{
width:200px;
text-align:center;
margin:20px auto 30px auto;
}
.bannerArea{
text-align:center;
margin:20px auto 20px auto;
}