@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");


html{
	height: 100%;
	margin-bottom: 1px;
}


body{
	color: #333333;
	line-height: 1.5;
}

img{
	border: 0;
	vertical-align: top;
}

strong{
	font-weight: normal;
}

input{
	vertical-align: middle;
}

a:link    { color: #333333; text-decoration: underline; }
a:visited { color: #333333; text-decoration: underline; }
a:active  { color: #333333; text-decoration: none; }
a:hover   { color: #333333; text-decoration: none; }


#wrapper{
	background-color: #deded4;
}

#container{
	width: 910px;
	margin: 0 auto;
}

/*--------------------------------------------------------------------------------
	header 設定
--------------------------------------------------------------------------------*/
#header{
	padding: 0 0 1px 0;
}

#header #headerBg{
	width: 910px;
	height: 51px;
	background-image: url(/images/common/bg_header.gif);
}

#header #headerBg2{
	width: 685px;
	height: 51px;
	background-image: url(/images/common/bg_header2.gif);
}

#header #headerBg #logo,
#header #headerBg2 #logo{
	float: left;
	display: inline;
	margin: 15px 0 0 12px;
}

#header #headerBg #subttl,
#header #headerBg2 #subttl{
	float: left;
	display: inline;
	margin: 21px 0 0 7px;
}


#header #headerBg #subMenu{
	float: right;
	display: inline;
	margin: 15px 12px 0 0;
}

#header #headerBg #subMenu li{
	float: left;
}

#header #headerBg #subMenu .menu{
	margin: 4px 0 0 10px;
}

#header #headerBg #subMenu select{
	height: 20px;
	border: 1px solid #d7d7d7;
}

/* IE7 */
*:first-child+html #header #headerBg #subMenu select{
	height: 20px;
	margin: 1px 0 0 0;
}

#header #headerBg #subMenu input.search{
	width: 136px;
	height: 16px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-right: none;
	border-left: none;
	background-image: url(/images/common/img_search.gif);
	background-repeat: no-repeat;
	padding: 2px 0 0 22px;
}

#header #headerBg #subMenu a img{
	margin: 0 0 0 0;
}

/* IE6 */
* #header #headerBg #subMenu a img{
	margin: 1px 0 0 0;
}

/* IE7 */
*:first-child+html #header #headerBg #subMenu a img{
	margin: 1px 0 0 0;
}

/* IE8 */
head~/* */body #header #headerBg #subMenu img{
	margin: 0 0 0 0;
}

#header #grandMenu li{
	float: left;
	/*width: 130px;*/
}

#header #breadcrumbsBg{
	width: 910px;
	height: 27px;
	background-image: url(/images/common/bg_breadcrumbs.gif);
}

#header #breadcrumbsBg #breadcrumbs{
	font-size: 77%;
	padding: 6px 12px;
}

#header #breadcrumbsBg #breadcrumbs a:link    { color: #fc4608; text-decoration: underline; }
#header #breadcrumbsBg #breadcrumbs a:visited { color: #fc4608; text-decoration: underline; }
#header #breadcrumbsBg #breadcrumbs a:active  { color: #fc4608; text-decoration: none; }
#header #breadcrumbsBg #breadcrumbs a:hover   { color: #fc4608; text-decoration: none; }


/*--------------------------------------------------------------------------------
	基本 layout 設定
--------------------------------------------------------------------------------*/
#contents{
	width: 908px;
	margin: 0 auto;
	padding: 0 1px 25px 1px;
}

#contents #leftCol{
	float: left;
	width: 684px;
}

#contents #rightCol{
	float: right;
	width: 222px;
}


/*--------------------------------------------------------------------------------
	footer 設定
--------------------------------------------------------------------------------*/
#footerWrapper{
	background-image: url(/images/common/bg_footer.gif);
	background-repeat: repeat-x;
}

#footer{
	width: 910px;
	margin: 0 auto;
	padding: 13px 0 50px 0;
}

#footer #footerMenu{
	float: left;
	width: 650px;
}

#footer #footerMenu li{
	float: left;
	font-size: 77%;
}

#footer #copy{
	float: right;
	width: 260px;
	font-size: 77%;
	text-align: right;
}

#flashMini{
	background-image: url('/images/common/bg_flashmini.jpg'); 
}

/*--------------------------------------------------------------------------------
	共通パーツ
--------------------------------------------------------------------------------*/
.box_w{
	width: 908px;
	margin: 0 0 2px 0;
}

.box_w .boxHeader{
	height: 15px;
	background-image: url(/images/common/bg_boxheader_w.gif);
	background-repeat: no-repeat;
	_overflow: hidden;
}

.box_w .boxContents{
	background-color: #ffffff;
	padding: 0 19px 0 20px;
}

.box_w .boxBottom{
	height: 15px;
	background-image: url(/images/common/bg_boxbottom_w.gif);
	background-repeat: no-repeat;
	_overflow: hidden;
}

.box_l{
	width: 684px;
	margin: 0 0 2px 0;
}

.box_l .boxHeader{
	height: 15px;
	background-image: url(/images/common/bg_boxheader_l.gif);
	background-repeat: no-repeat;
	_overflow: hidden;
}

.box_l .boxContents{
	background-color: #ffffff;
	padding: 0 19px 0 20px;
}

.box_l .boxBottom{
	height: 15px;
	background-image: url(/images/common/bg_boxbottom_r.gif);
	background-repeat: no-repeat;
	_overflow: hidden;
}

.box_r{
	width: 222px;
	margin: 0 0 2px 0;
}

.box_r .boxHeader{
	height: 10px;
	background-image: url(/images/common/bg_boxheader_l2.gif);
	background-repeat: no-repeat;
	_overflow: hidden;
}

.box_r .boxTitle{
	height: 20px;
	margin: 0 0 1px 0;
	_overflow: hidden;
}

.box_r .boxContents{
	background-color: #ffffff;
	padding: 0 10px;
}
 
.box_r .boxContents2{
	background-color: #ffffff;
	padding: 10px 10px 0 10px;
}

.box_r .boxBottom{
	height: 10px;
	background-image: url(/images/common/bg_boxbottom_r2.gif);
	background-repeat: no-repeat;
	_overflow: hidden;
}

.box_l .pagetop{
	height: 11px;
	_overflow: hidden;
}

.box_l .boxContents .title{
	position: relative;
	width: 645px;
	margin-bottom: 20px;
}

.box_l .boxContents .title h2.titleBg{
	width: 627px;
	height: 24px;
	background-image: url(/images/common/ttl_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 6px 0 0 18px;
	overflow: hidden;
}

.box_l .boxContents .title p{
	position: absolute;
	top: 0;
	right: 0;
	_right: -1px;
}

.box_l .boxContents .title p.search{
	position: absolute;
	width:100px;
	top: 7px;
	left: 120px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.favorite{
	position: absolute;
	width:100px;
	top: 7px;
	left: 130px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.broadcastFavorite{
	position: absolute;
	width:100px;
	top: 7px;
	left: 160px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.programFavorite{
	position: absolute;
	width:100px;
	top: 7px;
	left: 180px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.myPlan{
	position: absolute;
	width:100px;
	top: 7px;
	left: 90px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.backupPlan{
	position: absolute;
	width:100px;
	top: 7px;
	left: 175px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.community{
	position: absolute;
	width:100px;
	top: 7px;
	left: 190px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.friend{
	position: absolute;
	width:100px;
	top: 7px;
	left: 115px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .title p.mynews{
	position: absolute;
	width:100px;
	top: 7px;
	left: 140px;
	color: #808080;
	font-size: 77%;
	font-weight: bold;
}

.box_l .boxContents .ttl{
	margin-bottom: 20px;
}

.box_l .boxContents .ttl_ul{
	padding: 0 0 7px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #dedede;
}

.box_l .boxContents .ttl_ul2{
	padding: 0 0 7px 0;
	border-bottom: 1px solid #dedede;
}

.box_l .boxContents .ttl h2.broadcast{
	float: left;
	width: 519px;
	font-weight: bold;
	background-image: url(/images/common/bg_ttl.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 11px;
}

.box_l .boxContents .ttl h2,
.box_l .boxContents .ttl_ul h2{
	float: left;
	font-weight: bold;
	background-image: url(/images/common/bg_ttl.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 11px;
}

.box_l .boxContents .ttl h3.subttl,
.box_l .boxContents .ttl_ul h3.subttl,
.box_l .boxContents .ttl_ul2 h3.subttl{
	float: left;
	height: 11px;
	/height: 15px;
	font-size: 77%;
	font-weight: bold;
	line-height: 11px;
	background-image: url(/images/common/bg_ttl2.gif);
	background-repeat: no-repeat;
	/*background-position: left center;*/
	padding-left: 9px;
	_overflow: hidden;
}

.box_l .boxContents .ttl2 h3.subttl{
	float: left;
	height: 13px;
	font-size: 93%;
	font-weight: bold;
	line-height: 13px;
	background-image: url(/images/common/bg_ttl2.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	_padding-top: 2px;
	_overflow: hidden;
}

.box_l .boxContents .ttl h3.mypage{
	height: 11px;
	_overflow: hidden;
	float: left;
}

.box_l .boxContents .ttl_ul h3.mypage{
	height: 11px;
	_overflow: hidden;
}

.box_l .boxContents .ttl p.items,
.box_l .boxContents .ttl_ul p.items{
	float: right;
	color: #595959;
	font-size: 77%;
}

.box_l .boxContents .ttl p.back,
.box_l .boxContents .ttl_ul p.back{
	float: right;
	height: 11px;
	_overflow: hidden;
}

.box_l .boxContents .ttl p.list,
.box_l .boxContents .ttl_ul p.list,
.box_l .boxContents .ttl_ul p.rightBtn,
.box_l .boxContents .ttl_ul2 p.rightBtn,
.box_l .boxContents .ttl2 p.rightBtn{
	float: right;
	display: inline;
	height: 19px;
	_overflow: hidden;
}

.box_l .boxContents .ttl_ul2 p.rightBtn img{
	margin-left: 5px;
}

.box_l .boxContents .ttl p.friendAdd,
.box_l .boxContents .ttl_ul p.friendAdd,
.box_l .boxContents .ttl p.broadcastList,
.box_l .boxContents .ttl p.communityList,
.box_l .boxContents .ttl p.programList,
.box_l .boxContents .ttl p.itemList,
.box_l .boxContents .ttl p.player,
.box_l .boxContents .ttl p.rgtBtn{
	float: right;
	height: 22px;
	_overflow: hidden;
}

.contentsBox{
	padding: 0 0 20px 0;
}

.contentsBox .info li{
	font-size: 77%;
	margin: 0 0 5px 0;
}

.formBox{
	width:627px;
	font-size: 93%;
	background-color: #fff6d9;
	border: 1px solid #d9d2b8;
	padding: 8px;
}

.formBox2{
	width: 382px;
	font-size: 93%;
	background-color: #fff6d9;
	border: 1px solid #d9d2b8;
	padding: 8px;
}

.formBox .form,
.formBox2 .form{
	border-collapse: collapse;
}

.formBox .form th,
.formBox2 .form th{
	font-weight: bold;
	vertical-align: top;
	padding: 5px;
}

.formBox .form td,
.formBox2 .form td{
	vertical-align: top;
	padding: 5px;
}

.formBox .form .input,
.formBox .form select,
.formBox2 .form .input,
.formBox2 .form select{
	border: 1px solid #d7d7d7;
	padding: 2px;
}

/* GoogleChome Safari用 */
body:first-of-type .formBox .form input[type='file'],
body:first-of-type .formBox2 .form input[type='file']{
	border: none;
	padding: 2px;
}

/* firefox用 */
html:not .formBox .form input[type='file'],
html:not .formBox2 .form input[type='file']{
	border: 1px solid #d7d7d7;
	padding: 2px;
}

.formBox .line,
.formBox2 .line{
	height: 2px;
	overflow: hidden;
	margin: 5px 0;
}

.formBox .sort{
	border-collapse: collapse;
}

.formBox .sort th{
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
}

.formBox .sort .sortItems li{
	white-space: nowrap;
	float: left;
}

.formBox .sort .sortItems li a:link    { color: #fc4608; text-decoration: underline; }
.formBox .sort .sortItems li a:visited { color: #fc4608; text-decoration: underline; }
.formBox .sort .sortItems li a:active  { color: #fc4608; text-decoration: none; }
.formBox .sort .sortItems li a:hover   { color: #fc4608; text-decoration: none; }

.formBox2 .sort .sortItems li a:link    { color: #fc4608; text-decoration: underline; }
.formBox2 .sort .sortItems li a:visited { color: #fc4608; text-decoration: underline; }
.formBox2 .sort .sortItems li a:active  { color: #fc4608; text-decoration: none; }
.formBox2 .sort .sortItems li a:hover   { color: #fc4608; text-decoration: none; }

.paging{
	font-size: 93%;
	margin: 20px 0 0 0;
}

.paging .btn_paging{
	height: 14px;
	overflow: hidden;
	padding: 2px;
}

.paging .currentPage{
	font-weight: bold;
}

.paging a:link    { color: #fc4608; text-decoration: underline; }
.paging a:visited { color: #fc4608; text-decoration: underline; }
.paging a:active  { color: #fc4608; text-decoration: none; }
.paging a:hover   { color: #fc4608; text-decoration: none; }


.paging .prev:link,
.paging .next:link{
	color: #333333;
	text-decoration: underline;
}
.paging .prev:visited,
.paging .next:visited{
	color: #333333;
	text-decoration: underline;
}
.paging .prev:active,
.paging .next:active{
	color: #333333;
	text-decoration: none;
}
.paging .prev:hover,
.paging .next:hover{
	color: #333333;
	text-decoration: none;
}

.tbl{
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}

.tbl th{
	font-size: 93%;
	font-weight: bold;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 7px;
}

.tbl td{
	font-size: 93%;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 7px;
}

.tbl tr.headerBg{
	/*height: 32px;*/
	background-image:url(/images/common/bg_tblHeader.gif);
	/*background-position: left bottom;*/
	vertical-align: middle;
}


.tbl tr.bg{
	background-image:url(/images/common/bg_tbl.gif);
}

.tbl td p.name{
	font-weight: bold;
}

.tbl td p.category{
	height: 15px;
	overflow: hidden;
}

.tbl td p.btn{
	height: 19px;
	overflow: hidden;
}

.messageArea{
	padding: 0 10px;
}

.errorMsg{
	color: #d40000;
	/*font-weight: bold;*/
}

.error{
	height: 32px;
	font-size: 138.5%;
	font-weight: bold;
	background-image: url(/images/common/img_error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 7px 0 0 45px;
}

.limited{
	font-size: 85%;
	font-weight: normal;
}

.messageError{
	font-size: 93%;
	padding: 0 0 0 45px;
}

/*--------------------------------------------------------------------------------
	error画面
--------------------------------------------------------------------------------*/
#error404{
	width: 467px;
	background-color: #ededed;
	border: 1px solid #e0e0e0;
	margin: 40px auto;
	padding: 20px;
}

#error404 .top{
	text-align: center;
	border-top: 1px solid #e0e0e0;
	margin-top: 20px;
	padding-top: 20px;
}

#error{
	width: 364px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -182px;
	text-align: center;
}

#error #error500{
	width: 322px;
	background-color: #ededed;
	border: 1px solid #e0e0e0;
	margin: 20px 0;
	padding: 20px;
}

#error .copy{
	font-size: 77%;
}

/*--------------------------------------------------------------------------------
	共通設定
--------------------------------------------------------------------------------*/
.clearfix {
	overflow: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	/*height: 1px;*/
	overflow: hidden;
}

/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/

.strong{
	font-weight: bold;
}

.ctr{
	text-align: center;
}

.lft{
	text-align: left;
}

.rgt{
	text-align: right;
}


.colorRed{
	color: #d40000;
}

.colorOrange{
	color: #f7692f;
}

.items{
	color: #808080;
	font-size: 77%;
	margin: 0 0 0 10px;
}

.new{
	height: 13px;
	margin-left: 2px;
}

.pt{
	font-size: 77%;
	background-image: url(/images/common/pt.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 11px;
}

.pt2{
	font-size: 77%;
	background-image: url(/images/common/pt2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 11px;
}

/*--------------------------------------------------------------------------------
	共通font-size:設定
--------------------------------------------------------------------------------*/
.txt10{font-size: 77%;}
.txt11{font-size: 85%;}
.txt12{font-size: 93%;}
.txt13{font-size: 100%;}
.txt14{font-size: 108%;}
.txt15{font-size: 116%;}
.txt16{font-size: 123.1%;}
.txt17{font-size: 131%;}
.txt18{font-size: 138.5%;}
.txt19{font-size: 146.5%;}
.txt20{font-size: 153.9%;}
.txt21{font-size: 161.6%;}
.txt22{font-size: 167%;}
.txt23{font-size: 174%;}
.txt24{font-size: 182%;}
.txt25{font-size: 189%;}
.txt26{font-size: 197%;}

/*--------------------------------------------------------------------------------
	共通margin設定
--------------------------------------------------------------------------------*/
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}