@charset "UTF-8";
/* CSS Document */
/* container ---------------------------- */
#container{
	width:1020px;
	height:1258px;
	margin:0 auto;
	background-image:url(../images/contents_photo.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#container #header{
	height:150px;
	margin:0 auto;
}
/* contents */
#wrap-contents{
	width:960px;
	margin:0 auto;
	position:relative;
}
#wrap-contents #box-index{
	width:630px;
	height:450px;
	background-color:#d9d9d9;
	float:right;
	z-index: 999;
}
#box-index img{
	margin:0 0 10px 0;
}
#wrap-contents h2{
	width:229px;
	height:75px;
	background-image:url(../images/h2_title.gif);
	position:absolute;
	top:190px;
	left:88px;
}
#wrap-contents .wrap-photo img{
	position:absolute;
	top:337px;
	left:422px;
}
#wrap-contents #box-index h3{
	width:201px;
	height:45px;
	margin:40px 0 0 30px;
	background-image:url(../images/h3_index.gif);
}
#box-index .index01,#box-index .index02,#box-index .index03,#box-index .index04,#box-index .index05,#box-index .index06,#box-index .index07,#box-index .index08,#box-index .index09,#box-index .index10,#box-index .index11,#box-index .index12{
	float:left;
}
#box-index .index01,#box-index .index06,#box-index .index11{
	width:105px;
	height:auto;
	margin:0 0 0 30px;
	display:inline;
}
#box-index .index02,#box-index .index03,#box-index .index04,#box-index .index05,#box-index .index07,#box-index .index08,#box-index .index12{
	width:105px;
	height:auto;
	margin:0 0 0 11px;
}
#box-index .index09{
	width:127px;
	height:auto;
	margin:0 auto;
}
#box-index .index09 img{
	margin:0;
	padding:0 0 10px 11px;
}
#box-index .index10{
	width:105px;
	height:auto;
	margin:0;
}
/* h4 */
#box-index a h4,#box-index a:visited h4{
	height:11px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#box-index a:hover h4,#box-index a:active h4{
	background-position:left bottom;
}
#box-index .index01 a h4{
	width:42px;
	background-image:url(../images/text_vida+.gif);
}
#box-index .index02 a h4{
	width:45px;
	background-image:url(../images/text_casio.gif);
}
#box-index .index03 a h4{
	width:51px;
	background-image:url(../images/text_citizen.gif);
}
#box-index .index04 a h4{
	width:49px;
	background-image:url(../images/text_orient.gif);
}
#box-index .index05 a h4{
	width:40px;
	background-image:url(../images/text_seiko.gif);
}
#box-index .index06 a h4{
	width:55px;
	background-image:url(../images/text_suunto.gif);
}
#box-index .index07 a h4{
	width:46px;
	background-image:url(../images/text_scope.gif);
}
#box-index .index08 a h4{
	width:42px;
	background-image:url(../images/text_timex.gif);
}
#box-index .index09 a h4{
	width:17px;
	background-image:url(../images/text_lip.gif);
}
#box-index .index10 a h4{
	width:58px;
	background-image:url(../images/text_penguin.gif);
}
#box-index .index11 a h4{
	width:64px;
	background-image:url(../images/text_officina.gif);
}
#box-index .index12 a h4{
	width:44px;
	background-image:url(../images/text_circa.gif);
}
/* wrap-photo */
#wrap-contents .wrap-photo{
	position:absolute;
	top:100px;
	left:-30px;
}
/* footer */
#footer{
	width:960px;
	height:auto;
	padding:0;
	position:absolute;
	top:1048px;
	right:0;
}
#footer p.copyright{
	width:272px;
	height:13px;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
	float:right;
	background-image:url(../../common/images/txt_copyright.gif);
	background-position:left top;
	background-repeat:no-repeat;
}