@charset "Shift_JIS";
/* CSS Document */


/*
	====================================
		walkman streaming_shinka common
	====================================
*/

.right {
	float: right;
}

.center {
	text-align: center;
}

a {
	color: #43677e;
	text-decoration: none;
	background-color: transparent;
	transition: color 0.3s ease-in;	
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	color: #c41230;
	text-decoration: underline;
	background-color: transparent; 
	outline: 0;
}
#originalCnt {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
	color: #5A5858;
}


#originalCnt .hed-link {
	float: right;
	font-size: 0.9em;
}

#originalCnt .l_title {
	font-size: 1.6em;
	padding: 5px 10px;
	border-bottom: solid 2px #CCCCCC;
	clear: both;
	}

#originalCnt .glayTitle {
	font-size: 1.3em;
	color: #ffffff;
	padding: 5px 10px;
	background: #5A5858;
	text-align: center;
	margin: 1.5em 0px;
}

#originalCnt h2.glayTitle{
	margin: 1.5em 0.5em;
}

ul li {
	list-style-type: none;
}

ul.mb0 {
	margin-bottom: 0px;
}

.mt1em{
	margin-top:1em;
}

ul.txtlink li {
	background: url(/support/share/images/arrow_black.png) no-repeat scroll 0 5px;
	line-height: 16px !important;
	padding-left: 12px;
}

ul.annotation{
	padding-left: 0;
	font-size: 0.9em;
	margin-left: 15px;
}
ul.annotation li {
	list-style: none;
	text-indent: -0.7em;
}

p.annotation {
	text-indent: -0.7em;
	font-size: 0.8em;
}

.notice_gray{
	border:1px solid #ccc;
	margin: 0 1em;
	padding: 1em;
}

a.textLink{
	background: url(/support/share/images/arrow_black.png) no-repeat scroll 0 5px;
	padding-left: 1em;
	display:inline-block;
	margin:0.5em 0;
}

#originalCnt span.icon_up {
	background-color: #F90;
	color: #fff;
	margin-left: 0.8em;
	padding: 4px 10px 2px;
	font-size: 85%;
	vertical-align: middle;
}

#originalCnt span.icon_new {
	background-color: #ff6666;
	color: #fff;
	margin-left: 0.8em;
	padding: 4px 10px 2px;
	font-size: 85%;
	vertical-align: middle;
}

/*
	====================================
		Link button
	====================================
*/
a.btn_link {
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	padding: 0.5em;
	display: inline-block;
	width: 480px;
}

a.btn_link:hover,a.btn_link:active {
	opacity: 0.5;
	color: #2f353d;
	text-decoration: none;
}

a.btn_link:focus {
	opacity: 0.5;
	outline: thin dotted;
}

#originalCnt span.textLink {
	background: url(/share/images/arrow_black.gif) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
	background-position: 0 9px;
	margin-left: 0;
	display: inline-block;
	padding: 0 0 0 11px;
	color: #5A5858;
}

@media (max-width: 740px){
	.right {
		float: none;
		margin-top: 10px;
	}

	#originalCnt {
		width: auto;
	}

	#originalCnt .hed-link{
		margin-top:1em;
	}

	#originalCnt .contents_area {
		margin-bottom: 0;
	}

	#originalCnt .m_title {
		text-align: center;
		font-size: 2em;
	}

	#originalCnt h2.glayTitle{
		margin: 1.5em 0;
	}

	ul.txtlink {
		padding-left: 0px;
	}

	ul.annotation li {
		margin-bottom: 0.5em;
	}

	#enqueteArea table {
	width: auto;
	margin: 0 auto 20px;
	line-height: 1.5;
	}
	/*
	====================================
		Link button
	====================================
*/
	a.btn_link {
		width: 90%;
	}

	/*
		--------------------------------------
			images
		--------------------------------------
	*/

	.img200 {max-width: 200px;}
	.img220 {max-width: 220px;}
	.img240 {max-width: 240px;}
	.img260 {max-width: 260px;}
	.img280 {max-width: 280px;}
	.img300 {max-width: 300px;}
	.img320 {max-width: 320px;}
	.img340 {max-width: 340px;}
	.img360 {max-width: 360px;}
	.img380 {max-width: 380px;}
	.img400 {max-width: 400px;}
	.img420 {max-width: 420px;}
	.img440 {max-width: 440px;}
	.img460 {max-width: 460px;}
	.img480 {max-width: 480px;}
	.img500 {max-width: 500px;}
	.img520 {max-width: 520px;}
	.img540 {max-width: 540px;}
	.img560 {max-width: 560px;}
	.img580 {max-width: 580px;}
	.img600 {max-width: 600px;}

	.top_img img {
		width: 96%;
	}

	img {
		width: 96%;
	}
}


.pt0 { padding-top:0 !important;}

.pt5 { padding-top:5px !important; }

.pt10 { padding-top:10px !important; }

.pt15 { padding-top:15px !important; }

.pt20 { padding-top:20px !important; }

.pt30 { padding-top:30px !important; }

.pt40 { padding-top:40px !important; }

.pt50 { padding-top:50px !important; }

.pb0 { padding-bottom:0 !important; }

.pb5 { padding-bottom:5px !important; }

.pb10 { padding-bottom:10px !important; }

.pb15 { padding-bottom:15px !important; }

.pb20 { padding-bottom:20px !important; }

.pb30 { padding-bottom:30px !important; }

.pb40 { padding-bottom:40px !important; }

.pb50 { padding-bottom:50px !important; }

.mt0 { margin-top:0 !important; }

.mt5 { margin-top:5px !important; }

.mt10 { margin-top:10px !important; }

.mt15 { margin-top:15px !important; }

.mt20 { margin-top:20px !important; }

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

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

.mt50 { margin-top:50px !important; }

.mb0 { margin-bottom:0 !important; }

.mb5 { margin-bottom:5px !important; }

.mb10 { margin-bottom:10px !important; }

.mb15 { margin-bottom:15px !important; }

.mb20 { margin-bottom:20px !important; }

.mb30 { margin-bottom:30px !important; }

.mb40 { margin-bottom:40px !important; }

.mb50 { margin-bottom:50px !important; }

.ml0 { margin-left:0 !important;}

.ml5 { margin-left:5px !important; }

.ml10 { margin-left:10px !important; }

.ml15 { margin-left:15px !important; }

.ml20 { margin-left:20px !important; }

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

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

.ml50 { margin-left:50px !important; }


.font14 { font-size: 14px; }