@charset "utf-8";


/* =================================
	common
================================== */
* {
	padding: 0;
	margin: 0;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	
	background-color:#001842; 
}

body {
	width: 100%;
}

img {
	border: 0px;
}

dl,dt,dd,ul,ol,li{
	list-style:none;
}


/* =================================
	headNav
================================== */

#headNavArea {
	width: 100%;
	background-color: #001842;
}

#headNav {
	width: 1002px;
	height: 60px;
	margin: 0px auto;
}

.logo {
	float: left;
	width: 300px;
	height: 27px;
	padding-top: 17px;
}

#headNav ul {
	float:right;
	margin-right: 28px;
}

#headNav ul li {
	float: left;
	margin-top: 29px;
	padding: 0 8px;
}

#headNav ul li a {
	display: block;
	vertical-align: top;
}


/* =================================
	piceEffect
================================== */

#pricewrapper {
	width: 507px; /*541*/
	height: 208px; /*308*/
	padding-top: 50px;
	
	padding: 50px 17px 50px 17px;
	
	position: absolute;
	left: 50%;
	margin-left: -270px;
	z-index: 10;
	top: 278px;
	background:url(images/page02_pic003.png) top left no-repeat;
}
.caroufredsel_wrapper {
	/*border-radius: 90px;*/
}



#pricecarousel img {
	width: 218px;
	height: 208px;
	margin: 0 35px;
	float: left;
}

#prev, #next {
	background: transparent url( images/page02_ctrl.png ) no-repeat 0 0;
	text-indent: 20px;
	display: block;
	overflow: hidden;
	width: 35px;
	height: 62px;
	position: absolute;
	top: 117px;
}
#prev {
	background-position: 0 0;
	left: -88px;
}
#prev:hover {
	/*left: 29px;*/
	background-position: -76px 0;
}			
#next {
	background-position: -39px 0;
	right: -82px;
}
#next:hover {
	background-position: -115px 0;
	/*right: -100px;*/
}				
#pager {
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}
#pager a {
	background: transparent url(images/carousel_control.png) no-repeat 0px -76px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
}
#pager a.selected {
	background: transparent url(images/carousel_control.png) no-repeat -12px -32px;
	text-decoration: underline;				
}

#price_mask {
	width:507px;
	height: 208px;
	position: absolute;
	top:50px;
	
	background: url(images/page02_pic004.png) no-repeat top left;
}




#photowrapper {
	width: 960px;
	height: 256px;
	
	position: absolute;
	top: 293px;
	left: 50%;
	margin-left: -480px;
	text-align: center;
}
#photocarousel img {
	display: block;
	float: left;
	border: none;
	position: relative;
}

/* =================================
	footerArea
================================== */

.wrapperArea {
	width: 1002px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left:-501px;
	text-align: center;
	z-index: 999;
}


.footerArea ul {
	margin-top: 126px;
	display: inline-block;
}

.footerArea ul li {
	float: left;
	padding: 0 12px 0 14px;
	background: url(catch/line_pink.gif) left top no-repeat;
}

.footerArea ul li:first-child {
	background: none;
}

.footerArea ul li a {
	display: block;
	vertical-align: top;
}

.sociallink {
	margin-bottom: 30px;
}

.sociallink a {
	display: inline-block;
	padding: 0 5px;
	margin-top: 20px;
}


/* =================================
	Index footerArea
================================== */


.wrapperArea01 {
	width: 1002px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left:-501px;
	text-align: center;
	z-index: 999;
}


.footerArea01 ul {
	margin-top: 218px;
	display: inline-block;
}

.footerArea01 ul li {
	float: left;
	padding: 0 12px 0 14px;
	background: url(catch/line_pink.gif) left top no-repeat;
}

.footerArea01 ul li:first-child {
	background: none;
}

.footerArea01 ul li a {
	display: block;
	vertical-align: top;
}

.sociallink01 {
	margin-bottom: 30px;
}

.sociallink01 a {
	display: inline-block;
	padding: 0 5px;
	margin-top: 20px;
}