/* @override http://angel.moto.co.jp/coyote/css/style.css */

/* @override http://www.moto.co.jp/coyote/css/style.css */


@charset "utf-8";

.clearfix:after{
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}

.coyote {
	background-color: black;
	margin: 0 auto;
	width: 720px;
	font: 11px/1.2em "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;
}

#layoutTable {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#header {
	height: 95px;
	width: 720px;
	background: url(../images/bg.jpg) repeat-y;
	border-style: hidden;
}

#leftColumn {
	overflow: hidden;
	padding-top: 15px;
	background: url(/coyote/images/bg.jpg) repeat-y;
	padding-left: 15px;
	padding-right: 21px;
	margin: 0;
	font: 11px/1.4em "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;
}

#leftColumn .radioCoyote {
	height: 150px;
	width: 180px;
	margin: 0;
	padding: 0;
}

#leftColumn .radioCoyote .player {
	border-style: none;
	background-image: url(../images/index_player_sam.jpg);
}

#leftColumn .radioCoyote .header {
	padding: 0;
	background-image: url(../images/radio_icon.gif);
	list-style-type: none;
	display: block;
	width: 180px;
	text-indent: -1000px;
	margin: 0;
	height: 18px;
	overflow: hidden;
}

#leftColumn .radioText {
	color: #f0e9ce;
	font-size: 10px;
	line-height: 1.4em;
	text-align: center;
	padding: 0 0 7px;
	background: url(../images/index_player_sam.jpg) 0 22px;
	margin: 0;
	bottom: 7px;
	position: relative;
}

#leftColumn .radioCoyote .postMessage h5 {
	text-indent: -1000px;
}
#leftColumn .radioCoyote .postMessage {
	padding-left: 13px;
	overflow: hidden;
	background: url(../images/index_player_sam.jpg) 0 -18px;
	padding-bottom: 5px;
	margin: 0;
	padding-top: 5px;
	height: 24px;
}

#leftColumn .radioCoyote .postMessage .button {
	list-style-type: none;
	width: 149px;
	overflow: hidden;
	height: 26px;
	display: block;
	margin: 1px 0 0 2px;
	padding: 0;
}

#leftColumn   a.buttonIcon {
	list-style-type: none;
	display: block;
	width: 154px;
	height: 26px;
	overflow: hidden;
	background-image: url(../images/index_sendmail_btn.jpg);
	margin: 0;
}

a:hover.buttonIcon    {
	list-style-type: none;
	display: block;
	border-style: none;
	border-width: 0;
	width: 154px;
	height: 26px;
	overflow: hidden;
	background-position: 0 -27px;
	background-image: url(../images/index_sendmail_btn.jpg);
	padding: 0;
	margin: 0;
}

a:active.buttonIcon    {
	list-style-type: none;
	display: block;
	border-style: none;
	border-width: 0;
	width: 154px;
	height: 26px;
	overflow: hidden;
	padding: 0;
	background-position: 0 -54px;
	background-image: url(../images/index_sendmail_btn.jpg);
	margin: 0;
}

#leftColumn .menu {
	list-style-type: none;
	font-size: 11px;
	color: #f0e9ce;
	width: 150px;
	padding-left: 1px;
	margin-top: 25px;
	margin-left: 0;
}
#leftColumn .menu li {
	height: 17px;
	width: 180px;
	background-color: #250000;
	margin-bottom: 3px;
	display: block;
	list-style-position: outside;
	color: #47453d;
	padding-top: 3px;
	padding-left: 2px;
}
#leftColumn   .menu   .box {
	display: block;
	padding-top: 3px;
	padding-left: 2px;
	height: 18px;
	margin-left: -2px;
	margin-top: -3px;
}
a:hover.box {
	background-color: maroon;
	display: block;
	border: 0 solid #716f62;
	height: 16px;
}

#leftColumn div.blogPlayer {

	width: 150px;
	display: block;
	margin-top: 20px;
	margin-left: 15px;
	font-size: 10px;
	line-height: 1.5em;
	float: none;
}

#leftColumn .banner {
	padding-left: 1px;
	margin: 25px 0 0;
}

#leftColumn .banner .store {
	height: 45px;
	width: 180px;
	list-style-position: outside;
	list-style-type: none;
	text-indent: -1000px;
	margin-bottom: 2px;
	background-image: url(../images/index_store_i.jpg);
}
#leftColumn .banner .sendMail {
	height: 45px;
	width: 180px;
	list-style-position: outside;
	list-style-type: none;
	text-indent: -1000px;
	margin-bottom: 2px;
	background-image: url(../images/index_tell_i.jpg);
}
#leftColumn .banner .goMWS {
	height: 45px;
	width: 180px;
	list-style-position: outside;
	list-style-type: none;
	text-indent: -1000px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/index_mws_i.jpg);
}

#leftColumn .banner .mySpace {
	height: 45px;
	width: 180px;
	list-style-position: outside;
	list-style-type: none;
	text-indent: -1000px;
	margin-bottom: 2px;
	display: block;
	background-image: url(../images/index_myspace_i.jpg);
	margin-top: 15px;
}

#leftColumn .banner .webPortal {
	height: 45px;
	width: 180px;
	list-style-position: outside;
	list-style-type: none;
	text-indent: -1000px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/index_portal_i.jpg);
	padding: 0;
	margin-top: 0;
}
#leftColumn  .banner   .link  {
	height: 39px;
	width: 178px;
	display: block;
}
a:hover.link       {
	border: 1px solid #F0E6C5;
	height: 40px;
	width: 180px;
}

#leftColumn h4 {
	font-size: 10px;
	line-height: 1.4em;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	width: 180px;
	margin: 35px 0 0;
}

#leftColumn .environment .flash {
	background-image: url(../images/get_flash_player.gif);
	display: block;
	height: 31px;
	width: 88px;
	text-indent: -1000px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
}

#leftColumn .environment .quicktime {
	background-image: url(../images/getquicktime.gif);
	display: block;
	height: 31px;
	width: 88px;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
	text-indent: -1000px;
}

#leftColumn .environment .linkBudge  {
	height: 31px;
	width: 88px;
	display: block;
}

#centerColumn {
	background: #4b4d42 repeat-y;
	padding-top: 15px;
	font: 11px/1.4em "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

#centerColumn h3 {
	width: 290px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline-block;
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	color: #F0E9CE;
}

#centerColumn .frontCover {
	margin-left: 30px;
	margin-bottom: 5px;
	padding: 0;
}

#centerColumn .name {
	text-align: center;
	margin: 0;
	color: #F6F6F6;
	font-weight: bold;
}
#centerColumn .CDShop {
	text-align: center;
	margin-top: 5px;
	font: 10px "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;	width: 290px;
	margin-bottom: 0;
}
#centerColumn .download {
	text-align: center;
	margin-top: 5px;
	font: 10px "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;
	display: none;
}

#centerColumn #tracks {
	background-color: #5B6456;
	border: 1px solid #ece8d6;
	margin-bottom: 20px;
	width: 276px;
	font-size: 11px;
	margin-left: 13px;
}

#centerColumn #tracks .trackHeader {
	background-color: #000000;
	width: 270px;
	font-size: 11px;
	color: #ece8d6;
	margin: 0 0 5px;
	padding: 4px 3px;
}

#centerColumn #tracks .tr1,
#centerColumn #tracks .tr3,
#centerColumn #tracks .tr5,
#centerColumn #tracks .tr7,
#centerColumn #tracks .tr9,
#centerColumn #tracks .tr11{
	background-color: #555E50;
	height: 15px;
	width: 265px;
	padding: 3px 5px;
}

#centerColumn #tracks .tr2,
#centerColumn #tracks .tr4,
#centerColumn #tracks .tr6,
#centerColumn #tracks .tr8,
#centerColumn #tracks .tr10,
#centerColumn #tracks .tr12{
	height: 15px;
	width: 265px;
	padding: 3px 5px;

}

#centerColumn #tracks .playButton  {
	line-height: 0px;
	height: 10px;
	width: 10px;
	float: left;
	margin-top: 2px;
	border-style: hidden;
	margin-right: 5px;
}

#centerColumn #tracks .playButton2  {
	line-height: 0px;
	height: 10px;
	width: 10px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	border-style: hidden;
	display: none;
}

#centerColumn #tracks .title  {
	width: 150px;
	float: left;
	text-align: left;
	height: 10px;
	color: white;
}
#centerColumn #tracks .title2  {
	width: 150px;
	float: left;
	text-align: left;
	height: 10px;
	color: white;
	padding-left: 15px;
}
#centerColumn #tracks .small  {
	font-size: 80%;
}

#centerColumn #tracks .vote {
	background-color: #2A3429;
	width: 100px;
	display: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-top: 4px;
	height: 8px;
}

#centerColumn #ctpMovie  {
	line-height: 0px;
	text-align: left;
	background-color: gray;
	height: 20px;
	background-color: #555E50;
	width: 255px;
	margin: 0;
	padding-top: 7px;
	padding-left: 20px;
	padding-bottom: 8px;
}


#centerColumn #playAll  {
	line-height: 0px;
	text-align: left;
	background-color: gray;
	height: 30px;
	background-color: #555E50;
	width: 230px;
	margin: 0;
	padding-top: 5px;
	padding-left: 45px;
	padding-bottom: 0;
	display: none;
}

#centerColumn #fromCoyote {
	width: 276px;
	margin: 0 0 10px 13px;
	padding: 0;
	display: inline-block;
}

#centerColumn #fromCoyote .whatsNew {
	display: block;
}

#centerColumn #fromCoyote .newsTitle {
	font-weight: bold;
	color: #E2C59D;
	margin-top: 2px;
	margin-bottom: 5px;
}

#centerColumn #fromCoyote .desc {
	margin: 0;
	line-height: 1.4em;
	color: #E9E2CE;
}

#centerColumn  #fromCoyote .date {
	text-align: right;
	color: #E9E2CE;
	font: bold 11px "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;
	margin-top: 5px;
	margin-bottom: 15px;
}

#centerColumn #fromCoyote .goCoyoteBlog {
	margin-top: 11px;
	width: 275px;
	display: none;
	text-align: center;
}

#rightColumn {
	background-color: #4b4d42;
	padding-top: 15px;
	padding-right: 13px;
	padding-left: 16px;
	font: 11px/1.4em "Lucida Grande", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", Osaka, Meiryo, Lucida, Verdana, sans-serif;
}

#rightColumn #recommends {
	background-image: url(../images/index_27.jpg);
	background-repeat: repeat-y;
	width: 170px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#rightColumn #recommends .musthaves {
	margin-bottom: 10px;
}

#rightColumn #recommends .title {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	width: 140px;
	padding-bottom: 10px;
	text-align: center;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 10px;
	line-height: 1.4em;
}

#rightColumn #recommends .title .book {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 95px;
	height: 119px;
	margin-bottom: 5px;
	margin-right: 22px;
	margin-left: 22px;
}
#rightColumn #recommends .title .jacket {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 95px;
	height: 95px;
	margin-bottom: 5px;
	margin-right: 22px;
	margin-left: 22px;
}
#rightColumn #recommends .title .jacketDVD {
	width: 85px;
	height: 114px;
	margin-left: 26px;
	margin-bottom: 5px;
	border-style: none;
	margin-right: 25px;
}

#footer .copyright {
	font-size: 10px;
	color: #CCCCCC;
	width: 510px;
	float: left;
	margin-top: 15px;
}
#footer .daisy img {
	display: block;
	width: 179px;
	height: 19px;
	float: right;
	margin-top: 10px;
}



/* Spry Customize */

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin-left: 13px;
	height: 20px;
	padding-left: 25px;
	width: 245px;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border-right: 1px solid gray;
	float: left;
	width: 10.5em;
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.2em 0.75em;
	border: 1px solid silver;
	border-top-style: none;
	color: black;
	text-align: left;
}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: black;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #33C;
	color: #FFF;
}


a  { color: #f0e9ce; text-decoration: none }
a:link  { color: #f0e9ce; text-decoration: none }
a:visited  {
	color: #f0e9ce;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a:hover     { color: #f4eed7; text-decoration: underline }