@charset "UTF-8";
/* ===================================================================
 style info :共通(ヘッダー、フッター)
=================================================================== */
a:link {
    text-decoration: underline;
    color: #FFF;
}
a:visited {
    text-decoration: underline;
    /* H24.-7.29 noneより変更↑ */
    color: #FFF;
}
a:hover, a:active {
    text-decoration: underline;
    color: #CCC;
}
strong {
    color: #E7373C;
}
body {
    background: url(../img/common/bg.gif);
    color: #FFF;
    padding-bottom: 40px;
    font-size: small;
    font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    line-height: 1.5;
    _text-align: center;
    _font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
#contents {
    background: url(../img/common/bg_white.png) repeat-x;
    padding: 32px 0 0 0;
}
/*--- header --------------------------------------------*/
#header {
    position: relative;
    width: 948px;
    height: 116px;
    margin: 0 auto;
    _text-align: left;
}
#header h1 a {
    display: block;
    text-indent: -9999px;
    width: 254px;
    height: 116px;
    background: url(../img/common/h1.png) no-repeat;
}
#header h1 {
    _display: inline;
}
#news {
    position: absolute;
    top: 0px;
    left: 254px;
    width: 656px;
    height: 32px;
    padding: 20px 18px 0 20px;
    background: url(../img/common/news.png) no-repeat;
    overflow: hidden;
}
/*--- gn ----*/
#gn li {
    _display: inline;
}
#gn li a {
    position: absolute;
    top: 52px;
    height: 64px;
    display: block;
    text-indent: -9999px;
    background-position: top;
}
#gn li a:hover, #gn li a.gn_on {
    background-position: bottom;
}
#gn1 a {
    background-image: url(../img/common/gn1.png);
    left: 254px;
    width: 168px;
}
#gn2 a {
    background-image: url(../img/common/gn2.png);
    left: 422px;
    width: 159px;
}
#gn3 a {
    background-image: url(../img/common/gn3.png);
    left: 581px;
    width: 119px;
}
#gn4 a {
    background-image: url(../img/common/gn4.png);
    left: 700px;
    width: 119px;
}
#gn5 a {
    background-image: url(../img/common/gn5.png);
    left: 819px;
    width: 129px;
}
/*--- wrap --------------------------------------------*/
#wrap {
    width: 948px;
    margin: 0 auto;
    _text-align: left;
    padding: 0 0 40px 0;
    background: url(../img/common/wrap_btm.png) no-repeat bottom;
    overflow: auto;
}
/*--- menu --------------------------------------------*/
.menu {
    width: 234px;
    /*float: left;*/
  /*margin-left: 20px;*/
    padding: 6px 0 20px 0;
    background: url(../img/common/menu_btm.png) no-repeat bottom;
    _margin-left: 10px;
}
#media .menu h3, .menu h3 {
    background: url(../img/common/menu_tp.png) no-repeat;
    text-align: center;
    padding: 16px 0 0 0;
}
.menu_list {
    background: url(../img/common/menu_bg.png) repeat-y;
    padding: 4px 17px;
}
.menu_m a {
    display: block;
    text-decoration: none;
    background: url(../img/common/menu_btn.gif) top no-repeat;
    width: 200px;
    height: 42px;
    text-align: center;
    font-weight: bold;
    padding: 14px 0 0 0;
    line-height: 1.2;
    margin: 2px 0;
    text-shadow: -1px -1px 1px #000;
}
.menu_m a:hover {
    text-decoration: none;
    background: url(../img/common/menu_btn.gif) bottom no-repeat;
}
.menu_m a span {
    font-size: x-small;
}
.menu_s {
    text-align: center;
    padding: 16px 0;
    border-bottom: #333 solid 1px;
}
/*--- main --------------------------------------------*/
.main {
    /* padding: 10px 0 0 262px;*/
 
    background: url(../img/common/wrap_bg.png) repeat-y;
    height: auto;/*高さ*/
    overflow: hidden;/*scroll auto*//*_padding: 10px 0 0 242px;*/
}
.dtbox {
    background: url(../img/common/dtbox_bg.gif);
    margin: 0 0 16px 264px;
    padding: 8px;
    width: 648px;
}
#index h2 {
    margin: 90px 0 16px 264px;
    background: url(../img/common/dtbox_bg.gif);
    padding: 6px;
    width: 652px;
    border-top: #333 solid 1px;
    border-bottom: #333 solid 1px;
    text-shadow: 1px 1px 1px #000;
}
#index h2#socialstream {
    margin-top: 10px;
}
#index #alfapr {
    margin-left: 350px;
}
#index #facebookwi{
	margin-left: 400px;
}

.new_left, .new_right {
    margin: 0 0 24px 10px;
    width: 320px;
    height: 144px;
    position: relative;
    float: left;
}
.new_right {
    float: none;
    margin-left: 608px;
}
.new_left img, .new_right img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.new_left h3, .new_left p, .new_right h3, .new_right p {
    margin-left: 148px;
    width: 172px;
}
.new_left h3, .new_right h3 {
    text-shadow: 1px 1px 1px #000;
}
.new_left p, .new_right p {
    font-size: x-small;
}
.new_left p.new_text, .new_right p.new_text {
    font-size: small;
}
a.new_btn {
    position: absolute;
    text-align: center;
    padding-top: 4px;
    text-decoration: none;
    display: block;
    width: 170px;
    height: 20px;
    bottom: 0px;
    left: 148px;
    background: url(../radio/img/btn_new.jpg) no-repeat;
    background-position: top;
    color: #F90;
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFF;
}
a.new_btn:hover {
    background-position: bottom;
    color: #FC0;
}
/*--- radio --------------------------------------------*/

#media h2 {
    background: url(../img/common/media_tp.png) no-repeat;
    /**/padding: 40px 24px 0 24px;
    margin: 0px 0px 0px 264px;
    font-size: large;
}
#media h2 span {
    display: block;
    float: right;
    padding: 8px 24px 0 0;
    font-size: x-small;
}
#media .main {
    /*  padding: 0px 0 0 262px;*/
    background: url(../img/common/wrap_bg.png) repeat-y;
    height: auto;/*高さ*/
    overflow: hidden;/*scroll auto*/
}
.radio_detail {
    background: url(../img/common/h2_bd.gif) repeat-x;
    padding: 16px 0 0 0;
    min-height: 240px;
    _height: 240px;
}
.mediabox {
    background: url(../img/common/media_bg.png) repeat-y;
    padding: 0 48px 0 24px;
    margin: 0px 0px 0px 264px;
}
.radio_detail img {
    float: left;
    margin-right: 8px;
}
.radio_detail strong {
    display: block;
    font-weight: bold;
}
.demoq strong {
    color: #F90;
    font-size: medium;
}
.demoq .mediabox span {
    color: #F90;
}
.movie strong {
    color: #F49;
    font-size: medium;
}
.movie .mediabox span {
    color: #F49;
}
#media h4 {
    background: url(../img/common/h2_bd.gif) repeat-x bottom;
    font-size: medium;
    margin: 32px 0 16px 0;
    padding: 0 0 2px 0;
}
p.radio_more {
    text-align: left;
    margin-top: 12px;
}
p.radio_more a {
    padding: 4px;
    border: #FFF solid 1px;
    text-decoration: none;
    font-size: x-small;
}
.person td {
    padding: 0 8px 8px;
    width: 225px;
}
.pagetop {
    background: url(../img/common/media_btm.png) no-repeat bottom left;
    padding: 40px 48px 40px 24px;
    margin: 0px 0px 0px 264px;
    text-align: right;
    font-size: x-small;
}
/*ココから↓は追加しました。*/
/*メニューの外側にframeを置いてメニュー下のスペースを使えるようにした。*/
.menu_frame {
    width: 234px;
    height: auto;
    float: left;
    overflow: hidden;/*scroll auto*/
    margin-left: 20px;
    /*  margin-bottom:100%; */
    padding: 0px 0 20px 0;
}
.banner_area {
    position: relative;
    /*clear:left;right both none*/
    overflow: hidden;/*scroll auto*/
    width: 224px;/*横幅*/
    height: auto;/*高さ*/
    padding: 5px 5px 15px 5px;/*ボーダーの内側*/
    margin: 0px auto;/*ボーターの外側の領域*/
    /*border:solid 2px #2D2D2D;double groove ridge inset outset dashed dotted*/
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}
.banner {
    position: relative;
    width: 200px;/*横幅*/
    height: auto;/*高さ*/
    margin: 10px 0 0 10px;/*ボーターの外側の領域*/
}
.test_banner {
    width: 200px;/*横幅*/
    height: 40px;/*高さ*/
    margin: 0 auto;/*中央にセンタリング*/
    border: solid 1px #FFFFFF;/*double groove ridge inset outset dashed dotted*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6d7673), color-stop(0.78, #0a0809), color-stop(0.18, #0a0f0b), color-stop(0.00, #afbdc0));
    background: -webkit-linear-gradient(top, #afbdc0 0%, #0a0f0b 18%, #0a0809 78%, #6d7673 100%);
    background: -moz-linear-gradient(top, #afbdc0 0%, #0a0f0b 18%, #0a0809 78%, #6d7673 100%);
    background: -o-linear-gradient(top, #afbdc0 0%, #0a0f0b 18%, #0a0809 78%, #6d7673 100%);
    background: -ms-linear-gradient(top, #afbdc0 0%, #0a0f0b 18%, #0a0809 78%, #6d7673 100%);
    background: linear-gradient(top, #afbdc0 0%, #0a0f0b 18%, #0a0809 78%, #6d7673 100%);
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    text-align: center;/*テキストの配置*/
    cursor: pointer;/*default*/
}
.test_banner p {
    font-family: 'Orbitron', 'Aclonica', serif;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
    letter-spacing: 5px;
    font-weight: bold;/*nomal  bolder lighter*/
    vertical-align: text-top;/*middle bottom  text-bottom*/
}
/* footer - 2012.-7.16 Added - */
p#copyright {
    text-align: center;
    font-size: 85%;
    clear: both;
}
div.footernavi {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
}
li.footermenu {
    list-style: none;
    float: left;
    width: 22.5%;
    font-size: 90%;
}
li.footermenu li {
    font-size: 85%;
    padding-left: 1ex;
    padding-top: 1px;
    padding-bottom: 2px;
}
li.footermenu li span {
    margin-left: -1ex;
}
div.footernavi li.footerlogo {
    list-style: none;
    float: left;
    width: 10%;
}
li.footerlogo img {
    margin-left: -1em;
}