@charset "utf-8";
/***********************************************************
common.css
ページカラー定義
#fe9e0b(245,158,11) : ABOUT Nippon TV(旧#f00c52 (240,12,82) )
#fee301(254,229,21) : PROGRAM CATALOG
#22e089(34,224,137) : PRESS RELEASE
#249ad8(36,154,216) : CONTACT
#e30b20() : SEARCH
#B570AD(181,112,173) : NEWS(旧#fe9e0b)
#6fe4e8(111,228,232) : Investor Relations
#22e089(34,224,137) : PRESS RELEASE
***********************************************************/
html[lang="en"] #g_header_inner .sw ul li:nth-of-type(2) a {background-color:#ffffff; color:#e30b20;}

html body {
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
	letter-spacing: 0.3px;
	}

body {
	background:#ffffff url(../images/g_main_bg.jpg);
	min-width:1100px;
	}

.g_cat {background-color:#ffe500; color:#000000; margin:0px 5px; padding:0px 5px;}
.g_new {background-color:#e60012; color:#ffffff; margin:0px 5px; padding:0px 5px;}

/*  g_header.html
**********************************************************/
#g_header {
	background:url(../images/g_h_bk.png) repeat-x;
	background-size:cover;
	height:88px;
	width:100%;
	}
#g_header_inner {margin:0px auto; width:1000px;}
#g_header_inner .g_h_block {
	display:table-cell;
	height:88px;
	vertical-align:middle;
	width:333px;
	}
#g_header_inner .logo a {
	background:url(../images/g_h_logo_ntv.png) no-repeat;
	display:block;
	height:41px;
	position:relative;
	text-indent:-9999px;
	width:255px;
	}

#g_search_form {
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height:38px;
	overflow:hidden;
	position:relative;
	width:307px;
}
#g_search_form > div { vertical-align: middle; display: inline-block; }
#g_search_text {
	bottom: 0px;
	height: 1.1em;
	left: 5px;
	margin: auto 0px;
	overflow:hidden;
	position: absolute;
	top: 0px;
}
#g_search_text input[type='text'] {
	background-color: #ffffff;
	border: none;
	color:#000000;
	display:block;
	outline:0;
	width:250px;
}
#g_search_icon {
	bottom:0px;
	height:27px;
	margin:auto 0px;
	position:absolute;
	right:5px;
	top:0px;
}
#g_search_icon input[type='submit'] {
	background: url('../images/g_s_logo_navi.png') no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:27px;
	width:27px;
}

#g_header_inner .sw ul {
	font-size:80%;
	letter-spacing:3px;
	overflow:hidden;
	}
#g_header_inner .sw ul li {
	border:2px solid #ffffff;
	border-right:none;
	display:block;
	float:left;
	width:32%;
	}
#g_header_inner .sw ul li:last-of-type {border-right:2px solid #ffffff;}
#g_header_inner .sw ul li a {
	color:#ffffff;
	display:block;
	overflow:hidden;
	padding:7px 0px;
	text-align:center;
	text-decoration:none;
	transition: all 0.5s
	}
#g_header_inner .sw ul li a:hover {background-color:#ffffff; color:#e30b20;}

#g_menu {
	background-color:#ffffff;
	padding:10px 0px;
	position:relative;
	z-index:100;
	}
#g_menu_inner {
	clear:both;
	font-size:15px;
	letter-spacing:2px;
	margin:0px auto;
	width:1000px;
	}
#g_menu_inner:after { content:''; clear:both; display:table; }
#g_menu_inner .g_menu_list {float:left; position:relative;}
#g_menu_inner .g_menu_list > a {
	color:#333333;
	display:block;
	margin:0px 5px;
	padding:20px 0px;
	position:relative;
	text-align:center;
	text-decoration:none;
	transition: all 0.2s;
	width:190px;
	}
#g_menu_an.g_menu_list > a:before,
#g_menu_pc.g_menu_list > a:before {
	background: url('../images/g_m_arrow_bottom.png') no-repeat;
	bottom:8px;
	content:'';
	height:6px;
	left:0px;
	position:absolute;
	margin:0px auto;
	right:0px;
	transition: all 0.2s;
	width:10px;
	}
#g_menu_inner .g_menu_list > a:after {
	content: '';
	position: absolute;
	bottom: 0px;
	height: 2px;
	width: 100%;
	background-color: #000000;
	left: 0px;
	}
#g_menu_an.g_menu_list>a:after { background-color:#fe9e0b; }
#g_menu_pc.g_menu_list>a:after { background-color:#fee301; }
#g_menu_pr.g_menu_list>a:after { background-color:#22e089; }
#g_menu_ir.g_menu_list>a:after { background-color:#6fe4e8; }
#g_menu_ct.g_menu_list>a:after { background-color:#249ad8; }

#g_menu_an.g_menu_list:hover>a:before {background: url('../images/g_m_arrow_bottom_w.png') no-repeat;}
#g_menu_an.g_menu_list:hover>a {background-color:rgba(245,158,11,1.0);color:#ffffff;}
#g_menu_pc.g_menu_list:hover>a {background-color:rgba(254,229,21,1.0);color:#000000;}
#g_menu_pr.g_menu_list:hover>a {background-color:rgba(34,224,137,1.0);color:#ffffff;}
#g_menu_ir.g_menu_list:hover>a {background-color:rgba(111,228,232,1.0);color:#ffffff;}
#g_menu_ct.g_menu_list:hover>a {background-color:rgba(36,154,216,1.0);color:#ffffff;}
#g_menu_inner ul.g_submenu {
	left: 0px;
	opacity:0;
	margin:0px 5px 5px 5px;
	min-width:190px;
	position: absolute;
	transition: all 0.2s;
	visibility:hidden;
	white-space:nowrap;
	z-index:10;
	}

#g_menu_inner ul.g_submenu li a {
	border-bottom:1px solid #ffffff;
	display: block;
	padding: 20px 30px 20px 15px;
	position:relative;
	text-decoration: none;
	}
#g_menu_inner ul.g_submenu li a:after {
	bottom:0px;
	content:'';
	height:15px;
	left:0px;
	margin: auto 0 auto auto;
	position:absolute;
	right: 10px;
	top: 0px;
	width:8px;
	}
#g_menu_inner ul.g_submenu.an li a:after {background: url('../images/g_m_arrow_right_w.png') no-repeat;}
#g_menu_inner ul.g_submenu.pc li a:after {background: url('../images/g_m_arrow_right.png') no-repeat;}

#g_menu_inner li.g_menu_list ul.g_submenu li:last-of-type a {border-bottom:none;}
#g_menu_inner li.g_menu_list ul.g_submenu.an li a {background-color:rgba(245,158,11,1.0); color: #ffffff;}
#g_menu_inner li.g_menu_list ul.g_submenu.pc li a {background-color:rgba(254,229,21,1.0); color: #000000;}
#g_menu_inner li.g_menu_list:hover ul.g_submenu {opacity:1;visibility:visible;}

#g_menu_inner li.g_menu_list ul.g_submenu.an li a:hover {background-color:rgba(243,198,122,1.0);}
#g_menu_inner li.g_menu_list ul.g_submenu.pc li a:hover {background-color:rgba(255,238,100,1.0);}



/*  g_subheader.html
**********************************************************/
#g_crumblist {
	background-color:#e8f1f5;
	color:#333333;
	font-size:80%;
	width:100%;
	}
#g_crumblist_inner {
	box-sizing:border-box;
	margin:0px auto;
	padding:10px 5px;
	width:1000px;
	}
#g_crumblist_inner a {color:#333333; text-decoration:none; transition:all 0.2s;}
#g_crumblist_inner a:hover {opacity:0.5;}

#g_subheader {
	color:#ffffff;
	width:100%;
	}
#g_subheader_inner {
	box-sizing:border-box;
	font-size:20px;
	letter-spacing:3px;
	margin:0px auto;
	padding:20px 0px;
	text-align:center;
	width:1000px;
	}

body.g_an #g_subheader {background-color:#fe9e0b; color:#ffffff;}
body.g_pc #g_subheader {background-color:#fee301; color:#000000;}
body.g_pr #g_subheader {background-color:#22e089; color:#ffffff;}
body.g_search #g_subheader {background-color:#e30b20; color:#ffffff;}
body.g_news #g_subheader {background-color:#B570AD; color:#ffffff;}
body.g_ct #g_subheader {background-color:#249ad8; color:#ffffff;}

body.g_an #g_subheader_inner:before {content:'About Nippon TV';}
body.g_pc #g_subheader_inner:before {content:'Program Catalog';}
body.g_pr #g_subheader_inner:before {content:'Press Releases';}
body.g_search #g_subheader_inner:before {content:'Search';}
body.g_news #g_subheader_inner:before {content:'LinkedIn';}
body.g_ct #g_subheader_inner:before {content:'Contact';}


#g_main {margin:25px 0px; width:100%;}
#g_main a {transition:all 0.2s;}
#g_main a:hover {opacity:0.5;}
.g_main_inner {margin:0px auto;width:1000px;}


/*  g_banner.html
**********************************************************/
#g_banner {
	background-color:#e3e8ea;
	padding:25px 0px 25px 0px;
	text-align:center;
	width:100%;
	}
#g_banner_inner {margin:0px auto; line-height:0px; text-align:center; width:1000px;}
#g_banner_inner a {display:inline-block; padding:0px 15px 0px 0px;}
#g_banner_inner a:last-of-type {display:inline-block; padding:0px;}


/*  g_footer.html
**********************************************************/
#g_footer {
	background:url(../images/g_f_bk.png) no-repeat top right;
	background-color:#e60012;
	background-size:contain;
	padding:35px 0px 85px 0px;
	position:relative;
	width:100%;
	}
#g_footer .g_f_menu {
	display:table;
	margin:0px auto;
	width:1000px;
	}
#g_footer .g_f_menu .g_f_menu_list {
	color:#ffffff;
	display:table-cell;
	vertical-align:top;
	width:25%;
	}
#g_footer .g_f_menu .g_f_menu_list a.title {
	border:1px solid transparent;
	box-sizing:border-box;
	display:inline-block;
	color:#ffffff;
	padding:3px 20px 3px 5px;
	position:relative;
	text-decoration:none;
	}
#g_footer .g_f_menu .g_f_menu_list a.title:hover { border:1px solid #ffffff; }
#g_footer .g_f_menu .g_f_menu_list a.title.arrow:after{
	background:url(../images/g_pt_arrow_vs.png) no-repeat;
	bottom:0px;
	content:'';
	height:12px;
	margin:auto 0px;
	position:absolute;
	right:5px;
	top:0px;
	width:7px;
	}
#g_footer .g_f_menu .g_f_menu_list ul {font-size:14px;}
#g_footer .g_f_menu .g_f_menu_list ul a {color:#ffffff; text-decoration:none;}
#g_footer .g_f_menu .g_f_menu_list ul a:hover {text-decoration:underline;}
#g_footer .g_f_menu .g_f_menu_list ul li {list-style:disc inside;}

#g_footer #bt_contact {display:block; margin:10px 0px 20px 0px;}
#g_footer #bt_contact:hover {opacity:0.5;}

#g_footer .g_f_menu .g_f_menu_list ul#btn-sbm li {display:inline-block; list-style:none;}
#g_footer .fb_iframe_widget > span {vertical-align: baseline !important;}

#g_copyright {
	background-color:rgba(170,0,2,0.5);
	bottom:0px;
	color:#ffffff;
	font-size:80%;
	text-align:center;
	padding:10px 0px;
	position:absolute;
	width:100%;
	}

#g_pagetop {
	background:url(../images/g_pt_pagetop.png) no-repeat center center;
	bottom:30px;
	height:61px;
	position:fixed;
	right:30px;
	width:62px;
	}