.clear { clear: both; }

/* container
--------------------------------------------*/
#container {
	width: 950px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	border-style: none;
	text-align: center;
	}

/* header
--------------------------------------------*/
#header {
	width: 100%;
	margin: 10px 0 12px 0;
	padding: 0;
	border-style: none;
	}

/* main
--------------------------------------------*/
.main {
	width: 950px;
	height: 233px;
	margin: 0;
	padding: 0;
	background: url(../petit/images/main.jpg) no-repeat;
	position: center;
	}

/*btn_box
----------------------------------------------------*/
#btn_box{ width: 950px; height: 43px; margin: 0 0 30px 0; padding: 0; }

/*btn_1
----------------------------------------------------*/
.btn_1 {
	width: 308px;
	margin: 0;
	padding: 0;
	position: center;
	background: url(../petit/images/btn_1.gif) no-repeat;
	float: left;
	}
.btn_1 ul{
	margin: 0;
	padding: 0;
	width: 308px;
	height:43px;
	list-style: none;
	}
.btn_1 ul li{
	float: left;
	}
.btn_1 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 308px;
	height: 43px;
	text-indent: -9999px;
	background: url(../petit/images/btn_1.gif) no-repeat;
	margin: 0;
	}
.btn_1 li#nav1 a {background-position: 0 0;}
.btn_1 li#nav1 a:hover {background-position: 0 -43px;}

/*btn_2
----------------------------------------------------*/
.btn_2 {
	width: 336px;
	margin: 0;
	padding: 0;
	position: center;
	background: url(../petit/images/btn_2.gif) no-repeat;
	float: left;
	}
.btn_2 ul{
	margin: 0;
	padding: 0;
	width: 336px;
	height:43px;
	list-style: none;
	}
.btn_2 ul li{
	float: left;
	}
.btn_2 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 336px;
	height: 43px;
	text-indent: -9999px;
	background: url(../petit/images/btn_2.gif) no-repeat;
	margin: 0;
	}
.btn_2 li#nav2 a {background-position: 0 0;}
.btn_2 li#nav2 a:hover {background-position: 0 -43px;}

/*btn_3
----------------------------------------------------*/
.btn_3 {
	width: 306px;
	margin: 0;
	padding: 0;
	position: center;
	background: url(../petit/images/btn_3.gif) no-repeat;
	float: left;
	}
.btn_3 ul{
	margin: 0;
	padding: 0;
	width: 306px;
	height:43px;
	list-style: none;
	}
.btn_3 ul li{
	float: left;
	}
.btn_3 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 306px;
	height: 43px;
	text-indent: -9999px;
	background: url(../petit/images/btn_3.gif) no-repeat;
	margin: 0;
	}
.btn_3 li#nav3 a {background-position: 0 0;}
.btn_3 li#nav3 a:hover {background-position: 0 -43px;}

/* title
--------------------------------------------*/
#title {
	width: 950px;
	margin: 0;
	padding: 0;
	position: center;
	}

/*u_1
----------------------------------------------------*/
.u_1 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_1 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_1 ul li{
	float: left;
	}
.u_1 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_1.gif) no-repeat;
	margin: 0;
	}
.u_1 li#nav1 a {background-position: 0 0;}
.u_1 li#nav1 a:hover {background-position: 0 -190px;}

/*u_2
----------------------------------------------------*/
.u_2 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_2 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_2 ul li{
	float: left;
	}
.u_2 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_2.gif) no-repeat;
	margin: 0;
	}
.u_2 li#nav1 a {background-position: 0 0;}
.u_2 li#nav1 a:hover {background-position: 0 -190px;}

/*u_3
----------------------------------------------------*/
.u_3 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_3 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_3 ul li{
	float: left;
	}
.u_3 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_3.gif) no-repeat;
	margin: 0;
	}
.u_3 li#nav1 a {background-position: 0 0;}
.u_3 li#nav1 a:hover {background-position: 0 -190px;}

/*u_4
----------------------------------------------------*/
.u_4 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_4 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_4 ul li{
	float: left;
	}
.u_4 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_4.gif) no-repeat;
	margin: 0;
	}
.u_4 li#nav1 a {background-position: 0 0;}
.u_4 li#nav1 a:hover {background-position: 0 -190px;}

/*u_5
----------------------------------------------------*/
.u_5 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_5 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_5 ul li{
	float: left;
	}
.u_5 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_5.gif) no-repeat;
	margin: 0;
	}
.u_5 li#nav1 a {background-position: 0 0;}
.u_5 li#nav1 a:hover {background-position: 0 -190px;}

/*u_6
----------------------------------------------------*/
.u_6 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_6 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_6 ul li{
	float: left;
	}
.u_6 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_6.gif) no-repeat;
	margin: 0;
	}
.u_6 li#nav1 a {background-position: 0 0;}
.u_6 li#nav1 a:hover {background-position: 0 -190px;}

/*u_7
----------------------------------------------------*/
.u_7 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_7 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_7 ul li{
	float: left;
	}
.u_7 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_7.gif) no-repeat;
	margin: 0;
	}
.u_7 li#nav1 a {background-position: 0 0;}
.u_7 li#nav1 a:hover {background-position: 0 -190px;}

/*u_8
----------------------------------------------------*/
.u_8 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.u_8 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.u_8 ul li{
	float: left;
	}
.u_8 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/u_8.gif) no-repeat;
	margin: 0;
	}
.u_8 li#nav1 a {background-position: 0 0;}
.u_8 li#nav1 a:hover {background-position: 0 -190px;}

/*a_1
----------------------------------------------------*/
.a_1 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.a_1 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.a_1 ul li{
	float: left;
	}
.a_1 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/a_1.gif) no-repeat;
	margin: 0;
	}
.a_1 li#nav1 a {background-position: 0 0;}
.a_1 li#nav1 a:hover {background-position: 0 -190px;}

/*a_2
----------------------------------------------------*/
.a_2 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.a_2 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.a_2 ul li{
	float: left;
	}
.a_2 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/a_2.gif) no-repeat;
	margin: 0;
	}
.a_2 li#nav1 a {background-position: 0 0;}
.a_2 li#nav1 a:hover {background-position: 0 -190px;}

/*a_3
----------------------------------------------------*/
.a_3 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.a_3 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.a_3 ul li{
	float: left;
	}
.a_3 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/a_3.gif) no-repeat;
	margin: 0;
	}
.a_3 li#nav1 a {background-position: 0 0;}
.a_3 li#nav1 a:hover {background-position: 0 -190px;}

/*a_4
----------------------------------------------------*/
.a_4 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.a_4 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.a_4 ul li{
	float: left;
	}
.a_4 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/a_4.gif) no-repeat;
	margin: 0;
	}
.a_4 li#nav1 a {background-position: 0 0;}
.a_4 li#nav1 a:hover {background-position: 0 -190px;}

/*y_1
----------------------------------------------------*/
.y_1 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.y_1 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.y_1 ul li{
	float: left;
	}
.y_1 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/y_1.gif) no-repeat;
	margin: 0;
	}
.y_1 li#nav1 a {background-position: 0 0;}
.y_1 li#nav1 a:hover {background-position: 0 -190px;}

/*y_2
----------------------------------------------------*/
.y_2 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.y_2 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.y_2 ul li{
	float: left;
	}
.y_2 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/y_2.gif) no-repeat;
	margin: 0;
	}
.y_2 li#nav1 a {background-position: 0 0;}
.y_2 li#nav1 a:hover {background-position: 0 -190px;}

/*y_3
----------------------------------------------------*/
.y_3 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.y_3 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.y_3 ul li{
	float: left;
	}
.y_3 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/y_3.gif) no-repeat;
	margin: 0;
	}
.y_3 li#nav1 a {background-position: 0 0;}
.y_3 li#nav1 a:hover {background-position: 0 -190px;}

/*y_4
----------------------------------------------------*/
.y_4 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.y_4 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.y_4 ul li{
	float: left;
	}
.y_4 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/y_4.gif) no-repeat;
	margin: 0;
	}
.y_4 li#nav1 a {background-position: 0 0;}
.y_4 li#nav1 a:hover {background-position: 0 -190px;}

/*y_5
----------------------------------------------------*/
.y_5 {
	width: 190px;
	margin: 0;
	padding: 0;
	position: center;
	float: left;
	}
.y_5 ul{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 163px;
	height:190px;
	list-style: none;
	}
.y_5 ul li{
	float: left;
	}
.y_5 ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 163px;
	height: 190px;
	text-indent: -9999px;
	background: url(../petit/images/y_5.gif) no-repeat;
	margin: 0;
	}
.y_5 li#nav1 a {background-position: 0 0;}
.y_5 li#nav1 a:hover {background-position: 0 -190px;}

/*pagetop_box
----------------------------------------------------*/
#pagetop_box{ 
	width: 80px; 
	height: 17px; 
	margin-top: 20px;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: auto; 
	padding: 0; 
	text-align: right;
	}

/*pagetop
----------------------------------------------------*/
.pagetop {
	width: 80px;
	margin: 0;
	padding: 0;
	position: right;
	background: url(../images/pagetop.gif) no-repeat;
	float: left;
	}
.pagetop ul{
	margin: 0;
	padding: 0;
	width: 80px;
	height:17px;
	list-style: none;
	}
.pagetop ul li{
	float: left;
	}
.pagetop ul li a{
	display: block;
	float: left;
	overflow: hidden;
	width: 80px;
	height: 17px;
	text-indent: -9999px;
	background: url(../images/pagetop.gif) no-repeat;
	margin: 0;
	}
.pagetop li#nav1 a {background-position: 0 0;}
.pagetop li#nav1 a:hover {background-position: 0 -17px;}