@charset "UTF-8";

/*---------------------------------------------------------
    contents
----------------------------------------------------------*/

#contents{
	min-height:700px;
}


/*---------------------------------------------------------
    cNavi
----------------------------------------------------------*/

#cNavi{
	padding:13px 0 0 39px;
	width:911px;
	height:37px;
	background:url(../../img/line2.gif) 0 100% repeat-x;
}

#cNavi li{
	padding-right:15px;
	float:left;
	width:206px;
}

#cNavi a{
	display:block;
	width:206px;
	height:37px;
	color:#fff;
	text-indent:-9999px;
	overflow:hidden;
}

#cNavi a.pat1{
	background:url(../img/cnavi1_1.gif) 0 0 no-repeat;
}

#cNavi a.pat1:hover{
	background:url(../img/cnavi1_1.gif) 0 -37px no-repeat;
}

#cNavi a.pat1On{
	background:url(../img/cnavi1_1.gif) 0 -37px no-repeat;
}

#cNavi a.pat2{
	background:url(../img/cnavi1_2.gif) 0 0 no-repeat;
}

#cNavi a.pat2:hover{
	background:url(../img/cnavi1_2.gif) 0 -37px no-repeat;
}

#cNavi a.pat2On{
	background:url(../img/cnavi1_2.gif) 0 -37px no-repeat;
}




/*---------------------------------------------------------
    cNavi2
----------------------------------------------------------*/

.cNavi2{
	float:left;
	width:412px;
}

.cNavi2 li{
	padding-left:2px;
	float:left;
	width:101px;
}


/*-------------------------------------
    contGuide
--------------------------------------*/

.contGuide{
	padding-top:30px;
	width:840px;
}

.contGuide .left{
	float:left;
	width:402px;
}

.contGuide .right{
	float:right;
	width:402px;
}


/*-------------------------------------
    contGuide2
--------------------------------------*/

.contGuide2{
	padding-top:30px;
	width:840px;
}

.contGuide2 li{
	padding:0 2px 2px 0;
	float:left;
}

.contGuide2 li.none{
	padding-right:0;
}

.contGuide2 img{
	display:block;
}


/*-------------------------------------
    contGuide3
--------------------------------------*/

.contGuide3{
	padding-top:30px;
	width:840px;
}

.contGuide3 .left{
	float:left;
	width:532px;
}

.contGuide3 .right{
	float:right;
	width:264px;
}

.contGuide3 .left p.text{
	width:532px;
	height:113px;
	background:url(../img/bg_2_1.gif) 100% 0 no-repeat;
}


/*-------------------------------------
    contGuide4
--------------------------------------*/

.contGuide4{
	margin-top:30px;
	padding-top:40px;
	width:828px;
	background:url(../img/bg_4_1.gif) 0 0 no-repeat;
}

.contGuide4 .left{
	float:left;
	width:392px;
}

.contGuide4 .right{
	padding-bottom:130px;
	float:right;
	width:392px;
	background:url(../img/bg_2_1.gif) 100% 100% no-repeat;
}



/*-------------------------------------
    contMain1
--------------------------------------*/

#contMain1{
	padding:39px 55px 0 55px;
	width:840px;
}

#contMain1 .image{
	float:right;
	padding:10px 0 0 55px;
}


/*-------------------------------------
    contMain2-1 contMain2-2 contMain2-3 contMain2-4 
--------------------------------------*/

#contMain2-1,
#contMain2-2,
#contMain2-3,
#contMain2-4{
	padding:39px 55px 0 55px;
	display:none;
	width:840px;
}

#contMain2-1 .image,
#contMain2-2 .image,
#contMain2-3 .image,
#contMain2-4 .image{
	float:right;
	padding:10px 0 0 60px;
}

#contMain2-1 .image2,
#contMain2-2 .image2,
#contMain2-3 .image2,
#contMain2-4 .image2{
	float:left;
	padding:0 30px 20px 0;
}

#contMain2-1 .image3,
#contMain2-2 .image3,
#contMain2-3 .image3,
#contMain2-4 .image3{
	float:right;
	padding:0 0 0 30px;
}