@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);


#mcs_container1	{background:#EBEBEB url("../imgs/index/scr-shadow1.gif") repeat-y 660px 0px; position:relative; margin:0; width:690px; /*height:740px;*/height:790px; padding:15px 0px;}
#mcs_container1 .customScrollBox1	{ position:relative; /*height:730px;*/height:785px; overflow:hidden;}
#mcs_container1 .customScrollBox1 .container1	{position:relative; width:662px; float:left;}
/*#mcs_container1 .customScrollBox1 .content1	{clear:both;}*/
#mcs_container1 .dragger_container1	{background:transparent url("../imgs/index/scr-shadow2.gif") repeat-y; position:relative; width:9px; height:735px; float:left; margin:0px 0 0 10px; cursor:pointer;}/*スクロールバーの下地*/

#mcs_container1 .dragger1	{position:absolute; width:9px; height:200px; background:#aaa; text-align:center; line-height:200px; overflow:hidden; cursor:pointer;}/*スクロールバー*/
#mcs_container1 .dragger_pressed1	{position:absolute; width:9px; margin-left:-1px; height:200px; background:#666; text-align:center; line-height:200px; color:#666; overflow:hidden;}/*ドラッグ時のスクロールバー*/
#mcs_container1 .scrollUpBtn1,#mcs_container1 .scrollDownBtn1	{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0;}
#mcs_container1 .scrollUpBtn1{top:16px; background:url(mcs_btnUp.png) center center no-repeat;}
#mcs_container1 .scrollDownBtn1{bottom:12px; background:url(mcs_btnDown.png) center center no-repeat;}
#mcs_container1 .scrollUpBtn1:hover,#mcs_container1 .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}


#mcs_container2	 {background:#fff; border:1px solid #ddd; position:relative; margin:0 0 0 0; width:198px; height:198px; padding:0px 0px;}
#mcs_container2 .customScrollBox2{position:relative; height:150px; overflow:hidden;}
#mcs_container2 .customScrollBox2 .container2{position:relative; width:163px; float:left;}
#mcs_container2 .customScrollBox2 .content2{clear:both;}
#mcs_container2 .dragger_container2{background:transparent url("../imgs/index/scr-shadow2.gif") repeat-y; position:relative; width:9px; height:147px; float:left; margin:0px 0 0 7px; cursor:pointer}/*スクロールバーの下地*/
#mcs_container2 .dragger2{position:absolute; width:9px; height:50px; background:#aaa; text-align:center; line-height:50px; overflow:hidden; cursor:pointer;}/*スクロールバー*/
#mcs_container2 .dragger_pressed2{background:#500; position:absolute; width:9px; margin-left:-1px; height:50px; background:#666; text-align:center; line-height:50px; color:#666; overflow:hidden;}/*ドラッグ時のスクロールバー*/
#mcs_container2 .scrollUpBtn2,#mcs_container2 .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0;}
#mcs_container2 .scrollUpBtn2{top:16px; background:url(mcs_btnUp.png) center center no-repeat;}
#mcs_container2 .scrollDownBtn2{bottom:12px; background:url(mcs_btnDown.png) center center no-repeat;}
#mcs_container2 .scrollUpBtn2:hover,#mcs_container2 .scrollDownBtn2:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}

/*ミュージック*/
#mcs_container3	 {background:#fff; position:relative; margin:0 0 0 0; height:380px; padding:0px 0px;}
#mcs_container3 .customScrollBox3{position:relative; height:380px; overflow:hidden;}
#mcs_container3 .customScrollBox3 .container3{position:relative; width:610px; float:left;}

#mcs_container3 .dragger_container3{background:transparent url("../imgs/index/scr-shadow2.gif") repeat-y; position:relative; width:9px; height:380px; float:left; margin:0px 0 0 7px; cursor:pointer}/*スクロールバーの下地*/
#mcs_container3 .dragger3{position:absolute; width:9px; height:50px; background:#aaa; text-align:center; line-height:50px; overflow:hidden; cursor:pointer;}/*スクロールバー*/
#mcs_container3 .dragger_pressed3{background:#500; position:absolute; width:9px; margin-left:-1px; height:50px; background:#666; text-align:center; line-height:50px; color:#666; overflow:hidden;}/*ドラッグ時のスクロールバー*/
#mcs_container3 .scrollUpBtn3,#mcs_container3 .scrollDownBtn3{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0;}
#mcs_container3 .scrollUpBtn3{top:16px; background:url(mcs_btnUp.png) center center no-repeat;}
#mcs_container3 .scrollDownBtn3{bottom:12px; background:url(mcs_btnDown.png) center center no-repeat;}
#mcs_container3 .scrollUpBtn3:hover,#mcs_container3 .scrollDownBtn3:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}