@charset "utf-8";



/*--------------------------------------

		　　共通

---------------------------------------*/

body {

   font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

    -webkit-text-size-adjust: 100%;

}



.annot16,.annot15,.annot14,.annot13,.annot12,.annot11 {

font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

    letter-spacing: 0.05em;

}





.leaf_series-head2 {

	background:#dcceeb;

	border-color: #dcceeb;

}



h3.topics_ttl{

	font-size:120%;

	background-color:#00547c;

	font-weight:bold;

	color:#fff;

	padding:8px 10px;

	margin:10px 0 15px;

	}



.color_orang{ color:#fe7610; }





/*--------------------------------------

		　　TOP

---------------------------------------*/

#mainBox{

	position:relative;

	background:url(../images/index_main_bottom.jpg) no-repeat 0 bottom;

	padding-bottom:8px;

	margin-bottom:20px;

	}



#box3column{

	border-left:1px solid #e3e3e3;

	border-right:1px solid #e3e3e3;

	padding:0 2px;

	width:704px;

	overflow:hidden;

	}

	

#mainBox p#lead{

	position:relative;

	width:561px;

	top:-65px;

	left:20px;

	margin-bottom:-60px;

	max-height: 100%;

	}





#box3column dl.last{

	border-right:none;

	}



#box3column dl{

	width:210px;

	float:left;

	padding:12px;

	border-right:1px dashed #e3e3e3;

	}



#box3column dl dt{

	font-weight:bold;

	background-color:#ebebeb;

	padding:6px;

	margin-bottom:10px;

	}



#box3column dl dd{

	display:block;

	height:100%;

	}





#mainBtn{

	width:670px;

	padding:19px;

	background-color:#f0f8f8;

	border:1px dashed #28959C;

	overflow:hidden;

	}



	#mainBtn a:link,

	#mainBtn a:visited,

	#mainBtn a:hover,

	#mainBtn a:active{

		text-decoration:none;

		color:#000;

	}

	

#mainBtn dl{

		background-color:#fff;

		border:1px dotted #b4b4b4;

		padding:10px 12px;

		width:184px;

		float:left;

		margin-right:20px;

	}

	

#mainBtn dl dt{

		border-left:4px solid #f2914a;

		margin-bottom:20px;

		padding-left:6px;

		font-weight:bold;

	}



#mainBtn dl.last{

		margin-right:0;

	}

#mainBtn dl dd{

		padding-bottom:15px;/*top用微調整 0828*/

		background:url("../images/time_feature_arrow.png") 98% 98% no-repeat !important;

	}











/*--------------------------------------

		　　タイムシフトマシン

---------------------------------------*/

#featureBox{

	margin: 20px auto;

	padding-left:20px;

	padding-right:20px;

	border:1px solid #d0d0d0;

	border-radius: 3px;        /* CSS3草案 */  

	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  

	-moz-border-radius: 3px;   /* Firefox用 */

	behavior: url("../js/PIE.htc"); 

}



	#featureBox_top h2{

		color:#28959c;

		font-size: 125%;

	}

	#featureBox_top h2 span{

		color:#d15400;

		font-size: 150%;

	}

	#featureBox_top .lead{

		padding:15px;

		background:#f6f6f6;

		border-radius: 3px;        /* CSS3草案 */  

		-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  

		-moz-border-radius: 3px;   /* Firefox用 */

		behavior: url("../js/PIE.htc");

	}

	#featureBox_top .lead span{

		font-size:150%;

		padding-left:10px;

	}



.feature_style01 a:link,

.feature_style01 a:visited,

.feature_style01 a:hover,

.feature_style01 a:active{

	text-decoration:none;

	color:#000;

}



.feature_style01{

	padding-top:22px;

	padding-bottom:22px;

	border-bottom:1px solid #dcdcdc;

}

.feature_style01.last-child{

	border:none;

}



	.feature_style01 div,

	.feature_style01 dl{

		float:left;

		width:130px;

		min-height:141px;

		margin-right:16px;

	}

	.feature_style01 div{width:152px;}

	.feature_style01 dl{

		border:1px dotted #b4b4b4;

		padding:10px 12px;

		background:url("../images/time_feature_arrow.png") 98% 98% no-repeat !important;

	}

	.feature_style01 dl.last-child{margin-right:0;}



	.feature_style01 dt{

		border-left:4px solid #f2914a;

		margin-bottom:20px;

		padding-left:6px;

		font-weight:bold;

	}



.feature_style02 dl{

	float:left;

	width:330px;

	border-right:1px dashed #909090;

	margin-right:5px;

	padding-bottom:20px;

}

.feature_style02 dl.last-child{

	margin-right:0;

	border:none;

}





#timeshift_usesample dt span{

		font-weight:bold;

		font-size:120%;

		}

#timeshift_usesample table tr {

	border-bottom:1px dotted #b4b4b4;

	border-collapse:collapse;

}

#timeshift_usesample tr.last-child{border:none;}



#timeshift_usesample.in-article_box02,

#rakuraku.in-article_box02,

#manzoku.in-article_box02 {

	background: url("../images/timeshift_usesample_bg_box_01_bottom.gif") left bottom no-repeat !important;

}



/*--------------------------------------

		　　ダビング・編集

---------------------------------------*/









/*--------------------------------------

			ネットワーク

---------------------------------------*/



#link_shareTable td dl dt{font-size:106% !important;}

.pic_s{width:100px; float:left;}

.txt_l{width:560px; float:right;}





/*--------------------------------------

YOUTUBE動画

---------------------------------*/



.moviebox-wrapper {

	width: 610px; 

	margin: 20px auto !important;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#565656');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#565656')";

	background-image: -moz-linear-gradient(top, #000000, #565656);

	background-image: -ms-linear-gradient(top, #000000, #565656);

	background-image: -o-linear-gradient(top, #000000, #565656);

	background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#565656));

	background-image: -webkit-linear-gradient(top, #000000, #565656);

	background-image: linear-gradient(top, #000000, #565656);

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	behavior: url(../../common/js/PIE.htc);

}



.moviebox {

	margin: 0 20px;

	padding: 20px 0;

}

	.moviebox p.font_fff {padding-top: 10px; font-size: 14px; color:#fff; font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif; }

	.moviebox .gameborder {border: solid 1px #e0e0e0;}



	.moviebox h3 { font-size: 16px; color:#fff; font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif; }

	.moviebox p.led_annot {color:#c8c8c8; }





/*--------------------------------------

			フォントサイズ調整

---------------------------------------*/

#mainBox,#mainBtn,#box3column,#featureBox,

.linenup_anchor{

	font-size:104%;

	max-height: 100%;

}

.top_function,

.series_top_box{

	font-size:110%;

	max-height: 100%;

}



.column1BOX,

.article_2012-02,

.section_2012-01{

	font-size:104%;

	max-height: 100%;

}

.article_2012-02 .column2_ex-tbl01 h3,

.article_2012-02 .column2 dt span{

	color:#535353 !important;

}



.article_2012-02 .column2 dt span{

	font-size:104% !important;

	max-height: 100%;

	color:#535353 !important;

}

.article_2012-02 .column2_ex-tbl01 h3 span{

	font-size:104% !important;

	max-height: 100%;

	color:#0f6e96 !important;

}

.article_2012-02 .column2_ex-tbl02 h3 span{

	font-size:95% !important;

	max-height: 100%;

}



.article_2012-02 .column2-icons dt span,

.article_2012-01 .column2_ex-tbl01 h3 span{

		font-size:100% !important;

		max-height: 100%;

}



.seeq2015img{

	margin: 10px 20px 20px 0;

	float: left;

}



.seeq2015value{

	margin: 10px;

}



.seeq2015_left{

	float: left;

	width: 360px;

}



.seeq2015_right{

	margin: 10px 10px 10px 368px;

	background: url(../../images/line_dot_02.gif) left top repeat-y;

}



.seeq2015value .item_name{

	font-size: 100%;

	font-weight: bold;

}



.seeq2015value .item_id{

	margin-top: 10px;

}



.seeq2015value .item_id dt{

	float: left;

	background: #0073bd;

	display: inline-block;

	color: #fff;

	padding: 1px 10px;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	margin-right: 3px;

}



.seeq2015value .item_id dd{

	font-weight: bold;

	margin-bottom: 8px;

	font-size: 90%;

}



.seeq2015value a {

	display: inline-block;

	padding: 15px 15px 15px 30px;	

	background: url(../../images/icon/bg_arrow_right_off.gif) 12px 18px no-repeat #1C8BD6 !important;

	color: #fff;

	margin: 10px 0;

}



.seeq2015notes{

	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

	letter-spacing: 0.05em;

	font-size: 90%;

	color: #898989!important;

	margin-bottom: 20px;

}



.hdd_left{

	float: left;

	width: 350px;

	padding: 10px 0;

}



/* .top_relatedproduct

-------------------------------------------------- */

.product_related {

	margin: 23px 0 25px 0;

	padding-bottom: 12px;

	background: #f2f2f2 url(../../images/related/bg_related_product_05.jpg) left top no-repeat;

	min-height: 390px;

	position: relative;

	zoom: 1;

	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

	.product_related p.title_s {

		position: absolute;

		top: 38px;

		left: 100px;

		font-size: 14px;

	}

	.product_related p.title_l {

		position: absolute;

		top: 43px;

		left: 233px;

		font-size: 21px;

		font-weight: bold;

	}

	.lineup_product {

		margin: 0 11px;

		padding-top: 85px;

	}

	.lineup_product li {

		margin-left: 12px;

		padding-bottom: 10px;

		float: left;

		width: 338px;

		min-height: 290px;

		background-color: #ffffff;

	    -moz-border-radius: 0 0 5px 5px;

    	-webkit-border-radius: 0 0 5px 5px;

	    border-radius: 0 0 5px 5px;

		position: relative;

		zoom: 1;

	}

	.lineup_product li.first {

		margin-left: 0;

	}

	.lineup_product li h2 {

		padding-top: 10px;

		width: 338px;

		min-height: 83px;

		background: url(../../images/related/bg_related_product_03.jpg) left top no-repeat;

		font-size: 16px;

		font-weight: normal;

		text-align: center;

		color: #ffffff;

	}

	.lineup_product li h3 {

		text-align: center;

		font-weight: bold;

		color: #f79700;

		font-size: 15px;

		margin-bottom: 10px;

	}

	.lineup_product li p.comment {

		text-align: center;

		font-size: 14px;

		margin-bottom: 10px;

	}

	.lineup_product li .pic {

		margin: 4px 0;

		text-align: center;

	}

	.lineup_product li .pic img {

		vertical-align: top		

	}

	.lineup_product .link_btn {

		margin: 0 65px;

		padding: 8px 0;

		background-color: #118135;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		border-radius: 3px;

		position: relative;

		zoom: 1;

	}

	.lineup_product .link_btn p {

		color: #ffffff;

		font-size: 13px;

		zoom: 1;

		text-align: center;

	}

	.lineup_product .link_btn p a {

		display: block ;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent:-9999px;

		background/*\**/: #fff\9; /*IE7、8用ハック*/

		opacity: 0;

		moz-opacity: 0; 

		filter:alpha(opacity=0); /*フィルターで透明に*/

	}

	.lineup_product .link_btn p:link,

	.lineup_product .link_btn p:active,

	.lineup_product .link_btn p:visited,

	.lineup_product .link_btn p:hover {

		text-decoration: none;

		color: #fff;

	}

	.lineup_product .link_btn:hover {

		background: rgba(17,139,54,0.6);

		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');

	}