@charset "utf-8";

/*=================================

	settings [ reset.css ]

================================ */


/* reset main tags
================================ */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse:collapse;
	/*border-spacing: 0;*/
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}


/*=================================

	Base common setting for PC

=================================*/
#page img {
	line-height: 1;
}
#page hr {
	display: none;
}
#page strong {
	font-weight: bold;
}

/* link setting */
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #9966CC;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}
a:active {
	color: #0066CC;
	text-decoration: none;
}
#page sub {
	vertical-align: bottom;
}
#page sup {
	vertical-align: top;
}
#page ins {
	text-decoration: none;
}
ol,
ul {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/*=================================

	Utility parts

=================================*/
/* Clear */
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

/* Margin-top */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important; 
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.lh12 {
	line-height: 1.2 !important;
}

.lh15 {
	line-height: 1.5 !important;
}

/* Margin-bottom */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important; 
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
/* Special Margin-bottom */
:root *> .spMb01 { /* It excludes IE */
	margin-bottom: 5px;
}
* html .spMb01 { /* for IE6 */
	margin-bottom: 10px;
}
*:first-child+html .spMb10 {
	margin-bottom: 10px;
}

/* text-align */
.aL {
	text-align: left !important;
}
.aC {
	text-align: center !important;
}
.aR {
	text-align: right !important;
}

/* vertical-align */
.vTop {
	vertical-align: text-top !important;
}
.vBottom {
	vertical-align: text-bottom !important;
}
.vMid {
	vertical-align: middle !important;
}
/* font-size */
.fs0 {
	font-size: 0 !important;
}
/*=================================

	Page Wrapper

================================ */
#page {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 83%;
	line-height: 1.5;
	color: #333333;
	text-align: center;
	background: url(/common/images3/bg-body.gif) repeat-x scroll 0 -22px;
	overflow:hidden;
	_height:100%;
}

/*=================================

	Header Area

================================ */
#headerArea #headerNavi01 {
	height: 36px;
	margin: 0;
	padding: 0;
}
#headerArea #headerNavi01 li {
	float: left;
}
#headerArea .headerLoginInfo .startPage a {
    /*background: rgba(0, 0, 0, 0) url("/library/common/images/header/com_ic10.gif") no-repeat scroll 0 50%;*/
    display: inline-block;
    padding: 11px 0 11px 15px;
}
#headerArea .headerLoginInfo p a, #headerArea .headerLoginInfo ul li a {
    color: #ffffff;
    font-size: 11px;
}
/* personalBox
-------------------------------- */
#personalBox {
	clear: both;
	overflow: hidden;
	zoom: 1;
	width: 637px;
	margin: 4px 0 0 0;
	padding: 0 10px;
	line-height: 1.2;
}
html*#personalBox {
	margin: 7px 0 0 0;
}
#personalBox p {
	margin-bottom: 0;
}
/* recommendBox */
#recommendBox {
	display: inline;
	font-size: 83%;
}

/* globalNavi
-------------------------------- */
.naviBlock01 {
	clear: both;
	background-color: #FFFFFF;
	/*width:961px;*/
}
.naviBlock02 { /* パンくずの調整 */
	clear: both;
	margin-top: 5px;
	padding: 0 0 0 5px;
	background-color: #FFFFFF;
	font-size: 83%;
}
#globalNavi {
	clear: both;
	height: 34px;
	margin-bottom: 0;
	padding-left: 0;
	background: url(/library/common/images/gNavi_bg01.gif) repeat-x 0 0;
	line-height: 1;
	font-size: 0;
}
#globalNavi li {
	float: left;
}

/* subNavi
-------------------------------- */
#subNavi {
	height: 33px;
	background: url(/library/common/images/sNavi_bg01.gif) repeat-x 0 0;
	line-height: 1;
	font-size: 0;
}
#subNavi li {
	float: left;
	border-right: 1px solid #cfcaaf;
}
#subNavi li a {
	display: block;
	padding: 7px 11px;
}
#subNavi li a img {
	padding: 0;
}
#subNavi .programList01 {
	padding: 4px 4px 4px 11px;
}
#subNavi .programList01 img {
	float: left;
	padding: 2px 0;
}
#subNavi .programList01 ul {
	float: left;
	overflow: hidden;
	zoom: 1;
}
#subNavi .programList01 ul li {
	margin-left: -1px;
	border-right: none;
	padding: 0;
	border-left: 1px solid #cfcaaf;
}
#subNavi .programList01 ul li a {
	display: block;
	padding: 3px 7px;
}
#subNavi .programList01 ul li a img {
	float: none;
	padding: 0;
}
/*=================================

	H1/subNavi Parts for /tv/

=================================*/

/* vod
-------------------------------- */
/* subNavi */
.vodNaviType {
	background: url(/library/files/tv/vod/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
.vodNaviType li a {
	padding:7px 9px !important;
}
/* H1 */
.vod .hdgType01 {
	background: url(/library/files/tv/vod/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #6871ee;
}
.vod .hdgType01 span {
	background: url(/library/files/tv/vod/images/com_bg02.gif) no-repeat 100% 100%;
}

/* movie
-------------------------------- */
/* subNavi */
.movieNaviType {
	background: url(/library/files/tv/movie/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
/* H1 */
.movie .hdgType01 {
	background: url(/library/files/tv/movie/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #1f92db;
}
.movie .hdgType01 span {
	background: url(/library/files/tv/movie/images/com_bg02.gif) no-repeat 100% 100%;
}
.movieHdgType {
	background: url(/library/files/tv/movie/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #72b2f6;
}
.movieHdgType span {
	background: url(/library/files/tv/movie/images/com_bg02.gif) no-repeat 100% 100%;
}
/* drama
-------------------------------- */
/* subNavi */
.dramaNaviType {
	background: url(/library/files/tv/drama/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
/* H1 */
.drama .hdgType01 {
	background: url(/library/files/tv/drama/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #e65056;
}
.drama .hdgType01 span {
	background: url(/library/files/tv/drama/images/com_bg02.gif) no-repeat 100% 100%;
}

/* sports
-------------------------------- */
/* subNavi */
.sportsNaviType {
	background: url(/library/files/tv/sports/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
/* H1 */
.sports .hdgType01 {
	background: url(/library/files/tv/sports/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #37bb2d;
}
.sports .hdgType01 span {
	background: url(/library/files/tv/sports/images/com_bg02.gif) no-repeat 100% 100%;
}

/* anime-kids
-------------------------------- */
/* subNavi */
.anime-kidsNaviType {
	background: url(/library/files/tv/anime-kids/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
/* H1 */
.anime-kids .hdgType01 {
	background: url(/library/files/tv/anime-kids/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #46b7e3;
}
.anime-kids .hdgType01 span {
	background: url(/library/files/tv/anime-kids/images/com_bg02.gif) no-repeat 100% 100%;
}

/* music
-------------------------------- */
/* subNavi */
.musicNaviType {
	background: url(/library/files/tv/music/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
/* H1 */
.music .hdgType01 {
	background: url(/library/files/tv/music/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #ed7a43;
}
.music .hdgType01 span {
	background: url(/library/files/tv/music/images/com_bg02.gif) no-repeat 100% 100%;
}

/* life
-------------------------------- */
/* subNavi */
.lifeNaviType {
	background: url(/library/files/tv/life/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
/* H1 */
.life .hdgType01 {
	background: url(/library/files/tv/life/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #acd373;
}
.life .hdgType01 span {
	background: url(/library/files/tv/life/images/com_bg02.gif) no-repeat 100% 100%;
}

/* entertainment
-------------------------------- */
/* subNavi */
.entertainmentNaviType {
	background: url(/library/files/tv/entertainment/images/sNavi_bg01.gif) repeat-x 0 0 !important;
}
/* H1 */
.entertainment .hdgType01 {
	background: url(/library/files/tv/entertainment/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #f5989d;
}
.entertainment .hdgType01 span {
	background: url(/library/files/tv/entertainment/images/com_bg02.gif) no-repeat 100% 100%;
}


/*=================================

	Contents Area

================================ */
#areaWrapper1 {
	/*width: 960px;*/
	width: 950px;
	margin: 0 auto;
	padding: 10px 5px 30px;
	background-color: #FFFFFF;
	text-align: left;
}

/* Main
-------------------------------- */
#areaWrapper2 {
}
#mainArea {
	float: left;
	width: 640px;
}
/*
#mainArea a:link {
	color: #0033CC;
	text-decoration: none;
}
#mainArea a:visited {
	color: #6D05A1;
	text-decoration: none;
}
#mainArea a:active {
	text-decoration: underline;
}
#mainArea a:hover {
	color: #F50109;
	text-decoration: underline;
}
*/
/*=================================

	Right Area

================================ */
#rightArea {
	float: right;
	width: 300px;
}
#rightArea .asideHdg01 {
	margin-bottom: 10px;
	line-height: 1;
	font-size: 0;
}
#rightArea .asideHdg02 {
	font-weight: bold;
	margin-bottom: 5px;
}

/* Link layout
-------------------------------- */
#rightArea .rightLink .iconLink01 {
	float: right;
	margin-bottom: 0;
}

/* Frame layout
-------------------------------- */
/* frameWrap01 */
#rightArea .frameWrap01 {
	margin-bottom: 10px;
	padding: 8px 5px 5px;
	border: 1px solid #cccccc;
	background-color: #ffffd7;
}
#rightArea .frameWrap01 .hdg01 {
	margin: 0 0 3px 7px;
}
/* frameWrap02 */
#rightArea .frameWrap02 {
	margin-bottom: 15px;
	padding: 7px 7px 7px 6px;
	background-color: #f2f2f2;
}
#rightArea .frameWrap02 .inner {
	padding: 0 10px 5px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	zoom: 1;
}
#rightArea .frameWrap02 .innerScroll {
	padding: 0 0 0 10px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	zoom: 1;
}
#rightArea .frameWrap02 .hdg01 {
	margin: 0 -10px 10px;
	overflow: hidden;
	line-height: 1;
	font-size: 0;
}
#rightArea .frameWrap02 .scrollBox {
	overflow-y: scroll;
	height: 180px;
	padding-top: 10px;
}
/* frameWrap03 */
#rightArea .frameWrap03 {
	position: relative;
	margin-bottom: 10px;
	padding: 9px;
	border: 1px solid #cccccc;
	background-color: #fff3dc;
}
#rightArea .frameWrap03 .hdg01 {
	margin: 0 0 10px 3px;
	line-height: 1;
}
#rightArea .frameWrap03 .hdg01 img {
	vertical-align: bottom;
}
#rightArea .frameWrap03 .detailSearchLink {
	position: absolute;
	top: 5px;
	right: 10px;
	margin: 0;
}
#rightArea .frameWrap03 input {
	vertical-align: middle;
}
#rightArea .frameWrap03 .vodSearch {
	width: 197px;
	margin-right: 4px;
	padding: 3px;
	border: 1px solid #adadad;
}
#rightArea .frameWrap03 .resultList li {
	float: left;
	line-height: 1.1;
	margin-bottom: 5px;
	margin-right:10px;
}
#rightArea .frameWrap03 .resultList li input {
	vertical-align: middle;
}

/* Box layout
-------------------------------- */
/* normalBox */
#rightArea .normalBox01 {
	margin-bottom: 10px;
}
#rightArea .normalBox01 img {
	vertical-align: bottom;
}
#rightArea .normalBox02 {
	margin-bottom: 5px;
}
#rightArea .normalBox03 {
	clear: both;
	margin-bottom: 20px;
	padding: 0 0 10px;
	background: url(/library/common/images/aside_bg01.gif) no-repeat 0 100%;
}
#rightArea .normalBox03 h2 {
	line-height: 1;
	font-size: 0;
}
#rightArea .normalBox03 .rightLink {
	padding: 0 8px 0 0;
}
#rightArea .normalBox03 .inner {
	padding: 0 9px;
	border-right: 1px solid #d7f7fe;
	border-left: 1px solid #d7f7fe;
}

/* selectBox01 */
#rightArea .selectBox01 {
	padding: 10px 10px 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
#rightArea .selectBox01 li {
	float: left;
	line-height: 1.1;
	margin-bottom: 5px;
	margin-right:10px;
}
#rightArea .selectBox01 li input {
	vertical-align: middle;
}

/* nhkBtBlock */
#rightArea .nhkBtBlock {
	margin-bottom: 15px;
	border: 1px solid #cccccc;
}
#rightArea .nhkBtBlock p {
	text-align: center;
}
#rightArea .nhkBtBlock img {
	vertical-align: bottom;
}
#rightArea .nhkBtBlock .nhkBtList {
    padding-bottom: 5px;
	padding-left: 12px;
}
#rightArea .nhkBtBlock .nhkBtList li {
	margin-right: 10px;
}

/* Column layout
-------------------------------- */
#rightArea .column01 {
	clear: both;
	overflow: hidden;
	width: 315px;
	margin: 0 -15px 0 0;
}
#rightArea .column01 .col {
	float: left;
	width: 90px;
	margin: 0 15px 10px 0;
}
#rightArea .column01 p {
	margin-bottom: 0;
}

/* figureContainer
-------------------------------- */
/* #rightArea > .figureContainer */
#rightArea .figureContainer {
	margin-bottom: 5px;
}
*:first-child+html #rightArea .figureContainer { /* for IE7 */
	margin-bottom: 10px;
}
* html #rightArea .figureContainer { /* for IE6 */
	margin-bottom: 10px;
}
#rightArea .figureContainer p {
	margin-bottom: 5px;
}
#rightArea .figureContainer .figureLeft {
	float: left;
	margin: 0 13px 5px 0;
	line-height: 1;
}
#rightArea .figureContainer .figureSmallType {
	width: 80px;
}
#rightArea .figureContainer .figureRight {
	float: right;
	margin: 0 0 5px 13px;
	line-height: 1;
}
#rightArea .figureContainer .figureHdg01 {
	margin-bottom: 5px;
	font-weight: bold;
}
/* lineType01 */
#rightArea .lineType01 {
	overflow: hidden;
	zoom: 1;
	margin-top: -6px;
}
/* lineType01 > .asideHdg02 */
#rightArea .lineType01 .asideHdg02 {
	margin: -1px 0 0 0;
	padding: 6px 0 0 0;
	background: url(/library/common/images/com_hr03.gif) repeat-x 0 0;
}
#rightArea .lineType01 .rightLink {
	margin-bottom: 6px;
}

/* List layout
-------------------------------- */
/* .rankList01 */
#rightArea .rankList01 dt {
	float: left;
	width: 45px;
	height: 15px;
	font-size: 0;
	line-height: 1;
	margin-bottom: 5px;
}
#rightArea .rankList01 dd {
	min-height: 15px;
	height: auto !important;
	height: 15px;
	zoom: 1;
	line-height: 1.2;
	margin-bottom: 5px;
}
/* #rightArea > .newsList01 */
#rightArea .newsList01 {
	margin-bottom: 0;
}
#rightArea .newsList01 dt {
	margin-right: 10px;
}
#rightArea .newsList01 dd {
	margin-bottom: 3px;
}

/* .asideIconList01 */
#rightArea .asideIconList01 {
	clear: both;
	width: 256px;
	margin: 5px 0 2px 10px;
	line-height: 1;
	font-size: 0;
}
#rightArea .asideIconList01 li {
	float: left;
	width: 128px;
	padding-bottom: 6px;
}

/* .bannerList01 */
#rightArea .bannerList01 li {
	margin-bottom: 10px;
}
#rightArea .bannerList01 img {
	vertical-align: bottom;
}

/* .bannerList02 */
#rightArea .bannerList02 {
	clear: both;
	margin-bottom: 10px;
	border: #dddddd 1px solid;
}
#rightArea .bannerList02 img {
	vertical-align: bottom;
}
#rightArea .bannerList02 .inner {
	padding: 0 9px;
}


/*=================================

	Footer Area

================================ */
#footerArea {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left;
	overflow:hidden;
	position:relative;
}

/* Footer List
-------------------------------- */
#footerListWrap {
	padding: 5px 0;
}
#footerList01 {
	float: right;
	margin: 0 0 0 20px;
}
#footerList01 li {
	float: left;
	margin: 0 10px 0 20px;
	padding: 0 0 0 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
}
#footerList02 {
	float: left;
	margin: 0 0 0 20px;
}
#footerList02 li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
	font-weight: bold;
}

/* Footer Navi
-------------------------------- */
#footerNavi {
	clear: both;
	padding: 20px 20px 0;
	border-top: 1px solid #cccccc;
	background: url(/library/common/images/footer_bg01.gif) repeat-x 0 0;
}
#footerNavi .col01,
#footerNavi .col02,
#footerNavi .col03 {
	float: left;
	width: 210px;
	margin-right: 10px;
}
#footerNavi .col03 {
	float: left;
	width: 230px;
	margin-right: 10px;
}
#footerNavi .col04 {
	float: left;
	width: 230px;
	margin-top: 20px;
}
#footerNavi li {
	margin-bottom: 5px;
}
#footerNavi li.separateType {
	margin-bottom: 10px;
}
* html #footerNavi li { /* for IE6 */
	height: 1%;
}
#footerNavi li em {
	display: block;
	padding: 0 0 0 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
	font-weight: bold;
}
#footerNavi li ul {
	margin: 0 0 0 10px;
	font-size: 75%;
}
#footerNavi .floatType li {
	float: left;
	width: 50%;
}
#footerNavi li img {
	position: relative;
	margin: 0 0 0 5px;
	top: 0.1em;
}
#footerNavi li li img {
	top: 0.2em;
}
#footerNavi .blankList li {
	position: relative;
}
#footerNavi .blankList li img {
	position: absolute;
	top: 0.3em;
}

/* Footer Copyright
-------------------------------- */
#footerBottom {
	clear: both;
	position: relative;
	margin-top: 15px;
	border-top: 1px solid #ff4d00;
	padding: 10px 0 60px 0;
	line-height: 1;
}
#footerBottom #footerSiteId {
	position: absolute;
	top: 10px;
	right: 8px;
}

/* Footer Banner
-------------------------------- */
#footerBanner {
	position: absolute;
	width: 200px;
	margin-top: -60px;
	padding-left: 20px;
}
#footerBanner .figureContainer {
	margin: 0;
}
#footerBanner .figureContainer .figureLeft {
	margin: 0 10px 0 0;
	font-size: 0;
	vertical-align: bottom;
}
#footerBanner .figureContainer .noFloat {
	line-height: 1.5;
}

/*=================================

	Other

================================ */

/* for mobile
================================ */
.mbBr {
	display: none;
}

/* clearfix
================================ */
#headerArea #headerNavi01:after,
#searchbox .searchType:after,
#searchbox #keywordList ul:after,
#areaBox:after,
#globalNavi:after,
#subNavi:after,
#areaWrapper1:after,
#rightArea .rightLink:after,
#rightArea .column01:after,
#rightArea .rankList01:after,
#rightArea .asideIconList01:after,
#rightArea .frameWrap03 .resultList:after,
#footerListWrap:after,
#footerList01:after,
#footerNavi:after,
#rightArea .selectBox01:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

#headerArea #headerNavi01,
#searchbox .searchType,
#searchbox #keywordList ul,
#areaBox,
#globalNavi,
#subNavi,
#areaWrapper1,
#rightArea .rightLink,
#rightArea .column01,
#rightArea .rankList01,
#rightArea .asideIconList01,
#rightArea .frameWrap03 .resultList,
#footerListWrap,
#footerList01,
#footerNavi,
#rightArea .selectBox01 {
	display:block;	/* for safari firefox3 対象ブラウザにsafari が含まれていれば */
	zoom:1;
}

/* for IE7 */
*:first-child+html #headerArea #headerNavi01,
*:first-child+html #searchbox .searchType,
*:first-child+html #searchbox #keywordList ul,
*:first-child+html #areaBox,
*:first-child+html DUMMY,
*:first-child+html #globalNavi,
*:first-child+html #subNavi,
*:first-child+html #areaWrapper1,
*:first-child+html #rightArea .rightLink,
*:first-child+html #rightArea .column01,
*:first-child+html #rightArea .rankList01,
*:first-child+html #rightArea .asideIconList01,
*:first-child+html #rightArea .frameWrap03 .resultList,
*:first-child+html #footerListWrap,
*:first-child+html #footerList01,
*:first-child+html #footerNavi,
*:first-child+html #rightArea .selectBox01 {
	display:inline-table;
}

/*=================================

	Contents common setting

=================================*/
p {
	margin: 0 0 10px 0;
}

/*=================================

	Title layout

=================================*/
/* hdgType01 */
.hdgType01 {
	clear: both;
	margin-bottom: 15px;
	padding: 2px 2px 0;
	background: url(/library/common/images/com_bg02.gif) no-repeat 0 0;
	border-bottom: 3px solid #ff8811;
	font-size: 150%;
	font-weight: bold;
}
.hdgType01 span {
	display: block;
	padding: 10px 28px 7px;
	background: url(/library/common/images/com_bg03.gif) no-repeat 100% 100%;
}
.hdgType01 span span {
	display: inline;
	padding: 0;
	background: none;
}

/*=================================

	H1 Parts for /tv/

=================================*/

/* vod
-------------------------------- */
/* H1 */
.vodHdgType {
	background: url(/library/files/tv/vod/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #6871ee;
}
.vodHdgType span {
	background: url(/library/files/tv/vod/images/com_bg02.gif) no-repeat 100% 100%;
}

/* movie
-------------------------------- */
/* H1 */
.movieHdgType {
	background: url(/library/files/tv/movie/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #1f92db;
}
.movieHdgType span {
	background: url(/library/files/tv/movie/images/com_bg02.gif) no-repeat 100% 100%;
}

/* drama
-------------------------------- */
/* H1 */
.dramaHdgType {
	background: url(/library/files/tv/drama/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #e65056;
}
.dramaHdgType span {
	background: url(/library/files/tv/drama/images/com_bg02.gif) no-repeat 100% 100%;
}

/* sports
-------------------------------- */
/* H1 */
.sportsHdgType {
	background: url(/library/files/tv/sports/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #37bb2d;
}
.sportsHdgType span {
	background: url(/library/files/tv/sports/images/com_bg02.gif) no-repeat 100% 100%;
}

/* anime-kids
-------------------------------- */
/* H1 */
.anime-kidsHdgType {
	background: url(/library/files/tv/anime-kids/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #46b7e3;
}
.anime-kidsHdgType span {
	background: url(/library/files/tv/anime-kids/images/com_bg02.gif) no-repeat 100% 100%;
}

/* music
-------------------------------- */
/* H1 */
.musicHdgType {
	background: url(/library/files/tv/music/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #ed7a43;
}
.musicHdgType span {
	background: url(/library/files/tv/music/images/com_bg02.gif) no-repeat 100% 100%;
}

/* life
-------------------------------- */
/* H1 */
.lifeHdgType {
	background: url(/library/files/tv/life/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #acd373;
}
.lifeHdgType span {
	background: url(/library/files/tv/life/images/com_bg02.gif) no-repeat 100% 100%;
}

/* entertainment
-------------------------------- */
/* H1 */
.entertainmentHdgType {
	background: url(/library/files/tv/entertainment/images/com_bg01.gif) no-repeat 0 0;
	border-bottom: 3px solid #f5989d;
}
.entertainmentHdgType span {
	background: url(/library/files/tv/entertainment/images/com_bg02.gif) no-repeat 100% 100%;
}
/* hdgType02 */
.hdgType02 {
	clear: both;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	font-weight: bold;
}
.hdgType02 span {
	display: block;
	padding: 5px 15px 5px;
	background: #fffff8 url(/library/common/images/com_bg04.gif) no-repeat 0 0;
	border-bottom: 1px solid #f48418;
}
/* hdgType03 */
.hdgType03 {
	margin-bottom: 10px;
	padding: 5px 15px 5px;
	background: #fffff8 url(/library/common/images/com_bg05.gif) no-repeat 2px 0.6em;
	border-bottom: 1px solid #f48418;
	font-weight: bold;
}
.hdgType03-2 {
	margin-bottom: 10px;
	padding: 5px 15px 5px;
	background: #fffff8 url(/library/common/images/com_bg05.gif) no-repeat 2px 0.6em;
	border-bottom: 1px solid #f48418;
	font-weight: bold;
	clear: both;
}
.hdgType03-2 span.leftTxt {
	float: left;
	display:block;
	font-weight: bold;
	margin-bottom:5px 0;
}
.hdgType03-2 span.rightTxt {
	float: right;
	display:block;
	font-weight: bold;
	margin-bottom:5px 0;
}
.richlink {
	border: 2px solid #D4D4D4;
        padding: 5px;
        margin-bottom: 20px;
}
.richlink h3 {
    background: url("/library/common/images/com_hr02.gif") repeat-x scroll 0 100% transparent;
    color: #666666;
    font-size: 100%;
    font-weight: bold;
    margin: 0 8px;
    line-height: 1.8em;
}
.richlink h3 a{
    padding: 4px 0 3px 5px;
    padding-left:5px;
	margin-left:10px;
	color:#ffffff;
	font-weight:normal;
}
div.richlink a {
    font-size: small;
    line-height: 1.6em;
    margin-left: 10px;
    white-space: nowrap;
}
/* hdgType04 */
.hdgType04 {
	margin-bottom: 10px;
	background: url(/library/common/images/com_bg07.gif) repeat-x 0 100%;
	font-weight: bold;
	color: #666666;
}
.hdgType04 span {
	display: block;
	padding: 3px 15px;
	background: url(/library/common/images/com_bg06.gif) no-repeat 2px 0.4em;
}
/* hdgType05 */
.hdgType05 {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/library/common/images/com_bg08.gif) no-repeat 0 0.6em;
	font-weight: bold;
	color: #666666;
}
/* hdgType06 */
.hdgType06 {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/library/common/images/com_bg09.gif) no-repeat 0 0.6em;
	color: #666666;
}
/* hdgTypeImg */
.hdgTypeImg01 {
	clear: both;
	margin-bottom: 15px;
}
.hdgTypeImg02 {
	clear: both;
	margin-bottom: 10px;
}


/* Program Title
-------------------------------- */
/* programTitle01 */
.programTitle01 {
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.2;
}
.hdg {
	font-weight: bold;
}

/* Add
-------------------------------- */
/* addLink01 */
.addLink01 {
	position: relative;
}
* html .addLink01,
* html .addLink01 span { /* for IE6 */
	zoom: 1;
}
.addLink01 .hdgType02 span,
.addLink01 .hdgType03 {
	padding-right: 5em;
}
.addLink01 .rightLink {
	position: absolute;
	top: 5px;
	right: 13px;
	padding: 0 0 0 10px;
	margin: 0;
	background: url(/library/common/images/com_ic01.gif) no-repeat 0 50%;
}
/* addRss */
.addRss {
	position: relative;
	z-index: 20;
}
.addRss .rssIcon01 {
	position: absolute;
	top: 15px;
	right: 12px;
}
.addRss .rssIcon02 {
	position: absolute;
	top: 4px;
	right: 7px;
}
.addRss .hdgType01 span,
.addRss .hdgType02 span {
	padding-right: 70px;
}

/*=================================

	Text layout

=================================*/
/* Lead */
.txLead01 {
	font-weight: bold;
	font-size: 115%;
}
.txLead02 span {
	display: block;
	margin-left: 90px;
	font-weight: bold;
	font-size: 115%;
}
/* Copyright */
.copyright01 {
	margin-bottom: 5px;
	font-size: 83%;
	color: #666666;
}
/* font size */
.txSmall {
	font-size: 83% !important;
}
.txLarge {
	font-size: 115% !important;
}
.txExLarge {
	font-size: 130% !important;
}
.txExExLarge {
	font-size: 145% !important;
}
/* strong  */
.txStrong01 {
	font-weight: bold;
}
.txStrong02 {
	font-weight: bold;
	font-size: 115%;
}
.txStrong03 {
	font-weight: bold;
	color: #e6261a;
}
.txStrong04 {
	font-weight: bold;
	color: #1a2de6;
}
.txStrong05 {
	font-weight: bold;
	font-size: 130%;
	color: #e6261a;
}
.txStrong06 {
	font-weight: bold;
	color: #666666;
}
.txStrong07 {
	font-weight: bold;
	color: #3A8C00;
}
/* color  */
.txRed {
	color: #e6261a;
}
.txBlue {
	color: #1a2de6;
}
/* weight  */
.txNormal01 {
	font-weight: normal !important;
}
/* caption */
.caption01 {
	margin: 5px 0 0 0;
	font-size: 83%;
}
/* note */
.note01 {
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 83%;
}
.note02 {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

/*=================================

	Link layout

=================================*/
/* icon link
-------------------------------- */
/* iconLink01 */
.iconLink01 {
	padding-left: 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
}

.aR .iconLink01 {
	float: right;
}

/* iconLink02 */
.iconLink02 {
	padding-left: 10px;
	background: url(/library/common/images/com_ic07.gif) no-repeat 0 0.5em;
}
/* iconLink03 */
.iconLink03 {
	padding-left: 20px;
	background: url(/library/common/images/com_ic12.gif) no-repeat 0 0.2em;
	font-weight: bold;
}
/* Add icon */
.iconLink01 img,
.normalList01 img,
.iconList01 img {
	position: relative;
	margin: 0 5px;
	top: 0.1em;
}

/* other link
-------------------------------- */
.mailLink01 {
	padding-left: 18px;
	background: url(/library/common/images/com_ic06.gif) no-repeat 0 0.35em;
}
.adLink01 {
	padding-left: 37px;
	background: url(/library/common/images/com_ic56.gif) no-repeat 0 0.1em;
}
.tailIcon01 {
	position: relative;
	margin: 0 5px;
	top: 0.1em;
}
.headIcon01 {
	position: relative;
	margin-right: 10px;
	top: 0.2em;
}
.headIcon02 {
	float: left;
	position: relative;
	margin-right: 10px;
	top: 0.2em;
}

/*=================================

	List layout

=================================*/
/* Normal List
-------------------------------- */
/* normalList01 */
.normalList01 {
	margin: 0 0 5px 0;
}
.normalList01 li {
	padding: 0 0 5px 12px;
	background: url(/library/common/images/com_ic10.gif) no-repeat 0 0.5em;
}
/* childList01 */
.childList01 {
	margin: 3px 0 0 10px;
}
.childList01 li {
	padding: 0 0 3px 6px;
	background: url(/library/common/images/com_ic11.gif) no-repeat 0 0.6em;
}

/* Number List
-------------------------------- */
/* numberList01 */
.numberList01 {
	margin-bottom: 5px;
}
.numberList01 li {
	padding: 0 0 5px 1.2em;
	text-indent: -1.2em;
}
.numberList01 .twoDigits {
	padding: 0 0 5px 2.0em;
	text-indent: -2.0em;
}
.numberList01 .num {
	margin-right: 5px;
	font-weight: bold;
}

/* numberList02 */
.numberList02 {
	margin-bottom: 5px;
	list-style: decimal;
}
.numberList02 li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
}
* html .numberList02 li {
	margin: 0 0 0 26px;
}
*:first-child+html .numberList02 li {
	margin: 0 0 0 26px;
}

/* Note List
-------------------------------- */
/* noteList01 */
.noteList01 {
	margin-bottom: 10px;
}
.noteList01 li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 83%;
}
/* noteList02 */
.noteList02 {
	margin-bottom: 10px;
}
.noteList02 li {
	padding-left: 1.9em;
	text-indent: -1.9em;
	font-size: 83%;
}
.noteList02 .twoDigits {
	padding-left: 2.4em;
	text-indent: -2.4em;
}

/* Icon List
-------------------------------- */
/* iconList01 */
.iconList01 {
	margin: 0 0 5px 0;
}
.iconList01 li {
	padding: 0 0 5px 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
}
/* iconList02 */
.iconList02 {
	margin: 0 0 10px 0;
}
.iconList02 li {
	float: left;
	margin-right: 5px;
	line-height: 1;
}
/* iconList03 */
.iconList03 {
	margin: 0;
}
.iconList03 li {
	float: left;
	margin-right: 3px;
	line-height: 1;
}
/* iconList04 */
.iconList04 {
	line-height: 1;
	font-size: 0;
	text-align: center;
}
.iconList04 li {
	display: inline;
	padding: 0 5px;
}
/* iconList05 */
.iconList05 {
	margin: 0 0 5px 0;
}
.iconList05 li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 5px 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
	white-space: nowrap;
}

/* Image List
-------------------------------- */
.imgList01 li {
	margin-bottom: 5px;
}
.imgList01 img {
	vertical-align: bottom;
}

/* Button List
-------------------------------- */
/* btnList01 */
.btnList01 {
	text-align: center;
}
.btnList01 li {
	display: inline;
	padding: 0 15px;
}
/* iconList02 */
.btnList02 {
	text-align: center;
	margin-left: 7px;
}
.btnList02 li {
	display: inline-block;
	padding: 0 20px 0 7px;
}
html*.btnList02 li { /* for IE6,7 */
	zoom: 1;
	display: inline;
}
.btnList02 .arrowLeft {
	background: url(/library/common/images/com_bg11.gif) no-repeat 100% 8px;
}
/* btnList03 */
.btnList03 {
	clear: both;
}
.btnList03 li {
	float: left;
	margin-right: 10px;
}
/* btnList04 */
.btnList04 {
	text-align: center;
	margin-left: 3px;
}
.btnList04 li {
	display: inline-block;
	padding: 0 18px 0 2px;
}
html*.btnList04 li { /* for IE6,7 */
	zoom: 1;
	display: inline;
}
.btnList04 .arrowLeft {
	background: url(/library/common/images/com_bg11.gif) no-repeat 100% 8px;
}

/* Definition List
-------------------------------- */
/* defineList01 */
.defineList01 dt {
	margin-bottom: 5px;
	padding: 0 0 0 12px;
	background: url(/library/common/images/com_ic10.gif) no-repeat 0 0.5em;
	font-weight: bold;
}
.defineList01 dd {
	margin: 0 0 10px 12px;
}
/* defineList02 */
.defineList02 {
	clear: both;
}
.defineList02 dt {
	clear: left;
	float: left;
	margin: 0;
}
.defineList02 dd {
	zoom: 1;
	overflow: hidden;
}
/* defineList03 */
.defineList03 dt {
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-weight: bold;
}
.defineList03 dd {
	margin: 0 0 10px 1.3em;
}
/* defineList04 */
.defineList04 {
	margin-bottom: 10px;
}
.defineList04 dt {
	clear: both;
	float: left;
	margin-right: 5px;
}
.defineList04 dd {
	overflow: hidden;
	zoom: 1;
}
/* channelList01 */
.channelList01 {
	margin-bottom: 5px;
}
.channelList01 li {
	float: left;
	margin: 0 25px 5px 0;
	white-space: nowrap;
}
.channelList01 li img {
	margin-right: 5px;
	vertical-align: middle;
}

/* QandA List
-------------------------------- */
.qaList01 dt,
.qaList01 dd {
	position: relative;
	padding: 5px 0 0 40px;
	min-height: 30px;
}
* html .qaList01 dt,
* html .qaList01 dd { /* for IE6 */
	height: 30px;
}
.qaIcon {
	position: absolute;
	top: 0;
	left: 0;
}
.qaList01 dd {
	margin-bottom: 10px;
}
* html .qaIcon { /* for IE6 */
}

/* Flow List
-------------------------------- */
.flowFrame {
	width: 480px;
	padding: 10px;
	margin: 0 auto 10px;
	border: 3px solid #cccccc;
	text-align: center;
}
.flowList {
	padding-bottom: 5px;
	text-align: left;
}
.flowList li {
	margin-bottom: 5px
}
.flowList li .arrow {
	margin-top: 5px;
	text-align: center;
}

/* Anchor Link
-------------------------------- */
/* anchorLink01 */
.anchorLink01 {
	clear: both;
	margin-bottom: 10px;
	padding: 7px 10px;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
}
.anchorLink01 li {
	float: left;
	margin-right: 15px;
}
.anchorLink01 li a {
	padding: 3px 0 3px 11px;
	background: url(/library/common/images/com_ic02.gif) no-repeat 0 50%;
	white-space: nowrap;
zoom: 1;
}

/* News List
-------------------------------- */
/* newsList** */
.newsList01 {
	margin-bottom: 10px;
}
.newsList01 dt {
	clear: left;
	float: left;
	margin: 0 20px 0 0;
}
.newsList01 dd {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 8px;
}
.iconType dt {
	margin-right: 10px;
}
.iconType dt img {
	margin-left: 10px;
	vertical-align: middle;
}
.iconType dt span img {
	margin-left: 5px;
}
/* newsList** */
.newsList02 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 10px 0;
}
.newsList02 li {
	margin-top: -1px;
	padding: 7px 0;
	background: url(/library/common/images/com_hr03.gif) repeat-x 0 0;
}
.newsList02 li a {
	display: block;
	padding: 0 0 0 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
}
/* newsList** */
.newsList03 {
	margin-bottom: 10px;
}
.newsList03 li {
	position: relative;
	padding-left: 46px;
}
.newsList03 .flontIcon {
	position: absolute;
	top: 0.2em;
	left: 0;
}

/* Banner List
-------------------------------- */
.bottomBannerList01 {
	clear: both;
	overflow: hidden;
	width: 660px;
	margin: 0px -20px 0 0;
}
.bottomBannerList01 img {
	vertical-align: bottom;
}
.bottomBannerList01 li {
	float: left;
	width: 310px;
	margin: 0 20px 0 0;
	padding-bottom: 10px;
}

/*=================================

	Navi layout

=================================*/
/* naviLink01 */
.naviLink01 {
	clear: both;
	margin-bottom: 10px;
	padding: 7px 10px 0;
	border: 1px solid #dddddd;
}
.naviLink01 p {
	float: left;
	margin: 0 20px 0 0;
	line-height: 1.1;
	font-weight: bold;
}
.naviLink01 ul {
	overflow: hidden;
	zoom: 1;
}
.naviLink01 li {
	float: left;
	margin: 0 20px 0 -11px;
	padding-bottom: 7px;
	white-space: nowrap;
	line-height: 1.1;
}
.naviLink01 li a {
	padding-left: 10px;
	border-left: 1px solid #333333;
}
.naviLink01 li em {
	padding-left: 10px;
	border-left: 1px solid #333333;
	font-weight: bold;
}

/* naviLink02 */
.naviLink02 {
	clear: both;
	margin-bottom: 10px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
.naviLink02 th,
.naviLink02 td {
	padding: 7px 10px 0;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
}
.naviLink02 th {
	width: 1%;
	background-color: #f3f3f3;
	white-space: nowrap;
}
.naviLink02 ul {
	overflow: hidden;
	zoom: 1;
}
.naviLink02 li {
	float: left;
	margin: 0 20px 0 -11px;
	padding-bottom: 7px;
	white-space: nowrap;
	line-height: 1.1;
}
.naviLink02 li a {
	padding-left: 10px;
	border-left: 1px solid #333333;
}
.naviLink02 li em {
	padding-left: 10px;
	border-left: 1px solid #333333;
	font-weight: bold;
}
/* naviLink03 */
.naviLink03 {
	clear: both;
	margin-bottom: 10px;
	background: url(/library/common/images/com_bg16.gif) no-repeat 0 0;
}
.naviLink03 li {
	float: left;
}
/* naviLink04 */
.naviLink04 {
	clear: both;
	margin-bottom: 10px;
	padding: 10px 10px 8px 10px;
	border: #cccccc 3px solid;
}
.naviLink04 li {
	float: left;
	margin: 0 5px 2px 0;
	white-space: nowrap;
}
.naviLink04 li a {
	padding: 2px 7px;
}
.naviLink04 li.current a,
.naviLink04 li em {
	background-color: #e6f0fc;
	font-weight: bold;
	color: #0066cb;
}
/* naviLink05 */
.naviLink05 {
	clear: both;
	margin-bottom: 10px;
	padding: 7px 5px 0;
	border: 1px solid #dddddd;
	background-color: #efefef;
	border-bottom: 1px solid #ccc;
}
.naviLink05 ul {
	overflow: hidden;
	zoom: 1;
}
.naviLink05 li {
	float: left;
	margin: 0 14px 0 -7px;
	padding-bottom: 7px;
	white-space: nowrap;
	line-height: 1.1;
}
.naviLink05 li a,
.naviLink05 li .noLink {
	padding-left: 6px;
	border-left: 1px solid #cccccc;
}
.naviLink05 li.current a {
	font-weight: bold;
	color: #333333 !important;
	text-decoration: none !important;
}

/*.stepNavi01 */
.stepNavi01 {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.stepNavi01 ul {
	position: relative;
	left: 50%;
	float: left;
}
.stepNavi01 li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 4px;
}
.stepNavi01 li a {
	display: block;
	padding: 2px 7px;
	border: 1px solid #e0e0e0;
	background-color: #f2f2f2;
}
.stepNavi01 li em {
	display: block;
	padding: 2px 7px;
	border: 1px solid #e0e0e0;
	background-color: #ff6f00;
	font-weight: bold;
	color: #FFFFFF;
}
.stepNavi01 .pref {
	padding-right: 8px;
}
.stepNavi01 .next {
	padding-left: 8px;
}
.stepNavi01 .stepNumber {
	clear: both;
	margin: 0;
	padding: 2px 0 0;
	text-align: center;
}
.stepNavi01 .stepNumber em {
	font-weight: bold;
}
/*underVer */
.underVer01 {
	padding-bottom: 20px;
}
/*=================================

	Column layout

=================================*/

/* Utility Column
-------------------------------- */
.utilColumn {
	clear: both;
}
.utilColumn .leftCol {
	float: left;
}
.utilColumn .rightCol {
	float: right;
}
.dataBox {
	min-height: 50px;
}
* html .dataBox { /* for IE6 */
	height: 50px;
}

/* twoColumn
-------------------------------- */
/* twoColumn01 */
.twoColumn01 {
	clear: both;
	overflow: hidden;
	width: 660px;
	margin: 0px -20px 0 0;
}
.twoColumn01 .col {
	float: left;
	width: 310px;
	margin-right: 20px;
}
* html .twoColumn01 table td .col {
	display: inline;
}

*:first-child+html .twoColumn01 .col>a img {
	margin-bottom: 10px;
}
.dataBox .companyLogo a {
	display: block;
	height: 65px;
}
/* threeColumn
-------------------------------- */
/* threeColumn01 */
.threeColumn01 {
	clear: both;
	overflow: hidden;
	width: 654px;
	margin: 0 -14px 10px 0;
}

.threeColumn01 .col {
	float: left;
	width: 204px;
	margin-right: 14px;
}
.threeColumn01 .dataBox {
	position: relative;
	margin: 5px 0;
	padding: 0 80px 10px 0;
}
.threeColumn01 .dataBox .companyLogo {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
* html .threeColumn01 .dataBox { /* for IE6 */
	height: 1px;
	margin-bottom: 10px;
}

/* fourColumn
-------------------------------- */
/* fourColumn01 */
.fourColumn01 {
	clear: both;
	overflow: hidden;
	width: 656px;
	margin: 0 -16px 0 0;
}
* html .fourColumn01 {
	margin-bottom: 10px;
}
.fourColumn01 .col {
	float: left;
	width: 148px;
	margin-right: 16px;
	margin-bottom: 10px;
}
.fourColumn01 .dataBox {
	position: relative;
	margin: 5px 0;
	padding: 0 80px 0 0;
}
.fourColumn01 .dataBox .companyLogo {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}
.fourColumn01 .adjustCol .dataBox .companyLogo {
	top: 0;
}

* html .fourColumn01 .dataBox { /* for IE6 */
	height: 1px;
	margin-bottom: 10px;
}

.fourDataColumn .dataBox {
	position: relative;
	margin: 5px 0;
	padding: 0 80px 0 0;
}
.fourDataColumn .dataBox .companyLogo {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
} 
.fourDataColumn .dataBox .companyLogo a {
	display: block;
} 

/* figureContainer
-------------------------------- */
.figureContainer {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
.figureContainer .figureLeft {
	float: left;
	margin: 0 20px 10px 0;
}
.figureContainer .figureRight {
	float: right;
	margin: 0 0 10px 20px;
}
.figureContainer .hdg {
	margin-bottom: 5px;
	font-size: 115%;
}
/* noFloat */
.figureContainer .noFloat {
	zoom: 1;
	overflow: hidden;
}

/* figure size */
.figureContainer .figureLarge {
	width: 390px;
	text-align:center;
}
.figureContainer .figureMiddle {
	width: 310px;
	text-align:center;
}
.figureContainer .figureMiddle02 {
	width: 240px;
	text-align:center;
}
.figureContainer .figureSmall {
	width: 204px;
	text-align:center;
}
.figureContainer .figureMin {
	width: 148px;
	text-align:center;
}
/* .figureContainer > .figureContainer */
.figureContainer .figureContainer .figureLeft {
	margin-right: 10px;
}

/* Pick UP Container
-------------------------------- */


.pickupContainer01 {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(/library/common/images/com_bg07.gif) repeat-x 0 100%;
}
.pickupContainer01 .detailCol {
	zoom: 1;
	overflow: hidden;
}
.pickupContainer01 .hdg {
	margin-bottom: 5px;
	font-size: 115%;
}
.pickupContainer01 .copyright01 {
	margin: 0;
}

.pickupContainer01 .copyright02 {
	margin: 0;
	line-height: 1;
}

.pickupContainer01 .dataBox {
	position: relative;
	margin: 20px 0 5px 0;
	padding: 0 80px 20px 0;
}
.pickupContainer01 .dataBox .companyLogo {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
* html .pickupContainer01 .dataBox .companyLogo { /* for IE6 */
	width: 75px;
}
* html .pickupContainer01 .dataBox { /* for IE6 */
	height: 1px;
	margin-bottom: 10px;
}
.pickupContainer01 .dataBox dt {
	clear: left;
	float: left;
	width: 80px;
	margin-bottom: 5px;
}
.pickupContainer01 .dataBox dd {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 5px;
}
.pickupContainer01 .btnBox {
	position: relative;
	height: 35px;
}
.pickupContainer01 .btnBox .btnList03 {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -10px;
}
/* figure size */
.pickupContainer01 .figureLarge {
	float: left;
	width: 240px;
	margin: 0 20px 0 0;
}
.pickupContainer01 .figureMiddle {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}
.pickupContainer01 .figureSmall {
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
}

/* twoColumn01 .pickupContainer01 */
.shortType {
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.shortType .pickupContainer01 {
	margin: 0;
	padding: 0;
	background: none;
}
.shortType .pickupContainer01 p {
	margin: 0 0 0 0;
}
.shortType .pickupContainer01 .companyLogo {
	top: 0;
}


/* specialTopics01
-------------------------------- */
.specialTopics01 {
	clear: both;
	overflow: hidden;
	width: 620px;
	margin: 0px -20px 10px 0;
}
.specialTopics01 p {
	margin-bottom: 5px;
}
.specialTopics01 .col {
	float: left;
	width: 290px;
	margin-right: 20px;
}
.specialTopics01 .figureLeft {
	float: left;
	width: 71px;
}
.specialTopics01 .detailCol {
	float: right;
	width: 210px;
}
.specialTopics01 .specialHdg {
	font-weight: bold;
	margin-bottom: 5px;
}
.specialTopics01 .specialTxt {
	font-size: 75%;
}
.specialTopics01 .specialPrice {
	font-weight: bold;
	color: #666666;
}
.specialTopics01 .specialIcon {
	margin-bottom: 10px;
}
.specialTopics01 .specialIcon img {
	vertical-align: bottom;
}
.specialTopics01 .specialFrame {
	display: inline-block;
	padding: 5px 8px 0;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}
* html .specialTopics01 .specialFrame { /* for IE6 */
	display: inline;
}
*:first-child+html .specialTopics01 .specialFrame { /* for IE7 */
	display: inline;
}
.specialTopics01 .specialTitle {
	margin-bottom: 0;
	font-weight: bold;
}

/* innerContainer
-------------------------------- */
.innerContainer {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
.innerContainer .leftCol {
	float: left;
	width: 150px;
}
.innerContainer .rightCol {
	float: right;
	width: 150px;
}

/*=================================

	Box layout

=================================*/

/* Movie Box
-------------------------------- */
/* movieBox01 */
.movieBox01 {
	margin-bottom: 20px;
}
.movieDetail {
	margin-top: 10px;
}
.movieDetail .thumbCol {
	float: left;
	width: 320px;
	margin-right:10px;
}
.movieDetail .detailCol {
	float: left;
	width: 310px;
}
.movieDetail .detailHead {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(/library/common/images/com_hr03.gif) repeat-x 0 100%;
}
.movieDetail .link_pageback {
    display: block;
    float: left;
    font-size: 90%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 300px;
}
.movieDetail .link_pageback img {
    float: left;
    margin-right: 5px;
    vertical-align: middle;
}
.movieDetail .hdgWrap {
	position: relative;
	margin-bottom: 10px;
}
.movieDetail .hdgWrap .iconList02 {
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	margin-right: -5px;
}
.movieDetail .detailCol .frameType02 {
	margin-bottom: 10px;
}
.movieDetail .detailCol .leftCol {
	width: 235px;
	margin-top: 5px;
}
.movieDetail .detailCol .rightCol {
	width: 144px;
}
.movieBox01 .dataBox {
	position: relative;
	margin: 5px 0;
	padding: 0 80px 10px 0;
}
.movieBox01 .dataBox .companyLogo {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
* html .movieBox01 .dataBox .companyLogo { /* for IE6 */
	width: 71px;
}
* html .movieBox01 .dataBox { /* for IE6 */
	height: 1px;
	margin-bottom: 10px;
}
* html .movieBox01 .dataBox .companyLogo a {
	height: auto;
}

.movieBox01 .dataBox dt {
	clear: left;
	float: left;
	width: 80px;
	margin-bottom: 5px;
}
.movieBox01 .dataBox dd {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 5px;
}
.movieBox01 .dataBox02 {
	margin: 5px 0;
}
.movieBox01 .dataBox02 dl {
	float: left;
	margin: 0 10px 0 0;
}
.movieBox01 .dataBox02 dt {
	float: left;
	width: 80px;
	margin-bottom: 5px;
}
.movieBox01 .dataBox02 dd {
	float: left;
	margin-bottom: 5px;
}
.movieBox01 .dataBox02 .companyLogo {
	float: left;
	margin: 0;
}
.movieInfo01 {
	margin-bottom: 20px;
}
.movieInfo01 .col {
	float: left;
	padding-right: 10px;
}
body:first-of-type .movieInfo01 .col dd {
	font-size: 94%;
	line-height: 1.4;
}
.movieInfo01 .date {
	width: 285px;
}
.movieInfo01 .channel {
	width: 335px;
}
.movieInfo01 .col dt,
.movieInfo01 .col dt img {
	line-height: 1;
	vertical-align: bottom;
}
.movieInfo01 .col dt {
	float: left;
	margin-right: 5px;
}
.movieInfo01 .col dd {
	overflow: hidden;
	zoom: 1;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.1;
}
.movieBox01 .movieInfo02 li {
	margin-bottom: 0;
	padding-bottom: 7px;
}
.movieInfo03 {
	text-align: right;
}
.movieInfo03 img {
	margin-left: 8px;
}

/* Column Box
-------------------------------- */
.clmBody01 {
	margin: 0 5px 10px;
	padding: 0 5px;
	background: url(/library/common/images/com_hr04.gif) repeat-x 0 100%;
}
.clmBody01 .figureCol {
	float: left;
	width: 190px;
}
.clmBody01 .detailCol {
	float: right;
	width: 350px;
}
.clmBody01 .hdg {
	margin-bottom: 5px;
	font-size: 115%;
}

/* Plugin Box
-------------------------------- */
.pluginBox01 {
	margin: 0 0 20px 0;
	padding: 15px;
	border: 1px solid #dddddd;
}
.pluginBox01 dl {
	overflow: hidden;
}
.pluginBox01 dt {
	float: left;
	margin-right: 15px;
	font-size: 0;
}
.pluginBox01 dd {
	zoom: 1;
	overflow: hidden;
	font-size: 75%;
	line-height: 1.3;
}

/* Age Check Box
-------------------------------- */
.ageCheck {
	text-align: center;
}
.ageCheck p {
	margin-bottom: 20px;
}

/* Advertisement Box
-------------------------------- */
.adBox01 .hdg {
	margin-bottom: 5px;
}
.adBox01 p {
	margin-bottom: 0;
}
/* .adBox01 > .figureContainer */
.adBox01 .figureContainer {
	margin-bottom: 0;
}
.adBox01 .figureContainer .figureLeft {
	margin: 0 10px 0 0;
}

/* Icon Box
-------------------------------- */
.iconBox01 {
	margin-bottom: 0;
	padding: 7px 8px;
	background-color: #f2f2f2;
}

.iconBox02 {
	margin-bottom: 0;
	padding: 7px 8px 0;
	background-color: #f2f2f2;
}
.iconBox02 li {
	float: left;
	margin: 0 15px 7px 0;
	white-space: nowrap;
}
.iconBox02 li img {
	margin: 0 3px 0 0;
	vertical-align: middle;
}

/* Logo Box
-------------------------------- */
.logoBox01 {
	margin-bottom: 10px;
}
.logoBox01 p {
	margin: 0;
}
.logoBox01 div {
	display: table-cell;
	vertical-align: middle;
}
* html .logoBox01 * { /* for IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html .logoBox01 * { /* for IE7 */
	display: inline;
	zoom: 1;
}
.logoBox02 {
	float: right;
	margin-bottom: 10px;
}
.logoBox02 p {
	margin: 0;
}
.logoBox02 div {
	display: table-cell;
	vertical-align: middle;
}
* html .logoBox02 * { /* for IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html .logoBox02 * { /* for IE7 */
	display: inline;
	zoom: 1;
}
/*\*//*/
* html .logoBox01 div {
	display: inline-block;
}
/**/
.logoBox01 .companyLogo {
	padding-right: 15px;
}
.logoBox01 .companyName {
	width: 455px;
	font-weight: bold;
}

.twoColumn01 .col .logoBox01 .companyName {
	width: 150px;
}

.threeColumn01 .col .logoBox01 .companyName {
	width: 90px;
}

.logoBox02 .companyName {
	width: 165px;
	font-weight: bold;
}
.logoBox02 .companyLogo {
	padding-left: 15px;
}

.twoColumn01 .col .logoBox02 .companyName {
	width: 150px;
}

.threeColumn01 .col .logoBox02 .companyName {
	width: 59px;
}

/* Channel Box
-------------------------------- */
.channelBox01 * {
	line-height: 1;
	margin: 0;
}
.channelBox01 ul {
	overflow: hidden;
	width: 650px;
	margin: 0 -10px 0 0;
}
*:first-child+html .channelBox01 ul { /* for IE7 */
	margin-bottom: 10px;
}
.channelBox01 li {
	float: left;
	width: 190px;
	margin: 0 10px 10px 0;
	padding: 7px;
	border: 1px solid #cccccc;
}
.channelBox01 .companyName {
	width: 100px;
	font-weight: normal;
	font-size: 83%;
}
.channelBox01 .genreName {
	clear: both;
	margin: 5px 0 0 0;
}
.channelBox01 .playBtn {
	clear: both;
	margin: 0 0 0 53px;
}

/* .channelBox02 */
.channelBox02 {
	margin-bottom: 10px;
}
.channelBox02 .col {
	width: 202px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}
.channelBox02 .logoBox01 {
	margin: 10px;
}
.channelBox02 .companyName {
	width: 100px;
	line-height: 1.2;
	font-weight: normal;
	font-size: 83%;
}
.channelBox02 .displayData {
	padding: 5px;
	background-color: #f3f3f3;
}

/* Infomation Box
-------------------------------- */
.infoBox01 {
	margin-bottom: 10px;
	font-size: 83%;
}
.infoBox01 dt {
	font-weight: bold;
}
.infoBox01 .iconLink01 {
	display: block;
}

/* Search Box
-------------------------------- */
.kanaSearch {
	padding: 14px 0 !important;
	background: url(/library/common/images/com_bg15.gif) repeat-y 1px 0;
}
.kanaSearch .col01 {
	float: left;
	width: 197px;
	text-align: center;
}
.kanaSearch .col02 {
	float: left;
	width: 205px;
	text-align: center;
}
.kanaSearch .col03 {
	float: left;
	width: 196px;
	text-align: center;
}
.kanaSearch ul {
	width: 150px;
	margin: 0 auto;
}
.kanaSearch ul li {
	float: left;
	width: 30px;
	text-align: center;
}

/* Contact Box
-------------------------------- */
.contactBox01 {
	margin-bottom: 10px;
}
.contactBox01 p {
	margin: 0;
}
.contactBox01 .leftCol {
	float: left;
	width: 415px;
}
.contactBox01 .rightCol {
	float: right;
	width: 210px;
}
.contactBox01 .frameBlock {
	margin: 0 0 5px;
	padding: 10px 0 0;
	text-align: center;
}
.contactBox01 .frameBlock li {
	display: inline;
}
.contactBox01 .leftCol .frameBlock {
	border: #fad8af 1px solid;
	background-color: #fff0de;
}
.contactBox01 .rightCol .frameBlock {
	border: #d1e3f1 1px solid;
	background-color: #e8f1f8;
}
.contactBox02 {
	width: 618px;
	margin-bottom: 20px;
	padding: 10px;
}
.contactBox02 img {
	vertical-align: bottom;
}
.contactBox02 .contactHdg {
	margin-bottom: 5px;
}
.contactBox02 .innerColumn {
}
.contactBox02 .innerColumn .col {
margin-right: 15px;	
float: left;
}
.unjoinType {
border: 1px solid #fad8af;
	background-color: #fff0de;
}
.joinType {
	border: 1px solid #d1e3f1;
	background-color: #e8f1f8;
}

/* individual Information Box
-------------------------------- */
.individualInforBox {
	height: 100px;
	overflow-y: scroll;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 83%;
	border: 1px solid #c0c0c0;
}

* html .individualInforBox .iconLink01 img {
	position: static;
}

/*=================================

	Frame layout

=================================*/

/* Frame type**
-------------------------------- */
/* frameType01 */
.frameType01 {
	margin-bottom: 10px;
	padding: 15px 15px 5px;
	border: 5px solid #f2f2f2;
}
/* frameType01 > fourColumn01 */
.frameType01 .fourColumn01 {
	width: 600px;
	margin: 0 0 10px 0;
}
.frameType01 .fourColumn01 .col {
	width: 140px;
	margin-right: 10px;
}
.frameType01 .colTwo {
}
.frameType01 .colTwo .colLeft {
	float: left;
	width: 370px;
}
.frameType01 .colTwo .colRight {
	float: right;
	width: 100px;
}
/* frameType01 > hdg** */
.frameType01 .hdg01 {
	margin: -13px 0 15px 0;
	padding-bottom: 2px;
	background: url(/library/common/images/com_bg07.gif) repeat-x 0 100%;
	line-height: 1;
}
.frameType01 .hdg02 {
	margin: -10px 0 5px 0;
	line-height: 1;
}
/* frameType02 */
.frameType02 {
	margin-bottom: 10px;
	padding: 14px;
	border: 1px solid #dddddd;
	border-top-width: 3px;
}
/* frameType03 */
.frameType03 {
	margin: 0 5px 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
/* frameType04 */
.frameType04 {
	margin-bottom: 15px;
	padding-bottom: 1px;
	background: url(/library/common/images/com_bg13.gif) no-repeat 0 100%;
}
.frameType04 .inner {
	padding: 10px;
	background: url(/library/common/images/com_bg12.gif) repeat-y 0 0;
}
/* frameType05 */
.frameType05 {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #e6261a;
}
/* frameType06 */
.frameType06 {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #cccccc;
	background: #f2f2f2;
}
.frameType07 {
	margin: 0 5px 10px;
	padding: 10px;
	border: 1px solid #FF0000;
	font-weight:bold;
}
.frameType08 {
	margin-bottom: 10px;
	padding: 15px 12px 5px;
	border: 5px solid #f2f2f2;
}
.frameType08 .hdg01 {
	margin: -13px 0 15px 0;
	padding-bottom: 2px;
	background: url(/library/common/images/com_bg07.gif) repeat-x 0 100%;
	line-height: 1;
}
/*=================================

	Line layout

=================================*/
.normalLine01 {
	margin-bottom: 20px;
	padding-top: 20px;
	background: url(/library/common/images/com_hr01.gif) no-repeat 0 0;
}
.normalLine02 {
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 2px solid #cdcdcd;
}
.dotLine01 {
	margin-bottom: 20px;
	padding-top: 20px;
	background: url(/library/common/images/com_hr02.gif) no-repeat 0 0;
}
.dotLine02 {
	margin-bottom: 20px;
	padding-top: 20px;
	background: url(/library/common/images/com_hr04.gif) repeat-x 0 0;
}
.dotLine03 {
	margin-bottom: 10px;
	padding-top: 10px;
	background: url(/library/common/images/com_hr03.gif) repeat-x 0 0;
}

/*=================================

	Table layout

=================================*/
table {
	/*width: 100%;*/
	border-collapse: separate;
	/*border-spacing: 0;*/
	font-size: 100%;
}
table th,
table td {
	vertical-align: top;
}

/* tableType01
-------------------------------- */
.tableType01 {
	margin-bottom: 10px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.tableType01 th,
.tableType01 td {
	padding: 5px 10px;
	vertical-align: top;
}
.tableType01 th {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.tableType01 td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.tableType01 .lv01 {
	background-color: #d9d9d9;
	font-weight: bold;
}
.tableType01 .lv02 {
	background-color: #ffffd7;
	font-weight: bold;
}

.tableType01 .lv03 {
	background-color: #ffdcdc;
	font-weight: bold;
}
.tableType01 .lv04 {
	background-color: #ffffd7;
}
.tableType01 .even {
	background-color: #ffffd7;
}
/* .tableType01 > .figureContainer */
.tableType01 .figureContainer {
	margin: 0;
}
.tableType01 .figureLeft {
	margin: 0 10px 0 0;
}
.tableType01 .figureRight {
	float: right;
	margin: 0 0 0 10px;
}

/* tableType02
-------------------------------- */
.tableType02 tr {
	background: url(/library/common/images/com_hr03.gif) repeat-x 0 0;
}
.tableType02 td {
	padding: 5px 0;
}
.tableType02 .timeCell {
	padding: 5px 20px 5px 0;
}
.tableType02 .titleCell {
	padding: 5px 20px 5px 0;
	font-weight: bold;
}
.tableType02 .channelCell {
	padding: 7px 0 5px 0;
	font-size: 83%;
}

/* Channel Type
-------------------------------- */
.channelType01 {
	margin-bottom: 10px;
	border: 2px solid #cccccc;
}
.channelType01 th {
	width: 1%;
	padding: 10px;
	background-color: #f3f3f3;
	border-right: 1px solid #cccccc;
	white-space: nowrap;
	vertical-align: middle;
}
.channelType01 td {
	padding: 10px;
}
.channelType01 .iconCell {
	width: 1%;
	padding-bottom: 5px;
	font-size: 0;
}
.channelType01 .iconCell img {
	margin-bottom: 5px;
}

/* Form Type
-------------------------------- */
/* searchType01 */
.searchType01 th {
	padding: 5px 25px 5px 0;
	background: url(/library/common/images/com_ic19.gif) no-repeat 100% 0.2em;
	font-weight: bold;
	color: #666666;
}
.searchType01 th span {
	padding-left: 15px;
	background: url(/library/common/images/com_ic18.gif) no-repeat 0 0.15em;
}
.searchType01 td {
	padding: 5px 0 5px 20px;
}
.searchType01 .naviLink {
	overflow: hidden;
	zoom: 1;
}
.searchType01 .naviLink li {
	float: left;
	margin: 0 20px 0 -11px;
	padding: 2px 0 5px 0;
	white-space: nowrap;
	line-height: 1.1;
}
.searchType01 .naviLink li a {
	padding-left: 10px;
	border-left: 1px solid #333333;
}
.searchType01 .naviLink li em {
	padding-left: 10px;
	border-left: 1px solid #333333;
	font-weight: bold;
}
.searchType01 .selectList li {
	float: left;
	margin-right: 30px;
}
.searchType01 .selectList li a {
	display: inline-block;
	min-height: 15px;
	padding-left: 20px;
	background: url(/library/common/images/com_ic20.gif) no-repeat 0 50%;
}
.searchType01 .selectList li em {
	font-weight: bold;
}

.searchType01 img {
	margin: 0 3px;
	vertical-align: middle;
}
.searchType01 input {
	vertical-align: middle;
}
.searchType01 label {
	margin-right: 20px;
}
.searchType01 .inputKeyword {
	width: 220px;
	padding: 2px 5px;
	border: 1px solid #cccccc;
}
.searchType01 .preText01 {
	background: url(/library/common/images/com_tx05.gif) no-repeat 6px 4px;
}
.searchType01 .preText02 {
	background: url(/library/common/images/com_tx06.gif) no-repeat 6px 4px;
}
.searchType01 .inputDate {
	width: 80px;
	margin-right: 5px;
	padding: 2px 5px;
	border: 1px solid #cccccc;
}

/* searchType02 */
.searchType02 th {
	padding: 5px 15px 5px 0;
	background: url(/library/common/images/com_ic19.gif) no-repeat 100% 0.2em;
	font-weight: bold;
	color: #666666;
}
.searchType02 th span {
	padding-left: 15px;
	background: url(/library/common/images/com_ic18.gif) no-repeat 0 0.15em;
}
.searchType02 td {
	padding: 5px 0 5px 10px;
}
.searchType02 .naviLink {
	overflow: hidden;
	zoom: 1;
}
.searchType02 .naviLink li {
	float: left;
	margin: 0 20px 0 -11px;
	padding: 2px 0 5px 0;
	white-space: nowrap;
	line-height: 1.1;
}
.searchType02 .naviLink li a {
	padding-left: 10px;
	border-left: 1px solid #333333;
}
.searchType02 .naviLink li em {
	padding-left: 10px;
	border-left: 1px solid #333333;
	font-weight: bold;
}
.searchType02 .selectList li {
	float: left;
	margin-right: 30px;
}
.searchType02 .selectList li a {
	display: inline-block;
	min-height: 15px;
	padding-left: 20px;
	background: url(/library/common/images/com_ic20.gif) no-repeat 0 50%;
}
.searchType02 .selectList li em {
	font-weight: bold;
}

.searchType02 img {
	margin: 0 3px;
	vertical-align: middle;
}
.searchType02 input {
	vertical-align: middle;
}
.searchType02 label {
	margin-right: 20px;
}
.searchType02 .inputKeyword {
	width: 160px;
	padding: 2px 5px;
	border: 1px solid #cccccc;
}
.searchType02 .preText01 {
	background: url(/library/common/images/com_tx05.gif) no-repeat 6px 4px;
}
.searchType02 .preText02 {
	background: url(/library/common/images/com_tx06.gif) no-repeat 6px 4px;
}
.searchType02 .inputDate {
	width: 80px;
	margin-right: 5px;
	padding: 2px 5px;
	border: 1px solid #cccccc;
}
/* searchType03 */
.searchType03 th {
	padding: 5px 5px 5px 0;
	background: url(/library/common/images/com_ic19.gif) no-repeat 100% 0.2em;
	font-weight: bold;
	color: #666666;
}
.searchType03 th span {
	padding-left: 15px;
	background: url(/library/common/images/com_ic18.gif) no-repeat 0 0.15em;
}
.searchType03 td {
	padding: 5px 0 5px 5px;
}
.searchType03 .naviLink {
	overflow: hidden;
	zoom: 1;
}
.searchType03 .naviLink li {
	float: left;
	margin: 0 7px 0 -7px;
	padding: 2px 0 5px 0;
	white-space: nowrap;
	line-height: 1.1;
}
.searchType03 .naviLink li a {
	padding: 0 5px;
	border-left: 1px solid #333333;
}
.searchType03 .naviLink li em {
	padding: 0 5px;
	border-left: 1px solid #333333;
	font-weight: bold;
}
.searchType03 .selectList li {
	float: left;
	margin-right: 10px;
}
.searchType03 .selectList li a {
	display: inline-block;
	min-height: 15px;
	padding-left: 20px;
	background: url(/library/common/images/com_ic20.gif) no-repeat 0 50%;
}
.searchType03 .selectList li em {
	font-weight: bold;
}
	
.searchType03 img {
	margin: 0 3px;
	vertical-align: middle;
}
.searchType03 input {
	vertical-align: middle;
}
.searchType03 label {
	margin-right: 20px;
}
.searchType03 .inputKeyword {
	width: 220px;
	padding: 2px 5px;
	border: 1px solid #cccccc;
}
.searchType03 .preText01 {
	background: url(/library/common/images/com_tx05.gif) no-repeat 6px 4px;
}
.searchType03 .preText02 {
	background: url(/library/common/images/com_tx06.gif) no-repeat 6px 4px;
}
.searchType03 .inputDate {
	width: 80px;
	margin-right: 5px;
	padding: 2px 5px;
	border: 1px solid #cccccc;
}


.searchBtn01 {
	margin: 20px 0 0;
	text-align: center;
}
/* loginType01 */
.loginType01 {
	width: 500px;
	margin: 0 auto;
}
.loginType01 th {
	font-weight: bold;
}
.loginType01 input {
	width: 150px;
	padding: 2px 5px;
	border: 1px solid #cccccc;
}

/* keyword Type
-------------------------------- */
.keywordType01 {
	margin-bottom: 10px;
	border: 1px solid #ffd7aa;
}
.keywordType01 th {
	width: 1%;
	padding: 10px;
	background-color: #ffd7aa;
	white-space: nowrap;
	vertical-align: middle;
}
.keywordType01 td {
	padding: 10px;
}
.keywordType01 td li {
	float: left;
	margin-right: 20px;
}
.keywordType01 td li a {
	white-space: nowrap;
}

/*=================================

	Special Parts layout

=================================*/

/* Tab Layout
-------------------------------- */
.tabContainer01 {
	clear: both;
	margin-bottom: 10px;
}
.tabContainer01 .tabList01 {
	margin-bottom: 15px;
	padding-left: 10px;
	border-bottom: 2px solid #f6ab00;
}
.tabContainer01 .tabList01 li {
	float: left;
}
.tabContainer01 .tabList01 li a {
	display: block;
	padding: 3px 8px;
	background: #f3f3f3 url(/library/common/images/com_bg10.gif) repeat-x 0 0;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	font-weight: bold;
}
.tabContainer01 .tabList01 li a:hover {
	background: #f6ab00 url(/library/common/images/com_bg14.gif) repeat-x 0 0;
	border-top: 1px solid #f6ab00;
	border-right: 1px solid #f6ab00;
	border-left: 1px solid #f6ab00;
}
.tabContainer01 .tabList01 li.current a {
	background: #f6ab00 url(/library/common/images/com_bg14.gif) repeat-x 0 0;
	border-top: 1px solid #f6ab00;
	border-right: 1px solid #f6ab00;
	border-left: 1px solid #f6ab00;
}
/* link setting */
.tabContainer01 .tabList01 li a:link {
	color: #333333;
	text-decoration: none;
}
.tabContainer01 .tabList01 li a:visited {
	color: #333333;
	text-decoration: none;
}
.tabContainer01 .tabList01 li a:hover {
	color: #333333;
	text-decoration: none;
}
.tabContainer01 .tabList01 li a:active {
	color: #333333;
	text-decoration: none;
}

/* Fresheye Layout
-------------------------------- */
.FresheyeBox {
	margin-bottom: 10px;
}
.FresheyeBox p {
	margin-bottom: 0;
}
.FresheyeBox .FresheyeLogo {
	margin-left: 5px;
}
.FresheyeBox .exampleItem li {
	float: left;
	margin-right: 10px;
	white-space: nowrap;
}

/* SNS Layout
-------------------------------- */
.snsBox01 {
	text-align: center;
}
.snsBox01 ul {
	line-height: 1;
}
.snsBox01 li {
	display: inline;
	margin-right: 10px;
}

/* Overlap Layout
-------------------------------- */
.overlap01 {
	position: relative;
display: block;
}
.overlap01 .icon {
	position: absolute;
	top: 0;
	right: 0;
}

/* NHK on demand Layout
-------------------------------- */
.nhkBtList {
        padding-bottom: 20px;
	padding-left: 10px;
}
.nhkBtList li {
	float: left;
	margin-right: 10px;
font-size: 0;
}

/*=================================

	Form layout

=================================*/
/* formStep01 */
.formStep01 {
	margin: 0 0 30px;
}
/* requireIcon01 */
.requireIcon01 {
	vertical-align: middle;
	margin: -1px 5px 0;
}
/* errorText01 */
.errorText01 {
	color: #ee0101;
}
/* inputType */
.inputType01 {
	width: 94px;
	padding: 2px 3px;
	border: #7e9db9 1px solid;
}
.inputType02 {
	width: 64px;
	padding: 2px 3px;
	border: #7e9db9 1px solid;
}
.inputType03 {
	width: 284px;
	padding: 2px 3px;
	border: #7e9db9 1px solid;
}
.inputType04 {
	width: 54px;
	padding: 2px 3px;
	border: #7e9db9 1px solid;
}
.textareaType01 {
	width: 410px;
	height: 120px;
	padding: 2px 3px;
	border: #7e9db9 1px solid;
	font-size: 100%;
}

/* inputTableType01 */
.inputTableType01 {
	clear: both;
	margin: 0 0 30px;
	border-bottom: #cccccc 1px solid;
}
.inputTableType01 th,
.inputTableType01 td {
	padding: 12px 10px;
	border-top: #cccccc 1px solid;
	vertical-align: top;
}
.inputTableType01 th {
	background-color: #f2f2f2;
}
.inputTableType01 .errorRow01 td {
	background-color: #ffefdc;
}
.inputTableType01 .errorRow01 th {
	background-color: #ececec;
}

/* hiddenTable01 */
.hiddenTable01 {
	margin: 0;
	background: none;
}
.hiddenTable01 th,
.hiddenTable01 td {
	margin: 0;
	padding: 0 5px 0 0;
	border: none;
}

/* errorBlock01 */
.errorBlock01 {
	margin: 0 0 20px;
	padding: 20px;
	border: #fee5ce 3px solid;
	background-color: #fff7ed;
}
.errorBlock01 p {
	margin: 0;
}

/*=================================

	Other layout

=================================*/
.figureSingle {
	margin: 0 auto 10px;
}
.figureSingle .copyright01 {
	margin-bottom: 0;
}
.figureSingle img {
	margin-bottom: 5px;
	vertical-align: bottom;
}
/* pageTop layout */
.pageTop {
	clear: both;
}
.pageTop p {
	float: right;
	margin: 15px 0;
}
.pageTop p a {
	padding-left: 11px;
	background: url(/library/common/images/com_ic08.gif) no-repeat 0 50%;
}
/* figure** */
.figure01 {
	margin-bottom: 5px;
	line-height: 1;
	text-align: center;
}
.figure01 .copyright01 {
	margin: 5px 0;
}
/* genreIcon */
.genreIcon01 {
	margin: 0 0 10px;
}
.genreIcon01 dt {
	float: left;
}
.genreIcon01 dd {
	margin-left: 100px;
	font-weight: bold;
}
/* image border */
.imageBorder img {
	border: 1px solid #cccccc;
}

/* for plugin */
.noDataTxt01 {
	padding: 30px 0;
	text-align: center;
	font-size: 145%;
	font-weight: bold;
}
.noDataTxt02 {
	padding: 30px 0;
	text-align: center;
	font-size: 115%;
	font-weight: bold;
}

/*=================================

	JavaScript layout

=================================*/

/* imagesSwitchBlockStyle01 */
.imagesSwitchBlockStyle01 {
	position: relative;
	clear: both;
	margin: 0 0 15px;
	color: #ffffff;
}
*:first-child+html .imagesSwitchBlockStyle01 { /* for IE7 */
	margin: 0;
	padding-bottom: 15px;
}
* html .imagesSwitchBlockStyle01 { /* for IE6 */
	margin: 0;
	padding-bottom: 15px;
}
.imagesSwitchBlockStyle01 p {
	margin: 0;
}
.imagesSwitchBlockStyle01 img {
	vertical-align: bottom;
}
.imagesSwitchBlockStyle01 .mainBlock {
	clear: both;
	padding: 10px 9px;
	border: #737373 1px solid;
	background: #000000 url(/library/common/images/com_bg25.gif) no-repeat 0 0;
}
* html .imagesSwitchBlockStyle01 .mainBlock {
	zoom: 1;
}
.imagesSwitchBlockStyle01 .mainImgage {
	display: none;
	width: 356px;
	background: #000000;
}
.imagesSwitchBlockStyle01 .mainImgage a {
	display: block;
	width: 356px;
	height: 240px;
	margin: 0 auto;
	text-align: center;
	background-color: #000000;
}
.imagesSwitchBlockStyle01 .mainBlock .imgDetailBlock {
	margin: 10px 0 0;
	padding: 20px 10px 0;
	background: url(/library/common/images/com_bg24.gif) no-repeat 0 0;
}
.imagesSwitchBlockStyle01 .mainBlock .imgDetailBlock dt {
	margin: 0 0 5px;
	font-size: 110%;
	font-weight: bold;
}
.imagesSwitchBlockStyle01 .mainBlock .imgDetailBlock dt a {
	color: #ff8f02 !important;
}
.imagesSwitchBlockStyle01 .mainBlock .imgDetailBlock div {
	float: left;
	margin: 0 15px 0 0;
}
.imagesSwitchBlockStyle01 .wrapThumbnail {
	position: absolute;
	left: 383px;
	top: 16px;
	width: 247px;
}
* html .imagesSwitchBlockStyle01 .wrapThumbnail { /* for IE6 */
	left: 383px;
}
.imagesSwitchBlockStyle01 .wrapThumbnail .thumbnailBlock {
overflow: hidden;
	float: left;
	margin: 0 4px 4px 0;
	cursor: pointer;
	border: solid 3px #000000;
}
.imagesSwitchBlockStyle01 .wrapThumbnail .hasFlash,
.imagesSwitchBlockStyle01 .wrapThumbnail .hasFlash .dlg img {
	height: 70px !important;
}
.imagesSwitchBlockStyle01 .wrapThumbnail .thumbnailBlock .detailBlock,
.imagesSwitchBlockStyle01 .mainImageLink {
	display: none !important;
}
.imagesSwitchBlockStyle01 #wrapImagesSwitchFlash {
	/*display: none;*/
	width: 356px;
	height: 320px;
	/*background: url(/library/files/tv/images/vod_loading.gif) no-repeat 0 0;*/
	text-align: center;
}
.imagesSwitchBlockStyle01 .wrapThumbnail .thumbnailSelected,
.imagesSwitchBlockStyle01 .wrapThumbnail .thumbnailHover {
	border: solid 3px #ff8431;
}

.imagesSwitchBlockStyle01 .wrapThumbnail .fujitvLogo {
	position: relative;
}
.imagesSwitchBlockStyle01 .wrapThumbnail .fujitvLogo .fujitvLogoThumbnailImg {
	position: absolute;
	top: 3px;
	left: 3px;
}
.imagesSwitchBlockStyle01 .mainImgage .fujitvLogoMainImg {
	display: none;
	position: relative;
	top: -240px;
}
.imagesSwitchBlockStyle01 .mainImgage a {
	overflow: hidden;
}



/* imagesSwitchBlockStyle02 */
.imagesSwitchBlockStyle02 {
	clear: both;
	height: 322px;
	margin: 0 0 20px;
	background-color: #ffb961;
}
.imagesSwitchBlockStyle02 p {
	margin-bottom: 0;
}
.imagesSwitchBlockStyle02 img {
	vertical-align: bottom;
}
.imagesSwitchBlockStyle02 .wrapThumbnail {
	float: left;
	padding: 1px 1px 1px 5px;
}
* html .imagesSwitchBlockStyle02 .wrapThumbnail { /* for IE6 */
	margin-right: -10px;
}
.imagesSwitchBlockStyle02 .logoBlock {
	float: right;
	padding: 1px 1px 0 0;
}
.imagesSwitchBlockStyle02 .wrapThumbnail .thumbnailBlock {
	float: left;
	margin: 0 5px 0 0;
	padding: 8px 0 4px;
	cursor: pointer;
}
.imagesSwitchBlockStyle02 .wrapThumbnail .logoBlock {
	float: right;
}
.imagesSwitchBlockStyle02 .wrapThumbnail .thumbnailBlock img {
	border: #ffffff 3px solid;
}
.imagesSwitchBlockStyle02 .wrapThumbnail .thumbnailSelected img,
.imagesSwitchBlockStyle02 .wrapThumbnail .thumbnailHover img {
	border: #ff4b09 3px solid;
}
.imagesSwitchBlockStyle02 .wrapThumbnail .thumbnailSelected,
.imagesSwitchBlockStyle02 .wrapThumbnail .thumbnailHover {
	background: url(/library/common/images/com_ic52.gif) no-repeat 50% 2px;
}
.imagesSwitchBlockStyle02 .mainImageLink {
	display: none;

}

/* TV Flash Layout
-------------------------------- */
#tvFlash01 {
	margin-bottom: 10px;
}

/* Gallery Box Layout
-------------------------------- */
#galleryBox01 {
	height: 470px;
	padding: 10px;
	background: url(/library/common/images/com_bg27.gif) no-repeat 0 0;
}
#galleryBox01 #mainBox {
	position: relative;
	float: left;
	width: 448px;
	height: 470px;
}
#galleryBox01 #imgDetail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 420px;
	padding: 10px 14px;
	min-height: 160px;
	background: url(/library/common/images/com_bg28.gif) no-repeat 0 0;
	opacity: 0.85;
	color: #FFFFFF;
}
* html #galleryBox01 #imgDetail { /* for IE6 */
	height: 160px;
}
#galleryBox01 #imgDetail .figureContainer {
	margin-bottom: 0;
}
#galleryBox01 #imgDetail .figureContainer * {
	margin-bottom: 0;
}
#galleryBox01 #imgDetail .figureLeft  {
	margin-right: 10px;
}
#galleryBox01 #imgDetail .figureRight  {
	margin-left: 10px;
}
#galleryBox01 #imgDetail .detailHdg {
	font-size: 115%;
	font-weight: bold;
}
#galleryBox01 #thumnailBox {
	float: right;
	width: 160px;
}
#galleryBox01 #thumnailBox li {
	line-height: 1;
	font-size: 0;
	border: 3px solid #bbbbbb;
	margin-bottom: 5px;
}
#galleryBox01 #thumnailBox .selected {
	border: 3px solid #ff8431;
}
#galleryBox01 .detailBox {
	display: none;
}

/* followTooltip layout */
.followTooltipContents {
	position: relative;
}
.followTooltip {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/*=================================

	Utility Parts

=================================*/
/* /user.html */
.userPgegeBox01 {
	margin-bottom: 10px;
}
.userPgegeBox01 .box1st,
.userPgegeBox01 .box2nd,
.userPgegeBox01 .box3rd,
.userPgegeBox01 .box4th {
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
.userPgegeBox01 .box1st,
.userPgegeBox01 .box2nd {
	width: 212px;
	padding: 40px 17px 0 86px;
}
.userPgegeBox01 .box1st {
	float: left;
	background: url(/library/common/images/com_bg17.gif) no-repeat 0 0;
}
.userPgegeBox01 .box2nd {
	float: right;
	background: url(/library/common/images/com_bg18.gif) no-repeat 0 0;
}
.userPgegeBox01 .box3rd {
	clear: both;
	background: url(/library/common/images/com_bg19.gif) no-repeat 0 0;
}
.userPgegeBox01 .box4th {
	background: url(/library/common/images/com_bg20.gif) no-repeat 0 0;
}
.userPgegeBox01 dt {
	font-size: 0;
	text-indent: -9999px;
}
.userPgegeBox01 dd {
	padding-bottom: 10px;
}
.userPgegeBox01 p {
	margin-bottom: 0;
}
.userPgegeBox01 .box3rd,
.userPgegeBox01 .box4th {
	padding: 15px 17px 0 257px;
}

/* /user/club-off.html */
.listInColumn01 {
	padding-top: 15px;
}

.listInColumn01 .col1st,
.listInColumn01 .col2nd {
	float: left;
}

.listInColumn01 .col1st {
	width: 200px;
	margin-right: 15px;
}
.listInColumn01 .col2nd {
	width: 395px;
}
.listInColumn01 .inner {
	padding: 1px;
	border: 1px solid #c0c0c0;
}
.listInColumn01 .subInner {
	padding-bottom: 3px;
	background: url(/library/common/images/com_bg21.gif) repeat-x 0 0;
}
.listInColumn01 .subInner p {
	font-size: 0;
}
.listInColumn01 p {
	margin-bottom: 0;
}


/* topicWorksBox01 */
.topicWorksBox01 {
	margin: 0 0 10px;
	padding-top: 1px;
	background: url(/library/common/images/com_bg22.gif) repeat-x 0 0;
}
.topicWorksBox01 dl {
	padding: 25px 0 25px 15px;
	background: url(/library/common/images/com_bg23.gif) no-repeat 0 100%;
}
.topicWorksBox01 dl dt {
	clear: left;
	float: left;
	margin-right: 10px;
	font-weight: bold;
}
.topicWorksBox01 dl dd {
float: left;
	overflow: hidden;
	zoom: 1;
}
.topicWorksBox01 dl li {
	float: left;
	margin-right: 20px;
}
.topicWorksBox01 dl li a {
	white-space: nowrap;
}

#flashBox01 {
	margin-bottom: 10px;
}

/*=================================

	user

=================================*/
#userWrap {
	margin-bottom: 35px;
	background: #cdf6ff url(/library/files/images/user_bg01.gif) repeat-x 0 0;
}
#userWrap img {
	vertical-align: bottom;
}
#userWrap .userBlock01 {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ff7733;
	background-color: #ffffff;
}
#userWrap .userBlock01 .figureContainer {
	margin-bottom: 0px;
}
#userWrap .hotBlock {
	border: 1px solid #f76793;
}
#userWrap .deadlineBlock {
	border: 1px solid #6e99f0;
}
#userWrap #userWrapBody {
	padding: 0 15px 5px;
}
#userWrap .iconType01,
.figureContainer .noFloat .iconType01,
.clmBody01 .detailCol .iconType01 {
	position: relative;
	margin-bottom: 10px;
}
#userWrap .iconType01 img,
.figureContainer .noFloat .iconType01 img,
.clmBody01 .detailCol .iconType01 img {
	float: left;
}
#userWrap .iconType01 span img,
.figureContainer .noFloat .iconType01 span img,
.clmBody01 .detailCol .iconType01 span img {
	float: right;
}
#userWrap .addIcon {
padding-right: 100px;
}
#userWrap .addIcon02 {
padding-right: 110px;
} 
#userWrap .addIcon03 {
padding-right: 155px;
}

.userBox01 {
	margin-bottom: 10px;
	padding: 7px 11px 0 14px;
	border: 2px solid #dddddd;
}
.userBox01 .dotLine03 {
	padding-top: 7px;
}
.userBox01 p {
	margin-bottom: 7px;
}
.userBox01 .txLead {
	font-size: 130%;
	font-weight: bold;
}
.userBox01 .txStrong03 {
	color: #fe4600;
}
.userBox01 .userColumn02 {
}
.userBox01 .userColumn02 .colLeft {
	float: left;
	width: 310px;
}
.userBox01 .userColumn02 .colRight {
	float: right;
	width: 285px;
}
.userBox01 .userColumn02 .colRight p {
	margin-bottom: 0;
}
.userBox01 .userColumn03 {
}
.userBox01 .userColumn03 .colLeft {
	float: left;
	width: 110px;
	margin-right: 13px;
}
.userBox01 .userColumn03 .colCenter {
	float: left;
	width: 345px;
	padding-top: 5px;
}

.userBox01 .userColumn03 .colRight {
	float: right;
	width: 130px;
}

.userColumn01 {
	clear: both;
	overflow: hidden;
	width: 650px;
	margin: 0px -10px 10px 0;
}
.userColumn01 img {
vertical-align: bottom;
}
.userColumn01 .col {
	float: left;
	width: 315px;
	margin-right: 10px;
}
.userType01 {
	padding-top: 3px;
}
.userRightLink01 {
	position: relative;
}
.userRightLink01 .userIconType01 {
	position: absolute;
	top: 0;
	right: -5px;
}
.userRightLink01 .userIconType01 li {

	float: left;
	margin-right: 6px;
}
.userRightLink01 .userIconType01 img {
	vertical-align: middle;
}
.userRightLink01 .hdgType04 {
	padding: 10px 0 0 0;
}

.clubOffBlock01 {
	margin-bottom: 30px;
}
.clubOffBlock01 p,
.clubOffBlock01 p img {
	margin: 0;
	vertical-align: bottom;
}
.clubOffBlock01 .inner01 {
	padding: 0 13px 0 13px;
	background: url(/library/files/user/images/club-off_bg01.gif) no-repeat 0 0;
}
.clubOffBlock01 .inner02 {
	padding: 0 13px 0 13px;
	background: url(/library/files/user/images/club-off_bg02.gif) no-repeat 0 0;
}
.clubOffBlock01 .left {
	float: left;
}
.clubOffBlock01 .right {
	float: right;
}
.clubOffBlock01 .btnBlock {
	clear: both;
	padding: 12px 0;
	text-align: center;
	background: url(/library/files/user/images/club-off_bg03.gif) no-repeat 0 100%;
}
.clubOffBlock02 {
	margin-bottom: 30px;
	padding: 19px 13px;
	background: #ffedab;
}
.clubOffBlock02 .inner {
	padding: 10px;
	background: url(/library/files/user/images/club-off_bg04.gif) no-repeat 0 100%;
}
.clubOffBlock02 .next {
	margin-top: -1px;
	text-align: center;
}
.clubOffBlock02 .service {
	position: relative;
}
.clubOffBlock02 .service .btn {
	position: absolute;
	top: 25px;
	left: 0;
}
.clubOffBlock02 .service .note {
	position: absolute;
	top: 90px;
	left: 217px;
	font-size: 85%;
}
.clubOffBlock02 .threeColumn01 {
	clear: both;
	overflow: hidden;
	width: 593px;
	margin: 0 -14px 10px 0;
}
.clubOffBlock02 .threeColumn01 .col {
	float: left;
	width: 193px;
	margin-right: 7px;
}
.clubOffBlock02 .threeColumn01 .col.last {
	margin-right: 0;
}
.clubOffBlock03 {
	margin-bottom: 10px;
	padding: 10px;
	background: #ffedab;
}
.clubOffBlock03 div {
	display: table-cell;
	vertical-align: middle;
}
* html .clubOffBlock03 * { /* for IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html .clubOffBlock03 * { /* for IE7 */
	display: inline;
	zoom: 1;
}
.clubOffBlock03 p {
	margin: 0;
}
.clubOffBlock03 .text {
	width: 360px;
	font-weight: bold;
}
.clubOffBlock03 .image img {
	vertical-align: middle;
}



/*=================================

	Button layout

=================================*/
.btnLayout01 a{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	min-width: 170px;
	background: url(/library/common/images/com_bg29.gif) no-repeat 0 0;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF !important;
	text-decoration: none !important;
}
* html .btnLayout01 a{
	width: 170px;
	display: inline;
	zoom: 1;
	font-size: 12px;
}
.btnLayout01 a img {
	position: absolute;
	margin-left: 5px;
	padding-top: 10px;
	line-height: 1;
	font-size: 0;
}
* html .btnLayout01 a img{
	padding-top: 0;
}
*:first-child+html .btnLayout01 a img{
	padding-top: 0;
}
.btnLayout01 a:hover {
	background: url(/library/common/images/com_bg29on.gif) no-repeat 0 0;
}
.btnLayout01 a span{
	display: block;
	padding: 0 20px;
	background: url(/library/common/images/com_bg30.gif) no-repeat 100% 0;
}

/*=================================

	Category Block layout

=================================*/
.bk-list00 {
	overflow: hidden;
	width: 660px;
	margin-right: -20px;
}
.bk-list02 {
	display: none;
}
.bk-list01 {
	float: left;
	width: 310px;
	margin-right: 20px;
}
.bk-list04 {
	padding-left: 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat scroll 0 0.5em transparent;
}

/*=================================

	Clearfix

=================================*/
.aR:after,
.anchorLink01 ul:after,
.naviLink01 ul:after,
.naviLink02 ul:after,
.naviLink03 ul:after,
.naviLink04 ul:after,
.naviLink05 ul:after,
.iconList02:after,
.iconList03:after,
.iconList05:after,
.stepNavi01:after,
.tabContainer01 .tabList01:after,
.utilColumn:after,
.twoColumn01:after,
.threeColumn01:after,
.fourColumn01:after,
.specialTopics01:after,
.figureContainer:after,
.movieDetail:after,
.defineList02:after,
.defineList04:after,
.pickupContainer01:after,
.pickupContainer01 .dataBox dl:after,
.movieBox01 .dataBox dl:after,
.movieBox01 .dataBox02:after,
.btnList03:after,
.channelBox01 ul:after,
.channelBox02 ul:after,
.clmBody01:after,
.pluginBox01 dl:after,
.channelList01:after,
.newsList01:after,
.searchType01 .naviLink:after,
.searchType01 .selectList:after,
.searchType02 .naviLink:after,
.searchType02 .selectList:after,
.searchType03 .naviLink:after,
.searchType03 .selectList:after,
.kanaSearch:after,
.pageTop:after,
.hdgType03-2:after,
.FresheyeBox .exampleItem:after,
.contactBox01:after,
.contactBox02 .innerColumn:after,
.userPgegeBox01:after,
.listInColumn01:after,
.newsList03 li:after,
.topicWorksBox01 dl:after,
.topicWorksBox01 dl dd ul:after,
.iconBox02 ul:after,
.imagesSwitchBlockStyle01 .mainBlock .imgDetailBlock dd:after,
.imagesSwitchBlockStyle02:after,
.imagesSwitchBlockStyle02 .wrapThumbnail:after,
#userWrap .userColumn01:after,
.userRightLink01 .userIconType01:after,
.clubOffBlock01 .inner01:after,
.clubOffBlock01 .inner02:after,
.frameType01 .colTwo:after,
.clubOffBlock02 .threeColumn01:after,
.bottomBannerList01:after,
#userWrap .iconType01:after,
.figureContainer .noFloat .iconType01:after,
.clmBody01 .detailCol .iconType01:after,
.userBox01 .userColumn02:after,
.userBox01 .userColumn03:after,
.nhkBtList:after,
.keywordType01 td ul:after,
.movieInfo01:after,
.movieInfo01 .col dl:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

.aR,
.anchorLink01 ul,
.naviLink01 ul,
.naviLink02 ul,
.naviLink03 ul,
.naviLink04 ul,
.naviLink05 ul,
.iconList02,
.iconList03,
.iconList05,
.stepNavi01,
.tabContainer01 .tabList01,
.utilColumn,
.twoColumn01,
.threeColumn01,
.fourColumn01,
.specialTopics01,
.figureContainer,
.movieDetail,
.defineList02,
.defineList04,
.pickupContainer01,
.pickupContainer01 .dataBox dl,
.movieBox01 .dataBox dl,
.movieBox01 .dataBox02,
.btnList03,
.pluginBox01 dl,
.channelBox01 ul,
.clmBody01,
.channelList01,
.newsList01,
.searchType01 .naviLink,
.searchType01 .selectList,
.searchType02 .naviLink,
.searchType02 .selectList,
.searchType03 .naviLink,
.searchType03 .selectList,
.kanaSearch,
.pageTop,
.hdgType03-2,
.FresheyeBox .exampleItem,
.contactBox01,
.contactBox02 .innerColumn,
.userPgegeBox01,
.listInColumn01,
.newsList03 li,
.topicWorksBox01 dl,
.topicWorksBox01 dl dd ul,
.iconBox02 ul,
.imagesSwitchBlockStyle01 .mainBlock .imgDetailBlock dd,
.imagesSwitchBlockStyle02,
.imagesSwitchBlockStyle02 .wrapThumbnail,
#userWrap .userColumn01,
.userRightLink01 .userIconType01,
.clubOffBlock01 .inner01,
.clubOffBlock01 .inner02,
.frameType01 .colTwo,
.clubOffBlock02 .threeColumn01,
.bottomBannerList01,
#userWrap .iconType01,
.figureContainer .noFloat .iconType01,
.clmBody01 .detailCol .iconType01,
.userBox01 .userColumn02,
.userBox01 .userColumn03,
.nhkBtList,
.keywordType01 td ul,
.movieInfo01,
.movieInfo01 .col dl {
	display:block;
	zoom:1;
}

/* for IE7 */
*:first-child+html .aR,
*:first-child+html .anchorLink01 ul,
*:first-child+html .naviLink01 ul,
*:first-child+html .naviLink02 ul,
*:first-child+html .naviLink03 ul,
*:first-child+html .naviLink04 ul,
*:first-child+html .naviLink05 ul,
*:first-child+html .iconList02,
*:first-child+html .iconList03,
*:first-child+html .iconList05,
*:first-child+html .stepNavi01,
*:first-child+html .tabContainer01 .tabList01,
*:first-child+html .utilColumn,
*:first-child+html .twoColumn01,
*:first-child+html .threeColumn01,
*:first-child+html .fourColumn01,
*:first-child+html .specialTopics01,
*:first-child+html .figureContainer,
*:first-child+html .movieDetail,
*:first-child+html .defineList02,
*:first-child+html .defineList04,
*:first-child+html .pickupContainer01,
*:first-child+html .pickupContainer01 .dataBox dl,
*:first-child+html .movieBox01 .dataBox dl,
*:first-child+html .movieBox01 .dataBox02,
*:first-child+html .btnList03,
*:first-child+html .pluginBox01 dl,
*:first-child+html .channelBox01 ul,
*:first-child+html .clmBody01,
*:first-child+html .channelList01,
*:first-child+html .newsList01,
*:first-child+html .searchType01 .naviLink,
*:first-child+html .searchType01 .selectList,
*:first-child+html .searchType02 .naviLink,
*:first-child+html .searchType02 .selectList,
*:first-child+html .searchType03 .naviLink,
*:first-child+html .searchType03 .selectList,
*:first-child+html .kanaSearch,
*:first-child+html .pageTop,
*:first-child+html .hdgType03-2,
*:first-child+html .FresheyeBox .exampleItem,
*:first-child+html .contactBox01,
*:first-child+html .contactBox02 .innerColumn,
*:first-child+html .userPgegeBox01,
*:first-child+html .listInColumn01,
*:first-child+html .newsList03 li,
*:first-child+html .topicWorksBox01 dl,
*:first-child+html .topicWorksBox01 dl dd ul,
*:first-child+html .iconBox02 ul,
*:first-child+html .imagesSwitchBlockStyle01 .mainBlock .imgDetailBlock dd,
*:first-child+html .imagesSwitchBlockStyle02,
*:first-child+html .imagesSwitchBlockStyle02 .wrapThumbnail,
*:first-child+html #userWrap .userColumn01,
*:first-child+html .userRightLink01 .userIconType01,
*:first-child+html .clubOffBlock01 .inner01,
*:first-child+html .clubOffBlock01 .inner02,
*:first-child+html .frameType01 .colTwo,
*:first-child+html .clubOffBlock02 .threeColumn01,
*:first-child+html .bottomBannerList01,
*:first-child+html #userWrap .iconType01,
*:first-child+html .figureContainer .noFloat .iconType01,
*:first-child+html .clmBody01 .detailCol .iconType01,
*:first-child+html .userBox01 .userColumn02,
*:first-child+html .userBox01 .userColumn03,
*:first-child+html .nhkBtList,
*:first-child+html .keywordType01 td ul,
*:first-child+html .movieInfo01,
*:first-child+html .movieInfo01 .col dl {
	display:inline-table;
}

/*=================================

	titleBlock layout

=================================*/
/* titleBlock01 */
.titleBlock01 {
	margin-bottom: 15px;
	padding: 2px 2px 0;
	background: url(/library/common/images/function/com_bg02.gif) no-repeat 0 0;
	border-bottom: 3px solid #ff8811;
}
.titleBlock01 h1 {
	display: block;
	padding: 10px 28px 7px;
	background: url(/library/common/images/function/com_bg03.gif) no-repeat 100% 100%;
	font-size: 150%;
	font-weight: bold;
}
/* titleBlock02 */
.titleBlock02 {
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}
.titleBlock02 h2 {
	display: block;
	padding: 5px 15px 5px;
	background: #fffff8 url(/library/common/images/function/com_bg04.gif) no-repeat 0 0;
	border-bottom: 1px solid #f48418;
	font-weight: bold;
}
/* titleBlock03 */
.titleBlock03 h3 {
	margin-bottom: 10px;
	padding: 5px 15px 3px;
	background: #fffff8 url(/library/common/images/function/com_bg05.gif) no-repeat 2px 0.6em;
	border-bottom: 1px solid #f48418;
	font-weight: bold;
}
/* titleBlock04 */
.titleBlock04 {
	margin-bottom: 10px;
	background: url(/library/common/images/function/com_bg07.gif) repeat-x 0 100%;
}
.titleBlock04 h4 {
	display: block;
	padding: 5px 15px 3px;
	background: url(/library/common/images/function/com_bg06.gif) no-repeat 2px 0.5em;
	font-weight: bold;
	color: #666666;
}
/* titleBlock05 */
.titleBlock05 h5 {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/library/common/images/function/com_bg08.gif) no-repeat 0 0.6em;
	font-weight: bold;
	color: #666666;
}
/* titleBlock06 */
.titleBlock06 h6 {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/library/common/images/function/com_bg09.gif) no-repeat 0 0.6em;
	color: #666666;
}


/*=================================

	categoryBlock layout

=================================*/
/* categoryBlock01 */
.categoryBlock01 {
	margin: 0 0 10px 10px;
}
/* categoryBlock02 */
.categoryBlock02 {
	margin-bottom: 0 0 10px;
	overflow: hidden;
}
.categoryBlock02 table {
	margin-top: -3px;
}
.categoryBlock02 td {
	padding: 5px 0 3px;
	background: url(/library/common/images/function/com_bg07.gif) repeat-x 0 0;
}
.categoryBlock02 td a {
	margin-left: 5px;
	padding-left: 10px;
	background: url(/library/common/images/function/com_ic05.gif) no-repeat 0 0.2em;
}
/* categoryBlock03 */
.categoryBlock03 {
	margin: 0 0 0 10px;
}


/*=================================

	formBlock layout

=================================*/
.formBlock02,
.formBlock03 {
	padding: 12px 10px;
	border-top: 1px solid #cccccc;
}
.formBlock02 {
	width: 35%;
	background-color: #F2F2F2;
}
.formBlock03 input {
	padding: 2px 3px;
}
.formBlock03 textarea {
	width: 95%;
	padding: 2px 3px;
	font-size: 100%;
}
.formBlock04 {
	padding: 15px 0 5px;
}
.formBlock05 {
	padding: 10px 0 30px;
	text-align: center;
	border-top: 1px solid #cccccc;
}
.formBlock06 {
	color: #E6261A;
	font-weight: bold;
}
.formBlock07 {
	padding: 10px 0;
	border-top: 1px solid #cccccc;
}
.formBlock08 {

	padding: 10px 0 30px;
	text-align: center;
}
.formBlock09 td {
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}
.formBlock09 div {
	width: 100%;
}


/*=================================

	settings [ print.css ]

================================ */

/* Common settings
================================ */
@media print{
	/* for ALL
	-------------------------------- */
	*[class^="hdg"] {
		clear: both;
	}
	#page {
		width: 1000px;
	}
	body {
		overflow: visible !important;
	}
	#mainArea .pbNestedWrapper {
		overflow: visible !important;
		margin-bottom: 15px;
	}
	.threeColumn01 {
		margin-bottom: 10px;
	}
	.contactBox01 .leftCol .frameBlock,
	.contactBox01 .rightCol .frameBlock {
		padding-bottom: 5px;
	}
	.topicWorksBox01 dl dd {
		float: left;
	}
	
	/* utility */
	.noBreak {
		page-break-inside: avoid;
	}

	/* for IE6
	-------------------------------- */
	* html body {
		zoom: 0.65;
	}
	/* Header */
	* html #globalNavi,
	* html #subNavi {
		height: 1px;
	}
	/* Contents */
	* html #page,
	* html .hdgType01,
	* html .hdgType01 span,
	* html .hdgType02 span,
	* html .hdgType03,
	* html .hdgType04,
	* html .hdgType04 span,
	* html .hdgType05,
	* html .hdgType06,
	* html .addLink01 .rightLink,
	* html .iconLink01,
	* html .iconLink02,
	* html .iconLink03,
	* html .mailLink01,
	* html .iconList01 li,
	* html .iconList05 li,
	* html .newsList02 li,
	* html .normalList01 li,
	* html .defineList01 dt,
	* html .normalLine01,
	* html .dotLine01,
	* html .dotLine02,
	* html .dotLine03,
	* html .clmBody01,
	* html .frameType04,
	* html .frameType04 .inner,
	* html .frameType01 .hdg01,
	* html .pickupContainer01,
	* html .searchType01 th,
	* html .searchType02 th,
	* html .kanaSearch {
		height: 1px;
	}
	* html .pageTop p a,
	* html .anchorLink01 li a,
	* html .tabContainer01 .tabList01 li a,
	* html .newsList02 li a,
	* html .searchType01 th span,
	* html .searchType02 th span {
		display: inline-block;
	}
	* html .fourColumn01 {
		width: 657px;
	}
	
	/* Footer */
	* html #footerList01 li,
	* html #footerNavi,
	* html #footerNavi em {
		height: 1px;
	}
}

/*=================================
	
	The second phase
	Contents common setting

=================================*/

/*=================================

	headerArea

================================ */
#headerArea {
	position: relative;
	z-index:101;
	/*width: 960px;*/
	width: auto;
	margin: 0 auto;
	text-align: left;
	color: #555555;
}
#headerArea .headInner {
	padding-bottom: 5px;
}
.notTop .headInner {
	padding-bottom: 10px !important;
}
.headerLoginInfo .inner, .headerLoginInfo .startPageCol, .headInner, .naviBlock01 {
    margin: 0 auto;
    width: 960px;
}
/* startPage */
#headerArea .startPageCol {
	padding-top: 7px;
}
#headerArea .startPage {
	float: left;
	min-height: 13px;
	_heigth: 13px !important;
	margin-bottom: 0;
	padding-left: 18px;
	background: url(/library/common/images3/header_ic01.gif) no-repeat 0 0.1em;
	font-size: 83%;
}
#headerArea .startPage a {
	color: #333333;
}
#headerArea .topLink {
	float: right;
	margin-bottom: 0;
	background: none;
}
#headerArea .siteUtillity {
	float: right;
	width: 215px;
}
#headerArea .siteUtillity li {
	_display: inline;
	float: left;
	margin:0 0 0 20px;
	font-size: 0;
}














/* .renewHeader2016 */
body.renewHeader {
	padding-right: 0!important;
	padding-left: 0!important;
}
#page {
	background: url(/extra/library/common/images4/header_bg01.gif) repeat-x 0 27px !important;
}
body.renewHeader #headerArea {
	overflow: visible;
}
.notTop {
	padding-top: 7px;
	padding-bottom: 7px;
}
.applyBox {
	float: right;
}
.renewHeader2016.headerLoginInfo .siteUtillity li a.mail {
	display: inline-block;
	padding: 12px 0 11px 15px !important;
	background: url(/extra/library/common/images2016/com_ic32.gif) no-repeat 0 50%;
}
.renewHeader2016.headerLoginInfo {
	display:block;
	position: relative;
	background: #000 !important;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	height: 39px;
	z-index: 1000;
	line-height: 1.5;
	width: auto !important;
}
.renewHeader2016.headerLoginInfo .inner,
.renewHeader2016.headerLoginInfo .startPageCol,
.renewHeader2016 .headInner,
.renewHeader2016.naviBlock01 {
	margin: 0px auto 0 !important;
	width: 960px;
}
.renewHeader2016.naviBlock01 {
	padding-bottom: 0;
}
.renewHeader2016.headerLoginInfo .inner {
	position: relative;
}
.renewHeader2016.headerLoginInfo .startPage {
	padding-left: 0;
	background: none;
}
.renewHeader2016.headerLoginInfo .startPage a {
	background: none !important;
	display: inline-block;
	padding: 11px 0 11px 0 !important;
}
.renewHeader2016.headerLoginInfo .siteUtillity {
	float: right;
}
.renewHeader2016.headerLoginInfo .siteUtillity li {
	float: left;
	display: block;
	margin: 0 0 0 20px;
}
.renewHeader2016.headerLoginInfo .siteUtillity li {
	_display: block !important;
}
.renewHeader2016 .siteUtillity li a {
	display: inline-block;
	padding: 11px 0 11px 10px;
	background: url(/extra/library/common/images2016/com_ic11.gif) no-repeat 0 50%  ;
}
.renewHeader2016.headerLoginInfo .siteUtillity li a {
	display: inline-block;
	padding: 11px 0 11px 15px;
}
.renewHeader2016.headerLoginInfo p a,
.renewHeader2016.headerLoginInfo ul li a {
	color: #ffffff;
	font-size: 11px;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.selectAreaBtn {
    background: #565656 none repeat scroll 9px center !important;
    border-top: 1px solid #565656;
    position: relative;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.selectAreaBtn a {
    background: #565656 url("/extra/library/common/images2016/com_ic84.png") no-repeat scroll 10px 50%  !important;
    color: #ffffff !important;
    font-weight: bold;
    line-height: 38px;
    padding: 0 15px 0 25px;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.selectAreaBtn::after {
    background: #787878 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.selectAreaBtn.open a {
	background: #e9e9e9 url(/library/common/images/header/com_ic79_on.png) 10px 50% no-repeat;
}

.renewHeader2016.headerLoginInfo .siteUtillity li.login,
.renewHeader2016.headerLoginInfo .siteUtillity li.logout {
    background: #565656 none repeat scroll 0 0 !important;
    display: block !important;
    line-height: 39px !important;
    margin-left: 0 !important;
    padding: 0 7px !important;
    position: relative !important;
		border-left: none !important;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.login a,
.renewHeader2016.headerLoginInfo .siteUtillity li.logout a {
	display: inline-block;
	width: 105px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	padding: 6px 0 5px;
	text-align: center;
	vertical-align: middle;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.login a {
	border: 1px solid #e73817;
	background: #ffeee2;
	color: #e73817 !important;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.logout a {
	border: 1px solid #777777;
	background: #ffffff;
	color: #333333;
}
.renewHeader2016.headerLoginInfo .siteUtillity li.login a.open:after,
.renewHeader2016.headerLoginInfo .siteUtillity li.logout a.open:after {
	content: url(/library/common/images2016/com_ic36.png);
}

#headerArea .headerLoginInfo .selectAreaChild a {
    color: #000;
    font-size: 13px;
}
.renewHeader2016.headerLoginInfo .loginChild {
	display: none;
	position: absolute;
	top: 33px;
	right: 0;
	padding: 10px;
	background: #ffffff;
	border-right: solid 2px #a3a3a3;
	border-bottom: solid 2px #a3a3a3;
	border-left: solid 2px #a3a3a3;
	z-index: 500;
}
.renewHeader2016.headerLoginInfo .loginChild .loginBox {
	display: table-cell;
	padding-left: 10px;
	border-left: solid 1px #e9e9e9;
}
.renewHeader2016.headerLoginInfo .selectAreaChild {
	display: none;
	position: absolute;
	top: 39px;
	right: 121px;
	padding: 14px 15px;
	background: #ffffff;
	border: solid 2px #e9e9e9;
	border-top: none;
	z-index: 500;
	font-size: 13px;
	line-height: 1.5;
}
.renewHeader2016.headerLoginInfo .selectAreaChild a {
	color: #000;
	font-size: 13px;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon01 {
	padding-left: 20px;
	background: url(/library/common/images/header/com_ic81.gif) 0 0.22em no-repeat;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon01 a {
	display: block;
	color: #eb5505;
	text-decoration: underline;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon01 a span {
	color: #000;
	display: block;
	line-height: 1;
	font-size: 15px;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon01.getArea span {
	color: #333;
	background-color: #f3f3f3;
	padding: 3px;
	font-size: 15px;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon02 {
	display: none;
	margin-top: 12px;
	margin-bottom: 0;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon02 a {
	display: block;
	padding-left: 22px;
	background: url(/library/common/images/header/com_ic82.gif) 0 0.09em no-repeat;
	line-height: 1.9;
	font-size: 12px;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .list li {
	padding-left: 10px;
	margin: 8px 0 0 0;
	background: url(/library/common/images/header/com_ic04.gif) 0 0.55em no-repeat;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .list li:first-child {
	margin-top: 0 !important;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon01 + .list {
	margin-top: 8px;
}
.renewHeader2016.headerLoginInfo .selectAreaChild .icon01 + .list li {
	margin: 8px 0 0 20px;
}
.renewHeader2016.headerLoginInfo .selectAreaChild.selectedArea .icon01 + .list {
	margin-top: 0;
}
.renewHeader2016.headerLoginInfo .selectAreaChild.selectedArea .icon01 + .list li {
	margin: 8px 0 0 0;
}
/* ie7 */
*:first-child+html .renewHeader2016.headerLoginInfo .siteUtillity li.login,
*:first-child+html .renewHeader2016.headerLoginInfo .siteUtillity li.logout {
	padding: 0px 7px 0px;
	line-height: 39px;
}
*:first-child+html .renewHeader2016.headerLoginInfo .siteUtillity li.login a,
*:first-child+html .renewHeader2016.headerLoginInfo .siteUtillity li.logout a {
	padding-top: 4px;
	padding-bottom: 7px;
}
*:first-child+html .renewHeader2016.headerLoginInfo .siteUtillity li.selectAreaBtn {
	line-height: 39px;
}
*:first-child+html .renewHeader2016.headerLoginInfo .selectAreaChild {
	top: 40px;
}
.renewHeader2016 .siteUtillity .officialLogo {
    line-height: 17px;
    margin-left: 17px;
}
.renewHeader2016 .siteUtillity .officialLogo a{
	padding:8px 0 0 !important;
	background: none;
}
.renewHeader2016 .siteUtillity .officialLogo a:hover img{
	opacity: 0.8;
}
.renewHeader2016.notTop .userUtillity li.last{
	margin-left: 20px;
}
.renewHeader2016.notTop .userUtillity li:hover{
	opacity: 0.6;
}
.renewHeader2016 #pbBlock2051909{
	width: auto;
	float:right;
}
.renewHeader2016 #gnavi {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.renewHeader2016.fixed #gnavi {
	padding: 5px 0;
}
.renewHeader2016 #gnavi li {
	float: left;
}
.renewHeader2016 #gnavi li ul li {
	border-right: none;
}
.renewHeader2016 #gnavi li ul li a {
	height: auto;
	padding: 0;
}
.renewHeader2016 #gnavi > li > a {
	position: relative;
	display: table-cell;
	width: 104px;
	height: 46px;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
}
.renewHeader2016 #gnavi > li a:hover {
	z-index: 300;
	margin: 0;
}
.renewHeader2016 #gnavi li a:hover {
	z-index: 300;
	color: #e83416;
}
.renewHeader2016 #gnavi > li > a:hover {
	text-decoration: none;	
	background: #eeeeee;
}
.renewHeader2016 #gnavi li .globalNavTitTypeA a:hover {
	text-decoration: none;
}
.renewHeader2016 #gnavi li > a > span {
	position: relative;
	display: block;
	width: 100%;
}
.renewHeader2016 #gnavi li > a > span:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #dddddd;
}
.renewHeader2016 #gnavi li:first-child > a > span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #dddddd;
}
.renewHeader2016 #gnavi .gnavi_tablet{
	width: 100% !important;
}
.renewHeader2016 #gnavi .gnavi_tablet > li{
	width: 14.2% !important;
}

.renewHeader2016 #gnavi .gnavi_tablet > li.hover > a {
	background: #eeeeee;
}
.renewHeader2016.fixed #gnavi.gnavi_tablet li.hover {
	display: block;
}
.renewHeader2016.fixed #gnavi.gnavi_tablet {
	display: none;
}
.safari .renewHeader2016.fixed #gnavi.gnavi_tablet {
	display: block;
}
.renewHeader2016 .inner #searchbox,
.renewHeader2016 .inner #typeBox {
	display: none;
}
.renewHeader2016_tablet.fixed .inner #searchbox,
.renewHeader2016_tablet.fixed .inner #typeBox {
	display: block;
}
.renewHeader2016.fixed #searchWidth #typeBox {
	display: none;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchWrap {
	height: 65px;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox {
	position: fixed !important;
	top: 11px;
	left: 50%;
	margin-left: -260px;
	z-index: 5100;
}
.safari .renewHeader2016_tablet.fixed + #searchWidth #searchbox {
	display: none;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox {
	float: right;
	width: 640px;
	border: solid 2px #0e0806;
	position: relative;
	z-index:10;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox .searchType {
	display: none;
	position: absolute;
	top: 33px;
	right: 100px;
	padding: 5px 10px;
	background: #ffffff;
	border: 1px solid #999999;
	z-index: 30;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox .searchType li:first-child {
	border-top: none;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox .searchType li a {
	display: block;
	padding: 3px 0;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox .searchTypeTxt {
	position: absolute;
	top: 8px;
	right: 108px;
	z-index: 20;
}
*:first-child + html .renewHeader2016_tablet.fixed + #searchWidth #searchbox .searchTypeTxt { /* 20141112 add */
	top: 10px;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox .searchTypeTxt a {
	display: inline-block;
	padding: 0 15px 0 6px;
	background: url(/extra/library/common/images2016/com_ic02.gif) no-repeat scroll 99% 48%;
	border-left: solid 1px #dddddd;
	font-size: 11px;
	font-size: 1.1rem; /* 20141112 add */
	white-space: nowrap;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #keywordList {
	display: none;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox input#id_q {
	width: 450px !important;
	border: none;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox .typeImg input#id_q,
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox .typeMap input#id_q {
	width: 480px !important;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox .typeSite input#id_q,
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox .typeWiki input#id_q {
	width: 460px !important;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox .typeOdm input#id_q {
	width: 435px !important;
}
.renewHeader2016_tablet.fixed + #searchWidth #searchbox #typeBox .typeOdm input#id_q {
	width: 435px !important;
}
.renewHeader2016 #gnavi .gnaviChild {
	display: none;
	position: absolute;
	top: 235px;
	left: 0;
	width: 100%;
	background: #f5f5f5;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15), -2px 2px 3px rgba(0, 0, 0, 0.15);
	z-index: 5000;
}





.renewHeader2016.fixed #gnavi .gnaviChild {
	top: 50px;
}
.renewHeader2016 #gnavi .gnaviChild .inner {
	width: 970px;
	margin: 0 auto;
	/*padding: 20px 0;*/
}
.renewHeader2016 #gnavi .gnaviChild .inner a:hover img {
	opacity: 0.6;
}
.renewHeader2016 #gnavi .gnaviChild .menu_tablet {
	line-height:20px;
	padding:0;
	margin:0 0 15px!important;
	display: none;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}
.renewHeader2016 #gnavi .gnaviChild .menu_tablet a:hover{
	background-color:#fff;
	display:block;
}
.renewHeader2016 #gnavi .gnaviChild.service_menu .menu_tablet {
	width:173px;
}
.renewHeader2016 #gnavi .gnaviChild.price_menu .menu_tablet {
	width:194px;
}
.renewHeader2016 #gnavi .gnaviChild.campaign_menu .menu_tablet {
	width:172px;
}
.renewHeader2016 #gnavi .gnaviChild.tv_menu .menu_tablet {
	width:183px;
}
.renewHeader2016 #gnavi .gnaviChild.event_menu .menu_tablet {
	width:219px;
}
.renewHeader2016 #gnavi .gnaviChild.support_menu .menu_tablet {
	width:230px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li.top {
	border-left:1px solid #e6e6e6;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li {
	border-right:1px solid #e6e6e6;
	float:left;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li.twoLine {
	padding-bottom: 1px;
	background: url(/extra/library/common/images2016/com_bg06.png) 0 100% no-repeat; 
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li.servicetwoLine {
	padding-bottom: 1px;
	background: url(/extra/library/common/images2016/com_bg07.png) 0 100% no-repeat; 
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li a:hover{
	background-color:#fff;
	display:block;
}
.renewHeader2016 #gnavi .gnaviChild .bannerList {
	padding:20px 0 30px;
	margin-bottom:4px;
	margin-left:23px;
}
.renewHeader2016 #gnavi .gnaviChild .bannerList li {
	float:left;
	margin-right:20px;
}
.renewHeader2016 #gnavi .gnaviChild .bannerList li a img{
	border:1px solid #e7e7e7;
}
.renewHeader2016 #gnavi .gnaviChild .bannerList li a:hover img{
	border:1px solid #ff7c7c;
}

.renewHeader2016 #gnavi .gnaviChild .mnavList li.top.service {
	width:333px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .servicetop {
	float:left;
	width:209px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .serviceTv_menu {
	float:right;
	/*padding:19px 2px 0 1px;*/
	padding:42px 2px 0 1px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .serviceTv_menu li{
	width:121px;
	float:none;
	border:none;
	margin:0 0 7px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .serviceTv_menu li a img{
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .serviceTv_menu li a:hover img{
	opacity: 1;
	background-color:#f5f5f5;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li.top.tv {
	width:958px;
	margin-bottom:20px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvtop {
	float:left;
	width:159px;
	margin:0;
	padding:0;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu {
	float:left;
	width:660px;
	margin:0;
	padding:0;
	position:relative;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu li{
	float:left;
	border:none;
	margin:0 5px 5px 0;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu li.last{
	float:left;
	border:none;
	margin:0 30px 5px 0;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu li.tv01_16{
	position:absolute;
	top:0px;
	left:598px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu li.tv01_jtv{
	position:absolute;
	top:0px;
	left:660px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu li.tv01_jch{
	position:absolute;
	top:49px;
	left:660px;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu li a img{
	margin:0;
	border:1px solid #e7e7e7;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .tvProgram_menu li a:hover img{
	margin:0;
	border:1px solid #fff;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li.top.support {
	width:957px;
	margin-bottom:10px;
	background-color:#fff;
	border:1px solid #e7e7e7;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .supporttop {
	float:left;
	width:318px;
	border-right:1px dotted #d2d2d2;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .supporttop a:hover img{
	opacity: 1;
	background-color:#fff7f5;	
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .supportfaq {
	float:left;
	width:319px;
	border-right:1px dotted #d2d2d2;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .supportfaq  a:hover img{
	opacity: 1;
	background-color:#fff7f5;	
}
.renewHeader2016 #gnavi .support .gnaviChild .genreTopLink {
	margin-bottom: 10px;
}
.renewHeader2016 #gnavi .support .gnaviChild .genreTopLink a {
	display: inline-block;
	padding-right: 15px;
	background: url(/extra/library/common/images2016/com_ic17.gif) 100% 50% no-repeat;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .support_menu li {
	float: left;
	border: none;
	border-left: solid 1px #e6e6e6;
}
.renewHeader2016 #gnavi .gnaviChild .mnavList li .support_menu li:first-child {
	border-left: none;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul {
	border-right: solid 1px #e6e6e6;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li {
	float: left;
	width: 99px;
	height: 190px;
	padding: 0;
	border-left: solid 1px #e6e6e6;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li > a {
	display: block;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li img {
	background-color: #f5f5f5;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li.community {
	width: 224px;
	padding-top: 10px;
	background-color: #e9e9e9;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li.community .title {
	display: block;
	padding: 0 10px;
	font-weight: bold;
	text-align: center;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li.life {
	padding: 0 10px;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li.drama,
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li.anime {
	padding: 0 4px 0 3px;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox .innerLink {
	padding: 0 10px;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li.drama .innerLink,
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox > ul > li.anime .innerLink {
	padding: 0 7px;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox .innerLink li {
	float: none;
	margin-top: 6px;
	border: none;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox .innerLink li:first-child {
	margin-top: 6px;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox .innerLink li a {
	display: inline-block;
	padding-left: 8px;
	background: url(/extra/library/common/images2016/com_ic04.gif) no-repeat 0 50%;
	font-size: 11px;
	font-size: 1.1rem;
	color: #666666;
}
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox .innerLink li.tv01_jtv a,
.renewHeader2016 #gnavi .gnaviChild .tvMenuBox .innerLink li.tv01_jch a {
	padding: 0;
	background: none;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox {
	margin-top: 15px;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox .btnList {
	float: left;
	margin-left: 20px;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox > .btnList:first-child {
	margin-left: 0;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox .btnList li {
	float: left;
	border: none;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox .innerLink {
	width: 130px;
	height: 50px;
	padding-top: 10px;
	background: url(/extra/library/common/images2016/com_bg08.gif) no-repeat 100% 50%;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox .innerLink li {
	float: none;
	margin: 2px 0 0 12px;
	border: none;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox .innerLink li:first-child {
	margin-top: 0;
}
.renewHeader2016 #gnavi .gnaviChild .tvLinkBox .innerLink li a {
	display: inline-block;
	padding-left: 10px;
	background: url(/extra/library/common/images2016/com_ic60.gif) no-repeat 0 50%;
	font-size: 11px;
	font-size: 1.1rem;
	color: #444444;
}

/* タッチデバイス表示時 */
.touchDevice .renewHeader2016 #gnavi .gnaviChild p.top {
}
.touchDevice .renewHeader2016 #gnavi .gnaviChild p.secondChild {
	border-top: 1px solid #dddddd;
}




/* .renewHeader2016 #gnavi --- */
.renewHeader2016 ul#gnavi {
  margin: 0 auto;
  box-sizing: border-box;
	display:table;
}
.renewHeader2016 .headTop {
  height: 71px;
}
.renewHeader2016 ul#gnavi > li {
  display: table-cell;
  vertical-align: middle;
}
.renewHeader2016 ul#gnavi > li.logo{
  background: url("/extra/library/common/images2016/bg_line_gnav01.png") 0 20px no-repeat;
}
.renewHeader2016 ul#gnavi > li > a {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 137px;
  line-height: 1.3;
  text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
  color: #666;
}
.renewHeader2016 ul#gnavi > li > a.currentPage {
  background-color: #fff;
  color: #e83416;
  border-bottom: 2px solid #e83416;
	padding-bottom: 0;
	height: 45px;
}
.renewHeader2016 ul#gnavi > li > a.currentPage:hover{
	height: 46px;
	padding-bottom: 2px;
  border-bottom: none;
	background-color: #eee;
}
.renewHeader2016 ul#gnavi > li.current > a:hover{
  background-color: #eee;
  color: #e83416;
  border-bottom: none;
}
/*
.renewHeader2016 ul#gnavi > li > a:after{
  content:url("/extra/library/common/images2016/bg_line_gnav01.png");
  position: absolute;
  top:20px;
  right:0;
  width: 1px;
  height: 13px;
}
*/
.renewHeader2016 ul#gnavi > li > ul {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15), -2px 2px 3px rgba(0, 0, 0, 0.15);
  top: 50px;
  left: 0;
  z-index: 100;
}
.renewHeader2016 ul#gnavi .gnaviChild {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #e0e0e0;
  top: 160px;
  left: 0;
  z-index: 100;
}
.renewHeader2016 ul#gnavi .service .gnaviChild,
.renewHeader2016 ul#gnavi .price .gnaviChild,
.renewHeader2016 ul#gnavi .campaign .gnaviChild,
.renewHeader2016 ul#gnavi .tv .gnaviChild,
.renewHeader2016 ul#gnavi .user .gnaviChild,
.renewHeader2016 ul#gnavi .support .gnaviChild,
.renewHeader2016 ul#gnavi .inquiry .gnaviChild {
  width: 100%;
  background: #eee;
  border: none;
  padding-bottom: 40px;
}
.renewHeader2016 ul#gnavi .gnaviChild .gnaviChildInner {
  width: 962px;
  margin: 0 auto;
  overflow: hidden;
}
.renewHeader2016 ul#gnavi .gnaviChild .root {
  padding: 27px 15px 20px 3px;
}
.renewHeader2016 ul#gnavi li .globalNavTitTypeA{
  font-size: 14px;
  position: relative;
  display: table-cell;
  box-sizing: border-box;
	font-weight: bold;
}
.renewHeader2016 ul#gnavi li .globalNavTitTypeA:after,
.localNavTitTypeA:after{
  content:"";
  display: block;
  width:8px;
  height:8px;
  border-top:1px solid #e83416;
  border-right:1px solid #e83416;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  top:50%;
  right:0;
  margin-top: -2px;
}
.renewHeader2016 ul#gnavi a{
	color:#333333;
}
.renewHeader2016 ul#gnavi li .globalNavTitTypeA.isNet::after,
.localNavTitTypeA.isNet::after{
  border-top:1px solid #0086cd;
  border-right:1px solid #0086cd;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList {
  width: 182px;
  float: left;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList.fRight {
	float: right;
}
.renewHeader2016 ul#gnavi .price .gnaviChild .menuList {
  width: 230px;
  float: left;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .campaign .gnaviChild .menuList {
  float: left;
}

.renewHeader2016 ul#gnavi .campaign .gnaviChild .menuList .logoItem{
  border-right: 1px solid #ddd;
}

.renewHeader2016 ul#gnavi .campaign .gnaviChild .top{
  border-left: 1px solid #ddd;
  float: left;
}
.renewHeader2016 ul#gnavi .campaign .gnaviChild .tv_linkbox{
	margin-top: 20px;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menuList {
  float: left;
  box-sizing: border-box;
  width: 80px;
  margin-right: 20px;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menuList:nth-child(7) {
  width: 90px;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menuList .logoItem {
  margin-bottom: 5px;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menuList .globalNavBoxChild2{
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menuList .globalNavBoxChild2 li{
  padding:0 0 0 2px;
  display: block;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menuList .globalNavBoxChild2 li a{
  background-position-x: 0;
  padding: 2px 3px 2px 9px;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menu_community {
  background-color: #ddd;
  padding-top: 10px;
  padding-bottom: 17px;
  width: 240px;
  overflow: hidden;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menu_community .title {
  display: block;
  font-weight: bold;
  padding: 0 10px 5px;
  text-align: center;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menu_community .logoItem {
  margin: 6px 0 5px 0;
  text-align: center;
}
.renewHeader2016 ul#gnavi .tv .gnaviChild .menu_community {
  text-align: center;
	float: right;
	margin-right: 0;
}
.renewHeader2016 ul#gnavi .btnList {
  float: left;
  overflow: hidden;
}
.renewHeader2016 ul#gnavi .last {
  margin: 0;
}
.renewHeader2016 ul#gnavi .btnList li {
  float: left;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .btnList li.mr00 {
	margin-right: 0;
}
.renewHeader2016 ul#gnavi .btnList li.mr20 {
	margin-right: 20px;
}
.renewHeader2016 ul#gnavi .btnList li a:link, .renewHeader2016 ul#gnavi .btnList li a:visited {
  background: none;
  padding: 0;
}
.renewHeader2016 ul#gnavi .btnList.isTypeText{
  display: table;
  overflow: hidden;
	width: 391px;
	margin-right: 0;
	float: right;
}
.renewHeader2016 ul#gnavi .btnList.isTypeText li{
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.renewHeader2016 ul#gnavi .btnList.isTypeText li a{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 120px;
  height: 46px;
	/*font-size: 9px;*/
	/*line-height: 1.5;*/
	font-family:'Noto Sans Japanese Light';
}
.renewHeader2016 ul#gnavi .btnList.isTypeText li a:hover{
  text-decoration: none;
  opacity: .7;
}
.renewHeader2016 ul#gnavi .btnList.isTypeText .linkSpecial a{
  color:#00489e !important;
}
.renewHeader2016 ul#gnavi .btnList.isTypeText .linkPreview a{
  color:#ff5600!important;
  width: 140px;
}
.renewHeader2016 ul#gnavi .btnList.isTypeText .linkFreeprogram a{
  color:#69a700!important;
  border-right: none;
}
.renewHeader2016 ul#gnavi .btnList.isTypeText li a span{
  font-size: 15px;
  font-family:'Noto Sans Japanese Light';
  display: block;
}

.renewHeader2016 .eventList{
  overflow: hidden;
}
.renewHeader2016 #gnavi .gnaviChild .inner.relativeBlock{
	position: relative;
}
.renewHeader2016 .btnTypeTopA{
  display: block;
  position: relative;
  padding: 0 15px 0 0;
  background: #ffffff;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 13px;
}
.renewHeader2016 .btnTypeTopA.isTypeEventA{
  box-sizing: border-box;
  width: 516px;
  height:100px;
  float: left;
  margin-right: 10px;
  position: relative;
	background: #fff;
}
.renewHeader2016 btnTypeTopA.isTypeEventA:after{
	border-top: none;
	border-right:none;
}
.renewHeader2016 .btnTypeTopA.isTypeEventA:last-child{
  margin-right: 0;
}
.renewHeader2016 .btnTypeTopA.isTypeEventA ul{
  position: absolute;
  top:8px;
  left:52.5%;
}
.renewHeader2016 ul#gnavi .btnTypeTopA.isTypeEventA ul li a{
  padding: 2px 5px 2px 11px;
  background-position-x: 0;
}

.renewHeader2016 .btnTypeTopA:after {
  content: "";
  display: none;
  width: 9px;
  height: 9px;
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -6px;
}
.renewHeader2016 .btnTypeTopB{
  box-sizing: border-box;
  width: 253px;
  height:100px;
  float: left;
  margin-right: 10px;
  border: none;
}
.renewHeader2016 .btnTypeTopB:last-child{
  margin-right: 0;
}
.renewHeader2016 .btnTypeTopC{
	position: absolute;
	bottom: 0;
	right: 10px;
}
.renewHeader2016 .btnTypeTopC img{
	vertical-align: bottom;
}
.renewHeader2016 ul#gnavi .event .gnaviChild .menuList {
  border-right: 1px solid #e6e6e6;
  width: 232px;
  float: left;
}
.renewHeader2016 ul#gnavi .event .gnaviChild .top{
  border-left: 1px solid #e6e6e6;
  width: 232px;

  float: left;
}
.renewHeader2016 ul#gnavi .support .gnaviChild .genreTopLink {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height: 1.5;
  background:url("/images_v2/header/icon_snavi_arrow.gif") no-repeat scroll 100% 50%;
  color: #333;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  padding: 0 15px 0 0;
  margin: 20px 0 10px 0;
  text-decoration: none;
}
.renewHeader2016 ul#gnavi .support .gnaviChild .genreTopLink a {
  text-decoration: none;
}
.renewHeader2016 ul#gnavi .support .gnaviChild .genreTopLink a:hover {
  text-decoration: underline;
}
.renewHeader2016 ul#gnavi .support .gnaviChild .menuList {
  width: 182px;
  float: left;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .support .gnaviChild .second_box .menuList {
  width: 240px;
  float: left;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .inquiry .gnaviChild .menuList {
  width: 184px;
  float: left;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .inquiry .areaInquiryChildTypeA{
  background-color: #ddd;
  padding: 18px;
  box-sizing: border-box;
  float: left;
  min-height: 169px;
}
.renewHeader2016 ul#gnavi .inquiry .areaInquiryChildTypeA > p {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.renewHeader2016 ul#gnavi .inquiry .areaInquiryChildTypeA.isTypeEntry{
  width: 567px;
  float: left;
}
.renewHeader2016 ul#gnavi .inquiry .areaInquiryChildTypeA.isTypeMember{
  width: 386px;
  margin-right: 2px;
}
.renewHeader2016 ul#gnavi .inquiry .isColorMember {
	font-weight: bold;
	color: #5e9600 !important;
}
.renewHeader2016 ul#gnavi .inquiry .isJcomColor{
	font-weight: bold;
	color: #e83316 !important;
}
.renewHeader2016 ul#gnavi .inquiry .areaInquiryChildTypeA .menuList{
  width: 170px;
  float: left;
  margin-right: 10px;
}
.renewHeader2016 ul#gnavi .inquiry .areaInquiryChildTypeA .menuList .txtInquiryA{
  padding: 16px 12px 0;
  font-size: 12px;
}
.renewHeader2016 ul#gnavi .inquiry .areaInquiryChildTypeA .menuList:last-child{
  margin-right: 0;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList .logoItem {
  margin-bottom: 16px;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList .list {
  padding-left: 12px;
	margin: 0;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList .list a {
  text-decoration: none;
  padding-left: 10px;
  font-size: 12px;
  line-height: 22px;
}

.renewHeader2016 ul#gnavi .service .gnaviChild .menuList.tv .list a {
  background: url(/extra/library/common/images2016/icon_list_tv.png) no-repeat left center;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList.net .list a {
  background: url(/extra/library/common/images2016/icon_list_net.png) no-repeat left center;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList.phone .list a {
  background: url(/extra/library/common/images2016/icon_list_phone.png) no-repeat left center;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList.mobile .list a {
  background: url(/extra/library/common/images2016/icon_list_mobile.png) no-repeat left center;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList.electricity .list a {
  background: url(/extra/library/common/images2016/icon_list_electricity.png) no-repeat left center;
}
.renewHeader2016 ul#gnavi .service .gnaviChild .menuList .list a:hover {
  text-decoration: underline;
}
.renewHeader2016 ul#gnavi li > ul > li {
  float: none;
  border-top: 1px solid #ddd;
  zoom: 1;
}
.renewHeader2016 ul#gnavi ul li a:link,
.renewHeader2016 ul#gnavi ul li a:visited {
  display: block;
  padding: 15px 10px 15px 28px;
  background: url(/extra/library/common/images2016/icon_arrow_default_large2.png) no-repeat 0 50%;
  line-height: 1.5;
  text-decoration: none;
	font-size: 12px;
}
.renewHeader2016 ul#gnavi ul li.isTypeA{
}
.renewHeader2016 ul#gnavi .globalNavBox1{
  display: table;
  width: 935px;
  margin: 35px 0 0 27px;
}
.renewHeader2016 ul#gnavi ul.globalNavBoxChild1{
  display: table-cell !important;
  width: 225px;
	vertical-align: top;
}
.renewHeader2016 ul#gnavi ul.globalNavBoxChild2{
  display: table-cell !important;
	width: 285px;
	vertical-align: top;
}
.renewHeader2016 ul#gnavi ul.globalNavBoxChild3{
  display: table-cell !important;
	width: 275px;
	vertical-align: top;
}
.renewHeader2016 ul#gnavi ul.globalNavBoxChild4{
  display: table-cell !important;
	vertical-align: top;
  width: 180px;
}
.renewHeader2016 ul#gnavi ul li.isTypeA a{
  padding: 3px 10px 3px 9px;
	font-size: 12px;
  background-position-x: 0;
}
.renewHeader2016 ul#gnavi ul li.isTypeA a{
}
.renewHeader2016 ul#gnavi ul li a:hover {
  text-decoration: underline;
}
.renewHeader2016 ul#gnavi ul li.top {
  display: none;
  border-top: none;
  font-weight: bold;
}
.renewHeader2016 ul#gnavi ul li.secondChild {
  border-top: none;
}
.renewHeader2016 ul#gnavi ul li.tv a:link,
.renewHeader2016 ul#gnavi ul li.tv a:visited {
  background-image: url(/extra/library/common/images2016/icon_arrow_tv_large2.png);
}
.renewHeader2016 ul#gnavi ul li.net a:link,
.renewHeader2016 ul#gnavi ul li.net a:visited {
  background-image: url(/extra/library/common/images2016/icon_arrow_net_large2.png);
}
.renewHeader2016 ul#gnavi ul li.phone a:link,
.renewHeader2016 ul#gnavi ul li.phone a:visited {
  background-image: url(/extra/library/common/images2016/icon_arrow_phone_large2.png);
}
.renewHeader2016 ul#gnavi ul li.mobile a:link,
.renewHeader2016 ul#gnavi ul li.mobile a:visited {
  background-image: url(/extra/library/common/images2016/icon_arrow_mobile_large2.png);
}
.renewHeader2016 ul#gnavi ul li.electricity a:link,
.renewHeader2016 ul#gnavi ul li.electricity a:visited {
  background-image: url(/extra/library/common/images2016/icon_arrow_electricity_large2.png);
}
.renewHeader2016 ul#gnavi ul li.child {
  border-top-style: dotted;
  margin-left: 20px;
}
.renewHeader2016 ul#gnavi ul li.banner {
  border: 0;
  margin: -1px;
}
.renewHeader2016 ul#gnavi ul li.banner a:link,
.renewHeader2016 ul#gnavi ul li.banner a:visited {
  background: none;
  padding: 10px;
  line-height: 1;
  background: #aaaaaa;
}
/* プルダウン表示時 */
.renewHeader2016 ul#gnavi li.current a,
.renewHeader2016 ul#gnavi li.current a:link,
.renewHeader2016 ul#gnavi li.current a:visited {
  position: relative;
  z-index: 101;
}
.renewHeader2016 ul#gnavi li.current ul,
.renewHeader2016 ul#gnavi li.current .gnaviChild {
  display: block;
  text-align: left;
}
.renewHeader2016 ul#gnavi li.current ul a:link,
.renewHeader2016 ul#gnavi li.current ul a:visited {
  border-bottom: none;
}
.renewHeader2016 ul#gnavi li.myjcom a {
  border-bottom: none !important;
}
/* タッチデバイス表示時 */
.touchDevice .renewHeader2016 ul#gnavi ul li.top {
  display: block;
}
.touchDevice .renewHeader2016 ul#gnavi ul li.secondChild {
  border-top: 1px solid #DDD;
}

/* ナビ非表示 */
#cnNavi.editDisplayNone {
	display: none;
}



















/* siteId */
#headerArea #siteId {
	margin: 25px 0 0;
}
.notTop #siteId {
	margin: 16px 0 0 !important;
} 
#headerArea #siteId img {
	vertical-align: bottom;
	font-size: 0;
}

/* companyLogo */
#headerArea #companyLogo {
	margin: 22px 0 0;
	text-align: right;
}

/* beginner */
#headerArea .beginner {
	margin: 0 0 0 37px;
	padding: 0 0 0 18px;
	background: url(/library/common/images2/header_ic01.gif) no-repeat 0 0.2em;
	line-height: 1.5;
}

/* searchbox */
#searchWrap {
	clear: both;
	margin: 20px 0 0 0;
	padding-bottom: 5px;
}
.notTop #searchWrap {
	margin: 17px 0 0 0 !important;
}
.noKeyword {
	margin-top: 5px !important;
}
html*.noKeyword { 
	margin-top: 10px !important;
}
#searchbox {
	padding: 0 69px 0 0;
}
.notTop #searchbox {
	padding: 0 !important;
}
#searchbox .searchType {
	overflow: hidden;
	float: left;
	zoom: 1;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 18px;
	padding-left: 0;
}
.notTop #searchbox .searchType {
	margin-left: 0;
}
#searchbox .searchType li {
	float: left;
	margin: 0 5px 0 -6px;
	padding: 0 5px;
	border-left: 1px solid #cccccc;
	white-space: nowrap;
	line-height: 1.1;
}
#searchbox .searchType li.searchOn {
	font-weight: bold;
}
#searchbox .searchType li.searchOn a,
#searchbox .searchType li.searchOn a:hover {
	cursor: default;
	color:#333333;
	text-decoration: none;
	outline: none;
}
#searchbox input {
	vertical-align: middle;
}
#searchbox .webSearch {
	width: 363px;
	height: 26px;
	padding: 2px 2px 2px 21px;
	background: url(/library/common/images3/header_bg01.gif) no-repeat 0 0;
	border: none;
	font-size: 110%;
}
html*#searchbox .webSearch { 
	height: 24px;
	padding: 6px 2px 0 21px;
}
.notTop #searchbox .webSearch {
	width: 338px;
	height: 29px;
	padding: 1px 6px;
	background: none;
	border: 1px solid #e0deda;
	cursor: text;
}
html*.notTop #searchbox .webSearch {
	height: 25px;
	padding: 8px 6px 0;
}
#searchbox .preText {
	background: #FFFFFF url(/library/common/images/header_tx01.gif) no-repeat 5px 3px;
}
#searchbox .wikiText {
	background: #FFFFFF url(http://rl.fresheye.com/relart/img/logo_fe1.gif) no-repeat 5px 3px;
}
#searchbox #keywordList {
	clear: both;
	margin-top: 3px;
}
#searchbox #keywordList dt {
	float: left;
	margin: 0 10px 0 0;
}
#searchbox #keywordList li {
	float: left;
	margin: 0 10px 0 0;
}
#searchbox .category {
	margin: 0;
	line-height: 1.1;
	text-align: right;
}
#searchbox .category a {
	display: inline-block;
	padding: 0 0 0 8px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 50%;
	white-space: nowrap;
}
#headerArea .corporateLogo {
	margin: 10px 0 3px 10px;
}
#headerArea .corporateLogo img {
	vertical-align: bottom;
	font-size: 0;
}
#headerArea #backLink {
	margin-top: 25px;
	text-align: center;
}
#headerArea .userUtillity {
	margin: 23px 0 0;
}
.notTop .userUtillity {
	margin: 14px 0 0 !important;
}
#headerArea .userUtillity li img {
	vertical-align: bottom;
}
#headerArea #trendKeyword {
	margin: 11px 0 0 18px;
}
#headerArea #trendKeyword .keywordList {
	min-height: 14px;
	_height: 14px !important;
	padding-left: 21px;
	background: url(/library/common/images3/header_ic02.gif) no-repeat 0 0.1em;
}
#headerArea #trendKeyword .keywordList li {
	float: left;
	margin: 0 10px 0 0;
	white-space: nowrap;
}

/* headList */
#headList {
	margin: 0 0 0 10px;
}
#headList li {
	padding: 0 0 0 8px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.2em;
	font-size: 83%;
	line-height: 1.2;
}
#headList li.first {
	font-weight: bold;
}

/* areaBox */
#areaBox {
	clear: both;
	margin: 8px 10px 0;
	border-top: solid 1px #d9d9d9;
}
#areaBox p {
	margin-bottom: 0;
}
#areaBox #areaHdg {
	margin: 3px 0 0;
	font-weight: bold;
	color: #3a8c00;
	font-size: 130%;
}
#areaBox #areaDetail {
	margin: 3px 0 0;
}
#areaBox #areaChange .iconLink01 {
	background: none;
	margin: 3px 0 0;
	padding: 0 0 5px 0;
}
#areaBox #areaChange .iconLink01 a {
	padding: 0 0 0 8px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 50%;
}

/* bannerBlock */
.bannerBlock01 {
	width: 600px;
	margin: 0 -10px 0 0;
	/*padding: 0 0 0 5px;*/
}
.bannerBlock01 .col {
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
}
.bannerBlock01 .col img {
	padding: 1px;
	border: solid 1px #cccccc;
	font-size: 0;
	vertical-align: bottom;
}


/*=================================

	footerArea

=================================*/
#footerBottom #footerCopyright {
	position: absolute;
	top: 15px;
	right: 0;
}
/*#footerBottom #companyLogo {
	position: absolute;
	top: 11px;
	right: 0;
}*/


/*=================================

	LoginBlock Layout

=================================*/

/*  loginBanner
-------------------------------------------------- */
.loginBanner .figureMiddle {
	width: 280px;
}

/*  scrollBlock
-------------------------------------------------- */
.scrollBlock {
	overflow: scroll;
	width: 480px;
	height: 180px;
	margin: 0 auto;
	padding: 10px;
	border: solid 1px #7f9db9;
	text-align: left;
}

/*  stepBlock
-------------------------------------------------- */
.stepBlock {
	width: 600px;
	margin: 20px 0 10px;
	padding: 12px 12px 12px 28px;
	background: url(/library/adult/common/images2/com_bg01.gif) no-repeat left bottom;
}
.stepBlock dt {
	float: left;
	width: 66px;
	margin: 2px 35px 0 0;
	font-size: 0;
}
.stepBlock dd {
	float: left;
	line-height: 1;
	font-size: 115%;
	font-weight: bold;
}


/*  form
-------------------------------------------------- */
.innerTable th,
.innerTable td {
	border: none;
	padding: 0 0 0 5px;
}
.hiddenTable02 {
	width: auto;
	margin: 0 auto;
}
.hiddenTable02 th,
.hiddenTable02 td {
	border: none;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.formButton01 {
	width: 300px;
}
.formInput01 {
	width: 150px;
}
.formInput01.error {
	background-color: #fecccd;
	border: solid 1px #879db5;
	padding: 1px 0;
}

/*  other
-------------------------------------------------- */
.iconLinkCenter01 a {
	background: url(/library/common/images/com_ic05.gif) no-repeat scroll 0 0.2em transparent;
	padding-left: 10px;
}
.iconLinkCenter01 img {
    margin: 0 5px;
    position: relative;
    top: 0.1em;
}


/*  form
-------------------------------------------------- */
.innerTable th,
.innerTable td {
	border: none;
	padding: 0 0 0 5px;
}
.hiddenTable01 {
	width: auto;
	margin: 0 auto;
}
.hiddenTable01 th,
.hiddenTable01 td {
	border: none;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.formButton01 {
	width: 300px;
}
.formInput01 {
	width: 150px;
}
.formInput01.error {
	background-color: #fecccd;
	border: solid 1px #879db5;
	padding: 1px 0;
}


/*=================================

	RightArea

=================================*/

/* loginBox */
#rightArea .loginBox01 {
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}
#rightArea .loginBox02 {
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}
#rightArea .loginBox01 .headingBlock {
	padding: 3px 0 3px 3px;
	background: #fee17b;
}
#rightArea .loginBox02 .headingBlock,
#rightArea .loginBox03 .headingBlock {
	padding: 3px 0 3px 10px;
	background: #fee17b;
}
#rightArea .loginBox01 .headingBlock .text,
#rightArea .loginBox02 .headingBlock .text {
	overflow: hidden;
	float: left;
	margin: 4px 0 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	line-height: 1;
}
#rightArea .loginBox01 .headingBlock .link {
	float: right;
	margin: 0 3px 0 0;
	padding-left: 15px;
	white-space: nowrap;
	font-size: 77%;
	background: url(/library/common/images2/aside_ic01.gif) no-repeat 0 0.1em;
}
#rightArea .loginBox02 .service ul {
	margin: 3px 5px 0 0;
}
#rightArea .loginBox02 .service ul li img {
	vertical-align: bottom;
}
#rightArea .loginBox02 .before,
#rightArea .loginBox02 .after {
	display: none;
}
#rightArea .loginBox02 .before p {
	margin: 3px 3px 0 10px;
}
#rightArea .loginBox02 .before .link {
	margin: 0 3px 3px 10px;
	padding-left: 15px;
	background: url(/library/common/images2/aside_ic26.gif) no-repeat 0 0.3em;
}
#rightArea .loginBox01 .headingBlock .logout,
#rightArea .loginBox02 .headingBlock .logout {
	float: right;
	margin: 0 3px 0 0;
	padding-left: 15px;
	white-space: nowrap;
	background: url(/library/common/images2/aside_ic04.gif) no-repeat 0 0.2em;
}
#rightArea .loginBox01 table {
	width: 100%;
	margin: 0 0 5px 0;
}
#rightArea .loginBox01 table td {
	padding: 5px 0 2px 5px;
	vertical-align: middle;
	line-height: 1.2;
	font-size: 90%;
}
#rightArea .loginBox01 table .iconLink01 {
	background: url(/library/common/images/com_ic05.gif) no-repeat scroll 0 0.3em;
}
#rightArea .loginBox01 .input01 {
	width: 80px;
}
#rightArea .error .input01 {
	background-color: #fecccd;
	border: solid 1px #879db5;
	padding: 1px 0;
}
#rightArea .loginBox02 .icon {
	float: right;
	padding-left: 10px;
	text-align: right;
	width: 8em;
border-left: solid 1px #cccccc;
}
#rightArea .loginBox02 .icon ul li {
	display: inline;
	margin-right: 8px;
	font-size: 0;
}
#rightArea .loginBox02 .service {
	padding: 5px 0 5px 10px;
}
#rightArea .loginBox02 .service .infoText {
	margin: 0 10px 0 0;
	font-size: 83%;
	text-align: right;
}
#rightArea .loginBox02 .areaInfo {
	overflow: hidden;
}
#rightArea .loginBox02 .areaInfo .iconLink01 {
	padding-left: 10px;
	line-height: 1.2;
	background: url(/library/common/images/com_ic05.gif) no-repeat scroll 0 0.4em;
}
#rightArea .loginBox02 .areaInfo .area {
	font-weight: bold;
	color: #318607;
	line-height: 1.3;
}
#rightArea .loginBox02 .iconList01 {
	clear: both;
	width: 280px;
	margin: 3px 0 0 0;
	padding-top: 7px;
}
#rightArea .loginBox02 .iconList01 li {
	float: left;
	margin-right: 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat scroll 0 0.3em;
	font-size: 83%;
}

/* campaignBox */
#rightArea .campaignBox01 {
	margin-bottom: 10px;
	padding: 5px 10px 10px;
	border: 1px solid #cccccc;
}
#rightArea .campaignBox01 .headingText {
	margin-bottom: 5px;
	padding-left: 28px;
	font-size: 130%;
	font-weight: bold;
	background: url(/library/common/images2/aside_ic02.gif) no-repeat 0 0.2em;
}

/* bannerBox */
#rightArea .bannerBox01 {
	margin-bottom: 10px;
	text-align: center;
}
#rightArea .bannerBox01 img {
	border: solid 1px #cccccc;
	font-size: 0;
	vertical-align: bottom;
}

/* entryBox */
#rightArea .entryBox01 {
	margin-bottom: 10px;
	border: solid 1px #fad8af;
}

#rightArea .entryBox01 .hdgType02 {
	margin: 0;
	border: none;
}
#rightArea .entryBox01 .hdgType02 span {
	border-bottom: solid 1px #f48418;
	font-weight: bold;
	color: #ff8811;
}
#rightArea .entryInner {
	padding: 7px 16px;
	background: url(/library/common/images2/aside_bg07.gif) no-repeat 0 bottom;
}
#rightArea .entryInner img {
	vertical-align: bottom;
}

/* serviceBox */
#rightArea .serviceBox01 {
	margin-bottom: 10px;
	border: solid 1px #cccccc;
}
#rightArea .serviceBox01 .hdgType02 {
	margin: 0;
	border: none;
}
#rightArea .serviceInner {
	padding: 7px 9px 10px;
}
#rightArea .serviceInner img {
	vertical-align: bottom;
}
#rightArea .serviceInner .serviceBtn01 {
	overflow: hidden;
	width: 288px;
	margin-right: -8px;
}
#rightArea .serviceInner .serviceBtn01 li {
	float: left;
	margin-right: 8px;
}

/* csBox */
#rightArea .csBoxInner01 {
	padding: 9px 9px 0;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
#rightArea .csBoxInner01 .heading {
	margin-bottom: 0;
	padding-bottom: 3px;
	border-bottom: solid 1px #dddddd;
	line-height: 1;
}
#rightArea .csBoxInner01 .heading span {
	padding-left: 8px;
	border-left: solid 3px #ff8811;
	font-weight: bold;
}
#rightArea .csBoxInner01 .serviceBtn01 {
	overflow: hidden;
	width: 288px;
	margin-right: -8px;
	padding-bottom: 10px;
}
#rightArea .csBoxInner01 .serviceBtn01 li {
	float: left;
	margin-right: 8px;
}
#rightArea .csBoxInner01 .smallIcon {
	padding-top: 5px;
}
#rightArea .csBoxInner01 .smallIcon li {
	padding: 0 0 3px 15px;
	background: url(/library/common/images2/aside_ic21.gif) no-repeat 5px 0.5em;
	line-height: 1.2;
}
#rightArea .csBoxInner02 {
	margin-bottom: 10px;
	padding: 0 8px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
#rightArea .csBoxInner02 .banner {
	margin-bottom: 5px;
}
#rightArea .csBoxInner02 .banner img {
	vertical-align: bottom;
}
#rightArea .csBoxInner02 .linkText {
	line-height: 1.2;
}
#rightArea .adultInfoWrap {
  margin-bottom: 10px;
}
#rightArea .adultInfoBox {
  padding: 5px;
	background-color: #f2f2f2;
}
#rightArea .adultInfoBox .inner {
	background-color: #ffffff;
  border: solid 1px #cccccc;
}
#rightArea .adultInfoBox .categoryTitle {
	margin: 0;
	padding: 3px 9px;
  border-top: solid 2px #c986c5;
	background-color: #efdbee;
	font-weight: bold;
}
#rightArea .adultInfoBox .asideBody01 {
  padding: 5px 10px;
}
#rightArea .adultInfoBox p {
	margin: 0 0 3px;
}
#rightArea .adultInfoBox #adult02 {
	margin-left: 10px;
}
#rightArea .adultInfoBox .adultBtn .adulton {
	width:130px;
	float:left;
}
#rightArea .adultInfoBox .adultBtn .adultoff {
	width:130px;
	float:right;
}
#rightArea .adultInfoBox .textbold {
	font-weight:bold;
}
#rightArea .adultInfoBox .linkic01 {
	padding-left: 10px;
	background: url(/library/common/images/com_ic05.gif) no-repeat 0 0.5em;
}

#rightArea .adultInfoBox .linkic01.linkic01on {
	padding-left: 10px;
	background: url(/library/common/images/com_ic75.gif) no-repeat 0 0.5em;
}
#rightArea .ondemandBox01 {
	border: 1px solid #cccccc;
  margin-bottom: 10px;
}
#rightArea .ondemandBox01 p {
	margin-bottom: 5px;
}
#rightArea .ondemandBox01 .hdg01 {
	padding: 6px 0;
	background: #feeeb3 url(/library/common/images2/aside_ic27.gif) no-repeat 98% 50%;
	height: auto !important;
	font-weight: bold;
}
#rightArea .ondemandBox01 .hdg01 span {
	padding: 5px 0 5px 33px;
	background: url(/library/common/images2/aside_ic28.gif) no-repeat 6px 50%;
}
#rightArea .ondemandBox01 .movie {
	padding: 0 0 0 27px;
	background: url(/library/common/images2/aside_ic29.gif) no-repeat 7px 50%;
}
#rightArea .mailmagazineBox01 {
  margin-bottom: 10px;
}
#rightArea .mailmagazineBox01 .banner {
  margin-bottom: 0;
	text-align: center;
}
#rightArea .mailmagazineBox01 img {
	vertical-align: bottom;
}

/* naviStyle */
#glNavi li {
	position: relative;
	float: left;
	z-index: 50;
}
#glNavi li img {
	vertical-align: bottom;
}
#glNavi li .children {
	display: none;
	position: absolute;
	top: 51px;
	left: 0;
	width: 180px;
	background: #ffffff;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	z-index: 100;
}
#glNavi li.wide01 .children {
	width: 260px;
}
#glNavi li .children li {
	float: none;
	margin: 0;
	border-bottom: 1px solid #d0d0d0;
}
#glNavi li .children li a {
	display: block;
	padding: 6px 10px 6px 24px;
	background: url(/library/common/images3/header_ic03.gif) no-repeat 7px 0.8em;
	text-decoration: none;
	color: #333333;
	zoom: 1;
}
#glNavi li .children li a:hover {
	display: block;
	padding: 6px 10px 6px 24px;
	background: #ebebeb url(/library/common/images3/header_ic04.gif) no-repeat 7px 0.8em;
	color: #ff9000;
	zoom: 1;
}

#cnNavi ul {
	background: url(/library/common/images2/cnNavi_bg01.gif) repeat-x 0 0;
}
#cnNavi li {
	float: left;
	font-size: 0;
}

#cnsNavi ul {
	overflow: hidden;
	background: url(/library/common/images2/cnsNavi_bg01.gif) repeat-x 0 0;
}
#cnsNavi li {
	display: inline;
	float: left;
	margin-left: -1px;
	font-size: 0;
}
#cnsNavi li a {
	display: block;
	padding: 7px 11px 7px 0;
}
#cnsNavi li span {
	display: block;
	padding-left: 10px;
	border-left: 1px solid #dddddd;
}
#cnsNavi li.noLinkNavi span {
	display: block;
	padding: 7px 11px 7px 0;
	border-left: none;
}
#cnsNavi li.noLinkNavi span img {
	padding-left: 10px;
	border-left: 1px solid #dddddd;
}

#grNavi,
#grNavi02 {
	display: none;
}
#grNavi li,
#grNavi02 li {
	float: left;
	font-size: 0;
}
#grNavi li img,
#grNavi02 li img, {
	vertical-align: bottom;
}

#grsNavi ul {
	overflow: hidden;
}
* html #grsNavi ul {
	height: 24px;
}
.movieGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg01.gif) repeat-x 0 0;
}
.dramaGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg02.gif) repeat-x 0 0;
}
.sportsGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg03.gif) repeat-x 0 0;
}
.anime-kidsGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg04.gif) repeat-x 0 0;
}
.musicGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg05.gif) repeat-x 0 0;
}
.lifeGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg06.gif) repeat-x 0 0;
}
.entertainmentGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg07.gif) repeat-x 0 0;
}
.channelGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg08.gif) repeat-x 0 0;
}
.jcomondemandGrsNaviType {
	background: url(/library/common/images2/grsNavi_bg09.gif) repeat-x 0 0;
}
#grsNavi li {
	display: inline;
	float: left;
	margin-left: -1px;
	font-size: 0;
}
#grsNavi li a {
	display: block;
	padding: 7px 11px 8px 0;
	text-decoration: none;
}
#grsNavi li span {
	display: block;
	padding-left: 10px;
	border-left: 1px solid #dddddd;
}
.jcomondemandGrsNaviType li a {
	padding: 7px 10px 8px 0 !important;
}
.jcomondemandGrsNaviType li span {
	padding-left: 8px !important;
}
#grsNavi .related img {
	float: left;
	margin: 7px 10px 7px 0;
	padding-left: 10px;
	border-left: 1px solid #dddddd;
}
#grsNavi .related ul {
	float: left;
  overflow: hidden;
}
#grsNavi .related ul li {
	margin: 0;
}
#grsNavi .related ul li span {
	padding: 0;
	border: none;
}
#grsNavi .related ul li img {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
}

#categoryNavi01 {
	margin-bottom: 15px;
	padding: 5px 9px;
	background: #eeeeee;
}
#categoryNavi01 p {
	float: left;
	margin: 0 5px 0 0;
	font-weight: bold;
	color: #e6261a;
}
#categoryNavi01 ul {
	overflow: hidden;
}
#categoryNavi01 ul li {
	float: left;
	margin: 0 20px 0 -5px;
	padding: 0 0 0 15px;
	white-space: nowrap;
	background: url(/library/common/images2/com_bg03.gif) no-repeat 0 0;
}
#categoryNavi01 ul li a {
	padding-left: 10px;
	background: url(/library/common/images2/com_ic03.gif) no-repeat 0 50%;
}
#categoryNavi01 ul li em {
	padding-left: 10px;
	background: url(/library/common/images2/com_ic03.gif) no-repeat 0 50%;
	font-weight: bold;
}

#mainArea .frameWrap02 {
	margin-bottom: 15px;
	padding: 7px 7px 7px 6px;
	background-color: #f2f2f2;
}
#mainArea .frameWrap02 .inner {
	padding: 0 10px 5px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	zoom: 1;
}
#mainArea .frameWrap02 .innerScroll {
	padding: 0 0 0 10px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	zoom: 1;
}
#mainArea .frameWrap02 .hdg01 {
	margin: 0 -10px 10px;
	overflow: hidden;
	line-height: 1;
	font-size: 0;
}
#mainArea .frameWrap02 .scrollBox {
	overflow-y: scroll;
	height: 80px;
	padding-top: 10px;
}
#mainArea .frameWrap02 .newsList01 {
	margin-bottom: 0;
}

#suggest_input_border {
	margin-right: 1px;
	display: inline-block;
	vertical-align: middle;
}

* html #suggest_input_border {
	display:inline;
	zoom:1;
}
*:first-child + html #suggest_input_border {
	display:inline;
	zoom:1;
}

/* News Box
-------------------------------- */
#tvNewsBox p {
	margin-bottom: 0;
}
#tvNewsBox img {
	vertical-align: bottom;
}
#tvNewsBox .tabNavi {
	background: url(/library/common/images2/tv_bg01.gif) repeat-x 0 0;
}
#tvNewsBox .tabNavi li {
	float: left;
	overflow: hidden;
	margin: 0 3px 0 0;
}
#tvNewsBox .tabNavi a {
	display: block;
	height: 24px;
	text-indent:-5000px;
}
/* tabFirst */
#tvNewsBox .tabNavi .tabFirst {
	width: 87px;
}
#tvNewsBox .tabNavi .tabFirst a {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat 0 0;
}
#tvNewsBox .tabNavi .tabFirst a:hover,
#tvNewsBox .tabNavi .tabFirst a.tabSelected {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat 0 -24px;
}
/* tabSecond */
#tvNewsBox .tabNavi .tabSecond {
	width: 90px;
}
#tvNewsBox .tabNavi .tabSecond a {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -90px 0;
}
#tvNewsBox .tabNavi .tabSecond a:hover,
#tvNewsBox .tabNavi .tabSecond a.tabSelected {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -90px -24px;
}
/* tabThird */
#tvNewsBox .tabNavi .tabThird {
	width: 88px;
}
#tvNewsBox .tabNavi .tabThird a {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -183px 0;
}
#tvNewsBox .tabNavi .tabThird a:hover,
#tvNewsBox .tabNavi .tabThird a.tabSelected {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -183px -24px;
}
/* tabForth */
#tvNewsBox .tabNavi .tabForth {
	width: 89px;
}
#tvNewsBox .tabNavi .tabForth a {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -274px 0;
}
#tvNewsBox .tabNavi .tabForth a:hover,
#tvNewsBox .tabNavi .tabForth a.tabSelected {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -274px -24px;
}
/* tabFifth */
#tvNewsBox .tabNavi .tabFifth {
	width: 89px;
}
#tvNewsBox .tabNavi .tabFifth a {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -366px 0;
}
#tvNewsBox .tabNavi .tabFifth a:hover,
#tvNewsBox .tabNavi .tabFifth a.tabSelected {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -366px -24px;
}
/* tabSixth */
#tvNewsBox .tabNavi .tabSixth {
	width: 89px;
}
#tvNewsBox .tabNavi .tabSixth a {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -458px 0;
}
#tvNewsBox .tabNavi .tabSixth a:hover,
#tvNewsBox .tabNavi .tabSixth a.tabSelected {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -458px -24px;
}
/* tabSeventh */
#tvNewsBox .tabNavi .tabSeventh {
	width: 89px;
	margin-right: 0;
}
#tvNewsBox .tabNavi .tabSeventh a {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -550px 0;
}
#tvNewsBox .tabNavi .tabSeventh a:hover,
#tvNewsBox .tabNavi .tabSeventh a.tabSelected {
	background: url(/library/common/images2/tv_bg01.gif) no-repeat -550px -24px;
}
#tvNewsBox .tabBox {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 10px 10px 0 10px;
}
#tvNewsBox .heading {
	border-top: 3px solid #f48418;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	font-weight: bold;
	padding: 5px 10px;
	background: url(/library/common/images2/tv_bg02.gif) no-repeat 50% 100%;
}

/* News List
-------------------------------- */
#tvNewsBox .tabBox {
	display: none;
}
#tvNewsBox .newsList,
#tvNewsBox .newsListNoDate {
	overflow: hidden;
	zoom: 1;
}
#tvNewsBox .newsList li,
#tvNewsBox .newsListNoDate li {
	clear: both;
	overflow: hidden;
	display: block;
	width: 440px;
	padding: 0 0 0 25px;
	background: url(/library/files/images/top_ic01.gif) no-repeat 7px 50%;
}
#tvNewsBox .aR {
	width: 465px;
	margin-top: 5px;
}
#tvNewsBox .newsList li.new,
#tvNewsBox .newsListNoDate li.new {
	background: url(/library/files/images/top_ic02.gif) no-repeat 0 50%;
}
#tvNewsBox .newsList li a {
	float: left;
	overflow: hidden;
	padding: 0 10px 0 0;
	white-space: nowrap;/*
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;*/
}
#tvNewsBox .newsListNoDate li a {
	width: 400px;
	overflow: hidden;
	padding: 0 25px 0 0;
	white-space: nowrap;/*
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;*/
}
#tvNewsBox .newsList li a.photo,
#tvNewsBox .newsList li a.movie,
#tvNewsBox .newsListNoDate li a.photo,
#tvNewsBox .newsListNoDate li a.movie {
	margin-right: 10px;
	padding: 0 25px 0 0;
}
#tvNewsBox .newsList li .update {
	display: block;
	margin-top: 3px;
}
#tvNewsBox .figureRight {
	margin: 2px 0 0 10px;
	text-align: center;
}
#tvNewsBox .figureRight .txSmall {
	margin: 5px 0 0 0;
	overflow: hidden;
	white-space: nowrap;
	/*text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;*/
	text-align: left;
	line-height: 1.2;
	width: 135px;
	display: block;
}
#tvNewsBox .figureRight .txSmall a {
	width: 135px;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
}
#tvNewsBox .figureRight .copy {
	margin: 0;
	line-height: 1.2;
}
#tvNewsBox .newsList li a.movie,
#tvNewsBox .newsListNoDate li a.movie {
	background: url(/library/files/images/top_ic03.gif) no-repeat 100% 50%;
}
#tvNewsBox .newsList li a.photo,
#tvNewsBox .newsListNoDate li a.photo {
	background: url(/library/files/images/top_ic04.gif) no-repeat 100% 50%;
}
#tvNewsBox .figureRight {
	width: 135px;
}

/* 広告 */
.adLinkCol {
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
/*	padding: 0 10px 10px 10px;
*/}
.adLinkCol .iconLink01 {
	margin-bottom: 0;
}
.adLink {
	clear: both;
	padding: 0 0 0 33px;
	background: #eeeeee url(/library/files/images/top_ic05.gif) no-repeat 0 0.1em;
}


/* #addSelectBox
-------------------------------- */
#addSelectBox p {
	margin: 0;
}
#addSelectBox .leadTxt {
	margin: 5px 0 0 20px;
}
#addSelectBox .selectFrame {
	clear: both;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(/library/files/login/login_bg08.gif) no-repeat 0 100%;
}
#addSelectBox .selectFrame .inner {
	padding: 15px 10px 0 20px;
	background: url(/library/files/login/login_bg07.gif) no-repeat 0 0;
}
#addSelectBox .selectFrame .txtCol {
	float: left;
	width: 280px;
}
#addSelectBox .selectFrame .txtCol p {
	font-size: 14px;
}
/* tooltip */
#addSelectBox .selectFrame .tooltipBox {
	position: relative;
}
#addSelectBox .selectFrame .tooltipBox dt {
	font-size: 10px;
	padding-left: 7px;
	background: url(/library/files/login/login_ic01.gif) no-repeat 0 50%;
}
#addSelectBox .selectFrame .tooltipBox dd {
	display: none;
}
#addSelectBox .selectFrame .btnListCol {
	float: right;
	width: 320px;
}
#addSelectBox .selectFrame .btnListCol li {
	float: left;
	margin-right: 10px;
}

#addSelectBox .selectFrame .btnListCol01 li {
	text-align: right;
	margin-right: 10px;
}


#addSelectBox #tooltipBody {
	display: none;
	position: absolute;
	top: 3px;
	left: 35px;
	margin-left: -20px;
	cursor: pointer;
}
#addSelectBox #tooltipBody .inner {
}
#addSelectBox #tooltipBody .inner p {
	font-size: 12px !important;
}

#addSelectBox #tooltipBody .inner span.tipClose {
	display: block;
	margin-top: 5px;
	text-align: center;
}

/* Form FEO
-------------------------------- */
.InputFormBackgroundColor{
	background-color:#FFE8B2;
}
.queryFormErrorMessage{
	color:#FF0000;
}
.pbCornerQueryLabelRequired{
	color:#FF0000;
}
.pbCornerQueryLabelOption{
	color:#999999;
}



/* clearfix
================================ */
#addSelectBox .selectFrame .inner:after,
#addSelectBox .selectFrame .btnListCol:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

#addSelectBox .selectFrame .inner,
#addSelectBox .selectFrame .btnListCol {
	display:block;	/* for safari firefox3 対象ブラウザにsafari が含まれていれば */
	zoom:1;
}

/* for IE7 */
*:first-child+html #addSelectBox .selectFrame .inner,
*:first-child+html #addSelectBox .selectFrame .btnListCol {
	display:inline-table;
}

/* iframeAreaWrap */
.iconType {
	position: fixed;
	display: none;
  width: 700px;
  height: auto;
  background-color: #ffffff;
  z-index: 1000;
}
* html .iconType {
	position: absolute;
}
.iconType iframe.adult01 {
	overflow: hidden;
  width: 100%;
  height: 245px;
  border: none;
  background-color: #ffffff;
}
.iconType iframe.adult02 {
	overflow: hidden;
  width: 100%;
  height: 540px;
  border: none;
  background-color: #ffffff;
}
#modalOverlay {
	display: none;
  position: fixed !important;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
	z-index: 999;
}
* html #modalOverlay {
  position: absolute !important;
	width: 1500px;
	height: 1500px;
}
.modalClose {
	padding: 20px 0;
	border-top: solid 1px #d0d0d0;
	text-align: center;
}

.adult03{
	padding-bottom:30px;
	padding-left:184px;
}

.adultQuestionBefore{
	display:none;
}
.adultQuestionAfterOn{
	display:none;
}

ul.adultBtn li,.linkic01{
	cursor:pointer;
}

.adult03 li{
	float:left;
	margin-right:20px;
}

.adult04 li{
	text-align:center;
	margin-bottom:28px;
}


.adult03:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

.adult03 {
	display:block;
	zoom:1;
}

*:first-child+html .adult03 {
	display:inline-table;
}

/*=================================

	Clearfix

=================================*/
.tabNavi:after,
.tabBox:after,
#headerArea .startPageCol:after,
#headerArea .headInner:after,
.serviceBox .serviceCol:after,
.serviceBox .serviceTwoCol:after,
#rightArea .pluginNewsBox01:after,
.bannerBlock01:after,
#rightArea .loginBox02 .icon ul:after,
#rightArea .loginBox02 .service:after,
#rightArea .loginBox02 .iconList01:after,
#rightArea .loginBox03 .iconList01:after,
#rightArea .loginBox03 .icon ul:after,
.stationBox01:after,
.stepBlock:after,
#procedureBox01 .procedureLink:after,
#rightArea .headingBlock:after,
#rightArea .serviceInner .serviceBtn01:after,
#glNavi ul:after,
#cnNavi ul:after,
#cnsNavi ul:after,
#grNavi ul:after,
#grNavi02 ul:after,
#grsNavi .related:after,
#grsNavi .related span:after,
#categoryNavi01 ul:after,
#headerArea .siteUtillity:after,
#headerArea #trendKeyword .keywordList:after,
#rightArea .adultInfoBox .adultBtn:after,
.movieInfo01 .number dd ul:after,
.movieInfo01 .course dd ul:after,
.renewHeader2016 .menuListWrap:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

.tabNavi,
.tabBox,
#headerArea .startPageCol,
#headerArea .headInner,
.serviceBox .serviceCol,
.serviceBox .serviceTwoCol,
#rightArea .pluginNewsBox01,
#rightArea .loginBox02 .icon ul,
#rightArea .loginBox02 .service,
#rightArea .loginBox02 .iconList01,
#rightArea .loginBox03 .iconList01,
#rightArea .loginBox03 .icon ul,
.stationBox01,
.stepBlock,
#procedureBox01 .procedureLink,
#rightArea .headingBlock,
#rightArea .serviceInner .serviceBtn01,
#glNavi ul,
#cnNavi ul,
#cnsNavi ul,
#grNavi ul,
#grNavi02 ul,
#grsNavi .related,
#grsNavi .related span,
#categoryNavi01 ul,
#headerArea .siteUtillity,
#headerArea #trendKeyword .keywordList,
#rightArea .adultInfoBox .adultBtn,
.movieInfo01 .number dd ul,
.movieInfo01 .course dd ul,
.renewHeader2016 .menuListWrap {
	display:block;
	zoom:1;
}

/* for IE7 */
*:first-child+html .tabNavi,
*:first-child+html .tabBox,
*:first-child+html #headerArea .startPageCol,
*:first-child+html #headerArea .headInner,
*:first-child+html .serviceBox .serviceCol,
*:first-child+html .serviceBox .serviceTwoCol,
*:first-child+html #rightArea .pluginNewsBox01,
*:first-child+html #rightArea .loginBox02 .icon ul,
*:first-child+html #rightArea .loginBox02 .service,
*:first-child+html #rightArea .loginBox02 .iconList01,
*:first-child+html #rightArea .loginBox03 .iconList01,
*:first-child+html #rightArea .loginBox03 .icon ul,
*:first-child+html .stationBox01,
*:first-child+html .stepBlock,
*:first-child+html #procedureBox01 .procedureLink,
*:first-child+html #rightArea .headingBlock,
*:first-child+html #rightArea .serviceInner .serviceBtn01,
*:first-child+html #glNavi ul,
*:first-child+html #cnNavi ul,
*:first-child+html #cnsNavi ul,
*:first-child+html #grNavi ul,
*:first-child+html #grNavi02 ul,
*:first-child+html #grsNavi .related,
*:first-child+html #grsNavi .related span,
*:first-child+html #categoryNavi01 ul,
*:first-child+html #headerArea .siteUtillity,
*:first-child+html #headerArea #trendKeyword .keywordList,
*:first-child+html #rightArea .adultInfoBox .adultBtn,
*:first-child+html .movieInfo01 .number dd ul,
*:first-child+html .movieInfo01 .course dd ul,
*:first-child+html .renewHeader2016 .menuListWrap {
	display:inline-table;
}

/***CLEARFIX***/
.anh_clearfix {
    zoom: 100%;
}

.anh_clearfix:after {
    content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.anh_clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .anh_clearfix {height: 1%;}
.anh_clearfix {display: block;}
/* End hide from IE-mac */

#anh_cntcopyright{
	clear:both;
	margin-top:20px;
	padding: 10px 0;
	border-top:1px solid #ddd;

}

/* 初期設定修正分
------------------------------ */
#page {
	background: url(/library/common/images4/header_bg01.gif) repeat-x 0 0;
}
#headerArea .startPageCol  {
	height: 19px;
}
#headerArea .headInner {
	padding-bottom: 8px;
}
#headerArea .headerLoginInfo .startPage {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-left: 0;
}
#headerArea .startPage {
	font-size: 10px;
}
#headerArea .siteUtillity {
	width: auto;
}
#headerArea .siteUtillity li {
	font-size: 10px
}
#headerArea .siteUtillity li a {
	color: #333333;
}
#headerArea .siteUtillity li a:hover {
	text-decoration: underline;
}
.notTop #siteId,
.notTop #searchWrap,
.notTop .userUtillity {
	margin: 10px 0 0 !important;
}
.notTop #typeBox {
	width: 479px;
	margin-left: 31px;
}
* html .notTop #typeBox .select {
	vertical-align: middle;
}
.notTop #typeBox .select {
	position: relative;
	float: left;
	width: 78px;
	height: 30px;
	padding: 0 5px 0 0;
	border-top: solid 1px #999999;
	border-right: none;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
}
* html .notTop #typeBox .select {
	height: 30px;
	margin-top: 0;
}
.notTop #typeBox .select select {
	position: absolute;
	top: 7px;
	left: 0;
	width: 83px;
	border: none;
	color: #666666;
	font-size: 12px;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
* html .notTop #typeBox .select select {
	top: 5px;
}
.notTop #typeBox .select .text {
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 100%;
	padding-left: 5px;
	background: url(/library/common/js/easyselectbox/images/select01.gif) no-repeat 85% 50%;
}
.notTop #typeBox .inputArea {
	float: left;
	width: 394px;
}
.notTop #typeBox .inputArea .webSearch {
	width: 275px;
	height: 28px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #cccccc;
	border-radius: 0;
	-webkit-appearance: none;
	line-height: 28px;
}
* html .notTop #typeBox .inputArea .webSearch {
	margin-top: -1px;
	height: 22px;
	font-size: 12px;
	vertical-align: middle;
	line-height: 1;
}

.notTop #typeBox .inputArea #sub {
	border-radius: 0;
}
* html .notTop #typeBox .inputArea #sub {
	margin-top: 0;
	font-size: 0;
	vertical-align: top;
}
.notTop .userUtillity li {
	float: left;
	margin-right: 6px;
}
.notTop .userUtillity li.last {
	margin-right: 0;
}

.notTop #typeBox:after,
.notTop .userUtillity:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}
.notTop #typeBox,
.notTop .userUtillity {
	display:block;
	zoom:1;
}
#suggest_input_border {
	margin-right: 0;
}


/* for IE7 */
*:first-child+html .notTop #typeBox .select {
	line-height: normal;
}
*:first-child+html .notTop #typeBox .select select {
	background: none;
}
*:first-child+html .notTop #typeBox .select .text {
	width: 78px;	
}
*:first-child+html .notTop #typeBox .inputBox,
*:first-child+html .notTop #typeBox .inputArea,
*:first-child+html .notTop #typeBox .inputBox #suggest_input_border {
	line-height: 1;
	font-size: 0;
	vertical-align: top;
}
*:first-child+html .notTop #typeBox .inputArea .webSearch {
	float:left;
	height: 22px;
	line-height: 1;
	margin: 0;
	font-size: 12px;
	zoom: 1;
}
*:first-child+html .notTop #typeBox .inputArea #sub {
	margin-top: 0;
	font-size: 0;
	vertical-align: top;
}

/* globalNavigation
------------------------------ */
.naviBlock01 {
	background: none;
	padding-bottom: 1px;
}
ul#globalNavigation {
	height: 50px;
	font-size: 13px;
	line-height: 1;
}

ul#globalNavigation li {
	position: relative;
	float: left;
}

ul#globalNavigation li img {
	vertical-align: bottom;
}

ul#globalNavigation ul {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15), -2px 2px 3px rgba(0, 0, 0, 0.15);
	top: 49px;
	left: 0;
	z-index: 100;
}
* html ul#globalNavigation ul {
	top: 50px;
}
*:first-child+html ul#globalNavigation ul {
	top: 50px;
}

ul#globalNavigation li.service ul  { width: 218px; }
ul#globalNavigation li.price ul    { width: 218px; }
ul#globalNavigation li.campaign ul { width: 218px; }
ul#globalNavigation li.tv ul       { width: 218px; }
ul#globalNavigation li.event ul    { width: 218px; }
ul#globalNavigation li.support ul  { width: 218px; }

ul#globalNavigation ul li {
	float: none;
	border-top: 1px solid #ddd;
	zoom: 1;
}

ul#globalNavigation ul li a,
ul#globalNavigation ul li a:visited {
	display: block;
	padding: 15px 10px 15px 28px;
	background: url(/library/common/images4/icon_arrow_default_large2.png) no-repeat 15px 50%;
	color: #333 !important;
	line-height: 1.5;
	text-decoration: none;
}

ul#globalNavigation ul li a:hover {
	text-decoration: underline;
}

ul#globalNavigation ul li.top {
	display: none;
	border-top: none;
	font-weight: bold;
}

ul#globalNavigation ul li.secondChild {
	border-top: none;
}

ul#globalNavigation ul li.tv a,
ul#globalNavigation ul li.tv a:visited {
	background-image: url(/library/common/images4/icon_arrow_tv_large2.png);
}

ul#globalNavigation ul li.net a,
ul#globalNavigation ul li.net a:visited {
	background-image: url(/library/common/images4/icon_arrow_net_large2.png);
}

ul#globalNavigation ul li.phone a,
ul#globalNavigation ul li.phone a:visited {
	background-image: url(/library/common/images4/icon_arrow_phone_large2.png);
}

ul#globalNavigation ul li.mobile a,
ul#globalNavigation ul li.mobile a:visited {
	background-image: url(/library/common/images4/icon_arrow_mobile_large2.png);
}

ul#globalNavigation ul li.electricity a,
ul#globalNavigation ul li.electricity a:visited {
	background-image: url(/library/common/images4/icon_arrow_electricity_large2.png);
}

ul#globalNavigation ul li.child {
	border-top-style: dotted;
	margin-left: 20px;
}

ul#globalNavigation ul li.banner {
	border: 0;
	margin: -1px;
}

ul#globalNavigation ul li.banner a,
ul#globalNavigation ul li.banner a:visited {
	background: none;
	padding: 10px;
	line-height: 1;
	background: #5B5D61;
}

/* プルダウン表示時 */
ul#globalNavigation li.current a,
ul#globalNavigation li.current a:visited {
	position: relative;
	border-bottom: 1px solid #fff;
	z-index: 101;
}

ul#globalNavigation li.current ul {
	display: block;
}

ul#globalNavigation li.current ul a,
ul#globalNavigation li.current ul a:visited {
	border-bottom: none;
}

ul#globalNavigation li.myjcom a {
	border-bottom: none !important;
}

/* タッチデバイス表示時 */
.touchDevice ul#globalNavigation ul li.top {
	display: block;
}

.touchDevice ul#globalNavigation ul li.secondChild {
	border-top: 1px solid #DDD;
}
