/*------------------------------------Ｒａｄｉｏ　ｉｎｄｅｘｘ　Ｓｔｅｒｔ------------------------------------*/

#wrapper {
	width: 940px;
	margin: 10px auto;
	padding: 0px;
	background: url(../img/radio/radio_middle.jpg) repeat-y left top;
}

/* Page */

#page {
	width: 940px;
	margin: 0 auto;
	margin-bottom: 50px;
}

#page .bgtop {
  background: url(../img/radio/radio_top.jpg) no-repeat left top;
  height: 60px;
  width: 940px;
}

#page .bgbtm {
  background: url(../img/radio/radio_bottom.jpg) no-repeat left bottom;
}




/*------------------------------------Ｒａｄｉｏ　ｉｎｄｅｘｘ　Ｅｎｄ------------------------------------*/

/*------------------------------------Ｒａｄｉｏ　ｉｎｄｅｘｘｘ　Ｓｔｅｒｔ------------------------------------*/
.box2 {
  width: 940px;
  padding: 0px;
  float: left;
  background: url(../img/radio/radio_middle.jpg) repeat-y left top;
  margin-top: 10px;
}

.box2 .radio2 {
  font-size: 250%;
  color: #96e129;
  background: url(../img/radio/radio_top.jpg) no-repeat left top;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box2 .stnrbox {
  font-size: 250%;
  color: #96e129;
  background: url(../img/radio/stnr_content.jpg) no-repeat left top;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box2 .sryupybox {
  font-size: 250%;
  color: #96e129;
  background: url(../img/radio/sryupy_content.jpg) no-repeat left top;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box2 .four20box {
  font-size: 250%;
  color: #96e129;
  background: url(../img/radio/420_content.jpg) no-repeat left top;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}


.box2 .content2 {
  float: left;
  background: url(../img/radio/radio_bottom.jpg) no-repeat left bottom;
  width: 940px;
}

/* Content */

#left {
  float: left;
  width: 311px;
  margin: 0;
  padding: 20px 0px 25px 0px;
}

#middle {
	float: left;
	width: 311px;
	margin: 0;
	padding: 20px 0px 25px 0px;
}

#right {
	float: left;
	width: 311px;
	margin: 0;
	padding: 20px 0px 25px 0px;
}

/* Radio Content */

#radioleft {
  float: left;
  width: 622px;
  margin: 0;
  padding: 20px 0px 25px 0px;
}

#radioright {
	float: left;
	width: 311px;
	margin: 0;
	padding: 20px 0px 25px 0px;
}


/* Radio List */

ul#radiolist{
  list-style:none;
  width:280px;
  margin: 0px auto;
  padding-top: 20px;
}

ul#radiolist li{
  list-style:none;
  width:280px;
  padding-top: 20px;
}

ul#radiolist a{
  display:block;
  width:280px;
  height:75px;
}

#radiolist span{
  display: none;
}

/* STNR List */

a.stnr_vol1{
  background: url(../img/radio/stnr_vol1.jpg) no-repeat;
}
a:hover.stnr_vol1{
  background-position:0px -75px;
}

a.stnr_vol2{
  background: url(../img/radio/stnr_vol2.jpg) no-repeat;
}
a:hover.stnr_vol2{
  background-position:0px -75px;
}

a.stnr_vol3{
  background: url(../img/radio/stnr_vol3.jpg) no-repeat;
}
a:hover.stnr_vol3{
  background-position:0px -75px;
}

a.stnr_vol4{
  background: url(../img/radio/stnr_vol4.jpg) no-repeat;
}
a:hover.stnr_vol4{
  background-position:0px -75px;
}

a.stnr_vol5{
  background: url(../img/radio/stnr_vol5.jpg) no-repeat;
}
a:hover.stnr_vol5{
  background-position:0px -75px;
}

a.stnr_vol6{
  background: url(../img/radio/stnr_vol6.jpg) no-repeat;
}
a:hover.stnr_vol6{
  background-position:0px -75px;
}

a.stnr_vol7{
  background: url(../img/radio/stnr_vol7.jpg) no-repeat;
}
a:hover.stnr_vol7{
  background-position:0px -75px;
}

a.stnr_vol8{
  background: url(../img/radio/stnr_vol8.jpg) no-repeat;
}
a:hover.stnr_vol8{
  background-position:0px -75px;
}

/* SRYUPY List */

a.sryupy_comingsoon{
  background: url(../img/radio/sryupy_comingsoon.jpg) no-repeat;
}
a:hover.sryupy_comingsoon{
  background-position:0px -75px;
}

a.sryupy_vol1{
  background: url(../img/radio/sryupy_vol1.jpg) no-repeat;
}
a:hover.sryupy_vol1{
  background-position:0px -75px;
}

a.sryupy_vol2{
  background: url(../img/radio/sryupy_02.jpg) no-repeat;
}
a:hover.sryupy_vol2{
  background-position:0px -75px;
}

a.sryupy_vol3{
  background: url(../img/radio/sryupy_vol3.jpg) no-repeat;
}
a:hover.sryupy_vol3{
  background-position:0px -75px;
}

a.sryupy_vol4{
  background: url(../img/radio/sryupy_vol4.jpg) no-repeat;
}
a:hover.sryupy_vol4{
  background-position:0px -75px;
}

a.sryupy_vol5{
  background: url(../img/radio/sryupy_vol5.jpg) no-repeat;
}
a:hover.sryupy_vol5{
  background-position:0px -75px;
}

a.sryupy_vol6{
  background: url(../img/radio/sryupy_vol6.jpg) no-repeat;
}
a:hover.sryupy_vol6{
  background-position:0px -75px;
}
/* 420Riderz List */

a.four20_vol1{
  background: url(../img/radio/420riderz_vol1.jpg) no-repeat;
}
a:hover.four20_vol1{
  background-position:0px -75px;
}

a.four20_vol2{
  background: url(../img/radio/420riderz_vol2.jpg) no-repeat;
}
a:hover.four20_vol2{
  background-position:0px -75px;
}

a.four20_vol3{
  background: url(../img/radio/420riderz_vol3.jpg) no-repeat;
}
a:hover.four20_vol3{
  background-position:0px -75px;
}

a.four20_vol4{
  background: url(../img/radio/420riderz_vol4.jpg) no-repeat;
}
a:hover.four20_vol4{
  background-position:0px -75px;
}

a.four20_vol5{
  background: url(../img/radio/420riderz_vol5.jpg) no-repeat;
}
a:hover.four20_vol5{
  background-position:0px -75px;
}

a.four20_vol6{
  background: url(../img/radio/420riderz_vol6.jpg) no-repeat;
}
a:hover.four20_vol6{
  background-position:0px -75px;
}

a.four20_vol7{
  background: url(../img/radio/420riderz_vol7.jpg) no-repeat;
}
a:hover.four20_vol7{
  background-position:0px -75px;
}

/*------------------------------------Ｒａｄｉｏ　ｉｎｄｅｘｘｘ　Ｅｎｄ------------------------------------*/

/*------------------------------------Ｒａｄｉｏ　ＣｏｎｔｅｎｔＢｏｘ　Ｓｔｅｒｔ------------------------------------*/

#container .box2 .content2 #radioleft h3 {
  font-size: 120%;
  line-height: 1.2em;
  color: #cccccc;
  padding-left: 15px;
  text-align: left;
}
#container .box2 .content2 p {
  font-size: 110%;
  color: #CCCCCC;
  line-height: 1.2em;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

#container .box2 .content2 p.date {
  font-size: 120%;
  color: #a1e045;
  line-height: 1.2em;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

#container .box2 .content2 p.pa {
  font-size: 70%;
  color: #CCCCCC;
  line-height: 1.2em;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

#container .box2 .content2 p.player {
  text-align: left;
}

#container .box2 .content2 #radioright #radiolist h3 {
  color: #a1e045;
  font-size: 110%;
  line-height: 1.2em;
  padding-top: 42px;
}

#container .box2 .content2 #radioleft #ccd {
  padding-left: 15px;
  text-align: left;
}

/*------------------------------------Ｒａｄｉｏ　ＣｏｎｔｅｎｔＢｏｘ　Ｅｎｄ------------------------------------*/

/*------------------------------------ＣｏｎｔｅｎｔＢｏｘ　Ｓｔｅｒｔ------------------------------------*/
.box .title {
  font-size: 250%;
  color: #96e129;
  background: url(../img/common/content_box_top.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .radio {
  font-size: 250%;
  color: #96e129;
  background: url(../img/radio/content_box_top_radio.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .about {
  font-size: 250%;
  color: #96e129;
  background: url(../img/about/content_box_top_profile.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .link {
  font-size: 250%;
  color: #96e129;
  background: url(../img/link/content_box_top_link.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .myspace {
  font-size: 250%;
  color: #96e129;
  background: url(../img/link/content_box_top_myspace.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .blog2 {
  font-size: 250%;
  color: #96e129;
  background: url(../img/blog/content_box_top_blog.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .banner {
  font-size: 250%;
  color: #96e129;
  background: url(../img/link/content_box_top_banner.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .news {
  font-size: 250%;
  color: #96e129;
  background: url(../img/news/content_box_top_news.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box .blog {
  font-size: 250%;
  color: #96e129;
  background: url(../img/blog/content_box_top_blog.jpg) no-repeat left top;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.box {
  width: 640px;
  padding: 0px;
  float: left;
  background: url(../img/common/content_box_middle.jpg) repeat-y left top;
  margin-top: 10px;
  z-index:2;
}

.box .content {
  float: left;
  background: url(../img/common/content_box_bottom.jpg) no-repeat left bottom;
  z-index:3;
  width: 640px;
}

#container .box .content h3 {
  font-size: 120%;
  line-height: 1.2em;
  color: #cccccc;
  padding-left: 15px;
  text-align: left;
}
#container .box .content p {
  font-size: 110%;
  color: #CCCCCC;
  line-height: 1.2em;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

#container .box .content p.date {
  font-size: 120%;
  color: #a1e045;
  line-height: 1.2em;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

#container .box .content p.pa {
  font-size: 70%;
  color: #CCCCCC;
  line-height: 1.2em;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

#container .box .content p.player {
  text-align: left;
}

#container #blog_box {
  margin-top: 10px;
  height: 420px;
  width: 640px;
  float: left;
  background: url(../img/blog/blog_box.jpg) no-repeat;
  padding: 0px 0px;
}

a:link{
  color:#96e129;
}

a:visited{
  color:#a1e045;
}
/*------------------------------------ＣｏｎｔｅｎｔＢｏｘ　Ｅｎｄ------------------------------------*/
#container #k-ta_sound {
  margin: 10px 0px 0px;
  float: right;
  height: 720px;
  width: 280px;
  clear: none;
  background: url(../img/blog/k-ta_sc.jpg) no-repeat;
  padding: 0px;
}

#container #k-ta_sound h2 {
  display:none;
}

#container #k-ta_sound p {
  color: #CCCCCC;
  text-align: left;
  padding-left: 10px;
}

#container #sound_box {
  margin: 10px 0px 0px;
  float: right;
  height: 200px;
  width: 280px;
  clear: none;
  background: url(../img/common/content_sound.jpg) no-repeat;
  padding: 0px;
}

#container #sound_box h2 {
  display:none;
}

#container #contact_box {
  margin: 10px 0px 0px;
  float: right;
  height: 200px;
  width: 280px;
  clear: none;
  background: url(../img/about/content_contact.jpg) no-repeat;
  padding: 0px;
}

#container #contact_box h2 {
  display:none;
}

#linklist {
	margin-top: 5px;
    display: inline;
}
#linklist li {
  float: left;
  width: 150px;
  height: 110px;
  margin-left: 35px;
  display: inline;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
  font-size: 100%;
}

#container .box .content #linklist h2 {
  text-align: left;
  padding-left: 15px;
  color: #E8E8E8;
  font-family: "Times New Roman", Times, serif;
}

#container .box .content #linklist p {
  text-align: center;
}

#bannerlist {
	margin-top: 5px;
    display: inline;
}
#bannerlist li {
  float: left;
  margin-left: 25px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 100%;
}

#container .box .content #bannerlist p {
  text-align: center;
}

#container #sound_box p {
  color: #CCCCCC;
  font-size: 150%;
  padding-top: 5px;
}

#container #wrapper #page .bgtop .bgbtm #left p {
  color: #FFFFFF;
  text-decoration: underline;
}
#container .box2 .content2 #left .radiobanner {
  padding-top: 20px;
}

#container .box .content .bloglist {
  font-size: 1.4em;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
}

#container #k-ta_sound .k-tacounseling {
  padding-top: 70px;
}
#container #k-ta_sound .k-tapa {
  font-size: x-small;
}

#container #k-ta_sound2 {
  margin: 10px 0px 0px;
  float: right;
  height: 200px;
  width: 280px;
  clear: none;
  background: url(../img/blog/k-ta_sc2.jpg) no-repeat;
  padding: 0px;
}

#container #k-ta_sound2 h2 {
  display:none;
}

#container #k-ta_sound2 p {
  color: #CCCCCC;
  text-align: left;
  padding-left: 10px;
}

#container #k-ta_sound2 .k-tacounseling {
  padding-top: 70px;
}
#container #k-ta_sound2 .k-tapa {
  font-size: x-small;
}
/*------------------------------------ＳＣＢｏｘ　Ｓｔｅｒｔ------------------------------------*/

#container .scbox .sc {
  font-size: 250%;
  color: #96e129;
  background: url(../img/common/k-ta_sc_top.jpg) no-repeat left top;
  height:125px;
  z-index:1;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

#container .scbox {
  width: 280px;
  padding: 0px;
  float: left;
  background: url(../img/common/k-ta_sc_middle.jpg) repeat-y left top;
  margin-top: 10px;
  margin-left: 17px;
  z-index:2;
}

#container .scbox .sccontent {
  float: left;
  background: url(../img/common/k-ta_sc_bottom.jpg) no-repeat left bottom;
  z-index:3;
  width: 280px;
}

#container .scbox h2 {
  display:none;
}

#container .scbox .sccontent .scmixx {
  color: #96e129;
  font-size: large;
}

#container .scbox .sccontent .scmixx a{
  color: #96e129;
  font-size: large;
  text-decoration: underline; 
}

#container .scbox p {
  color: #CCCCCC;
  text-align: left;
  padding-left: 10px;
}

#container .scbox .k-tapa {
  font-size: x-small;
}
/*------------------------------------ＳＣＢｏｘ　ＥＮＤ------------------------------------*/
/*------------------------------------ＩｔｅｍＢｏｘ　Ｓｔｅｒｔ------------------------------------*/
.itembox {
  width: 940px;
  padding: 0px;
  float: left;
  background: url(../img/radio/radio_middle.jpg) repeat-y left top;
  margin-top: 10px;
}

.itembox .item {
  font-size: 250%;
  color: #96e129;
  background: url(../img/item/item_collectorsmixx.jpg) no-repeat left top;
  height: 237px;
  padding-top: 10px;
  text-align: left;
  padding-left: 15px;
}

.itembox .itemcontent {
  float: left;
  background: url(../img/radio/radio_bottom.jpg) no-repeat left bottom;
  width: 940px;
}

/* Content */

#itemleft {
  float: left;
  width: 455px;
  margin: 0;
  padding: 20px 0px 25px 10px;
}

#itemright {
	float: left;
	width: 455px;
	margin: 0;
	padding: 20px 0px 25px 15px;
}

#container .itembox .itemcontent #itemleft h2 {
  color: #CCCCCC;
}

#container .itembox .itemcontent #itemleft h3 {
  color: #CCCCCC;
}

#container .itembox .itemcontent #itemleft h4 {
  color: #CCCCCC;
}

#container .itembox .itemcontent #itemleft p {
  color: #CCCCCC;
  text-align: justify;
  margin-top: 1em;
  line-height: 1.2;
  text-justify: inter-ideograph;
}

#container .itembox .itemcontent #itemright h2 {
  color: #CCCCCC;
}

#container .itembox .itemcontent #itemright h3 {
  color: #CCCCCC;
}

#container .itembox .itemcontent #itemright h4 {
  color: #CCCCCC;
}

#container .itembox .itemcontent #itemright p {
    color: #CCCCCC;
  text-align: justify;
  margin-top: 1em;
  line-height: 1.2;
  text-justify: inter-ideograph;
}
/*------------------------------------ＩｔｅｍＢｏｘ　ＥＮＤ------------------------------------*/
#container .itembox .itemcontent #itemright .cm {
  font-size: large;
  color: #CCCCCC;
  text-align: center;
}#container .box .content #bannerlist .bannerinfo {
  text-align: left;
}