@charset "utf-8";

/* ------------------------------------------
Since: 2009-12-08
Version: 1.0
Auther: TAKASHI MIYAZAWA(visual and echo japan)
------------------------------------------*/

/*******************************************
contents
*******************************************/




#grid-content .Mainvisual{
	padding:20px 0px 20px 20px;
	font-size:14px;
	font-weight:bold;
	
}
#grid-content .Mainvisual h1{
	color:#ffb800;
	font-size:35px;
	height:70px;
	margin-top:-10px;
	font-family:"Helvetica","ヒラギノ角ゴ Pro W6", "Verdana,Arial","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka";
	line-height:32px;
}
#grid-content .Mainvisual h2{
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; 
	font-size:16px;
	margin-bottom:20px;
}
#grid-content .Mainvisual .text{
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; 
	font-size:12px;
	color:#CCCCCC;
}
#grid-content .Mainvisual .detail{

}
#grid-content .Mainvisual .visual{
	float:left;
	margin: 0 20px 0 0;

}
#grid-content .Mainvisual a:link {
	text-decoration:none;color:#ffb800;
}
#grid-content .Mainvisual a:active {
	text-decoration:none;color:#ffb800;
}
#grid-content .Mainvisual a:visited {
	text-decoration:none;color:#ffb800;
}
#grid-content .Mainvisual a:hover {
	text-decoration:none;color:#FFF;
}


#gallery
{
  position: relative;
  width: 740px;
  height: 380px;
  padding-bottom: 10px;
}
#gallery #imageNumberLine
{
  display: block;
  width: 250px;
  height: 50px;
  text-align: right;
  line-height: 38px;
  font-size: 11px;
  margin: 0;
  color: #FFF;
  position: absolute;
  top: 330px;
  left:500px;
  border-top:1px #333333 dotted;
}

#gallery #imageNumber
{
  display: block;
  width: 250px;
  height: 50px;
  text-align: right;
  line-height: 38px;
  font-size: 11px;
  margin: 0;
  color: #FFF;
  position: absolute;
  top: 350px;
  left:480px;
}

#innerContainer
{
  position: absolute;
  left: 0;
  top: 0;
  height: 380px;
  overflow: hidden;
}

#clickLeft
{
  width: 20px;
  height: 20px;
  position: absolute;
  left: 694px;
  top: 340px;
  background: #000 url(../images/prev.gif);
  background-repeat:no-repeat;
}
#clickRight
{
  width: 20px;
  height: 20px;
  position: absolute;
  left: 712px;
  top: 340px;
  background: #000 url(../images/next.gif);
   background-repeat:no-repeat;
}
#autoPlay
{
  width: 20px;
  height: 20px;
  position: absolute;
  left: 600px;
  top: 350px;
  background: #000 url(../images/play.gif);
   background-repeat:no-repeat;
}

#slideLeft
{
  width: 15px;
  height: 89px;
  position: absolute;
  left: 50px;
  top: 14px;
  background: url(images/trans.gif);
}
#slideRight
{
  width: 15px;
  height: 89px;
  position: absolute;
  right: 50px;
  top: 14px;
  background: url(images/trans.gif);
}

/*******************************************
TopNews
*******************************************/

#grid-content .TopNews .title{
	padding:10px 0 0 20px;
	border-bottom:1px #333 dotted;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	
}

#grid-content .TopNews .Komoku{
	font-size:16px;
	font-weight:bold;
	color:#ffa800;
	font-weight:bold;
	border-bottom:1px #333 dotted;
	
}
#grid-content .TopNews .Komoku a{
	display:block;
	padding:10px 20px 10px 20px;
	color:#ffa800;
	background-color:#000;
}

#grid-content .TopNews .Komoku a:hover{
	display:block;
	padding:10px 20px 10px 20px;
	color:#000;
	background-color:#ffa800;
}
#grid-content .TopNews .visual{
	float:left;
	margin: 0 10px 0 0;
	width:250px;
}
#grid-content .TopNews h2{
	float:right;
	width:190px;
	font-size:14px;
}

#grid-content .TopNews a:link {
	text-decoration:none;color:#ffa800;
}
#grid-content .TopNews a:active {
	text-decoration:none;color:#ffa800;
}
#grid-content .TopNews a:visited {
	text-decoration:none;color:#ffa800;
}
#grid-content .TopNews a:hover {
	text-decoration:none;color:#000;
	background-color:#ffa800;
}




/*******************************************
NewRelease
*******************************************/
#grid-content .NewRelease{
	
}

#grid-content .NewRelease{
	
}
#grid-content .NewRelease .title{
	padding:10px 0 0 20px;
	border-bottom:1px #333 dotted;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	
}
#grid-content .NewRelease .Komoku{
	border-bottom:1px #333333 dotted;
	font-size:16px;
	font-weight:bold;
	color:#5FC843;
	
}
#grid-content .NewRelease .Komoku a{
	display:block;
	padding:10px 20px 10px 20px;
	color:#5FC843;
	background-color:#000;
}


#grid-content .NewRelease .visual{
	float:left;
	width:100px;
}
#grid-content .NewRelease .text{
	float:right;
	width:100px;
}

#grid-content .NewRelease .text .date{
	font-weight:bold;
	font-size:13px;
	font-family:"Helvetica","ヒラギノ角ゴ Pro W6", "Verdana,Arial","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka";

}
#grid-content .NewRelease .text .artist{
	color:#FFFFFF;
	font-size:10px;
	height:14px;
}
#grid-content .NewRelease .text .artist-name{
	line-height:130%;
	font-size:12px;
	font-weight:bold;
}
#grid-content .NewRelease .text .song{
	color:#FFFFFF;
	font-size:10px;
	height:14px;
}
#grid-content .NewRelease .text .song-name{
	line-height:130%;
	font-size:12px;
	font-weight:bold;
}
#grid-content .NewRelease .player{
	margin: 5px 0px 10px 10px;

}

#grid-content .NewRelease a:link {
	text-decoration:none;color:#5FC843;
}
#grid-content .NewRelease a:active {
	text-decoration:none;color:#5FC843;
}
#grid-content .NewRelease a:visited {
	text-decoration:none;color:#5FC843;
}
#grid-content .NewRelease a:hover {
	text-decoration:none;color:#000;
	background-color:#5FC843;
}
/*******************************************
NewBlog
*******************************************/
#grid-content .NewBlog{
	
}

#grid-content .NewBlog{
	
}
#grid-content .NewBlog .title{
	padding:10px 0 0 20px;
	border-bottom:1px #333 dotted;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	
}
#grid-content .NewBlog .Komoku{
	border-bottom:1px #333333 dotted;
	font-size:16px;
	font-weight:bold;
	color:#add8e6;
	
}
#grid-content .NewBlog .Komoku a{
	display:block;
	padding:10px 20px 10px 20px;
	color:#add8e6;
	background-color:#000;
}


#grid-content .NewBlog .visual{
	float:left;
	width:100px;
}
#grid-content .NewBlog .text{
	float:right;
	width:100px;
}

#grid-content .NewBlog .text .date{
	font-weight:bold;
	font-size:13px;
	font-family:"Helvetica","ヒラギノ角ゴ Pro W6", "Verdana,Arial","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka";

}
#grid-content .NewBlog .text .artist{
	color:#FFFFFF;
	font-size:10px;
	height:14px;
}
#grid-content .NewBlog .text .artist-name{
	line-height:130%;
	font-size:12px;
	font-weight:bold;
}
#grid-content .NewBlog .text .song{
	color:#FFFFFF;
	font-size:10px;
	height:14px;
}
#grid-content .NewBlog .text .song-name{
	line-height:130%;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}

#grid-content .NewBlog a:link {
	text-decoration:none;color:#add8e6;
}
#grid-content .NewBlog a:active {
	text-decoration:none;color:#add8e6;
}
#grid-content .NewBlog a:visited {
	text-decoration:none;color:#add8e6;
}
#grid-content .NewBlog a:hover {
	text-decoration:none;color:#000;
	background-color:#add8e6;
}


/*******************************************
TopCommingShow
*******************************************/



#grid-content .TopCommingShow{
	
}
#grid-content .TopCommingShow .title{
	padding:10px 0 0 20px;
	border-bottom:1px #333 dotted;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	
}
#grid-content .TopCommingShow .komoku{
	
	border-bottom:1px #333333 dotted;
	font-size:16px;
	font-weight:bold;
	color:#fb029a;
	
}
#grid-content .TopCommingShow .Komoku a{
	display:block;
	padding:10px 20px 10px 20px;
	color:#5FC843;
	background-color:#000;
	border-bottom:1px #333333 dotted;
}


#grid-content .TopCommingShow .visual{
	margin: 0px 0px 0 0px;
}
#grid-content .TopCommingShow .text{
	margin: 5px 10px 0 0px;
}

#grid-content .TopCommingShow .date{
	font-weight:bold;
	font-size:18px;
	font-family:"Helvetica","ヒラギノ角ゴ Pro W6", "Verdana,Arial","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka";


}
#grid-content .TopCommingShow .detail{
	color:#FFFFFF;
	font-size:10px;
	line-height:130%;
}


#grid-content .TopCommingShow a:link {
	text-decoration:none;color:#fb029a;
}
#grid-content .TopCommingShow a:active {
	text-decoration:none;color:#fb029a;
}
#grid-content .TopCommingShow a:visited {
	text-decoration:none;color:#fb029a;
}
#grid-content .TopCommingShow a:hover {
	text-decoration:none;color:#000;
	background-color:#fb029a;
}

/*******************************************
TopShop
*******************************************/
#grid-content .TopShop{
	
}
#grid-content .TopShop .title{
	padding:10px 0 0 20px;
	
	margin-bottom:10px;
	
}
#grid-content .TopShop .komoku{
	border-top:1px #333 dotted;
	padding-top:10px;
	padding-bottom:15px;
	
}
#grid-content .TopShop .komoku-width{
	width:210px;
	margin:0 auto;
}
#grid-content .TopShop .visual{
	float:left;
	width:100px;
}
#grid-content .TopShop .text{
	color:#4fd4ec;
	float:right;
	width:100px;
}

#grid-content .TopShop .date{
	font-weight:bold;

}
#grid-content .TopShop .price{
	color:#FFFFFF;
	font-size:10px;
}


#grid-content .TopShop a:link {
	text-decoration:none;color:#4fd4ec;
}
#grid-content .TopShop a:active {
	text-decoration:none;color:#4fd4ec;
}
#grid-content .TopShop a:visited {
	text-decoration:none;color:#4fd4ec;
}
#grid-content .TopShop a:hover {
	text-decoration:none;color:#000;
	background-color:#4fd4ec;
}