@charset "Shift_JIS";
/**
 * SONY.JP/ONESEG-RADIO
 */

/* default
----------------------------------------------------------*/
div#howto {
	margin-bottom:50px;
}

div#howto p {
	margin-bottom:1em;
}

div#howto p.pagetop {
	text-align:right;
}

div#howto .line {
	padding-top:10px;
	background:url(/oneseg-radio/share/images/dotline.gif) repeat-x;
}



/* Howto index
----------------------------------------------------------*/
div#howto.about {
	margin-left:25px;
}

div#howto.about h1,
div#howto.about h2 {
	margin-left:-25px;
	margin-bottom:10px;
}

div#howto.about h3 {
	margin-top:40px;
	margin-bottom:5px;
	text-align:center;
}

div#howto.about ul.model {
	margin-bottom:20px;
}

div#howto.about ul.model li {
	float:left;
	margin-left:6px;
	width:227px;
	list-style:none;
}



/* Howto pages
----------------------------------------------------------*/
div#howto ul.submenu {
	margin:0;
}

div#howto ul.submenu li {
	margin:0;
	font-size:0;
	line-height:0;
	text-align:right;
	list-style:none;
}

div#howto h3 {
	margin:20px 0 20px -20px;
	padding-left:20px;
	background-repeat:no-repeat;
}

div#howto dl.ex {
	margin-bottom:20px;
}

div#howto dl.ex dt {
	float:left;
	text-align:left;
	width:2.5em;
}

div#howto dl.ex dd {
	margin-left:2.5em;
}

div#howto ul.qa li {
	margin-top:20px;
	text-align:center;
	list-style:none;
}


/* Howto pages > section
----------------------------------------------------------*/
div#howto div.section {
	margin:20px 0 20px 20px;
	padding-bottom:5px;
}

div#howto div.section .pagetop {
	margin-top:30px;
}



/* Howto pages > attention
----------------------------------------------------------*/
div#howto div.attention {
	background:url(/oneseg-radio/share/images/dotline.gif) no-repeat 6em 0.8em;
	line-height:1.7;
	color:#666;
	font-size:90%;
}

div#howto div.attention h4 {
	margin-bottom:6px;
	padding:2px 0 3px 24px;
	color:#666;
	font-weight:bold;
}


div#howto div.attention dl {
	margin-top:5px;
	margin-left:5px;
}

div#howto div.attention dl dt {
	float:left;
	padding:5px 0 0;
	width:1.7em;
	font-size:120%;
	text-align:left;
	color:#0a6ca3;
}

div#howto div.attention dl dd {
	margin-left:1.7em;
	padding:5px 10px 0 0;
}


/* Howto pages > grid
----------------------------------------------------------*/
div#howto div.section div.grid {
	padding-right:0;
}

div#howto div.section div.grid .left {
	float:left;
	width:480px;
}

div#howto div.section div.grid .left350 {
	float:left;
	width:350px;
}

/*----------------W600------------------*/
div#howto.w600 h3 {
	background:url(/oneseg-radio/howto/images/ht_w600_icn_ttl.gif) no-repeat;
}

div#howto.w600 div.attention h4 {
	background:url(/oneseg-radio/howto/images/ht_w600_icn_att.gif) no-repeat 0 10%;
}

/*----------------d500------------------*/
div#howto.d500 h3 {
	background:url(/oneseg-radio/howto/images/ht_d500_icn_ttl.gif) no-repeat;
}

div#howto.d500 div.attention h4 {
	background:url(/oneseg-radio/howto/images/ht_d500_icn_att.gif) no-repeat 0 10%;
}

/*----------------g200------------------*/
div#howto.g200 h3 {
	background:url(/oneseg-radio/howto/images/ht_g200_icn_ttl.gif) no-repeat;
}

div#howto.g200 div.attention h4 {
	background:url(/oneseg-radio/howto/images/ht_g200_icn_att.gif) no-repeat 0 10%;
}


/* Clearfix
----------------------------------------------------------*/
div#howto ul.model,
div#howto dl.ex,
div#howto div.attention dl,
div#howto div.section div.grid {
	zoom:1;
}

div#howto ul.model:after,
div#howto dl.ex:after,
div#howto div.attention dl:after,
div#howto div.section div.grid:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html div#howto ul.model,
* html div#howto dl.ex,
* html div#howto div.attention dl,
* html div#howto div.section div.grid {
	display:inline-table;
	/*\*/display:block;/**/
}
