@charset "utf-8";


/* androidtv_osv-p index.css*/ 

#contents h2.title{
	margin-left:0.75em;
	padding-left:0.5em;
	font-size:16px;
	border-bottom:#000 solid 1px;
	margin-bottom:0;
}

#contents h2 + p{
	margin-left:1.5em;
	margin-top:2em;
}
#contents dl dd,
#other p{
	margin-left:1.5em;
}
.font_110p{
	font-size: 110%;
	font-weight:bold;
}

/* ul.btnArea */
#contents ul.btnArea{
	margin:2em 0 3em 1.25em;
	list-style:none;
}

#contents ul.btnArea li{
	width: 45%;
	margin: 0.5em;
	float: left;
	display: block;
	/* height: 1.5em; */
	/* vertical-align: middle; */
	/* text-align: center;*/
}

#contents ul.btnArea li a{
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	padding: 1em;
	display: block;
	/* width: 100%; */
	color: #000;
	height: 3em;
	/* vertical-align: middle; */
}

#contents ul.btnArea li a span{
	background: url(/support/tv/share3/images/arrow_black-b.png) no-repeat 0 0.5em;
	padding: 0 0 0 15px;
	font-weight: 700;
	/* vertical-align: middle; */
	font-size: 1.15em;
	display: block;
	/* margin: .5em 0; */
}

#contents ul.btnArea li a:hover,
#contents ul.btnArea li a:active,
#contents ul.btnArea li a:focus{
    background: url("/support/tv/share3/images/bg_gradation_on.gif") repeat-y;
	text-decoration:none;
	color:#000;
	opacity:0.7;
}

/* notice */
#sp #contents .notice{
	margin-left:1.25em;
	margin-bottom:3em;
	padding:1.5em 1.2em
}

#sp #contents .notice > p{
	margin: 0;
}

#sp #contents .notice_gray_b.list_st p{
	margin: 1em 1em 0 1.25em;}
#sp #contents .notice_gray_b.list_st{
	margin:0 0 0 1em;
	padding:0;
}
#sp #contents .notice_gray_b.list_st .textLink{
	margin: 0 30px 0 25px;
    padding: 0 0 0 10px;
    background: url(/share/images/arrow_black.gif) no-repeat left .4em;
}
#sp #contents .notice_gray_b.list_st .textLink li{
	list-style:none;
	margin-bottom:10px;
}
@media screen and (max-width: 640px){
	#sp #contents .notice{
	margin-left: 5px;
	}
	#sp #contents .notice_gray_b.list_st .textLink{
	margin: 10px 30px 0 25px;
	}
}

/* notice_gray */


#contents .notice_gray{
	margin-left:1.25em;
	margin-bottom:2em;
	padding:1em
}

#contents .notice_gray > ul{
	margin-bottom:0;
	margin-left: 1.5em;
}

#contents .notice_gray > ul li{
	margin-bottom:0.8em;
	margin-left: 0;
}


#contents .notice_gray a.textLink,
#contents .notice a.textLink{
	margin: 0.2em 0 0.2em 0.3em;
	display: inline-block;
}


/* annotation */

#contents p.annotation,
#contents ul.annotation li{
	margin: 0 0 1em 2em;
	padding: 0.5em 0;
	text-indent: -0.7em;
	font-size: 0.9em;
}

#contents ul.annotation.trade{
	margin:2em 0 1em 1.5em;
}

/* notice_gray_b */
#contents .notice_gray_b {
	padding: 1em 1em!important;
}

#contents #add .notice_gray_b {
	margin-left:1.25em;
}
#contents .notice_gray + .notice_gray_b {
	margin-left:1.25em;
}
#update div.notice_gray_b{
	margin:1.5em !important;
	padding:1.5em;
	padding-right:1.5em;
}

#update div.notice_gray_b ul{
	margin-top:1em;
	padding:0;
	margin-bottom:0;
}
#update div.notice_gray_b ul li{
	margin:0 0 0.5em 0;
	padding:0;
}
#contents .notice_gray_b a.textLink {
	display:block;
	margin-top:0.5em;
}
#contents #update .notice_gray_b a.textLink {
	margin-top:0.3em;
}
#contents a.textLink{
	background-position: 0 6px;
}

/* 個別修正 */
#contents .section #extension dt:first-of-type,
#contents .section #other dt:first-of-type,
#contents .section #add dt:first-of-type{
	margin-top:1.5em;
}
#contents dl dt{
	margin-bottom: 0.3em;
}
#contents .section dl dt {
	margin-top:2em;
	font-size: 110%;
}

/* androidtv_osv-p/index.html */
.mod-linkButton a {
	display: block;
	padding: 10px;
	transition: opacity .2s ease-in 0s;
	text-decoration: none !important;
}

a:hover .mod-linkButton, a:active .mod-linkButton {
	opacity: 0.5;
}
a:hover span.figure, a:active span.figure {
	opacity: 0.5;
}
a:hover span.threeLine, a:active span.threeLine {
	color: #333;
	opacity: 0.5;
}
a:focus .mod-linkButton, a:active .mod-linkButton {
	opacity: 0.5;
	color: black;
}
a:focus span.figure, a:active span.figure {
	opacity: 0.5;
}
a:focus span.threeLine, a:active span.threeLine {
	opacity: 0.5;
}
#originalCnt .mod-linkButton a:hover,#originalCnt .mod-linkButton a:active {
	color: black;
	opacity: 0.5;
}

#contents div.modelArea ul li{
	display: inline-block;
	padding: 5px;
	width: 360px;
	margin-right: 0px;
}

#contents .model-linkButton {
	background: url("/support/share/images/bg_mod-linkButton.jpg") repeat-x scroll 0 0;
	border: 2px solid #bcbcbc;
	border-radius: 15px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	height: 138px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	text-align: left;
	width: 360px;
	background-size: contain;
}
.model-linkButton a {
	display: block;
	padding: 15px;
	transition: opacity .2s ease-in 0s;
	text-decoration: none !important;
}

.model-txt {
	background: url("/support/share/images/arrow_black.png") no-repeat scroll 0 5px;
	line-height: 20px !important;
	padding-left: 11px;
	font-size: 0.95em;
	word-break: break-all;
	height: 43px;
	display: inline-block;
}

.model-img {
	display: block;
	text-align: center;
}

/* dl.model */

#contents dl{
	margin-top:0;
}


#contents dl.model dt{
	font-weight:400;
	float:left;
	margin-left: 1.5em!important;
	margin-bottom: 0;
}

#contents dl.model dd{
	margin-bottom:0.2em;
}


#contents dl.model dd:before{
	content:":";
	padding:0 0.7em 0 0.5em;
}

img.pc{ display: block;}
img.sp{ display: none;}

@media (max-width: 550px){
	#originalCnt div.modelArea ul li,
	#originalCnt .model-linkButton {
		width: 96%;
	}
	#modelArea .btn_area_text {
		padding-left: 0;
	}
	.model-txt {
		height: auto;
		display: inline-block;
		min-height: 43px;
	}
}

@media screen and (max-width: 640px){

	#contents .model-linkButton {
		display: block;
		height: auto;
		margin: 0 auto;
		width: 95%;
	}
	#contents div.modelArea ul li{
		display: block;
		width: 95%;
		margin:10px auto !important;
		padding:0 !important;
	}
	#contents img.pct{
		margin-left:0!important;
	}
	img.pc{ display: none;}
	img.sp{ display: block;}

	#contents h2.title{
		margin-left:5px;
		padding-left:5px;
	}

	#contents h2 + p,
	#other p{
		margin-left:10px;
	}

	#contents dl.model{
		margin-left:5px;
	}

	#contents dl.model dt,
	#contents dl.model dd{
		margin-left:0;
	}
	#contents dl.model dd{
		overflow: hidden;
		text-indent: -1.7em;
		padding-left: 1.7em;
	}
	#contents .section dl dd,
	#contents .section dl dt {
		margin-left:1em;
	}

	/* ul.btnArea */
	#contents ul.btnArea{
		margin-left:5px;
	}

	#contents ul.btnArea li{
		width: 88%;
		margin-left:0;
	}


	#contents ul.detail li > a.textLink{
		background-position: 0 7px;
	}


	/* notice_gray */
	#contents .notice_gray,
	#contents .notice_gray_b{
		margin-left:5px!important;
	}

	#contents .notice_gray > ul{
		margin-left: 1em;
	}

	#contents .notice {
		padding: 1em;
	}

	/* ul.other  */

	#contents #modify ul.detail li > ul.other{
		margin: 1em 0 2em 0;
	}


	/* ul.anchorBtnA */
	#contents ul.anchorBtnA {
		margin-bottom:3em;
	}

	#contents img{
		max-width:100%;
		height:auto;
		margin: 0 auto;
	}



}