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




.viBlock{
background-image:url(../images/index/foo_bg.jpg);
background-color: #ffcc33; /* Old browsers */
background-image: -moz-linear-gradient(top,  #ffcc33 0%, #f9ebc7 34%, #ffcc33 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc33), color-stop(34%,#f9ebc7), color-stop(100%,#ffcc33)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #ffcc33 0%,#f9ebc7 34%,#ffcc33 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #ffcc33 0%,#f9ebc7 34%,#ffcc33 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #ffcc33 0%,#f9ebc7 34%,#ffcc33 100%); /* IE10+ */
background-image: linear-gradient(to bottom,  #ffcc33 0%,#f9ebc7 34%,#ffcc33 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc33', endColorstr='#ffc251',GradientType=0 ); IE6-8 */

	/*background-repeat: repeat-x;*/
	height:270px;
	position:relative;
	padding:1px 0;
	text-align:center;
	overflow:hidden;
	width:100%;
	}
	.vi{
		width:900px;
		position:relative;
		margin:8px auto;
		display:block;
		}


/* carousel
---------------------------------------------*/
.list_carousel {
	width: 900px;
	height: 250px;
	margin: 0px 0 0 -50%;
	position: absolute;
	/*top: 50%;*/
	left: 50%;
}
.list_carousel ul {
	margin: 0;
	padding: 0 10%;
	list-style: none;
	display: block;
}
.list_carousel li {
	height: 245px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
	position: relative;
}
.clearfix {
	float: none;
	clear: both;
}

a.prev, a.next {
				background:url(../images/index/navi.png) no-repeat transparent ;
				width:45px;
				height:40px;
				display:block;
				position:absolute;
				top:108px;
				}

			a.prev{
				left:2%;
				background-position: 0px -40px;

					}
			a.prev:hover{
			background-position:-0px -0px;}
			a.next {
				right:2%;
				background-position:  -45px -40px;
				}
			a.next:hover {
			background-position:-45px -0px;
				}


		a.prev span, a.next span{
		display:none;
		}


/******************************/
			.clearfix {
			float:none;
			clear:both;
			}



/*button
---------------------------------------------*/

ul.navi ,ul.navi2 {
	margin:3px 0 10px 0px;
	overflow:hidden;
	letter-spacing:-.04em;
	display:block;
	}

ul.navi li,
ul.navi2 li{
	letter-spacing:normal;
	display: inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 3px 2px;
	position:relative;	}
ul.navi li{width:307px;}
ul.navi2 li{	width:190px;	}

ul.navi li a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	}
ul.navi li a img{ float:left; margin:2px 0;}
	ul.navi li a p{	  color:#333;line-height:1.3em ;}
	ul.navi li a strong{font-size:1em;font-weight: normal; color: #232323; line-height:22px; background:url(../images/index/ico_bana.gif) no-repeat scroll 1px center; display: inline-block; *display:inline;*zoom:1; text-indent:22px; }
	ul.navi li a:hover strong{ color: #C00 ;}
	ul.navi li a span{ position:absolute; right:10px; top:38px; font-size:1.5em; font-weight:bold;}

ul.navi li a .text{
	margin:0 0 0 8px;
	float:left;
	padding:25px 0 0 0;
	widows:200px;
	}


/*.doubleColumnBlock
---------------------------------------------*/


.doubleColumnBlock{
	display:block;
	margin:20px 0 20px;
	letter-spacing:-.4em;
	}
	.mainBox{
	letter-spacing: normal;
	float: right;
	display: block;
	width: 625px;
		}
	.mainBox h2{ border-bottom: solid 3px #FFD546;}

	.topic {
	background:#FFF7D9;
	 padding:5px 1px;
	 }
	.topic dl{
			margin:0 2%;
			padding:1px;
			border-bottom: dotted 2px #FFA000;
			clear:both;
			}
			.topic dl dt{
				font-size:14px;
				color:#39C;
				line-height:1.5em;
				width:32%;
				display:block;
				padding:10px 0;
				float:left;
				}
			.topic dl dd{
				line-height:1.5em;
				background:#fff;
				display:block;
				width:63%;
				margin-left:33%;
				padding:15px 10px;

				}

	.subBox{
		letter-spacing:normal;
		float:left;
		display:block;
		width:240px;
		z-index:1;
		position:relative;
		}
		.subBox iframe{ margin-top:-3px;}

/*_______________________

link ico
_______________________*/

.leftBox a[target="_blank"] {
  padding-right: 13px;
  background: url(../images/cmn/external-link.png) no-repeat center right;
}


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

.leftBox a.link{
	position:relative;
	top:0;
	left:0;
	padding-left:15px;
	margin:8px 5px;
	}

.leftBox a.link:before {
	content:"";
	position:absolute;
	top:0;
	left:2px;
	border-top   : solid 7px white ;
	border-bottom  : solid 7px white;
    border-left : solid 10px  #F90 ;
}

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