html{
    height:100%;
}
body{
    height:100%;
	margin-top:0px;
	background-image:  url("stripe.gif");
}
* html div#container{
    height:100%;
}
div#container{
    width:960px;
    margin:0px auto;
    min-height:100%;
	background-image:  url("bg.gif");
	position:relative;
}
body > #container {
	height: auto;
}
div#main{
	width:685px;
	left:240px;
	font-size:14px;
	line-height:1.5em;
	color:#333333;
	padding-top:100px;
	padding-bottom:90px;
	position:relative;
}
#head a{
    width:910px;
    height:53px;
	top:0px;
	left:20px;
   	font-size:12px;
	color:#444444;
	text-decoration: none;
	padding-top:2px;
	padding-left:10px;
	background:  url("header.jpg") no-repeat;
	position:absolute;
}
#head a:hover{
	text-decoration: none;
}
#foot{
	width:900px;
	height:55px;
	line-height:1.5em;
	left:30px;
	bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-size :12px;
	border-top:1px solid #888888;
	position:absolute;
}
#top{
	width:195px;
	height:12px;
	top:1px;
	left:735px;
	font-size:12px;
	color:#333333;
	text-align:right;
	position:absolute;
}
h1{
	font-size : 12px;
	font-weight : normal;
}
h2{
	font-size : 16px;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:visited{
	color: blue;
}
img{
	border:none;
}
.text10{
	color : #333333; 
	font-size : 10px;
	line-height:1.2em;
}
.text10red{
	color : #CC0000; 
	font-size : 10px;
}
.text12{
	color : #333333; 
	font-size : 12px; 
}
.text12B{
	color : #333333; 
	font-size : 12px;
	font-weight: bold;
}
.text12s{
	color : #333333; 
	font-size : 12px;
	line-height:1.2em;
}
.text14{
	color : #333333; 
	font-size : 14px;
}
.text14green{
	color : #009900; 
	font-size : 14px;
}
.text14white{
	color : #ffffff; 
	font-size : 14px;
	font-weight: bold;
}
.text14blue{
color : #003399; 
font-size : 14px; 
line-height : 1.5em; 
}
#Lnavi1{
	width:185px;
	height:54px;
	top: 100px;
	left: 35px;
	background:  url("LnaviBase_headSOFT.gif") no-repeat;
	text-align:center;
	font-size : 12px;
	color:#444444;
	padding-top:38px;
	text-decoration: none;
	position:absolute;
}
#Lnavi2{
	width:179px;
	height:87px;
	top: 154px;
	left: 35px;
	background:  url("softCase_Photo.jpg") no-repeat;
	font-size : 12px;
	color:#333333;
	line-height:1.7em;
	padding-top:104px;
	padding-left:4px;
	border-top:4px solid #FF7A01;
	border-right:1px solid #FF7A01;
	border-left:1px solid #FF7A01;
	border-bottom:4px solid #FF7A01;
	position:absolute;
	height: 87px;
}
#Lnavi3{
	width:185px;
	height:54px;
	top: 363px;
	left: 35px;
	background:  url("LnaviBaseOrange.gif") no-repeat;
	font-size : 12px;
	text-align:center;
	line-height:1.5em;
	padding-top:8px;
	position:absolute;
}
#Lnavi4 {
	width:185px;
	height:16px;
	top: 425px;
	left: 35px;
	background:  url("LnaviBase_headHARD.gif") no-repeat;
	text-align:center;
	font-size : 12px;
	color:#444444;
	padding-top:38px;
	text-decoration: none;
	position:absolute;
}
#Lnavi5{
	width:179px;
	height:63px;
	top: 479px;
	left: 35px;
	background:  url("hardCase_Photo.jpg") no-repeat;
	font-size : 12px;
	color:#333333;
	line-height:1.7em;
	padding-top:104px;
	padding-left:4px;
	border-top:4px solid #5c9c3c;
	border-right:1px solid #5c9c3c;
	border-left:1px solid #5c9c3c;
	border-bottom:4px solid #5c9c3c;
	position:absolute;
}
#Lnavi4b {
	width:185px;
	height:54px;
	top: 724px;
	left: 35px;
	background:  url("LnaviBase_headRing.gif") no-repeat;
	text-align:center;
	font-size : 12px;
	color:#444444;
	padding-top:38px;
	text-decoration: none;
	position:absolute;
}
#Lnavi5b a{
	width:179px;
	height:108px;
	top: 778px;
	left: 35px;
	background:  url("Ring_Photo.jpg") no-repeat;
	font-size : 10px;
	color:#beb5ae;
	line-height:1.7em;
	padding-left:4px;
	border-top:4px solid #6c6c6c;
	border-right:1px solid #6c6c6c;
	border-left:1px solid #6c6c6c;
	border-bottom:4px solid #6c6c6c;
	position:absolute;
}
#Lnavi5b a:hover{
	text-decoration: underline;
}
#Lnavi6{
	width:185px;
	height:54px;
	top: 662px;
	left: 35px;
	background:  url("LnaviBaseGreen.gif") no-repeat;
	font-size : 12px;
	text-align:center;
	line-height:1.5em;
	padding-top:8px;
	position:absolute;
}
#Lnavi7 a{
	width:52px;
	height:40px;
	top: 100px;
	left: 35px;
	background: url("sample.gif") no-repeat;
	font-size : 10px;
	padding-left:133px;
	padding-top:50px;
	color:#ffffff;
	line-height:1.3em;
	position:absolute;
}
#Lnavi7 a:hover{
	background: url("sample2.gif") no-repeat;
}
#Lnavi8 a{
	width:185px;
	height:125px;
	top: 992px;
	left: 35px;
	background: url("originalCL_banner.jpg") no-repeat;
	font-size : 12px;
	color:#DED4B0;
	line-height:1.7em;
	position:absolute;
}
#Lnavi8 a:hover{
	text-decoration: underline;
}
#Lnavi10{
	width:150px;
	height:160px;
	top: 1128px;
	left: 47px;
	background: url("calendar1.gif") no-repeat;
	font-size : 12px;
	color:#666666;
	padding-top:6px;
	padding-left:10px;
	position:absolute;
}
#Lnavi11{
	width:150px;
	height:160px;
	top: 1298px;
	left: 47px;
	background: url("calendar2.gif") no-repeat;
	font-size : 12px;
	color:#666666;
	padding-top:6px;
	padding-left:10px;
	position:absolute;
}
#Lnavi12{
	width:162px;
	height:59px;
	top: 1324px;
	left: 13px;
	text-align:center;
	position:absolute;
}
#Lnavi13{
	width:200px;
	height:82px;
	top: 1470px;
	left: 25px;
	font-size : 12px;
	text-align:center;
	position:absolute;
}
#Lnavi14 a{
	width:120px;
	height:86px;
	top: 896px;
	left: 36px;
	background: url("caseSale.jpg") no-repeat;
	font-size : 8px;
	padding-left: 65px;
	padding-top: 26px;
	color:#C6C1BB;
	line-height:1.3em;
	position:absolute;
}
#Lnavi14 a:hover{
	text-decoration: underline;
}
#Gnavi1{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 35px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#Gnavi2{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 147px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#Gnavi3{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 259px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#Gnavi4{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 371px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#Gnavi5{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 483px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#Gnavi6{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 595px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#Gnavi7{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 707px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#Gnavi8 a{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 820px;
	top: 94px;
	background: url("inquiryBase1.gif") no-repeat;
	text-align:center;
	font-size : 12px;
	color:#F3F3F3;
	text-decoration: none;
	position: absolute;
}
#Gnavi8 a:hover{
	background: url("inquiryBase2.gif") no-repeat;
}
#sitemap a{
	width: 105px;
	height: 24px;
	line-height : 24px;
	left: 820px;
	top: 59px;
	background: url("GnaviBase.gif") no-repeat;
	padding-top:1px;
	text-align:center;
	font-size : 12px;
	position: absolute;
}
#sitemap a:hover{
	text-decoration: underline;
}

