@charset "UTF-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	■サイト共通 mainvisual.css
	URL :-
	AUTHOR:takinami
	GUIDELINE:0.8
	NOTE:メインビジュアルスタイル
	───────────────────────────────
	LIST OF CONTENT
	───────────────────────────────
	mainVisual
	
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
mainVisual
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#bg_mainVisual {
	margin-bottom:30px;
	background:url(../img/top/mv_bg.jpg) repeat-x left top;
}
div#mainVisual {
	width:960px;
	height:360px;
	margin-top:9px;
	background:url(http://www.c-rep.jp/cms/wp-content/uploads/mv_img_01_mv1.jpg) no-repeat left top;
	font-size:0;
	overflow:hidden;
}
	div#mainVisual .mvPanes{
		position:relative;
	}
	
		div#mainVisual .mvPanes .mvCast {
			position:absolute;
			top:0;
			left:0;
			z-index:99;
			width:960px; /* ←この箇所のwidth値の指定は必須です（値はレイアウトによって変更可）*/
			height:320px; /* ←この箇所のheight値の指定は必須です（値はレイアウトによって変更可）*/
		}
		
			div#mainVisual .mvPanes .mvCast a.mvImg {
			}
			
			div#mainVisual .mvPanes .mvCast a.mvBtn {
				display:block;
				position: absolute;
				top:170px;
				left:660px;
				border:none;
			}
			div#mainVisual .mvPanes .mvCast a.ex {
				top:50px;
				left:660px;
			}
			
		div#mainVisual .mvPanes .mvCast.active {
			z-index:100;
		}
		
		div#mainVisual .mvPanes .mvCast.next {
			z-index:101;
		}
		
	div#mainVisual .mvNavi {
		position:relative;
		z-index:110;
		top:320px;
		margin:0;
		padding:0;
		list-style-type: none;
		background:#ffffff;
		zoom : 1;
	}
	
	div#mainVisual .mvNavi:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
		div#mainVisual .mvNavi {
			width:960px;
			overflow:hidden;	/* ←メインビジュアルの数＞ナビゲーションの数の場合のための処理*/
		}
		div#mainVisual .mvNavi li {
			float:left;
			overflow:hidden;
			padding:0 1px 0 0;/* for IE6：ロールオーバー時のpadding問題のため上下のpaddingを子要素のliに付加 */
			width:136px;
			height:40px;
		}
		div#mainVisual .mvNavi li.first {
			width:138px;
		}
		div#mainVisual .mvNavi li.last {
			/*display:none;*/
			padding-right:0;
		}

			div#mainVisual .mvNavi li a {
				display:block;
				width:136px;
				height:40px;
				text-indent:-9999px;
			}
			div#mainVisual .mvNavi li.first a {
				width:138px;
			}
			
			/* 各ボタン画像
			─────────────────────────────────── */
			div#mainVisual .mvNavi li.btn_01 a {
				background:url(../img/top/mv_img_01_btn.gif) no-repeat 0 0;
			}
			div#mainVisual .mvNavi li.btn_01 a.active {
				background-position:0 -40px;
			}

			div#mainVisual .mvNavi li.btn_02 a {
				background:url(../img/top/mv_img_02_btn.gif) no-repeat 0 0;
			}
			div#mainVisual .mvNavi li.btn_02 a.active {
				background-position:0 -40px;
			}

			div#mainVisual .mvNavi li.btn_03 a {
				background:url(../img/top/mv_img_03_btn.gif) no-repeat 0 0;
			}
			div#mainVisual .mvNavi li.btn_03 a.active {
				background-position:0 -40px;
			}

			div#mainVisual .mvNavi li.btn_04 a {
				background:url(../img/top/mv_img_04_btn.gif) no-repeat 0 0;
			}
			div#mainVisual .mvNavi li.btn_04 a.active {
				background-position:0 -40px;
			}

			div#mainVisual .mvNavi li.btn_05 a {
				background:url(../img/top/mv_img_05_btn.gif) no-repeat 0 0;
			}
			div#mainVisual .mvNavi li.btn_05 a.active {
				background-position:0 -40px;
			}

			div#mainVisual .mvNavi li.btn_06 a {
				background:url(../img/top/mv_img_06_btn.gif) no-repeat 0 0;
			}
			div#mainVisual .mvNavi li.btn_06 a.active {
				background-position:0 -40px;
			}

			div#mainVisual .mvNavi li.btn_07 a {
				background:url(../img/top/mv_img_07_btn.gif) no-repeat 0 0;
			}
			div#mainVisual .mvNavi li.btn_07 a.active {
				background-position:0 -40px;
			}
			
			/* ロールオーバー（border処理）
			─────────────────────────────────── */
		/*
			div#mainVisual .mvNavi li a {
				display:block;
				border: 1px solid #ffffff;
			}
			
			div#mainVisual .mvNavi li a.active {
				border: 1px solid #666666;
			}
		*/
			/* ロールオーバー（透過処理）
			─────────────────────────────────── */
		/*
			div#mainVisual .mvNavi li a {
				display:block;
				border:none;
				zoom:1;
				filter:alpha(opacity=75); 
				-moz-opacity:0.75;
				opacity:0.75;
			}
			div#mainVisual .mvNavi li a.active {
				zoom:1;
				filter:alpha(opacity=100); 
				-moz-opacity:1.0;
				opacity:1.0;
			}
		*/