@charset "utf-8";

* {
margin: 0;
padding: 0;
font-size:100%;
font-family:Arial Unicode MS;
}

body {
	background-color : #f1f1f1;
	margin-left : 0px;
	margin-top : 0px;
	background-image : url(img/bg_green.gif);
	background-repeat : repeat;
	background-position : top;
}


img {
border:0;
}

a:link {
color:#0066CC;
}
a:visited {
color:#800080;
}

h1,h2 {
display:none;
}
h3 {
margin:0 0 5px 0;
}

.text {
	color : #647383;
	font-size : 12px;
	line-height : 20px;
}
.text02 {
	color : #647383;
	font-size : 12px;
	line-height : 120%;
}
.sentence {
	color : #535353;
	font-size : 12px;
	line-height : 20px;
}

.thumbnail {
width:78px;
	color : #949494;
	font-size : 12px;
	line-height : 14px;
	text-align:center;
}
.title {
	color : #647383;
	font-weight : bold;
	font-size : 12px;
	line-height : 20px;
}

.title_red {
font-family:"Arial Unicode MS";
	color : #A02536;
	font-weight : bold;
	font-size : 16px;
	line-height : 20px;
}

.word {
	color : #949494;
	font-size : 12px;
	line-height : 20px;
}
.copyright {
	color : #999999;
	font-size : 10px;
	line-height : 14px;
}
.border {
	border : #cccccc;
	border-style : solid;
	border-width : 1px;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size:11px;
}
.whitetext {
	color : #bbbbbb;
	font-size : 12px;
	line-height : 20px;
}

.clear {
clear:both;
}

/* -------------------
container
--------------------*/

#background {
width:100%;
background-image:url(img/background.jpg);
background-repeat:repeat-x;
}

#container {
width:940px;
height:100%;
margin:0 auto;
}

 #contents {
 width:940px;
 height:100%;
 background-color:#FFFFFF;
 margin:0;
 padding:10px 0 20px 0;
 }

  #leftcontents {
		float:left;
  width:160px;
  height:100%;
  margin:0;
  padding:0px 10px;
		background-color:#FFFFFF;
  }
		  #logoarea {
				width:160px;
				height:53px;
				margin-bottom:21px;
				}
				#menuarea {
				position:relative;
				width:160px;
				height:100%;
				margin:0;
				padding:0 0 20px 0;
				}
				#navi {
				list-style:none;
				}

  #rightcontents {
	float:right;
  width:760px;
  height:100%;
  margin:0 0 20px 0;
  padding:0;
		background-color:#FFFFFF;
		font-size:75%;
		line-height:150%;
		color:#535353;
  }
		  #titlearea{}
				
				#productsarea{
				border-left:1px solid #A0A0A0;
				width:739px;
				height:100%;
				margin:0;
				padding:0 0 0 20px;
				}
			   .titleline {
					border-bottom:1px solid #cccccc;
					margin-bottom:20px;
					}
			   .sub_title {
					margin-bottom:20px;
					}					
				 .bottommargin5 {
					margin-bottom:5px;
					}
				 .bottommargin10 {
					margin-bottom:10px;
					}
					.bottommargin15 {
					margin-bottom:15px;
					}
				 .bottommargin25 {
					margin-bottom:25px;
					}
				 .bottommargin30 {
					margin-bottom:30px;
					}
	#page {
	width:95%;
	height:100%;
	padding:40px 0 20px 0;
	text-align:center;
	}
	
  #bottomcontents {
	clear:both;
  width:940px;
  height:150px;
		}
		 #bottomcontents_left {
			float:left;
			width:180px;
			height:100%;
			text-align:center;
			}
			 #bottomcontents_left *:first-child {
				margin-bottom:10px;
				}
				
			#bottomcontents_right {
			float:right;
			width:730px;
			height:30px;
			text-align:right;
			padding:120px 20px 0 0;
			}
			
			#newinformation {
			float:left;
			width:700px;
			height:100%;
			margin:0;
			padding:0;
			}
			  .newinfo_line {
				width:100%;
				height:100%;
				margin:0 0 10px 0;;
				padding:0;
				}
				 #newinformation dl dd {
				 margin:0 0 0 25px;
				 padding:0;
				}

#footer {
width:940px;
margin:0px;
padding:10px 0;
text-align:right;
}

.valign_top{
vertical-align:top;
}


/*menu*/


#home {
	width:160px;
	height:36px;
	background:url(img/menu_home.gif);
	background-repeat:no-repeat;
	text-indent:-9998px;
}
#home a{
	text-decoration:none;
	display:block;
	width:160px;
	height:36px;
}

#pp{
 position:relative;
	width:160px;
	height:36px;
	background:url(img/menu_patek.gif);
	background-repeat:no-repeat;
	text-indent:-9998px;
}
#pp a{
	text-decoration:none;
	display:block;
	width:160px;
	height:36px;
}

#collection {
 position:relative;
	width:160px;
	height:36px;
	background:url(img/menu_collection.gif);
	background-repeat:no-repeat;
	text-indent:-9998px;
}
#collection a{
	text-decoration:none;
	display:block;
	width:160px;
	height:36px;
}

#maintenance{
	width:160px;
	height:36px;
	text-indent:-9998px;
	background:url(img/menu_maintenance.gif);
	background-repeat:no-repeat;
}
#maintenance a{
display:block;
width:160px;
height:36px;
 text-decoration:none;
}

#aboutsphere{
	width:160px;
	height:36px;
	text-indent:-9998px;
	background:url(img/menu_aboutsphere.gif);
	background-repeat:no-repeat;
}
#aboutsphere a{
display:block;
width:160px;
height:36px;
 text-decoration:none;
}

#column{
	width:160px;
	height:36px;
	text-indent:-9998px;
	background:url(img/menu_column.gif);
	background-repeat:no-repeat;
}
#column a{
display:block;
width:160px;
height:36px;
 text-decoration:none;
}

#sitemap{
	width:160px;
	height:36px;
	text-indent:-9998px;
	background:url(img/menu_sitemap.gif);
	background-repeat:no-repeat;
}
#sitemap a{
display:block;
width:160px;
height:36px;
 text-decoration:none;
}

#topics{
	width:160px;
	height:36px;
	text-indent:-9998px;
	background:url(img/menu_topics.gif);
	background-repeat:no-repeat;
}
#topics a{
display:block;
width:160px;
height:36px;
 text-decoration:none;
}

/* index2.html for jQuery */
#slide1 {
 overflow:hidden;
 margin: 0;
 padding:0;
 border: 0;
 width: 750px;
 height: 450px;

}