@charset "utf-8";


/* content block */

#mcs2_container{
 margin        : 0px auto;
 padding       : 0 0 1em 0;
 width         : 580px; /* コンテンツの横幅Ａ */
 height        : 120px; /* コンテンツの高さＢ */
 text-align    : left;
 line-height   : 170%;
}

#mcs2_container .customScrollBox{
 position      :relative;
 height        :100%;
 overflow      :hidden;
}

#mcs2_container .customScrollBox .container{
 position      :relative;
 width         :570px; /* ≦Ａ-10 */
 top           :0;
 float         :left;
/* background    :#ffffff;*/
}

#mcs2_container .customScrollBox .content{
 clear         :both;
}


#mcs2_container .dragger_container{
 position     :relative;
 width        :8px;
 height       :118px; /* Ｂ-20 */
 float        :left;
 margin       :0 0 0 0;
 cursor       :pointer;
/* background   :#ffffff;*/
 border       : 0px solid #000000;
 background-image    : url(../img/newsbg.png);
}

#mcs2_container .dragger{
 position     :absolute;
 width        :8px;
 height       :18px;
 background   :#4b4848;
 text-align   :center;
 line-height  :100px;
 color        :#4b4848;
 overflow     :hidden;
 cursor       :pointer;
}

#mcs2_container .dragger_pressed{
 position     :absolute;
 width        :8px;
 height       :18px;
 background   :#A0A0A0;
 text-align   :center;
 line-height  :100px;
 color        :#A0A0A0;
 overflow     :hidden;
 cursor       :pointer;
}



@media (max-width: 768px) {


	#mcs2_container{
	 margin        : 0px auto;
	 padding       : 24px 0 0 0;
	 width         : 100%; /* コンテンツの横幅Ａ */
	 height        : auto; /* コンテンツの高さＢ */
	 text-align    : left;
	 line-height   : 170%;
	}

	#mcs2_container .customScrollBox{
	 position      : relative;
	 height        : 100%;
	 overflow      : hidden;
	}

	#mcs2_container .customScrollBox .container{
	 position      : relative;
	 width         : 95%; /* ≦Ａ-10 */
	 top           : 0;
	 float         : left;
	}

	#mcs2_container .customScrollBox .content{
	 clear         : both;
	}


	#mcs2_container .dragger_container{
	 position     : relative;
	 width        : 8px;
	 height       : 118px; /* Ｂ-20 */
	 float        : left;
	 margin       : 0 0 0 0;
	 cursor       : pointer;
/* background   :#ffffff;*/
	 border       : 0px solid #000000;
	 background-image    : url(../img/newsbg.png);
	}

	#mcs2_container .dragger{
	 position     : absolute;
	 width        : 8px;
	 height       : 18px;
	 background   : #000000;
	 text-align   : center;
	 line-height  : 100px;
	 color        : #000000;
	 overflow     : hidden;
	 cursor       : pointer;
	}

	#mcs2_container .dragger_pressed{
	 position     : absolute;
	 width        : 8px;
	 height       : 18px;
	 background   : #A0A0A0;
	 text-align   : center;
	 line-height  : 100px;
	 color        : #A0A0A0;
	 overflow     : hidden;
	 cursor       : pointer;
	}


}