/*===========================================
	link
=============================================*/
.link {
	background:transparent url(/share/images/arrow_black.gif) no-repeat scroll 0px 0.4em;
	color:#000000;
	line-height:1.2em;
	padding-bottom:10px;
	padding-left:10px;
	vertical-align:top;
}


/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 740px;
	margin: 20px auto 0px auto;
	padding: 0px;
	background:url(/support/walkman/tips/sync-lyrics/images/cut_01.jpg) right top no-repeat;
}

div#pregArea_android {
	width: 740px;
	margin: 20px auto 0px auto;
	padding: 10px;
	background:url(/support/walkman/tips/sync-lyrics/images/z1000s_cut_01.jpg) right top no-repeat;
}

div.pregArea_01 div.LeftArea {
	width: 480px;
	margin: 0px;
	padding: 0px;
}
ul.junbiArea {
	width:710px;
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.junbiArea li {
	width:180px;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	text-align:center;
	float:left;
}
ul.junbiArea li.long {
	width:300px;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	text-align:center;
	float:left;
}
ul.junbiArea li.long div.img-mq {
	display:none;
}
ul.junbiArea li p {
	margin: 10px 0px 0px 0px;
}
ul.junbiArea li p.mt_00 {
	margin-top: 0;
}

div.pregArea_01 ul {
	margin: 0 0 1em 2em;
	padding: 0.5em 0;
}

div.pregArea_01 ul.annotation li {
	list-style: none;
	text-indent: -0.7em;
	font-size: 0.9em;
}

div.btnArea_box ul.btnArea {
	width: 740px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style:none;
}
div.btnArea_box ul.btnArea li {
	width: 360px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float:left;
}

div.btnArea_box_a ul.btnArea {
	width: 740px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style:none;
}
div.btnArea_box_a ul.btnArea li {
	width: 220px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float:left;
}

/*===========================================
	OnepointArea
=============================================*/
div.OnepointArea {
	margin: 15px 0px 0px 0px;
	padding: 15px;
	border:#4C96C8 2px solid;
	clear:both;
}

.ico_Square {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 13px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_square.gif) no-repeat 0px 3px;
	font-weight:bold;
}

ul.Disc li {
	margin: 5px 0px 6px 20px;
	padding: 0px 0px 0px 0px;
}

div.OnepointArea table {
    float: left;
}

div.OnepointArea table.left_area {
    margin-right: 15px;
}

/*===========================================
	doukilink
=============================================*/
p.douki_link {
	text-align:right;
	margin-top:10px;
}
p.douki_link a {
	background: url(/support/share/images/arrow_bg_none.gif) no-repeat left 50%;
	padding-left: 10px;
}

/*===========================================
	sTitleBar 
=============================================*/
p.sTitleBar {
	margin:30px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	border-bottom:2px solid #CCC;
	clear:both;
}

.txt15 {
	font-size: 123.1%;
}

/*===========================================
	textLine
=============================================*/
.textLine {
	padding-right:4px;
	padding-left:3px;
	padding-bottom:4px;
	vertical-align: middle;
}

/*===========================================
	bar
=============================================*/
.bar_no01 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no01.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}
.bar_no02 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no02.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}
.bar_no03 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no03.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}
.bar_no04 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no04.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}
.bar_no05 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no05.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}
.bar_no06 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no06.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}
.bar_no07 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no07.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}
.bar_no08 {
	height:31px;
	margin: 0px;
	padding: 5px 0px 0px 45px;
	background:url(/support/walkman/tips/sync-lyrics/images/bar_no08.gif) no-repeat;
	font-weight:bold;
	font-size:120% !important;
}

/*===========================================
	pregArea_02
=============================================*/

.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}

.margin_box40 {
	margin-left: 40px !important
}

div.pregBox div.img_box {
	width:340px;
	margin: 0px;
	padding: 0px;
	float:right;
}

div.pregBox div.txt_box {
	width:355px;
	margin: 0px;
	padding: 0px;
	float:left;
}

div.pregBox div.img_box_b {
	width:220px;
	margin: 0px;
	padding: 0px;
	float:right;
}

div.pregBox div.txt_box_b {
	width:415px;
	margin: 0px;
	padding: 0px;
	float:left;
}

div.pregBox div.img_box_c {
	width:305px;
	margin: 0px;
	padding: 0px;
	float:right;
}

div.pregBox div.txt_box_c {
	width: 370px;
	margin: 0px;
	padding: 0px;
	float:left;
}

div.pregBox div.img_box_d {
	width:385px;
	margin: 0px;
	padding: 0px;
	float:right;
}

div.pregBox div.txt_box_d {
	width:310px;
	margin: 0px;
	padding: 0px;
	float:left;
}

div.pregBox div.img_box_e {
	width:220px;
	margin: 0px;
	padding: 0px;
	float:right;
}

div.pregBox div.txt_box_e {
	width:470px;
	margin: 0px;
	padding: 0px;
	float:left;
}

div.pregBox div.img_box_f {
	width:160px;
	margin: 0px;
	padding: 0px;
	float:right;
}

div.pregBox div.txt_box_f {
	width:500px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.ico_01 {
	margin: 0px;
	padding: 3px 0px 5px 30px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_01.gif) no-repeat 0px 0px;
}
.ico_02 {
	margin-top:10px;
	padding: 3px 0px 5px 30px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_02.gif) no-repeat 0px 0px;
}
.ico_03 {
	margin-top:10px;
	padding: 3px 0px 5px 30px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_03.gif) no-repeat 0px 0px;
}

.ico_04 {
	margin-top:10px;
	padding: 3px 0px 5px 30px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_04.gif) no-repeat 0px 0px;
}

.ico_05 {
	margin-top:10px;
	padding: 3px 0px 5px 30px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_05.gif) no-repeat 0px 0px;
}

div.pregArea_02 div.pregBox {
	width: auto;
	padding: 0px 0px 20px 0px;
	background:url(/support/walkman/tips/sync-lyrics/images/dot_line.gif) repeat-x bottom;
	clear:both;
}

div.OnepointArea div.OnepointBox_Gray {
	background:#F5F5F5;
	border:#999 1px solid;
	margin: 15px auto 0px auto;
	padding: 15px;
}

/*===========================================
	WarningArea 
=============================================*/
div.WarningArea {
	margin: 15px 0px 0px 0px;
	padding: 15px;
	background:#FFFFCC;
	border:#999999 1px solid;
	clear:both;
}
div.WarningArea div.WarningBox {
	width: 680px;
	margin: 0px auto;
	padding: 0px;
}

.ico_Warning {
	height:25px;
	margin: 0px;
	padding: 4px 0px 0px 33px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_warning.gif) no-repeat 0px 0px;
	font-weight:bold;
}

ul.Disc_b li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	background:url(/support/walkman/tips/sync-lyrics/images/ico_disc.gif) no-repeat 0px 5px;
	list-style: none;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/

@media (max-width: 640px) {
/*===========================================
	mq
=============================================*/
div.colum2-right760 {
	width: auto;
}
div.section {
	width: auto;
}

div.resizeimg {
	margin-left: 0px;
	text-align: center;
}

div.resizeimg img {
	max-width: 100%;
	height: auto;
}

div.resizeimg2 img {
	width: 94%;
	height: auto;
}

.center_mq {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.mt30_mq {
	margin-top: 30px !important;
}

.mt40_mq {
	margin-top: 40px !important;
}

/*===========================================
	pregArea_01
=============================================*/
div.colum2-right760 div.section img.mq {
	width: 100%;
}

div.pregArea_01, div.pregArea_01-android {
	width: auto;
	background: none;
}

div#pregArea_android {
	width: auto;
	background: none;
}
div.pregArea_01 div.LeftArea, div.pregArea_01-android div.LeftArea {
	width: auto;
}
div.pregArea_01 div.LeftArea img, div.pregArea_01-android div.LeftArea img {
	max-width: 100%;
	height:auto;
}
div.pregArea_01 ul.junbiArea, div.pregArea_01-android ul.junbiArea  {
	width: auto;
}

div.btnArea_box ul.btnArea {
	width: auto;
}
div.btnArea_box ul.btnArea li {
	width: auto;
	margin: 0px 0px 0px 0px;
	float:none;
}

div.btnArea_box_a ul.btnArea {
	width: auto;
}
div.btnArea_box_a ul.btnArea li {
	width: auto;
	margin: 0px 0px 0px 0px;
	float:none;
}

/*===========================================
	OnepointArea
=============================================*/
div.OnepointArea table.left_area {
    margin-right: 0px;
}

div.OnepointArea table.right_area {
    margin-left: 0px;
}

ul.Disc li {
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}

/*===========================================
	weather_sample
=============================================*/
div#weather_sample {
   display: none;
}


/*===========================================
	doukilink
=============================================*/
p.douki_link {
	text-align:left;
	text-indent: -0.7em;
	margin-left: 15px;
}

/*===========================================
	pregArea_02
=============================================*/
.margin_box40 {
	margin-left: 20px !important
}

div.pregBox div.img_box {
	width:auto;
	float:none;
}

div.pregBox div.txt_box {
	width:auto;
	float:none;
	margin-top: 15px;
}

div.pregBox div.img_box_b {
	width:auto;
	float:none;
}

div.pregBox div.txt_box_b {
	width:auto;
	float:none;
}

div.pregBox div.img_box_c {
	width:auto;
	float:none;
}
div.pregBox div.img_box_c img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 26px;
}

div.pregBox div.txt_box_c {
	width:auto;
	float:none;
}

div.pregBox div.img_box_d {
	width:auto;
	float:none;
}

div.pregBox div.txt_box_d {
	width:auto;
	float:none;
}

div.pregBox div.img_box_e {
	width:auto;
	float:none;
}

div.pregBox div.txt_box_e {
	width:auto;
	float:none;
}

div.pregBox div.img_box_f {
	width:auto;
	float:none;
}

div.pregBox div.txt_box_f {
	width:auto;
	float:none;
}

}

@media (max-width: 640px) {
	.img90 {
		max-width: 90px;
	}
	.img160 {
		max-width: 160px;
	}
	.img188 {
		max-width: 188px;
	}
	.img204 {
		max-width: 204px;
	}
	.section .btnArea_box_a .resizeimg ul.btnArea .img220 {
		max-width: 220px;
	}
	.img260 {
		max-width: 260px;
	}
	.img300 {
		max-width: 300px;
	}
	.img330 {
		max-width: 330px;
	}
	.section .btnArea_box .resizeimg ul.btnArea li.img360 {
		max-width: 360px;
	}
	.img380 {
		max-width: 380px;
	}
	.img500 {
		max-width: 500px;
	}
	.img540 {
		max-width: 540px;
	}
	.bar_no01,
	.bar_no02,
	.bar_no03,
	.bar_no04,
	.bar_no05,
	.bar_no06,
	.bar_no07,
	.bar_no08 {
		height: auto;
	}
	.ico_Warning {
		height: auto;
	}
	
	div.OnepointArea table.right_area {
	    margin-top: -5px;
	}
}