@charset "utf-8";

body {
    background: url(../images/bg.gif);
} /* 全体の背景指定 */

#wrapper #contents {
    width: 1000px;
}

/* anchor */
#wrapper a,
#wrapper .article {
    -webkit-transition: all 0.2s 0s ease;
    -moz-transition: all 0.2s 0s ease;
    transition: all 0.2s 0s ease;
}

#wrapper a:hover {
    text-decoration: none;
	/*filter: alpha(opacity=50);*/
/*	-moz-opacity:0.5;
	opacity:0.5;*/
}

#side div#banner_navimail {
    width: 100%;
}

#side div#banner_navimail a {
    background: url(/basic2011/images/bnr_navimail.png) no-repeat 0px 0px;
    background-size: 100% auto;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    min-height: 105px;
    _text-indent: -9999px;
    _height: 105px;
}


/* #main */
#main {
    width: 675px;
    padding-bottom: 35px;
}


/* #side */
#side {
    padding: 10px 0px 0px;
}

#side .box {
	/* border-radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#wrapper #contents #side .box .title {
    background: rgb(218,225,229);
 /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%);
 /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%);
 /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 );
 /* IE6-9 */
    background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%);
 /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a {
    background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}


/* #header */

/*
#main #article #header h1 {
	height: 45px;
	width: 235px;
	position: absolute;
	left: 50px;
	top: 2px;
}
*/






/* #top */
/*お知らせないとき*/
#header {
	/* タイトル画像指定 */
    background: url(../images/img-top-title.png) no-repeat 0px 0px;
    width: 675px;
    height: 530px;
    position: relative;
    margin-bottom: 20px;
}

/*お知らせあるとき*/
#header_topi {
	/* タイトル画像指定 */
    background: url(../images/img-top-title.png) no-repeat 0px 0px;
    width: 675px;
    height: 583px;
    position: relative;
    margin-bottom: 20px;
}

/* #top #header h1 { display: none; } */

#header h1 img {
    max-width: 100%;
    height: auto;
    width /***/: auto;
 /*IE8のみ適用*/
}

#nav {
    padding: 10px;
}

#nav ul {
    letter-spacing: -0.4em;
 /* hack */
}

#nav ul li {
    display: inline-block;
    letter-spacing: 0em;
 /* hack */
    margin-right: 5px;
    margin-bottom: 5px;
}

#nav ul li a,
#nav ul li span {
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    display: block;
    height: 44px;
    width: 10em;
    text-decoration: none;
    color: #333;
    border: 1px solid #ccc;
}

#btn-sbm {
    text-align: left;
    padding-left: 200px;
    padding-top: 5px;
}

#btn-sbm li {
    display:inline-block;;
    margin-left: 0px;
    margin-right: 5px;
    padding: 0px;
    line-height: normal;
    list-style: none;
}

.ntv-yokatta-widget {
    margin-bottom: 10px!important;
}

#twitter{
  background: url(../images/bg_twitter.png)no-repeat;
  height: 380px;
}

#btn-sbm li a {
    margin: 0px;
}

#btn-sbm .btnFaceBook {
    width: 110px;
}

#btn-sbm .btnHatenaBookmark {
    margin-right: 10px;
}

#btn-sbm .btnGoogleCalendar {
    margin-right: 10px;
}


/* テキスト指定 */
#article {
    font-size: 120%;
    line-height: 1.5;
	/* box-shadow: */
}

#article .text {
    padding: 20px;
}

#article h2 {
    font-weight: bold;
    font-size: 120%;
    margin: 0px 0px 10px;
}

#article h3 {
    font-weight: bold;
    font-size: 100%;
}

#article p {
}

.innerlink-head {
    margin-top: 10px;
}

.innerlink-head a {
    font-size: 11px;
    color: #000;
}

.section {
    margin-bottom: 20px;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

#sectionA {
    background: #f9c;
}

#sectionB {
    background: #cc6;
}

#sectionC {
    background: #fc6;
}

#sectionD {
    background: #6cc;
    margin-left: 10px;
}

#sectionC {
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
    -moz-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-box-ordinal-group: 1;
    box-ordinal-group: 1;
}

#sectionD {
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
    -moz-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

@media screen and (max-width: 480px) {
/* #header */
    #top #main #header {
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }

    #top #main #header p {
        font-size: 14px;
    }

/* #nav */
    #top #nav {
        display: block;
        letter-spacing: 0em;
 /* hack */
        text-align: left;
        width: auto;
        height: auto;
        padding: 0;
        -moz-box-ordinal-group: 4;
        -webkit-box-ordinal-group: 4;
        box-ordinal-group: 4;
        border-top: 1px solid rgba(150, 150, 150, 0.5);
    }

    #top #nav li {
        display: block;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid rgba(150, 150, 150, 0.5);
    }

    #top #nav li:first-child {
    }

    #top #nav ul li a,
#top #nav ul li span {
        color: #333;
        font-size: 16px;
        line-height: 44px;
        text-align: left;
        text-indent: 0;
        text-decoration: none;
        font-weight: bold;
        display: block;
        width: auto;
        height: 44px;
        padding: 0 10px;
        background: rgba(246,246,242,1);
        border: none;
        overflow: hidden;
        background-image: none;
    }

    #top #main #btn-sbm {
        display: block;
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

    #top #main #article {
        width: auto;
        padding: 0 10px;
        -moz-box-ordinal-group: 3;
        -webkit-box-ordinal-group: 3;
        box-ordinal-group: 3;
    }

/* ページの先頭へ */
    #top #main .innerlink-head {
        display: none;
    }

    .structure {
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        -o-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
    }

    #sectionD {
        margin-left: 0px;
    }
}

/*追加*/


.hidden {
    display: none;
}

#topics_box {
    width: 479px;
    height: 61px;
    background: url(../images/topics_bg.png) no-repeat;
    padding: 20px 0 0 147px;
    position: absolute;
    bottom: 0px;
    left: 30px;
}

#topics_txt {
    width: 378px;
    height: 37px;
    color: #ff00ae;
    font-size: 0.8em;
    overflow: auto;
}

#midokoro_txt {
    width: 400px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    color: #ff00ae;
    font-size: 0.8em;
}

#midokoro_ttl {
    background-color: #ff00ae;
    width: 630px;
    margin: 0 auto;
}

#midokoro_img {
    width: 80%;
    background: url(../images/midokoro_ttl_img.gif) 10px 5px no-repeat;
    padding: 10px 10px 10px 50px;
    color: #ffffff;
    font-size: 1.8em;
    margin: 0 auto;
    font-weight: bold;
}

#midokoro_header {
    width: 675px;
    height: 81px;
    background: url(../images/top_midokoro_header.gif) no-repeat;
}

#midokoro_main {
    width: 675px;
    background: url(../images/top_midokoro_bg.gif) repeat-y;
    padding: 10px 0 54px 0;
}

#midokoro_footer {
    width: 645px;
    height: 53px;
    background: url(../images/top_midokoro_footer.gif) no-repeat;
    position: relative;
    text-align: right;
    padding-right: 30px;
    margin-bottom: 20px;
}

#midokoro_footer a:hover {
    opacity: 0.5;
}

.cast_ttl {
    width: 390px;
    height: 49px;
    margin: 0 auto;
    background: url(../images/cast_pr_ttl.gif) no-repeat;
}

ul.tab {
    position: relative;
    height: 39px;
}

ul.tab li {
    position: absolute;
}

ul.tab li.cast_position1 {
    left: 12px;
}

ul.tab li.cast_position2 {
    left: 175px;
}

ul.tab li.cast_position3 {
    left: 338px;
}

ul.tab li.cast_position1 a {
    display: block;
    width: 161px;
    height: 39px;
}

ul.tab li.cast_position2 a {
    display: block;
    width: 161px;
    height: 39px;
}

ul.tab li.cast_position3 a {
    display: block;
    width: 201px;
    height: 39px;
}

ul.tab li.kajikaji {
    right: 20px;
    top: -18px;
    z-index: 20;
}

.panel {
    display: none;
}

#banner_box {
    padding: 10px;
}

#banner_box img {
    margin-bottom: 10px;
}

/*モバイルサイト*/
#menu {
    width: 675px;
    height: 41px;
    margin-bottom: 10px;
}

#menu li {
    float: left;
    margin-left: 20px;
    display: inline;
}

#menu li a:hover {
    opacity: 0.5;
}

#header2 {
	/* タイトル画像指定 */
    background: url(../images/mainvisual2.png) no-repeat 0px 0px;
    width: 675px;
    height: 311px;
    position: relative;
    margin-bottom: 20px;
}

#header2 a {
    display: block;
    width: 675px;
    height: 311px;
}

#mobile_header {
    background: url(../images/movile_header_bg.gif) no-repeat 0px 0px;
    width: 675px;
    height: 269px;
    padding-top: 30px;
}

#mobile_main {
    background: url(../images/movile_main_bg.gif) repeat-y;
    padding: 5px 0 10px 0;
}

#mobile_footer {
    background: url(../images/mobile_footer_bg.gif) no-repeat 0px 0px;
    width: 675px;
    height: 50px;
}

#mobile_ttl {
    background: url(../images/mobile_ttl.gif) no-repeat 0px 0px;
    width: 431px;
    height: 51px;
    margin: 0 auto 50px auto;
}

.img_align {
    text-align: center;
}

#top em {
    font-style: italic;
}

.banner_box {
    text-align: center;
    margin-bottom: 10px;
}

.banner_box a:hover {
    opacity: 0.3;
}

#kentei_banner {
    margin: 10px 0;
    text-align: center;
}

#kentei_banner a:hover {
    opacity: 0.3;
}

#data_ttl {
    background: url(../images/data_ttl.gif) no-repeat;
    width: 634px;
    height: 61px;
    margin: 0 auto;
    text-indent: -9999px;
}

#data_txt {
    text-indent: -9999px;
    background: url(../images/data_txt.gif) no-repeat;
    width: 633px;
    height: 152px;
    margin: 20px auto
}

#top #wrapper #contents #main #article #mobile_main p {
    width: 90%;
    margin: 20px auto 40px auto;
    font-size: 1.0em;
}

#top #wrapper #contents #main #article #mobile_main #text01 strong {
    color: #06C;
    font-size: 1.0em;
}

#top #wrapper #contents #main #article #mobile_main #text01 span {
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
}

#top #wrapper #contents #main #article #mobile_main #text02 strong {
    color: #F00;
    font-size: 1.0em;
}

#top #wrapper #contents #main #article #mobile_main #text03 strong {
    color: #F60;
    font-size: 1.0em;
}

#top #wrapper #contents #main #article #mobile_main #text03 span {
    font-weight: bold;
    font-size: 1.5em;
    color: #F06
}

#top #wrapper #contents #main #article #mobile_main #text03 a:hover {
    opacity: 0.3;
}

/*動画*/
.contents_main {
    border: 5px solid #333333;
    background: #feeff6;
    font-size: 0.8em;
    line-height: 1.5em;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
}

#gyagu_tit {
    text-align: center;
    padding-top: 20px;
}

.movie_box {
    padding: 13px;
}

/* sns.js */
	.global_NTV_snsArea .global_NTV_snsList {
		padding: 0 10px 10px 0;
	}
	.global_NTV_snsArea .global_NTV_snsList li {
		display: inline-block;
		margin-right: 15px;
		vertical-align: top;
	}
	.global_NTV_snsArea .fb_iframe_widget span {
		vertical-align: top !important;
	}





/*form_banner*/
.form_banner{margin-bottom: 20px;}
.form_banner a:hover{opacity: 0.6}