/* ------------------------------------------------------------
	common
------------------------------------------------------------ */

body {
  color:#333;
}


a {
  text-decoration: none;
  color: #333;
}

li {
  list-style: none;
}

h1#jwave {
  margin: 0 auto;
  padding: 10px 0;
  text-indent: -9999px;
  width: 320px;
  height: 65px;
  background: url(../images/title.png) no-repeat 0 0;
}

h3 {
  font-size: 14px;
  padding: 10px 5px;
  text-align:center;
  color:#333;
/*  text-shadow: #ac43ff 0px 0px 5px, #ac43ff 0px 0px 5px;*/
}

header, nav, section {
    display:block;
    margin: 0 0 15px 0;
    color: #333;
    text-align: left;
}


/* ------------------------------------------------------------
  header 
------------------------------------------------------------ */
#header {
  width: 100%;
  height: 70px;
  margin:0 auto;
  padding: 5px 0;
  background: url(../images/header_bg.png) repeat-x 0 0;
  text-align:center;
}

#navilist {
  width: 100%;
  height: 36px;
  margin:0 auto;
  padding:60px 0 0 0;
  background: url(../images/navi_bg.png) no-repeat 0 0;
  text-align:center;
}

#menu_bg {
  margin:0 auto;
  padding:0;
  text-align:center;
  background: url(../images/title_bg.png) repeat-x 0 0;
  height:36px;
}

#voice_area {
  margin:0 auto;
  text-align:center;
  padding:5px 0;
}




/* ------------------------------------------------------------
  footer
------------------------------------------------------------ */
footer p {
  padding: 0 0;
  text-align: left;
  margin: 0;
}

footer .copyright {
  padding: 0 0;
  text-align: center;
  margin: 0;
  font-size: 12px;
  font-weight:bold;
  background-color:#818181;
}

.othermenu {
  position: relative;
}

.othermenu a {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  background: -webkit-gradient(linear,left top,left bottom,from(#42c7ee),to(#42c7ee));
  border-bottom: 1px solid #ffffff;
}


.othermenu2 {
  position: relative;
}

.othermenu2 a {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  background: -webkit-gradient(linear,left top,left bottom,from(#ee4242),to(#ee4242));
  border-bottom: 1px solid #ffffff;
}

footer a {
  color: #fff;
}

.tblue {
  color: #0099cc;
  text-decoration: underline;
}
/* ------------------------------------------------------------
	container 
------------------------------------------------------------ */
#container {
/*  width: 480px;*/
  width: 100%;
  padding: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  color:#fff;
}

#container2 {
/*  width: 480px;*/
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  color:#fff;
  background: url(../images/header_bg.png) repeat-x 0 0;
}


#container {
/*    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #16F;
    box-shadow: 0px 0px 4px #000;
    border: 1px solid #000;
    background: -webkit-gradient(linear,top,from(#fff),to(#555));
    margin:5px;*/
    color: #000;
    text-align: left;
}



/* ------------------------------------------------------------
  TOP MENU
------------------------------------------------------------ */
#topMenu {
  height: 100%;
  width: 94.5%;
  line-height: 1.2;
  margin: 0 0 0 5.5%;
}
#topMenu li {
  float: left;
  height: 50px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  width: 28%;
  background-color: #fff;
  border : 3px solid #0197ca;
  padding: 0;
  -webkit-border-radius: .9em;/* Saf3-4 + */
  -moz-border-radius: .9em;   /* FF1+ */
  border-radius: .9em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#topMenu li a {
  display: block;
  height: 100%;
}

.li-tm2 {
  margin: 0 10px;
}

.li-tm3 {
  height: 40px !important;
  padding: 10px 0 0 0 !important;
}


#topMenu li a {
  color: #0197ca;
  display: block;
  padding: 7px 0;
}


#menu {
  color: #000;
  background-color: #3f3f3f;
  padding: 0;
}

#menu li {
  position: relative;
  float: left;
  width: 49.8%;
  text-align: left;
  margin: 1px 0 0 0;
  font-size: 16px;
  font-weight: bold;
/*  background: -webkit-gradient(linear,left top,right bottom,from(rgba(0,0,0,.7)),to(rgba(50,50,50,1))); */
}

.li-m1 { border-right: 1px solid  #222222; border-bottom: 1px solid #222222;}
.li-m2 { border-bottom: 1px solid #222222; border-left:  1px solid #5e5e5e;}
.li-m3 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; border-right: 1px solid #222222;}
.li-m4 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; border-left:  1px solid #5e5e5e;}
.li-m5 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; border-right: 1px solid #222222;}
.li-m6 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; border-left:  1px solid #5e5e5e;}
.li-m7 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; width: 100% !important;}
.li-m8 { #5e5e5e; width: 100% !important;}

#menu li a {
  color: #000;
  display: block;
  padding: 10px 0 10px 10px;
  height: 100%;
}



#menu_mymenu {
  color: #000;
  background-color: #ff9999;
  padding: 0;

}

#menu_mymenu li {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.li-m8 { width: 100% !important;}

#menu_mymenu li a {
  color: #000;
  display: block;
  padding: 10px 0 10px 10px;
  height: 100%;
}



#concier {
  margin:0 auto;
  position: relative;
  width: 35%;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 15px;
  background: -webkit-gradient(linear,left top,left bottom,from(#9cd8f2),to(#2dabde));
  -webkit-border-radius: .8em;
  -moz-border-radius: .8em;
  border-radius: .8em;
}

#concier a{
  color: #000;
  display: block;
  padding: 10px 0 10px 10px;
}

/* ------------------------------------------------------------
  NOW ON AIR
------------------------------------------------------------ */
#topics-area {
  margin:0 0 0 0;
  font-size: 12px;
  color: #000;
}

#text-area {
  margin:0;
  padding:0;
  font-size: 12px;
  color: #fff;
  position: relative;
}

#text-area_black {
  margin:0;
  padding:0;
  font-size: 12px;
  color: #000;
  position: relative;
}


.topicsmenu {
  position: relative;
}

.topicsmenu2 {
  position: relative;
}

.topicsmenu a {
  font-weight: bold;
  font-size: 12px;
  color: #333;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  background-color: #e8e7e7;
}

.topicsmenu2 a {
  font-weight: bold;
  font-size: 12px;
  color: #333;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  background-color: #f3f2f2;
}


.textmenu a {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  background-color: #00243d;
}





#req-mes {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px;
}

#req-mes a{
  color: #fff;
  display: block;
  width: 92%;
  height: 100%;
  vertical-align: middle;
  padding: 15px;
  background: -webkit-gradient(linear,left top,left bottom,from(#959595),to(#656565));
  -webkit-border-radius: .8em;
  -moz-border-radius: .8em;
  border-radius: .8em;
}

#noa-left {
  margin: 0 0 15px 0;
}

#noa-left dt {
  margin: 0 0 10px 0;
  font-size: 14px;
}

#noa-left dd {
  margin: 0 0 10px 0;
  font-size: 20px;
}

.current-time{
  font-size: 30px;
  margin: 0 0 0 5px;
}

.navigator {
  
}

#noa-right {
  position: relative;
}


.icoTwit {
  margin: 0px 5px 0 0;
}

/* ------------------------------------------------------------
  MENU 
------------------------------------------------------------ */
#menu {
  padding: 0;
}

#menu li {
  position: relative;
  float: left;
  width: 50%;
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
/*  background: -webkit-gradient(linear,left top,right bottom,from(rgba(0,0,0,.7)),to(rgba(50,50,50,1))); */
}

.li-m1 { border-right: 1px solid  #222222; border-bottom: 1px solid #222222;}
.li-m2 { border-bottom: 1px solid #222222; border-left:  1px solid #5e5e5e;}
.li-m3 { border-top: 1px solid #5e5e5e; border-right: 1px solid #222222;}
.li-m4 { border-top: 1px solid #5e5e5e; border-left:  1px solid #5e5e5e;}
.li-m5 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; border-right: 1px solid #222222;}
.li-m6 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; border-left:  1px solid #5e5e5e;}
.li-m7 { border-top: 1px solid #5e5e5e; border-bottom: 1px solid #222222; width: 100% !important;}
.li-m8 { border-top: 1px solid #5e5e5e; width: 100% !important;}

#menu li a {
  color: #fff;
  display: block;
}

/* ------------------------------------------------------------
  MAIN INFOMATINO 
------------------------------------------------------------ */
#main {

}

#recommend {
  color: #fff;
  background-color: #0099cb;
  border : 3px solid #0099cb;
  padding: 0 10px 10px;
  -webkit-border-radius: .7em;/* Saf3-4 + */
  -moz-border-radius: .7em;   /* FF1+ */
  border-radius: .7em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#recommend p {
  position: relative;
  font-size: 12px;
  color: #0099cb;
  background-color: #fff;
  padding: 10px;
  margin: 0 0 1px 0;
  line-height: 1.6;
}

#main-info {
  margin: 20px 0 0 0;
}

#main-info p {
  color: #0099cb;
}

##main-info p span {
  vertical-align: top;
}

#main-info ul.list {
  margin: 0 0 0 5%;
  line-height: 1.2;
}

#main-info ul.list li {
  position: relative;
  float: left;
  height: 50px;
  width: 30%;
  margin: 0 7px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

#main-info ul.list li a {
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 9px 0 15px;
  color: #000;
  background-color: #fff;
  border : 3px solid #202020;
  -webkit-border-radius: .6em;/* Saf3-4 + */
  -moz-border-radius: .6em;   /* FF1+ */
  border-radius: .6em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#main-inner {
  position: relative;
  background-color: #202020;
  border : 3px solid #202020;
  -webkit-border-radius: .5em;/* Saf3-4 + */
  -moz-border-radius: .5em;   /* FF1+ */
  border-radius: .5em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#main-inner {
  padding: 10px 10px 0;
}

#wallTopics {

}

#wallTokioHot {
  display: none;
}

#wallBlog {
  display: none;
}

#wallTopics li,
#wallTokioHot li,
#wallBlog li {
  color: #fff;
  font-size: 11px;
  padding: 10px 15px 10px 10px;
  border-top: 1px solid #777;
}

#wallTokioHot li {
  position: relative;
}

#wallTopics .artist {
  margin: 0 5px;
}

.ichiran {
  padding: 10px 0;
  border-top: 1px solid #777;
}

.ichiran a {
  color: #fff;
  float: right;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 7px;
  background: -webkit-gradient(linear,left top,left bottom,from(#959595),to(#656565));
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
}

.tokio-txt {  
  vertical-align: top;
  float: left;
  display: block;
  margin: 0 0 0 5px;
  padding: 0 5px 0 0;
  width: 62%;
}

/* ------------------------------------------------------------
  HOLIDAY SPECIAL
------------------------------------------------------------ */
#holi-spe {
  color: #fff;
  background-color: #0099cb;
  border : 3px solid #0099cb;
  padding: 0 10px 10px;
  margin: 0 0 15px 0;
  position: relative;
  -webkit-border-radius: .9em;/* Saf3-4 + */
  -moz-border-radius: .9em;   /* FF1+ */
  border-radius: .9em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

.past-prg {
  position: absolute;
  top: 7px;
  right: 5px;
  font-size: 11px;
  width: 115px;
  color: #fff;
  background-color: #fff;
  padding: 5px;
  -webkit-border-radius: .9em;/* Saf3-4 + */
  -moz-border-radius: .9em;   /* FF1+ */
  border-radius: .9em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#holi-spe p {
  text-align: center;
}

.holi-spe-bnr {
  margin: 10px 0 0 0;
}

.past-prg a {
  color: #0099cb;
}


#rotateBanner {
  position: relative;
}

#rotateBanner a {
  color: #000;
}

#prev-bnr {
  position: absolute;
  top: -2px;
  left: 2%;
}

#next-bnr {
  position: absolute;
  top: -2px;
  right: 2%;
}

#rotation-box {
  width: 232px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  height: 45px;
  overflow: hidden;
}


/* ------------------------------------------------------------
  EC
------------------------------------------------------------ */
#shopping {
  background-color: #fff;
  border : 3px solid #e2e2e2;
  padding: 0 10px 10px;
  margin: 0 0 15px 0;
  position: relative;
  -webkit-border-radius: .9em;/* Saf3-4 + */
  -moz-border-radius: .9em;   /* FF1+ */
  border-radius: .9em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#shopping h3 {
  background-color: #fff;
  color: #0099cb;
}

#shopping h4 {
  margin: 0 0 5px 0;
}

#ecArea {
  width: 98%;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
}

#ecArea li {
  float: left;
  width: 32%;
  text-align: center;
  border-bottom: 3px solid #fff;
}

#ecArea li a {
  display: block;
  vertical-align: middle;
  color:#fff;
  padding: 10px 0;
  -webkit-border-top-left-radius: .6em;
  -webkit-border-top-right-radius: .6em;
  -moz-border-top-left-radius: .6em;
  -moz-border-top-right-radius: .6em;
  border-top-left-radius: .6em;
  border-top-right-radius: .6em;
}

#ec-cd {
  margin: 0 2% 0 0;
}

#ec-ticket {
  margin: 0 2% 0 0;
}

#ec-book {
  margin: 0 0 0 0;
}

#ec-cd a {
  background-color: #ff9900;
}

#ec-ticket a{
 background-color: #cc0e0e;
}

#ec-book a{
  background-color: #349800;
}

#ec-inner {
  position: relative;
}

#ec-inner a {
  color: #000;
}

#wallCd {
  background-color: #fff;
  border : 3px solid #ff9900;
  padding: 15px;
  -webkit-border-radius: .3em;/* Saf3-4 + */
  -moz-border-radius: .3em;   /* FF1+ */
  border-radius: .3em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#wallTicket {
  display: none;
  background-color: #fff;
  border : 3px solid #cc0e0e;
  padding: 15px;
  -webkit-border-radius: .3em;/* Saf3-4 + */
  -moz-border-radius: .3em;   /* FF1+ */
  border-radius: .3em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#wallBook {
  display: none;
  background-color: #fff;
  border : 3px solid #349800;
  padding: 15px;
  -webkit-border-radius: .3em;/* Saf3-4 + */
  -moz-border-radius: .3em;   /* FF1+ */
  border-radius: .3em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#wallCd img,
#wallTicket img,
#wallBook img {
  float:left;
}

#extEc {
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
}

.net {
  position: relative;
  float: left;
  width: 48%;
  text-align: left;
/*  background: -webkit-gradient(linear,left top,right bottom,from(#eee),to(#ccc));*/
}

.sounds {
  position: relative;
  float: right;
  width: 48%;
  text-align: left;
}

.net a,
.sounds a {
  color: #fff;
  display: block;
  height: 100%;
  vertical-align: middle;
  padding: 10px 15px;
  background: -webkit-gradient(linear,left top,left bottom,from(#959595),to(#656565));
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
}

.fltimg {
  float: left;
  margin: 0 5px 5px 0;
}
/* ------------------------------------------------------------
  CLEAR FIX
------------------------------------------------------------ */
.clrfix {
    zoom:1;/*for IE 5.5-7*/
}

.clrfix:after {/*for modern browser*/
    content: "";
    display: block;
    clear: both;
    /* height: 0px; */
    /* overflow: hidden; */
}

* html .clrfix {
	display: inline-table;
	/*\*/display: block;/**/
}

/* ------------------------------------------------------------
  2nd-App
------------------------------------------------------------ */
.title2nd {
  font-size: 20px;
  color: #333;
  padding: 0px 0 10px;
}

.bluetext {
  color: #0099cc;
}

.glayback {
  font-size: 12px;
  color: #727272;
  background-color: #d7d7d7;
  border : 3px solid #d7d7d7;
  padding: 10px 0 5px;
  -webkit-border-radius: .7em;/* Saf3-4 + */
  -moz-border-radius: .7em;   /* FF1+ */
  border-radius: .7em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

.glayback h4 {
  font-size: 16pt;
  color: #727272;
}

.dl {
  text-align: center;
}

.dl h5 {
  font-size: 16px;
  padding: 10px 0 20px;
}


/* ------------------------------------------------------------
  Twitter miru
------------------------------------------------------------ */
#twit-miru {
  background-color: #fff;
  border : 3px solid #0099cb;
  padding: 10px;
  margin: 0 0 15px 0;
  position: relative;
  -webkit-border-radius: .6em;/* Saf3-4 + */
  -moz-border-radius: .6em;   /* FF1+ */
  border-radius: .6em;        /* Opera 10.5, IE 9, Saf5, Chrome */
}

#twit-miru div {
  position: relative;
  font-size: 12px;
}

#twit-miru img {
  float: left;
  margin: 0 10px 0 0;
}

#twit-miru a {
  color: #0099cb;
}

.t-blk {
  color: #000;
}

.twit-top-img {
  position: absolute;
  top: -11px;
  left: 48%;
}
/* ------------------------------------------------------------
  OTHER MENU
------------------------------------------------------------ */

#othermenu li {
	padding: 15px;
	border-bottom: solid 1px #000;
}

#othermenu a {
	color: #0099cc;
}

.f17B {
  font-size:17px
  font-weight;bold;
}

#arrow {
  position: absolute;
  right: 15px;
  top: 45%;
}

#arrow2 {
  position: absolute;
  right: 15px;
  top: 45%;
}


#gotop {
  position: absolute;
  top: 10px;
  right: 10px;
}