@charset "utf-8";


/* androidtv_osv-o index.css*/ 


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

#contents h2 + p{
	margin-left:1.5em;
	margin-top:2em;
}


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

#contents ul.btnArea li{
	width: 42%;
    margin: 0.25em 1.25em;
    display: inline-table;
}

#contents ul.btnArea li a{
	border: solid 1px #CCCCCC;
    border-radius: 5px;
	padding: 0.7em 1em;
	display:inline-block;
	width:100%;
	color:#000;
}

#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;
}

#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;
}


/* dl.model */

#contents dl{
	margin-top:0;
}


#contents dl.model dt{
	font-weight:400;
	float:left;
}

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


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

/* 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;
}

/* ul.detail */

#contents ul.detail{
	margin-left:2.5em;
	margin-top:1.5em;
	padding:0;
}

#contents ul.detail li{
	margin-bottom:2em;
}

#contents ul.detail li > img{
	margin:1em 0 0 0;
}

#contents ul.detail li > p{
	margin:0.5em 0;
}

#contents ul.detail li figure{
	margin-left:2em;
}

#contents ul.detail li > a.textLink{
	display:inline-block;
}

/* ul.other  */

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

#contents #modify ul.detail li > ul.other li{
	list-style: none;
    margin-bottom: 0.8em;
    text-indent: -1.5em;
    padding-left: 1.5em;
}

#contents #modify ul.detail li > ul.other li:before{
	content:"－";
	padding: 0 0.5em 0 0;
}


/*　annotation */

#contents p.annotation,
#contents ul.annotation li{
	margin-left:1em !important;
	text-indent:-1em;
}

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


/* dl.format */

#contents dl.format dt{
	margin:0 0.2em 0 0;
	font-weight:400;
	float:left;
	width:4.5em;
	text-align:center;
}

#contents dl.format dd{
	overflow: hidden;
    text-indent: -1em;
    padding-left: 1em;
	word-break: break-word;
}

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

/* notice_gray_b */

#update div.notice_gray_b{
	margin:1.5em !important;
	padding: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 a.textLink{
	background-position: 0 6px;
}

/* 個別修正 */

#modify ul.detail li > figure + p{
	margin-left:2em;
}

#add ul.detail li > p + p{
	margin-bottom:1.5em;
}

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

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

	#contents h2 + 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;
	}


	/* 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{
		margin-left:5px;
	}

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

	#contents .notice {
		padding: 1em;
	}
	/* ul.detail */

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

	#contents ul.detail li{
		margin-bottom:3em;
		margin-left: 0.5em;
		padding-left: 0;
	}

	#contents ul.detail li > p{
		margin:1em 0;
	}

	#contents ul.detail li figure{
		margin-left:0;
	}

	#modify ul.detail li > figure + p {
		margin-left: 0;
	}

	/* ul.other  */

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


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

	#contents ul.detail li > img,
	#contents ul.detail li figure img{
		max-width:280px;
		height:auto;
	}

	/* dl.format */


	#contents dl.format{
		width:94%;
	}

}