@charset "euc-jp";

/* shade 001 */

body {
	margin: 0;
	padding: 0 auto;
	text-align: center;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 120%;
	color: #333333;
	background-color: #e2e2e2;
}

form,select,input, div, p, h1,h2,h3,h4,h5,h6, img {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cl {
	clear: both;
	height: 0;
}

.hide {
	position: absolute;
	left: -9999px;
}

#wrap {
	position: relative;
	width: 910px;
	height: 100%;
	margin: 0 auto;
	padding: 0 5px 24px 5px;
	text-align: center;
	background-image: url(images/bg.gif);
	background-position: center;
	background-repeat: repeat-y;
}

#head {
	position: relative;
	width: 900px;
	height: 88px;
	margin: 0 5px 10px 5px;
	padding: 0 0 9px 0;
	background-image: url(images/head_bg.gif);
	background-position: top center;
	background-repeat: repeat-x;
}

img#head_logo {
	float: left;
	margin-left: 28px;
	margin-right: 18px;
}

img#ttl {
	float: left;
	margin-left: 28px;
	margin-right: 16px;
}

#head_split {
	float: left;
}

#head_dscr {
	position: absolute;
	left: 390px;
	top: 29px;
	font-size: 85%;
	line-height: 140%;
	text-align: left;
	color: #fff;
}

#head_dscr2 {
	position: absolute;
	left: 390px;
	top: 46px;
	height: 21px;
	font-size: 85%;
	line-height: 140%;
	text-align: left;
	color: #fff;
}

#head_dscr2 a {
	color: #eee;
}

img#head_logo_efro {
	padding-left: 7px;
	padding-right: 7px;
}

#design {
	float: left;
	position: relative;
	width: 468px;
	margin: 0;
	padding: 0 0 0 10px;
}

#design h2 {
	margin-top: 6px;
	font-size: 122%;
	line-height: 130%;
}

#picture_wrap {
	position: relative;
	width: 448px;
	height: 448px;
	padding: 8px 11px 12px 9px;
	background-image: url(images/picture_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
}

img#picture {
	vertical-align: middle;
}

#product {
	float: left;
	width: 422px;
	margin: 0;
	padding: 0 5px 0 0;
}

#product_image_wrap {
	position: relative;
	width: 400px;
	padding: 10px 11px 0 11px;
	background-image: url(images/product_image_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#product_info {
	width: 390px;
	margin: 0;
	padding: 5px 16px 0 16px;
	text-align: left;
	background-image: url(images/product_info_bkgnd.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#select_body {
	margin-bottom: 5px;
	font-weight: bold;
}

#product_bottom {
	width: 422px;
	margin: 0;
	padding: 0;
}

#browse {
	clear: both;
	position: relative;
	width: 892px;
	height: 154px;
	margin: 0 5px 10px 5px;
	padding: 0 4px;
	text-align: center;
	background-image: url(images/browse_bkgnd.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

ul#browse_tab {
	clear: both;
	position: relative;
	margin-left: 110px;
	height: 18px;
}

#tab1 {
	z-index: 99;
}

#tab2 {
	z-index: 98;
}

#tab3 {
	z-index: 97;
}

li.tab {
	float: left;
	position: relative;
	width: 85px;
	height: 18px;
	margin: 0 0 0 -6px;
	padding: 1px auto 1px auto;
	background-image: url(images/tab_out.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.tab a {
	font-size: 92%;
	line-height: 150%;
	color: #fff;
	text-decoration: none;
}

table.thumb_set {
	display: none;
	margin: 0;
	padding: 0;
}

tr.thumb td {
	width: 82px;
	height: 80px;
	margin: 0;
	padding: 14px 9px 2px 0;
}

tr.thumb td.thumb_arrow {
	padding-top: 0;
}

tr.thumb td.thumb_arrow_prev {
	width: 24px;
	margin: 0;
	padding: 0 15px 0 2px;
}

tr.thumb td.thumb_arrow_next {
	width: 24px;
	margin: 0;
	padding: 0 2px 0 6px;
}

img.thumb_img {
	border: 1px solid #666;
}

img.thumb_blank {
	border: 1px solid #333;
}

.thumb_point {
	height: 12px;
}

.thumb_point img {
	visibility: hidden;
}

ul.pagenate {
	clear: both;
	position: relative;
	height: 1em;
	margin: 0;
	padding: 0 auto;
	text-align: center;
}

ul.pagenate li {
	display: inline;
	margin: 0 4px;
	padding: 0;
	font-size: 77%;
	font-family: Verdana, sans-serif;
}

ul.pagenate li a {
	text-decoration: none;
	color: #888;
}

ul.pagenate li a:hover {
	color: #ddd
}

ul.pagenate li.page_actv {
	padding-bottom: 0;
	border-bottom: 1px solid #999;
	font-size: 92%;
	font-weight: bold;
	color: #eee;
}

#foot {
	margin: 0 5px 20px 5px;
	padding: 0;
	font-size: 85%;
	background-color: transparent;
}


/*
load
*/
#loading {
	position:absolute;
	top:10px;
	left:11px;
	display:none;
}
#loading_alpha {
	width:400px;
	height:400px;
	background-color:black;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#loading_image {
	position:absolute;
	top:167px;
	left:167px;
}
#loading_str {
	position:absolute;
	top:190px;
	left:140px;
	color:white;
	font-weight:bold;
	font-size:18px;
}
