@charset "utf-8";
/* CSS Document */

/* Reset */

ul, thead 
{
	margin: 0;
	padding: 0;
	}

#slider {
    float: left
	width: 950px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	text-align:left;

}

#sliderContent {
	width: 950px; /* important to be same as image width or wider */
	position: absolute;
	top:0;
	margin-left:0
	
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
    padding: 10px;
    width: 650px;  /* caption box width */
	height:200px; /* caption box height */
    background-color: #000;  /* This sets the background color of the semi transparent box */
    /* If you do not want the transparent content field to appear, change all opacity values to 0 */
	filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:150%;
    color: #ffffff; /* This is the color of the text in the caption box */
    display: none;
}

.sliderImage span japanese {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:150%;
	}

.sliderImage span strong { 
	color:#FF9428;  /* This is the color of the title text in the caption box */
	font-size: 24px; /* This is the font size of the title text in the caption box */
	line-height:150%;
	}

.clear { clear: both; }


.top { top: 20px; left: 20px; }  /* This sets the upper left corner of the caption box */

.bottom { bottom: 20px; left: 20px; } /* This sets the lower left corner of the caption box */

#slider ul 		{ list-style-type: none;}
#slider ul li 	{ margin-left:0px; }