@charset "UTF-8";
/*======================================================================

	Title: 
	Last Modified: 2009.09.06
	Text: kumaaa
	Note: 実際に使うときはここと解説コメントを消してもいいよ。
	
	Index ----------------------------------------------------------
	
		[Line 023] 01 page style settings
		[Line 047] 02 div#cm_01 - fadeIn・fadeOut (repeat)
		[Line 092] 03 div#cm_02 - scrollLeft & scrollBack
		[Line 150] 04 div#cm_03 - scrollTop & scrollBack
		[Line 202] 05 div#cm_04 - scrollLeft (repeat)
		[Line 263] 06 div#cm_05 - scrollTop (repeat)
	
	----------------------------------------------------------------

======================================================================*/

/*======================================================================
	01 page style settings このページのスタイル（読み飛ばしておk）
======================================================================*/
/*
* {
	margin: 0;
	padding: 0;
}

body {
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
}
*/
div#stage {
	margin: 10px auto;
	font-size: 14px;
}

div#stage * {
	margin: 0;
	padding: 0;
}

div#cm_01,
div#cm_02,
div#cm_03,
div#cm_04,
div#cm_05 {
	margin: 20px 74px;
}

/*======================================================================
	06 div#cm_05 - scrollTop (repeat)
======================================================================*/

div#cm_05 div.inner {
/* step1 */
	position: relative;
/* step2 */
	width: 700px;
    white-space: nowrap;
	height: 22px;
/* step3 */
	overflow: hidden;
/* option */
	background-image: url(img/bg.png);
	background-repeat: no-repeat;
}

div#cm_05 div.inner ul {
/* step4 */
	position: absolute;
	top: 0;
	left: 0;
/* option */
	list-style-type: none;
	list-style-position: outside;
}

div#cm_05 div.inner ul li {
    /* step5 */
	padding: 0 10px;
    /* step6 */
	position: absolute;
    top: 0;
    left: 50%;
    /* step7 */
	width: 680px;
    white-space: nowrap;
    height: 22px;
    /* step8 */
	line-height: 22px;
    /* step9 */
	overflow: hidden;
}

/*	Note  ----------------------------------------------------------------------------------------

	step1. ulの起点を作る。
	step2. ulがabsoluteするとボックス自体が消えるので、幅・高さを決める。
	step3. 表示領域を越えたものを非表示にする。
	step4. top,right,bottom,leftでの調整不可。テキスト位置を変更したい場合は必ず左右はstep5、上下はstep7で調整する。
	step5. div.innerの幅よりも長くなった時のために、左右の位置はpaddingで調整する。
	step6. 
	step7. 幅、高さ共にdiv.innerに合わせる。
	step8. テキストを中央寄せにするテクニック。ボックスの高さを越えた値を設定するとIE7でバグる。注意。
	step9. もし二行目ができてしまった場合、表示させないようにする。

------------------------------------------------------------------------------------------------*/