@charset "shift_jis";

/*----------------------------------------
	top
----------------------------------------*/

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:770px;
	height:397px;
	overflow:hidden; 
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}

#nextBtn, #slider1next{ 
	left:696px;
}
												
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
}

#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}

#slider {
	position:relative;
}

#slider .mainLogo {
	display:block;
	width: 242px;
	height: 60px;
	position:absolute;
	left:20px;
	top:20px;
	z-index:1000;
}


#titArea {
	width: 770px;
	text-align: center;
	background-image: url(../../img/tit_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 143px;
	padding-bottom: 0px;
	padding-top: 7px;
	margin-bottom: 10px;
}

.functionArea {
	width: 770px;
}

.functionAreaA {
	float: left;
	width: 379px;
	text-align: center;
	padding-top: 38px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(../../img/function_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.functionAreaB {
	float: right;
	width: 346px;
	text-align: center;
	padding-top: 38px;
	padding-right: 17px;
	padding-bottom: 0;
	padding-left: 16px;
	background-image: url(../../img/function_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.functionAreaC {
	float: left;
	width: 253px;
	text-align: left;
	background-image: url(../../img/function_bg02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 27px;
	padding-right: 63px;
	padding-bottom: 30px;
	height: 67px;
	padding-left: 63px;
}

.functionAreaD {
	float: right;
	width: 253px;
	text-align: left;
	background-image: url(../../img/function_bg02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 27px;
	padding-right: 0px;
	padding-right: 63px;
	padding-bottom: 30px;
	height: 67px;
	padding-left: 63px;
}

.section-top {
	width: 770px;
	clear: both;
}

.topics {
	width: 770px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}

.tit_function {
	margin-bottom: 28px;
}

.img_function {
	margin-top: 29px;
}

.txt_function {
	margin-top: 20px;
}

#container0215 {
    overflow: hidden;
}

#container0215:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*�_*/
* html #container0215 {
    height: 1em;
    overflow: visible;
}
/**/
