*{
margin:0px;
padding:0px;
}

#wrapper{
width:1240px;
height:100%;
margin:auto auto;
}

body{
background-image:url(../image/nav/repeat-x.png);
background-repeat:repeat-x;
}

#logo{
float:left;
margin-top:40px;	
}

header{
width:1240px;
height:200px;
}

select{
width:115px;
height:25px;
margin-left:-150px;
margin-top:150px;
z-index:2;
}

nav{
width:950px;
height:70px;
background-image:url(../image/nav/bar.png);
position:relative;
margin-left: 145px;
margin-right: 145px;
}


ul li{
list-style-type:none;
}

ul li a{
float:left;
}

ul li a.home{
background-image:url(../image/nav/01-2.png);
width:190px;
height:70px;
}

ul li a.about{
background-image:url(../image/nav/02-2.png);
width:190px;
height:70px;
}

ul li a.prod{
background-image:url(../image/nav/03-2.png);
width:190px;
height:70px;
}

ul li a.cont{
background-image:url(../image/nav/04-2.png);
width:190px;
height:70px;
}


ul li a.odm{
background-image:url(../image/nav/05-2.png);
width:190px;
height:70px;
}

ul li a.home:hover,ul li a.home.now{
background-image:url(../image/hover/01-2.png);
}

ul li a.about:hover,ul li a.about.now{
background-image:url(../image/hover/02-2.png);
}

ul li a.prod:hover,ul li a.prod.now{
background-image:url(../image/hover/03-2.png);
}

ul li a.cont:hover,ul li a.cont.now{
background-image:url(../image/hover/04-2.png);
}


ul li a.om:hover,ul li a.odm.now{
background-image:url(../image/hover/05-2.png);
}


ol li{
list-style-type:none;
}

ol li{
float:left;
}


#top{
display:scroll;
position:fixed;
bottom:20px;
right:20px;
}


section.prod2-1{
width: 1100px;
height: 2250px;
margin-left: 70px;
margin-right: 70px;
}

section.prod2-2,section.prod2-3,section.prod2-4{
width:1100px;
height:680px;
margin-left: 70px;
margin-right: 70px;
}

section.prod2-5{
width:1100px;
height:600px;
margin-left: 70px;
margin-right: 70px;
}

section.prod2-6,section.prod2-7,section.prod2-8,section.prod2-9{
width: 1100px;
height: 680px;
margin-left: 70px;
margin-right: 70px;
}



/*1*/

figcaption{
margin-top:0px;
font-size:22px;
text-align:left;
padding-left:250px;
font-family:Arial;
}

#lcn,#lcs,#lks,#lhs,#lcg{
width: 800px;
height: 500px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}

#lnl,#lnr{
width:800px;
height:530px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}


figcaption.title_lcn,figcaption.title_lcs,figcaption.title_lhs,figcaption.title_lcg,figcaption.title_lnl,figcaption.title_lnr{
font-size:26px;
text-align:left;
padding-bottom:0px;
padding-left:300px;
}

figcaption.title_lks{
font-size:26px;
text-align:left;
padding-bottom:0px;
padding-left:270px;
}


/*2*/

#lkf,#lpf{
width:800px;
height:500px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}


figcaption.prod_title2{
font-size:27px;
text-align:left;
padding-bottom:0px;
padding-left: 300px;
}


#pg01 a{
width:40px;
height:25px;
color:black;
font-weight:600;
margin-left:565px;
font-size:18pt;
text-decoration:none;
font-family:Arial;
float:left;
}


#pg02 a,#pg03 a{
width:40px;
height:25px;
color:black;
font-weight:600;
margin-left:0px;
font-size:18pt;
text-decoration:none;
font-family:Arial;
float:left;
}

#pg01 a:hover,#pg01 a.now,#pg02 a:hover,#pg02 a.now,#pg03 a:hover,#pg03 a.now{
	color: #991380;
	font-size: 22pt;
}

/*3*/

#lnb,#lnt{
width:800px;
height:535px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}

figcaption.prod_title3{
font-size:27px;
text-align:left;
padding-bottom:8px;
padding-left:270px;
}


/*4*/

#lkj,#lnp{
width: 800px;
height: 535px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;;
}


figcaption.prod_title4-1{
font-size:27px;
text-align:left;
padding-bottom:8px;
padding-left:180px;
}


/*5*/

#lfs{
width:800px;
height:500px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}


figcaption.prod_title5{
font-size:27px;
text-align:left;
padding-bottom:0px;
padding-left:320px;
}


/*6*/

#los{
width:800px;
height:530px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}

figcaption.prod_title6{
font-size:27px;
text-align:left;
padding-bottom:0px;
padding-left:260px;
}

figcaption.los{
margin-top:0px;
font-size:22px;
text-align:left;
padding-left:150px;
font-family:Arial;
}


/*7*/

#lml{
width:1000px;
height:735px;
margin-left: 25px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 25px;
margin-bottom: 25px;
}

figcaption.prod_title7{
font-size:27px;
text-align:left;
padding-bottom:0px;
padding-left:435px;
}


/*8*/

#lmt{
width:800px;
height:475px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}


figcaption.prod_title8{
font-size:27px;
text-align:left;
padding-bottom:0px;
padding-left:285px;
}


/*9*/

#cb{
width: 800px;
height: 510px;
margin-left: 144px;
margin-top: 25px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-right: 144px;
margin-bottom: 25px;
}

figcaption.prod_title9{
font-size:27px;
text-align:left;
padding-bottom:8px;
padding-left:325px;
}