@charset "utf-8";

/* container
---------------------------------------- */
#container {
	margin:-70px auto 0;
}

/* mainImage
---------------------------------------- */
#mainArea {
	background-color: #fff;
	width: 100%;
	height: 390px;
	overflow: hidden;
	position:relative;
}

#mainImage {
	position:absolute;
	width: 100%;
	height: 390px;
	left: 0;
	top: 50%;
	margin-top:-195px;
}

#carousel {
}

#carousel img {
	display: block;
	float: left;
}
#prev, #next {
	background-color: #000;
	display: block;
	height: 390px;
	width: 155px;
	top: 0;
	position: absolute;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#prev {
	left: 0;
}
#next {
	right: 0;
}
#timer {
	width: 50px;
}
/* box01
---------------------------------------- */
#box01 {
	width:890px;
	display:inline;
	float:left;
	height:270px;
	margin-bottom:30px;
}

#box01 .fleft {
	width:430px;
}

#box01 .fright {
	width:430px;
}

#box01 .fright a {
	display:block;
	position:relative;
}

#box01 .fright .start {
	display:block;
	position:absolute;
	top:1px;
	right:2px;
}

/* fleft */
#box01 .fleft dt {
	line-height:28px;
	padding-left:10px;
	background:url(../../images/common/arrow_small.gif) no-repeat left center;
}

#box01 .fleft dd {
	font-size:10px;
	color:#666;
	line-height:12px;
	padding-bottom:10px;
	border-bottom:#aaa 1px dashed;
}

#box01 .fleft p {
	text-align:right;
	font-size:12px;
	line-height:16px;
	background:url(../../images/common/arrow_square.gif) no-repeat 270px center;
}

/* box02
---------------------------------------- */
#box02 {
	width:890px;
	display:inline;
	float:left;
	margin-bottom:30px;
}

#box02 .fleft {
	width:430px;
	margin-right:10px;
}

#box02 #rBox {
	width:426px;
	float:left;
	padding:1px;
	border:#aaa 1px solid;
	margin:0 30px 30px 0;
}

#rBox #rInner {
	width:404px;
	display:inline;
	float:left;
	padding:10px;
}

#rBox #innerLeft {
	width:290px;
	float:left;
}

#rBox #innerLeft h2 {
	margin-bottom:6px;
}

#rBox #innerLeft p {
	font-size:11px;
	line-height:15px;
}

#rBox #innerLeft .colorbrown {
	font-size:12px;
	line-height:14px;
	color:#b35800;
}

#rBox #innerRight {
	width:103px;
	float:right;
}

#box02 #bannerBox {
	width:430px;
	display:inline;
	float:left;
}

#box02 #bannerBox #bannerLeft {
	width:210px;
	float:left;
}

#box02 #bannerBox #bannerRight {
	width:210px;
	float:right;
}

#bannerRight div a {
	display:block;
	width:210px;
}

#bannerRight #iidamc a {
	background:url(../../images/index/iidamc_banner_210_over.gif) no-repeat left bottom;
	height:60px;
}

#bannerRight #iidamc a:hover { border: none; }
#bannerRight #iidamc a:hover img {
	visibility:hidden;
}


/* fright */
#box02 .fright {
	width:430px;
}

#box02 .fright ul li {
	float:left;
	width:210px;
	margin-right:10px;
}

#box02 .fright ul li.nomargin {
	margin-right:0;
}

/* box03
---------------------------------------- */
#box03 {
	width:890px;
	display:inline;
	float:left;
}

#box03 .fleft,
#box03 .right {
	width:200px;
	margin-bottom:30px;
}

#box03 .fleft {
	margin-right:30px;
}

#box03 .frame {
	width:196px;
	height:146px;
	text-align:center;
	padding:1px;
	border:#aaa 1px solid;
	margin-bottom:10px;
}

#box03 .text {
	height:70px;
	padding-left:10px;
	overflow:hidden;
	border-left:#2b6fd4 4px solid;
}

#box03 .text h3 {
	font-weight:bold;
	line-height:14px;
	margin-bottom:5px;
}

#box03 .text p {
	line-height:18px;
}

#exampledetail a {
	display:block;
	width:235px;
	text-align:right;
	margin:0 0 30px 655px;
	background:url(../../images/common/arrow_square.gif) no-repeat left center;
}