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


/* mainTitle
-------------------------*/

#mainTitle{
	clear:both;
	margin-bottom:20px;
}

#mainTitle h2{
	float:left;
	width:505px;
	height:182px;
	background:url(../img/main_img.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#mainTitle ul{
	background:url(../img/main_btn.gif) 0 0 no-repeat;
	width:235px;
	height:182px;
	float:right;
}

#mainTitle li{
	width:220px;
}

#mainTitle li.marginT{
	margin-top:15px;
}


#mainTitle a{
	display:block;
	text-indent:-9999px;
	outline:medium none;
	width:220px;
}

#mainTitle li a:hover{background:url(../img/main_btn_on.gif) no-repeat;}
#mainTitle li#btn1 a{
	margin-bottom:6px;
	height:96px;
}
#mainTitle li#btn1 a:hover{background-position:0 -15px ;}
#mainTitle li#btn2 a:hover{	background-position:0 -117px ;}
#mainTitle li#btn2 a{ height:54px;}



/* box01
-------------------------*/

#box01{
	margin-bottom:30px;
	clear:both;
}

#box01 #leftBox{
	width:360px;
	float:left;
	background-color:#f4dae7;
}

#box01 #leftBox h3{
	background:url(../img/title01.gif) 0 0 no-repeat;
	width:360px;
	height:24px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#box01 #leftBox h4{
	background:url(../img/title02.jpg) 0 0 no-repeat;
	width:320px;
	height:128px;
	margin:0 20px;
	text-indent:-9999px;
}

#box01 #leftBox p.txt01{
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}

#box01 #leftBox p.txt02{
	height:12em;
	background-color:#cc6699;
	margin:0 20px;
	padding:5px 15px 0;
	color:#ffffff;
}


#box01 #rightBox{
	width:360px;
	float:right;
	background-color:#d9e7f3;
}

#box01 #rightBox h3{
	background:url(../img/title03.gif) 0 0 no-repeat;
	width:360px;
	height:24px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#box01 #rightBox h4{
	background:url(../img/title04.jpg) 0 0 no-repeat;
	width:320px;
	height:128px;
	margin:0 20px;
	text-indent:-9999px;
}

#box01 #rightBox p.txt01{
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}

#box01 #rightBox p.txt02{
	height:12em;
	background-color:#6699cc;
	margin:0 20px;
	padding:5px 15px 0;
	color:#ffffff;
}


#box01 img.center{
	margin:0 20px;
}


/* box02
-------------------------*/

#box02{
	margin-bottom:30px;
	clear:both;
	background:url(../img/img_bg.gif) 0 0 no-repeat;
	width:740px;
	height:260px;
}

#box02 p{
	width:400px;
	padding:20px 0 0 20px;
}

/* cbBtn
-------------------------*/

#cbBtn{
	clear:both;
	width:740px;
	background:url(../img/cbBtn.gif) 0 0 no-repeat;
	height:40px;
	margin-bottom:30px;
}

#cbBtn li{
	width:240px;
	height:40px;
	float:left;
}

#cbBtn a{
	display:block;
	outline:medium none;
	height:40px;
	width:240px;
	text-indent:-9999px;
}

#cbBtn a:hover{ background:url(../img/cbBtn_on.gif) 0 0 no-repeat;}

#cbBtn li#btn1,#cbBtn li#btn1 a:hover,#cbBtn li#btn2,#cbBtn li#btn2 a:hover{ margin-right:10px;}
#cbBtn li#btn2,#cbBtn li#btn2 a:hover{ background-position:-250px 0;}
#cbBtn li#btn3,#cbBtn li#btn3 a:hover{ background-position:-500px 0;}