@charset "utf-8";

/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/- update :20140313
/--------------------------------------------------------------------*/

/*
　基本フォントサイズは13px（下記を参考に%で指定する）
　10px→77%　 11px→85%　 12px→93%　 13px→100%　14px→108%
　15px→116%　16px→124%　17px→131%　18px→139%　19px→147%
　20px→154%　21px→162%　22px→169%　23px→177%　24px→185%
　25px→192%　26px→200%
*/

/*

　基本のブルー　#0F3991

*/


/**********************************************************************
 01.下層ページ共通
**********************************************************************/

.sec #bg {
	background: url(../../images/bg_sec.png) center top repeat-y;
	margin:0 auto ;
	zoom:1; /* 印刷バグ解決 */
}
.sec #wrapper_outer {
	background: url(../../images/bg_wrapper_outer.png) center top repeat-x;
}
.sec #wrapper {
	background: url(../../images/bg_wrapper.jpg) center 220px no-repeat;
	margin:0 auto ;
	zoom:1; /* 印刷バグ解決 */
}
.sec #contents{
	width:640px;
	padding:20px 10px;
	background:#fff;
	min-height:850px;
}
.sec #content_right {
	margin-top:-120px;
}

/* 見出し -------------------------------- */

.sec h2 {
	text-indent: -9999px;
	font-size: 1px;
	width:100%;
	margin:0 auto;
	height:140px;
}

/* table style -------------------------------- */

/*design_a*/

table.design_a{
	width:100%;
}
table.design_a tr{
	width:100%;
	background:url(../../images/line.gif) bottom left repeat-x;
}
table.design_a th{
	width:130px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding:10px 10px 18px 10px;
}
table.design_a td{
	text-align:left;
	vertical-align:top;
	padding:10px 10px 18px 10px;
}


/* ft_menu -------------------------------- */

#ft_menu { 
	margin:30px 0;
	clear:both;
}
#ft_menu li {
	float:left;
	width:212px;
	letter-spacing:0.05em;
	font-size:150%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
}
#ft_menu li a {
	width:212px;
	background-color:#DD0021;
	padding:10px 0;
	display:block;
	color:#FFF;
	text-shadow: 1px 1px 0px #900;
}
#ft_menu li span {
	font-size:60%;
}
#ft_menu li a:hover {
	background-color:#F21335;
	text-decoration:none;
}
#ft_menu li:first-child a {
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	behavior: url("/aoihonoo/common/css/PIE.htc");
	position:relative;
	border-right:#900 1px solid;
}
#ft_menu li.last a {
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	behavior: url("/aoihonoo/common/css/PIE.htc");
	position:relative;
	border-left:#900 1px solid;
}

/* article -------------------------------- */

#contents .article{
	margin:0 0 40px 0;
}
#contents .article h3{
	font-size:116%;
	background:#0F3991;
	color:#fff;
}
#contents .article_in{
	padding:0 10px;
}
#contents .article_in p{
	margin-bottom:0.5em;
}

/* list -------------------------------- */

.list dt{
	font-weight:bold;
	font-size:108%;
}
.list dd{
	margin:0 0 1em 0;
}
.list dt.large{
	font-size:116%;
}


/**********************************************************************
　02.top
**********************************************************************/

#top {
	background:#000;
}
#top #bg {
	background:#000;
}
#top #bg_nav {
	width:100%;
	background: url(../../images/bg.png) center 510px repeat-x;
}
#top #wrapper {
	/*background: url(../../images/top_bg_wrapper.jpg) center top no-repeat;*/
	margin:0 auto ;
	zoom:1; /* 印刷バグ解決 */
	overflow:hidden;
}
#top #wrapper_inner {
  width:980px;
  margin:0 auto;
}
#top #content_right {
	margin-top:10px;
}


/*コンテンツ部分--------------------------------*/

#top #contents {
	width:675px;
	padding:0;
	background:none;
	position:relative;
}
#top #contents .socialbtn{
	position:absolute;
	top:-35px ;
	right:20px;
}
#top #tiles {
	width:675px;
	margin:50px 0 0 0;
}
#top #tiles li {
	float:left;
	position:relative;
	background:#fff;
	width:210px;
	width:210px;
	margin:0 15px 15px 0;
}
#top #tiles li.large {
	width:434px;
}
/*ニュース*/
#top h3.topicstitle {
	position:absolute;
	font-family: 'Audiowide', cursive;
	font-size:150%;
	line-height:1;
	top:-20px;
	left:0;
	color:#fff;
}
#topics dl{
	width:419px;
	margin:5px 0 5px 5px;
	height:200px;
	font-size:93%;
	line-height:1.2;
}
#topics dt{
	float:left;
	width:70px;
	padding:10px;
	color:#00469F;
	font-weight:bold;
}
#topics dd{
	float:left;
	width:300px;
	padding:10px 0;
}
#topics dd a:link,
#topics dd a:visited{
	color:#000;
	text-decoration:underline;
}
#topics dd a:hover,
#topics dd a:active{
	color:#000;
	text-decoration:underline;
}
/* 右カラムのscrollbarをカラーリング（jquery.scroll.min.jsとセットで使用）不要な場合は削除してください */
#topics .scrollbar { overflow:hidden; }
#topics .scrollbar-pane { margin-top:0; margin-bottom:4px; margin-left:0; width:410px; }
#topics .scrollbar-handle-container { background:#fff width:12px; }
#topics .scrollbar-handle { width:12px; background:#ccc; }
#topics .scrollbar-handle:hover { background:#ccc; }
#topics .scrollbar-handle.move { background:#ccc; }
#topics .scrollbar-handle-up { width:12px; height:10px; background:#fff; }
#topics .scrollbar-handle-up:hover { background:#eee; }
#topics .scrollbar-handle-down { width:12px; height:10px; background:#fff; }
#topics .scrollbar-handle-down:hover { background:#fff; }

/**********************************************************************
　最新情報
**********************************************************************/

#news #contents .title_box{
	background: #fff;
	border: solid 1px #0F3991;
	padding:1px;
	margin:0 0 15px 0;
}
#news #contents h3{
	width:640px;
	background:url(../../news/images/bg_articletitle.png) left top repeat-y;
	font-size:100%;
	overflow:hidden;
}
#news #contents .title{
	font-size:116%;
	padding:5px 5px 5px 10px;
	float:left;
	width:505px;
	height:100%;
}
#news #contents .date{
	font-size:100%;
	font-weight:bold;
	width:75px;
	padding:8px 0 5px 0;
	text-align:center;
	word-break:break-all;
	float:left;
}
h3.topicstitle {
	margin-top:-10px;
}
#news #contents .border {
	border-bottom: dotted 1px #ccc;
	padding-bottom:15px;
}
#news #contents .border {
	border-bottom: dotted 1px #ccc;
	padding-bottom:15px;
}
#news #contents .list	dt {
	font-size:116%;
	margin:0 0 5px;
}



/**********************************************************************
　放送局情報
**********************************************************************/

#onair #contents h3{
	border-left:solid 5px #F00;
	font-size:108%;
	padding:5px 10px;
	position:relative;
	margin:0 0 15px 0;
}
#onair #contents h3 .new{
	display:block;
	position:absolute;
	background:#D31D21;
	color:#fff;
	line-height:1;
	padding:4px;
	right:5px;
	top:5px;
}
#onair #contents .article{
	margin-bottom:30px;
}

/**********************************************************************
 イントロダクション
**********************************************************************/

#intro .mainvisual {
	background:url(../../intro/images/img_intro.jpg) left top no-repeat;
	height:630px;
	width:640px;
	margin:0 0 40px 0;
}
#intro .staff_box{
	width:305px;
	float:left;
}
#intro .staff_box .image{
	margin:10px 0 0 0;
}
#intro .staff_box .name{
	margin:15px 0;
}
#intro .staff_box .name2{
	margin:25px 0;
}
#intro .staff_box .comment{
	color:#06328A;
	border: dotted 1px #7189BC;
	padding:10px;
	margin:15px 0 30px 0;
}
#intro #contents th {
	color:#0F3991;
}

/**********************************************************************
 ストーリー
**********************************************************************/

#story #wrapper h2 a{
	display:block;
	height:140px;
	cursor:pointer;
}
#story #contents #title{
    position: relative;
    display: block;
    width: 640px;
    height: 60px;
    margin: 0 0px 10px 0px;
}
#story #contents #title > h4{
    position: absolute;
    top: 16px;
    left: 166px;
    color: #FFF;
    font-size: 154%;
    font-weight: bold;
}
#story #storybox{
    margin: 16px 0px 20px 0px;
}
#story #storybox p{
	font-size:108%;
	line-height:2;
}
#story #backnumber{
    width: 640px;
    height: 24px;
    border-bottom: #0F3991 solid 3px;
    background: url(../../story/images/str_backnumber_01.gif) no-repeat 2px;
    margin-bottom: 10px;
		text-indent: -9999px;
		font-size: 1px;
		overflow: hidden;
}
#story #episode_box{
    width: 640px;
    margin: 0px 0px 20px 0px;
}
#story .episode{
    width: 146px;
    float: left;
    margin: 0px 10px 10px 0px;
    border: #CFCFCF solid 2px;
		cursor:pointer;
    min-height: 130px;
		font-weight:bold;
		text-decoration:none;
}
#story .episode:hover{
    border: #FF0F0F solid 2px;
}
#story .episode:nth-child(4){
    margin-right: 0px ;
}
#story .episode a{
		display:block;
		color:#000;
		text-decoration:none;
}
#story .episode a:hover{
		color:#FF0F0F;
		text-decoration:none;
}
#story .episode img{
    padding: 1px;
}
#story .episode .txt{
	display:block;
	padding:5px;
}
#story #gallery{
    margin: 0px 0px 40px 0px;
}
#story #trailer{
	width:600px;
	padding:15px 20px 20px 20px;
	background:#0F3991;
	border-radius:5px;
	behavior: url("/aoihonoo/common/css/PIE.htc");
	position:relative;
}
#story #trailer .trailer_title{
	margin-bottom:15px;
}


/**********************************************************************
 音楽情報
**********************************************************************/

#music .music_box{
	width:300px;
	float:left;
}
#music .music_box .profile {
	margin:30px 0 5px 0;
}
#music .music_box .name {
	margin:15px 0 10px 0;
}

/**********************************************************************
 データ放送
**********************************************************************/

#data #contents .data_box{
	padding:30px 20px 20px 20px;
}

/**********************************************************************
 スペシャル：共通
**********************************************************************/

#special2 #wrapper_outer {
	background: url(../../images/bg_wrapper_outer_sp.png) center top repeat-x;
}
#special2 #wrapper {
	background: url(../../images/bg_wrapper.jpg) center 120px no-repeat;
}
#special2 #content_right {
	margin-top:-30px;
}
#special2 #wrapper .back_sp{
	margin:0 auto;
	width:980px;
	height:40px;
}
#special2 #wrapper .back_sp a{
	display:block;
	margin-left:450px;
}
#special2 h2 {
	text-indent: 0;
	font-size: 12px;
	height:auto;
	width:640px;
	margin:0;
}
#special2 #contents{
	padding:10px;
}

/**********************************************************************
 スペシャル：プレゼント
**********************************************************************/

.present .readtxt {
	width:620px;
	margin:20px auto;
	font-size:116%;
}
.present .present_img {
	width:620px;
	margin:20px auto;
	position:relative;
}
.present .present_img span {
	position:absolute;
	display:block;
	padding:5px 20px;
	background:#f00;
	color:#FFF;
	bottom:65px;
	right:40px;
	font-weight:bold;
}
.present .attenntion_box {
	border:dotted 1px #222;
	padding:10px;
	margin:10px 10px 30px 10px;
}

/**********************************************************************
 スペシャル：動画
**********************************************************************/

#special2 .movie_box {
	background: url(../../special/movie/images/movie_bg.jpg) left top no-repeat;
	width:640px;
	height:390px;
	padding:41px 0 0 45px;
}
#special2 .movie_titile {
	font-size:139%;
	font-weight:bold;
	text-align:center;
	margin:20px auto;
}
#special2 .spmovie .socialbtn {
	float:right;
}
#special2 #episode_box{
	clear:both;
    width: 660px;
    margin: 0px 0px 20px 0px;
}
#special2 .episode{
	width:304px;
    float: left;
    margin: 0px 20px 20px 0px;
    border: #CFCFCF solid 2px;
		cursor:pointer;
		font-weight:bold;
		text-decoration:none;
}
#special2 .spmovie .episode:hover{
    border: #FF0F0F solid 2px;
}
#special2 .spmovie .episode a{
		display:block;
		position:relative;
		color:#000;
		text-decoration:none;
}
#special2 .spmovie .play{
		position:absolute;
		left:130px;
		top:70px;
		opacity:0.7;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#special2 .spmovie .episode a:hover{
		color:#FF0F0F;
		text-decoration:none;
}
#special2 .spmovie .episode img{
    padding: 2px;
}
#special2 .spmovie .episode .txt{
	font-size:108%;
	display:block;
	padding:0 10px 5px 10px;
	font-weight:bold;
}
#special2 .spmovie .episode .no{
  color: #FF0F0F;
	font-size:85%;
	padding:5px 0 0 0;
	display:block;
}


/**********************************************************************
 スペシャル：ブログ
**********************************************************************/

#special2 .blog_header{
	position:relative;
	height:225px;
	width:650px;
	left:-10px;
}
#special2 .blog_header h2.blog_title{
	position:absolute;
	height:225px;
	top:0;
}
#special2 .blog_header .profile{
	position:absolute;
	bottom:8px;
	right:11px;
}

/*-ページ送り----------------------------------------------*/

#special2 .blog .pagenav {
	position:relative;
	background: url(../../special/blog/images/bg_pagenav.gif) center top no-repeat;
	width:640px;
	height:50px;
	margin-bottom:10px;
}
#special2 .blog .pagenav_no {
	position:absolute;
	width:495px;
	height:40px;
	top:5px;
	left:75px;
	overflow:hidden;
}
#special2 .blog .pagenav_no li {
	width:40px;
	height:40px;
	float:left;
	margin-right:5px;
}
#special2 .blog .navi_back{
	position:absolute;
	height:40px;
	width:60px;
	top:5px;
	left:5px;
}
#special2 .blog .navi_next{
	position:absolute;
	height:40px;
	width:60px;
	top:5px;
	right:5px;
}
#special2 .blog .socialbtn {
	height:30px;
	position:relative;
}
#special2 .blog .tx_social_table {
	position:absolute;
	right:0;
}

/*-記事詳細----------------------------------------------*/

#special2 .detail {
	clear:both;
	margin:0 10px;
}
#special2 .article_title {
	background:#000;
	color:#fff;
	font-size:162%;
	font-weight:bold;
	padding:10px;
	margin:0 0 20px;
}
#special2 .article_no {
	display:block;
	width:8em;
	padding:2px 10px 2px 0;
	background:#ff0;
	color:#000;
	font-size:75%;
	font-weight:bold;
	text-align:center;
	margin:-10px 0 10px -10px;
	position:relative;
}
#special2 .article_no:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-right: 1em solid #000;
}
#special2 .blog .article_in {
	background:url(../../images/line.gif) bottom left repeat-x;
	margin-bottom:20px;
	padding-bottom:20px;
}
#special2 .blog .article_in h4 {
	color:#0F3991;
	font-size:139%;
	margin:0 0 0.5em;
}
#special2 .blog .article_in p {
	font-size:116%;
}


/**********************************************************************
 スペシャル：壁紙
**********************************************************************/

#special2 .wallpaper .socialbtn {
	margin:10px 0 20px 0;
}
#special2 .wp_theme {
	background:#000;
	color:#FFF;
	font-size:124%;
	font-weight:bold;
	padding:5px;
	width:290px;
}
#special2 .wallpaper li.wp_box  {
	width:300px;
	float:left;
	margin-bottom:30px;
}
#special2 .wallpaper .download li {
	float:left;
	width:128px;
	padding:6px 5px 5px 11px;
	margin:4px 0 0 0;
	border:solid 2px #ccc;
	background-image: url(../../special/wallpaper/images/icon_download.png);
	background-repeat: no-repeat;
	background-position: 120px 10px;
}
#special2 .wallpaper .download li:first-child {
	margin:4px 4px 0 0;
}
#special2 .wallpaper .download li:hover {
	border:solid 2px #F00;
	cursor:pointer;
}
#special2 .wallpaper .download a {
	width:131px;
	color:#333;
	font-size:108%;
	font-weight:bold;
	word-break: break-all;
}
#special2 .wallpaper .download a:hover {
	text-decoration:none;
}

/**********************************************************************
 サントラ
**********************************************************************/

#special2 h3.soundtrack_title{
	border-left:solid 5px #F00;
	font-size:108%;
	padding:5px 10px;
	position:relative;
	margin:0 0 15px 0;
}
#special2 .soundtrack .css3button {
	background:#000;
	border:none;
	width:240px;
	font-size: 108%;
}
#special2 .soundtrack .css3button:hover {
	background:#222;
}
#special2 .soundtrack .border {
	border-bottom: dotted 1px #7189BC;
	padding-bottom:10px;
}

/**********************************************************************
 DVD
**********************************************************************/

#dvd #contents{
	padding-top:0;
}
#dvd #contents .photo{
	float:right;
	margin-top:10px;
}
#dvd #contents .director{
	font-size:169%;
	text-shadow:
	2px 2px 0 rgba(255,255,255,1),
	4px 4px 0 rgba(255,204,204,0.8);
}

/*価格表記*/
#dvd .mainbox {
	float:left;
	width:360px;
	padding-bottom:35px;
}
#dvd .price {
	font-weight:bold;
	line-height:1.2;
	margin-bottom:0.5em;
}
#dvd .price .large {
	margin-right:15px;
}
#dvd .buttons li {
	float:left;
	margin-bottom:10px;
}
#dvd .tokuten {
	clear:both;
	color:#C00;
	font-size:85%;
	margin:-5px 0 20px 0;
}

/****************予約ボタン****************/

html>/**/body .css3button {
	background/***/: #990000\9; /* IE8 以下 */
}
.css3button {
	display:block;
	width:270px;
	padding: 10px 10px 8px 10px;
	background: #990000\9; /* IE8 以下 */
	background: -moz-linear-gradient(
		top,
		#c41619 0%,
		#990000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#c41619),
		to(#990000));
	-pie-background:linear-gradient(
		top,
		#c41619 0%,
		#990000);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #990000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	behavior: url(/ookawabata/common/css/PIE.htc);
	position:relative;
	zoom:1;
}
html>/**/body .css3button:hover {
	background/***/: #c41619\9; /* IE8 以下 */
}
.css3button:hover {
	background: -moz-linear-gradient(
		top,
		#990000 0%,
		#c41619);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#990000),
		to(#c41619));
	-pie-background:linear-gradient(
		top,
		#990000 0%,
		#c41619);
	behavior: url(/ookawabata/common/css/PIE.htc);
	position:relative;
	zoom:1;
}
.css3button:link,.css3button:hover,.css3button:active,.css3button:visited {
	font-size: 131%;
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}
.css3button .large {
	padding-right:20px;
}
.css3button .small {
	font-size: 75%;
}
.css3button .x-small {
	font-size: 50%;
}
/**************************************************/

/*詳細*/
#dvd #contents .article{
	margin-bottom:30px;
}
#dvd #contents .article h3{
	border-left:solid 5px #F00;
	font-size:124%;
	padding:5px 10px;
	position:relative;
	margin:0 0 15px 0;
}
#dvd .option_list dt{
	font-size:116%;
	font-weight:bold;
	margin:0 0 0.3em 0;
}
#dvd .option_list dd{
	margin:0 0 1em 0;
}
#dvd .border {
	border-bottom: dotted 1px #7189BC;
	padding-bottom:10px;
}





/**********************************************************************
 margin&padding
**********************************************************************/

.m_top5{margin-top:5px;}
.m_top10{margin-top:10px;}
.m_top15{margin-top:15px;}
.m_top20{margin-top:20px;}
.m_top25{margin-top:25px;}
.m_top30{margin-top:30px;}
.m_top35{margin-top:35px;}
.m_top40{margin-top:40px;}
.m_top50{margin-top:50px;}

.m_btm5{margin-bottom:5px;}
.m_btm10{margin-bottom:10px;}
.m_btm15{margin-bottom:15px;}
.m_btm20{margin-bottom:20px;}
.m_btm25{margin-bottom:25px;}
.m_btm30{margin-bottom:30px;}
.m_btm35{margin-bottom:35px;}
.m_btm40{margin-bottom:40px;}
.m_btm50{margin-bottom:50px;}

.m_right10{margin-right:10px;}
.m_right15{margin-right:15px;}
.m_right20{margin-right:20px;}
.m_right30{margin-right:30px;}
.m_right40{margin-right:40px;}

.m_left10{margin-left:10px;}
.m_left15{margin-left:15px;}
.m_left20{margin-left:20px;}

.pa_top5{padding-top:5px;}
.pa_top10{padding-top:10px;}
.pa_top15{padding-top:15px;}
.pa_top20{padding-top:20px;}
.pa_top25{padding-top:25px;}
.pa_top30{padding-top:30px;}
.pa_top35{padding-top:35px;}
.pa_top40{padding-top:40px;}
.pa_top50{padding-top:50px;}

.pa_btm5{padding-bottom:5px;}
.pa_btm10{padding-bottom:10px;}
.pa_btm15{padding-bottom:15px;}
.pa_btm20{padding-bottom:20px;}
.pa_btm25{padding-bottom:25px;}
.pa_btm30{padding-bottom:30px;}
.pa_btm35{padding-bottom:35px;}
.pa_btm40{padding-bottom:40px;}
.pa_btm50{padding-bottom:50px;}




/**********************************************************************
 装飾
**********************************************************************/

.newicon_box {
	position: relative;
}

.newicon {
	font-family:Arial, Helvetica, sans-serif;
  visibility:visible;
	position: absolute;
	top:-10px;
	right:-5px;
	border:none;
	width: 27px;
	padding-left:3px;
	height: 23px;
	padding-top:7px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	behavior: url("/aoihonoo/common/css/PIE.htc");
	background-color: #F00;/* 円の色 */
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
}