@charset "ISO-8859-1";


body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	font-family:Meiryo, Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(../img/bg.gif);
}
a:link,a:visited{
	color:#ffffff;
	text-decoration: underline;
}
a:hover,a:active{
	color:#ffffff;
	text-decoration: none;
}
img{border:none;}
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}
th{vertical-align: top;font-size: 12px;line-height: 1;}
td{vertical-align: top;font-size: 12px;line-height: 1;}

#container{
	width: 779px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #1494ed;
}
#containerIn{
	width: 739px;
	padding:0px;
	margin-left:20px;
	background-color: #ffffff;
}
.mt{padding-top:10px;}
.mt15{padding-top:15px;}
.mt20{padding-top:20px;}
.mt40{padding-top:40px;}
.mb{padding-bottom:10px;}
.mb20{padding-bottom:20px;}
.mb40{padding-bottom:40px;}
p.mtb5{padding-top:5px;padding-bottom:5px;margin:0px;}

.f10{font-size:10px;}
.f10note{font-size:10px;line-height:1.2em;}
.f12{font-size:12px;}
.lh14{line-height:1.4em;}
.black{color:#000000;}
.yellow{color:#ffcc00;}

.dot1{
	background-image: url(../img/dot1.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 5px;
	width: 701px;
	margin-left: 15px;
}

.clear{
	font-size:1px;
	line-height: 1;height:1px;padding:0px;margin:0px;
	clear: both;
}
.hide{
	display: none;
}
/* ---------------------------
		for clear
-------------------------- */
.clearfix:after{
	content:"."; 
	display:block; 
	height:0;
	*height:0.001%;
	clear:both; 
	visibility:hidden;
}
.clearfix{
	display:inline-table;
}
/* Not MacIE \*/
html .clearfix{
	*height:1%;
}
.clearfix{
	display:block;
}
/* Not MacIE End */


/* ---------------------------
		HEADER
-------------------------- */
#header{}
#header h1{display: none;}


/* ---------------------------
		FOOTER
-------------------------- */
#footer{
	color:#ffffff;
	text-align: center;
}


/* ---------------------------
		BTN
-------------------------- */
body#top #btn{margin:15px 0px 0px 98px;
	background-image: url(../img/btn_list_r.gif);
	background-repeat: no-repeat;
	display:block;
	width:542px;
	height:70px;
}
body#top #btn a{
	display:block;
	width:542px;
	height:38px;
}
#btn a:hover{
	background-color:transparent;
}
#btn a:hover img{
	visibility:hidden;
}


/* ---------------------------
		CONTENTS
-------------------------- */
h2.title{
	margin: 0px;
	padding: 0px 0px 0px 9px;
	clear: both;
}
.contents{
	margin: 0px;
	padding: 15px 0px 30px 18px;
	width: 711px;
	position: relative;
}
.lead{
	line-height: 1.4em;
	color:#1494ed;
	margin-bottom: 15px;
}
h3.subtitle{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.note{
	text-indent: -0.5em;
	padding-left: 0.5em;
}

/* ---------------------------
		WIDE CONVERSION LENS
-------------------------- */
.wide01{
	width:300px;
}
.wide02{
	font-size:10px;
	color:#000000;
	width:230px;
	position: absolute;
	left: 325px;
	top: 65px;
}
.wide02 img{padding-top:5px;}

.wide03{
	font-size:10px;
	width:165px;
	position: absolute;
	right: 6px;
	top: 85px;
	text-align: right;
}
.wide03 img{padding-bottom:5px;}


/* ---------------------------
		CLOSEUP
-------------------------- */
.closeup01{width:210px;}
.closeup02{
	font-size:10px;
	width:165px;
	position: absolute;
	left: 270px;
	top:83px;
}
.closeup02 img{padding-bottom:5px;}

.closeup03{
	font-size:10px;
	width:140px;
	position: absolute;
	right: 137px;
	top: 83px;
}
.closeup04{
	width:121px;
	position: absolute;
	right: 6px;
	top: 83px;
}


/* ---------------------------
		STROBE
-------------------------- */
.strobe00{
	width:688px;
	position: absolute;
	left: 18px;
	top:15px;
	z-index: 2;
}
.strobe01{
	padding-top:20px;
	width:450px;
	position: relative;
}
.strobe02{
	width:688px;
}
.strobe03{
	width:400px;
	position: absolute;
	left: 24px;
	top:100px;
}
.strobe04{
	width:220px;
	position: absolute;
	left: 24px;
	top:223px;
}
.strobe05{
	width:200px;
	position: absolute;
	left: 24px;
	top:385px;
}
.strobe06{
	width:206px;
	position: absolute;
	top:10px;
	left: 460px;
}



/* ---------------------------
		PRODUCTS
-------------------------- */
.product1{
	float:left;
	width:200px;
	height:315px;
	background-image: url(../img/dot2.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 18px;
}
.product2{
	float:left;
	width:200px;
	height:315px;
	background-image: url(../img/dot2.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-left: 18px;
	padding-right: 18px;
}
.product3{
	float:left;
	width:230px;
	height:315px;
	margin-left: 18px;
}
.product1 .txt,.product2 .txt,.product3 .txt{height:60px;}
.product1 .ph,.product2 .ph,.product3 .ph{height:150px;}


/* ---------------------------
		LIST
-------------------------- */
body#list #container{
	width: 910px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	text-align: left;
	background-color: #1494ed;
}
body#list #containerIn{
	width: 870px;
	padding:0px;
	margin-left:20px;
	background-color: #ffffff;
}
body#list td{font-size:10px;}
#list01{
	padding-top:52px;
	padding-left:20px;
	padding-bottom:8px;
}

#list03 th.cel1{
	border-right: 1px solid #ffffff;
	font-size:10px;
	background-color: #000000;
	color:#ffffff;
	text-align: left;
}
#list03 th.cel2{
	border-right: 1px solid #ffffff;
	font-size:10px;
	background-color: #000000;
	color:#ffffff;
	text-align: left;
}
#list03 th.cel3{
	font-size:10px;
	background-color: #000000;
	color:#ffffff;
	text-align: left;
}
#list03 th.cel5{
	font-size:1px;
	background-color: #ffffff;
	padding:2;height:1px;
}


#list03{
	margin-left:20px;
	border-top: 8px solid #000000;
	border-bottom: 1px solid #1494ed;
}

#list03 td{font-size:10px;
	border-top: 1px solid #1494ed;
	color:#000000;
}
#list03 td.cel1{color:#cc3365;
	background-image: url(../img/dot3.gif);
	background-repeat: repeat-y;
	background-position: right top;
	border-left: 1px solid #1494ed;
}
#list03 td.cel2{
	background-image: url(../img/dot3.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
#list03 td.cel3{border-right: 1px solid #1494ed;}
#list03 td.gray{background-color: #e6e6e6;}

#list03 td.cel4{
	background-color: #666666;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/bull2.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 18px;
}


body#list td a:link,body#list td a:visited{
	color:#1494ed;
	text-decoration: underline;
}
body#list td a:hover,body#list td a:active{
	color:#cc3365;
	text-decoration: underline;
}



/* ---------------------------
		LIST BTN
-------------------------- */
body#list #btn{margin:51px 0px 0px 304px;
	background-image: url(../img/btn_close_r.gif);
	background-repeat: no-repeat;
	display:block;
	width:262px;
	height:52px;
}
body#list #btn a{
	display:block;
	width:262px;
	height:32px;
}