/* -------------------------------- 
Name: lists stylesheet
Manager: hikari de DVD
-------------------------------- */




/*pickup
-------------------------------- */
#pickup iframe {
	height: 100px;
	padding: 0;
	margin: 0;
}


#pickup_banner ul {
	padding: 0;
	margin: 10px 0 0 10px;
	background: #003300;
	list-style: none;
}


#pickup_banner li {
	float: left;
	padding: 0;
	margin: 0 14px 0 0;
}


#pickup_banner li img {
	border: 2px solid #cccccc;
}


/*section_title
-------------------------------- */
#section_title {
	height: 49px;
	width: 717px;
	padding: 0;
	background-image: url(../img/contents/about/title.gif);
	background-repeat: no-repeat;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#section_title h3 {
	font-size: 14px;
	color: #ffffff;
	width: 500px;
	float: left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 70px;
}


#genre_bt {
	padding: 20px 5px 0 0;
	width: 117px;
	float: right;
}


/*section_bottom
-------------------------------- */
#section_bottom {
	height: 57px;
	width: 717px;
	background: url(../img/section_bottombg.gif) no-repeat bottom;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}


#section_bottom .bt01 {
	width: 515px;
	margin-left: 170px;
}


#section_bottom .bt01 li {
	float: left;
	margin-right: 5px;
}


.txt_red {
	color: #FF0000;
}

.txt_red02 {
	margin-top:5px;
	color: #FF0000;
}


.txt_orange {
	color: #FF9900;
}


.txt_black {
	color: #333333;
}


/*terms
-------------------------------- */
.termsbox {
	width: 677px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 22px;
}


.termsbox a {
	color: #FF6600;
}


.termsbox h4 {
	margin-bottom: 10px;
}


.termsbox h5 {
	background-image: url(../img/contents/about/arrow01.gif);
	background-repeat: no-repeat;
	height: 24px;
	color: #FF6600;
	font-size: 14px;
	padding-left: 30px;
}


.termsbox p {
	color: #333333;
	line-height: 1.5;
}


.termsbox .easylist {
	margin-top: 20px;
	margin-left: 45px;
}


.termsbox .easylist li {
	float: left;
	margin-right: 20px;
}


.termsbox .indet01 {
	margin-left: 30px;
}


.termsbox .midashi01 {
	font-size: 14px;
	padding-top: 10px;
}


.termsbox .step {
	margin-left: 30px;
	line-height: 14px;
	margin-bottom: 10px;
}


.termsbox .step th {
	padding-right: 10px;
	vertical-align: top;
	padding-bottom: 5px;
}


.termsbox .step td {
	padding-bottom: 5px;
}


.termsbox .footnote {
	background-color: #F5F5F5;
	width: 540px;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}




/*how to
-------------------------------- */
.howtobox {
	width: 678px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	color: #000000;
	padding-top: 25px;
}

.howtobox h5 {
	background-image: url(../img/contents/about/arrow01.gif);
	background-repeat: no-repeat;
	height: 24px;
	color: #FF6600;
	font-size: 14px;
	padding-left: 30px;
	margin-bottom: 5px;
}

.howtobox ul.list01 li {
	float: left;
	margin-top: 5px;
}

.howtobox .stepbox {
	width: 678px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 15px 0 10px 0;
}

.howtobox .stepbox a {
	color: #000000;
}

.howtobox .stepbox p {
	margin-left: 10px;
}

.howtobox .stepbox img {
	float: right;
	margin-left: 10px;
}

.howtobox .stepbox ul.link {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}

.howtobox .stepbox ul.link li {
	background-image: url(../img/contents/about/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	margin-bottom: 30px;
}

.howtobox div.line_non {
	border-bottom-style: none;
}

.howtobox p.gotop {
	margin-top: 15px;
	width: 678px;
	text-align: right;
}

.howtobox p.lastbt {
	text-align: center;
	margin-top: 30px;
}

.appbox {
	width: 677px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 22px;
}


.appbox h4 {
	margin-bottom: 10px;
}


.appbox h5 {
	background-image: url(../img/contents/about/arrow01.gif);
	background-repeat: no-repeat;
	height: 24px;
	color: #FF6600;
	font-size: 14px;
	padding-left: 30px;
}


.appbox p {
	color: #333333;
	line-height: 1.5;
}


.appbox .indet01 {
	margin-left: 30px;
}


.paybox {
	width: 677px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 22px;
}


.paybox h4 {
	margin-bottom: 10px;
}


.paybox h5 {
	background-image: url(../img/contents/about/arrow01.gif);
	background-repeat: no-repeat;
	height: 24px;
	color: #FF6600;
	font-size: 14px;
	padding-left: 30px;
}


.paybox p {
	color: #333333;
	line-height: 1.5;
}


.paybox .indet01 {
	margin-left: 30px;
}


.paybox  .cardlist {
	background-color: #F5F5F5;
	width: 530px;
	border: 1px solid #CCCCCC;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}


.paybox .cardlist table {
	margin-top: 10px;
}


.paybox .cardlist table td {
	text-align: center;
	padding-right: 10px;
}


.accesbox {
	width: 677px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 22px;
}


.accesbox p {
	color: #333333;
	line-height: 1.5;
}


.accesbox table {
	width: 677px;
	margin-top: 10px;
	background-color: #FFFFFF;
}


.accesbox th {
	background-image: url(../img/contents/about/arrow02.gif);
	background-repeat: no-repeat;
	width: 20%;
	text-align: left;
	vertical-align: top;
	line-height: 16px;
	background-position: 10px 13px;
	padding-left: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
}


.accesbox td {
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}


.accesbox a {
	color: #FF6600;
}


.accesbox .line01 {
	background-color: #EBEFF1;
}


.accesbox .line02 {
	background-color: #F2F3F4;
}


.footnote {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 15px;
}

table.drivelist {
	width: 650px;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 13px;
}

table.drivelist td.ttl {
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.drivelist th.inout {
	background-color: #FFFFFF;
}

table.drivelist td {
	text-align: center;
	background-color: #E6E6E6;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.drivelist td.line01 {
	background-color: #EFEFEF;
}

table.drivelist td.line01_stxt {
	background-color: #EFEFEF;
	text-align:left;
	font-size:10px;
	}

table.drivelist th {
	text-align: center;
	background-color: #FFE49D;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.drivelist th .makerlink {
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
	background-color: #FF7417;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #000000;
}
table.drivelist th .makerlink a {
	color: #FFFFFF;
}


table.drivelist th.line01 {
	background-color: #FFFBA6;
}

table.drivelist caption {
	background-color: #FF7417;
	padding-top: 3px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

h4.accessibility {
	background-color: #FF7417;
	margin: 20px 0 3px 0;
	padding: 3px 0 0 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.caption_fire {
	background-color: #FF7417;
	padding-top: 3px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	line-height:160%;
}



/*label
-------------------------------- */
.level_select_middle{
	background-image: url(../img/contents/about/howto_label_dl/level_select_middle.gif);
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;	
}
.detailtxt{
	margin-left:30px;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom: 1px dotted #CCCCCC;	
	color: #333333;
	line-height: 1.5;
}

.sample_data{
	width: 647px;
	margin-left:30px;
	color: #333333;
	line-height: 1.5;
}
.sample_data .caption{
	float: left;
	width: 447px;
	color: #333333;
	line-height: 1.5;
}

.sample_data .thumb{
	clear: none;
	float: right;
	width: 200px;
}

.dlstep{
	width: 647px;
	margin-left:30px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #CCCCCC;
	color: #333333;
	line-height: 1.5;
}
.caption{
	float: left;
	width: 280px;
	color: #333333;
	line-height: 1.5;
}
.caption ul.link{
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
}
.caption ul.link li {
	background-image: url(../img/contents/about/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	margin-bottom: 0px;
}
.thumb{
	clear: none;
	float: right;
	width: 367px;
}

.cation{
	background-color: #FFC7CA;
	padding: 7px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	border: 1px solid #FF0000;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	
}

.howto_print{
	width: 647px;
	margin-left:30px;
	margin-bottom:15px;
	padding-bottom:15px;
	color: #333333;
	line-height: 1.5;
}
.howto_thumb{
	clear: none;
	float: right;
	width: 100px;
}

.howto_caption{
	float: left;
	width: 527px;
	color: #333333;
	line-height: 1.5;

}
.howto_caption ul.link{
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
}
.howto_caption ul.link li {
	background-image: url(../img/contents/about/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	margin-bottom: 0px;
}

table.about_dl{
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 30px;
	border-collapse: collapse;
	border-spacing:0;
	width: 630px;
}


table.about_dl th {
	border: 1px solid #cacaca;
	background-color:#D9D9D9;
	color: #333333;
	font-weight: normal;
	font-weight:bold;
}
table.about_dl td {
	border: 1px solid #cacaca;
	/*padding-left: 13px;*/
	padding-left: 5px;
	padding-right: 5px;
}