@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
/* content block 1 */
#mcs_container{
	position:relative;
	font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color:#FFF;
	margin:0 0 16px;
	width:420px;
	padding: 10px 25px 10px;
	top: 7px;
}
#mcs_container2{
	position:relative;
	font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color:#FFF;
	margin:0 0 16px;
	width:515px;
	padding:0 5px;
}

#mcs_container .title{ font-size:12px; font-weight:bold; margin:10px 0 0 2px;}
#mcs_container .customScrollBox{position:relative; height:724px; overflow:hidden; width:425px;}
#mcs_container .customScrollBox .container{position:relative; width:399px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both; padding-bottom:20px;}
#mcs_container .customScrollBox .content p{padding:0 2px; margin:10px 0; font-size:11px; line-height:1.7em;}
#mcs_container .dragger_container{position:relative; width:4px; height:547px; float:left; margin:15px 0 5px 5px; background:#000;}
#mcs_container .dragger{position:absolute; width:4px; height:40px; background:#999; text-align:center; line-height:20px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:40px; background:#999; text-align:center; line-height:40px; color:#666; overflow:hidden;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0;}
#mcs_container .scrollUpBtn{top:0px; background:url(../img/mcs_btnUp.gif) center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:2px; background:url(../img/mcs_btnDown.gif) center center no-repeat;}
#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}

#mcs_container2 .title{ font-size:12px; font-weight:bold; margin:10px 0 0 2px;}
#mcs_container2 .customScrollBox{position:relative; height:480px; overflow:hidden;}
#mcs_container2 .customScrollBox .container{position:relative; width:489px; top:0; float:left;}
#mcs_container2 .customScrollBox .content{clear:both; padding-bottom:20px;}
#mcs_container2 .customScrollBox .content p{padding:0 2px; margin:10px 0; font-size:11px; line-height:1.7em;}
#mcs_container2 .dragger_container{position:relative; width:4px; height:425px; float:left; margin:35px 0 5px 5px; background:#000;}
#mcs_container2 .dragger{position:absolute; width:4px; height:40px; background:#999; text-align:center; line-height:20px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container2 .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:40px; background:#999; text-align:center; line-height:40px; color:#666; overflow:hidden;}
#mcs_container2 .scrollUpBtn,#mcs_container2 .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0;}
#mcs_container2 .scrollUpBtn{top:16px; background:url(../img/mcs_btnUp.gif) center center no-repeat;}
#mcs_container2 .scrollDownBtn{bottom:2px; background:url(../img/mcs_btnDown.gif) center center no-repeat;}
#mcs_container2 .scrollUpBtn:hover,#mcs_container2 .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}