@charset "utf-8";

/* CSS Document */

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	color: #333;
	font: "Times New Roman", "Times", "serif";	
	font-size: 16px;
	line-height: 150%;
	margin: 0;
	padding: 0;
}


/* conteiner */
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 761px;
}	


/* header */
#header { height: 1px;}

h1 {
	float: left;	
	margin: 0;
	padding: 10px 0 0;
}

a img { border: none;}

#header_right p {
	font-size: 14px;
	height: 14px;
	margin-top: 51px;
	text-align: right;
	width: 761px;	
}

#header_down { height: 5px;}


/* menu */
ul#menu	{
	background-color: #111485;	
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	height: 40px;
	margin-top: 0;
	padding-left: 0;
	margin-bottom: 0;
}

ul#menu li {
	float: left;	
	list-style-type: none;
}

ul#menu li a {
	background-color: #111485;
	border-right: solid 1px #ffffff;
	color: #ffffff;
	display: block;
	line-height: 40px;
	text-align: center;	
	text-decoration: none;
	width: 126px;
}

ul#menu li a:hover {
	background-color: #253494;
}

ul#menu li.menulast a {
	border-right: none;
}


/* bread */
p#bread {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	margin-bottom: 10px;
}


/* content */
div#content {
	margin-left: auto;
	margin-right: auto;
	width: 612px;	
}


/* index */
div#index_picture {
	margin: 0 24px;
}

h2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 30px;
	font-weight:300;
	line-height: 40px;
	margin: 0 0 10px;
}

h2 a:hover {
	text-decoration: none;
}

.metronome {
	color: #111485
}

p { margin: 0; 
}

p.index {
	font-size:14px;
	text-align: right;
}

#slide_top {
	position			: relative;
	width				: 564px;
	height				: 400px;
/*	margin				: 0 auto; */
	overflow			: hidden;
}

.slide img {
	position			: absolute;
	width				: 100%;
	top					: 0;
	left				: 100%;
	-moz-animation		: imgTrans 15s infinite;
	-webkit-animation	: imgTrans 15s infinite;
	animation			: imgTrans 15s infinite;
}

#slide1 img {
	-moz-animation-delay	: 0s;
	-webkit-animation-delay	: 0s;
	animation-delay			: 0s;
}

#slide2 img {
	-moz-animation-delay	: 5s;
	-webkit-animation-delay	: 5s;
	animation-delay			: 5s;
}

#slide3 img {
	-moz-animation-delay	: 10s;
	-webkit-animation-delay	: 10s;
	animation-delay			: 10s;
}

@-webkit-keyframes imgTrans {
	  0% { left:   0%; opacity: 0; }
	  5% { left:   0%; opacity: 1; }
	 20% { left:   0%; opacity: 1; }
	 25% { left:   0%; opacity: 0; }
	 26% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}
@-moz-keyframes imgTrans {
	  0% { left:   0%; opacity: 0; }
	  5% { left:   0%; opacity: 1; }
	 20% { left:   0%; opacity: 1; }
	 25% { left:   0%; opacity: 0; }
	 26% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}

@keyframes imgTrans {
	  0%     { left:   0%; opacity: 0; }
	  5%     { left:   0%; opacity: 1; }
	  20%    { left:   0%; opacity: 1; }
	  25%    { left:   0%; opacity: 0; }
	  26%    { opacity: 0; left: 100%; }
	  99.99% { opacity: 0; left: 100%; }
	 100%    { opacity: 0; left:   0%; }
}

p.top {
	text-align: center;
	font-size:14px;
}


/* counterfeit */
.counterfeit {
	color: #F00
}


/* brand */
div#brand_top {
	float: left;
	margin-top: 20px;
	width: 612px;	
}

div#brand {
	float: left;
	margin-top: 5px;
	width: 612px;	
}

.float {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.float_r {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

p.next {
	text-align: center;
}

a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

p.indent {
	padding-left:0.8em;
	text-indent:-0.8em;
}

/* catalog */
div#catalog_menu p {
	margin-left: 15px;
}

div#catalog_menu_a {
	float: left;
	height: 230px;
	width: 306px;
}

div#catalog_menu_b {
	float: left;
	height: 200px;
	padding-left: 15px;
	width: 290px;
}

/*div#catalog_menu_c {
	float: left;
	height: 90px;
	width: 160px;
}*/

div#catalog_menu_d {
	float: left;
	height: 200px;
	padding-left: 15px;
	width: 145px;
}

div#catalog_menu_e {
	float: left;
	height: 200px;
	width: 145px;
}

/*div#catalog_menu_f {
	float: left;
	height: 90px;
	padding-left: 23px;
	width: 50px;
}*/

div#catalog_menu_g {
	float: left;
	height: 170px;
	width: 612px;
}

div#catalog_menu_h {
	float: left;
	height: 140px;
	width: 153px;
}

div#catalog_menu_i {
	float: left;
	height: 125px;
	width: 612px;
}

div#catalog_menu_j {
	float: left;
	width: 40px;
}

div#catalog_menu_k {
	float: left;
	height: 140px;
	padding-left: 15px;
	width: 138px;
}

/*div#catalog_menu_l {
	float: left;
	height: 110px;
	width: 125px;
}*/

/*div#catalog_menu_m {
	float: left;
	padding-left: 15px;
	width: 40px;
}*/

div#catalog_menu_n {
	float: left;
	padding-left: 15px;
	width: 65px;
}

div#catalog_menu_o {
	float: left;
	padding-left: 15px;
	height: 140px;
	width: 291px;
}

/*div#catalog_menu_p {
	float: left;
	height: 140px;
	width: 130px;
}*/

div#catalog_menu_q {
	float: left;
	height: 110px;
	padding-left: 15px;
	width: 280px;
}

div#catalog_menu_r {
	float: left;
	height: 150px;
	width: 306px;
}

div#catalog_menu_s {
	float: left;
	width: 65px;
}

.catalog {
	border-color: #333;
	border-width: 0.5px;
	margin: 0 0 10px 0;
}

.catalog h5 {
	margin-bottom: 10px;
}

div#product_standard {
	float: left;	
	height: 230px;	
	margin-bottom: 10px;
	text-align: center;
	width: 153px;
}

div#product_standard_space {
	float: left;	
	height: 230px;	
	margin-bottom: 10px;
	text-align: center;
	width: 76px;
}

div#product_c_font {
	float: left;	
	height: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 153px;
}

h3 { margin: 10px 0 0 0;}

h3 a:hover {
	text-decoration: none;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 23px;
	margin: 0 0;
}

div#product_mini {
	float: left;
	height: 150px;
	margin-bottom: 10px;
	text-align: center;
	width: 153px;	
}

/*div#product_wooden_left {
	float: left;	
	height: 285px;
	margin-right: 10px;
	margin-bottom: 10px;	
	width: 296px;
}

div#product_wooden_right {
	float: left;	
	height: 285px;
	margin-bottom: 10px;	
	width: 306px;
}*/

div#product_wooden_picture {
	float: left;
	height: 230px;
	text-align: center;
	margin-bottom: 10px;
	width: 153px;
}

div#product_wooden_picture_space {
	float: left;
	height: 230px;
	text-align: center;
	margin-bottom: 10px;
	width: 76px;
}

div#product_tamamushi_picture {
	float: left;
	height: 270px;
	text-align: center;
	padding-top: 5px;
	margin-bottom: 10px;
	width: 153px;
}

/*div#product_jumbo {
	float: left;	
	height: 450px;
	margin-bottom: 10px;
	width: 612px;
}*/

div#product_jumbo_catalog_picture {
	float: left;	
	height: 395px;
	text-align: center;
	/*margin-top: 45px;*/
	width: 251px;
}

div#product_jumbo_picture {
	float: left;	
	height: 395px;
	text-align: center;
	width: 251px;
}

div#product_jumbo_space {
	float: left;	
	height: 395px;
	text-align: center;
	width: 180px;
}

div#product_jumbo_left {
	float: left;	
	height: 450px;
	margin-right: 10px;
	margin-bottom: 10px;	
	width: 296px;
}

div#product_jumbo_right {
	float: left;	
	height: 450px;
	margin-bottom: 10px;	
	width: 306px;
}

div#product_stand {
	float: left;	
	height: 440px;	
	text-align: center;
	margin-bottom: 10px;
	width: 153px;

}

div#product_jumbo_box {
	float: left;	
	height: 395px;
	text-align: center;
	width: 220px;
}

div#product_jumbo_box_space {
	float: left;	
	height: 199px;
	margin-top: 196px;
	text-align: center;
	width: 172px;
}

/*.colors_so_size {
	margin-top: 65px;
}*/


/* color */
div#product_color {
	float: left;
	height: 250px;
	margin-bottom: 5px;	
	text-align: center;
	width: 153px;	
}

div#product_color_space {
	float: left;
	height: 250px;
	margin-bottom: 5px;	
	text-align: center;
	width: 76px;	
}

/*div#product_color_clear {
	float: left;
	height: 245px;
	margin-top: 5px;
	margin-bottom: 10px;	
	text-align: center;
	width: 153px;	
}*/

div#product_color_so {
	float: left;
	height: 175px;
	padding-top: 75px;
	margin-bottom: 10px;
	text-align: center;
	width: 153px;	
}

div#product_color_mini {
	float: left;
	height: 180px;
	margin-bottom: 5px;	
	text-align: center;
	width: 153px;	
}

div#product_color_regular {
	float: left;
	height: 250px;
	margin-bottom: 10px;
	text-align: center;
	width: 153px;
}

div#product_color_jumbo {
	float: left;    
	height: 420px;
	text-align: center;
	width: 250px;
}

div#product_color_jumbo_space {
	float: left;    
	height: 420px;
	text-align: center;
	width: 181px;
}

div#product_color_tamamushi {
	float: left;
	height: 270px;
	padding-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	width: 153px;
}

div#product_color_tamamushi_space {
	float: left;
	height: 270px;
	padding-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	width: 76px;
}

div#product_color_red {
	float: left;
	height: 180px;
	margin-top: 70px;
	/*margin-bottom: 10px;*/
	text-align: center;
	width: 153px;
}

.colors {
	margin-top: 60px;
	margin-bottom: 10px;
}


/* user */
div#user_jumbo_left {
	float: left;	
	height: 395px;
	margin-right: 10px;
	margin-bottom: 10px;	
	width: 296px;
}

div#user_jumbo_right {
	float: left;	
	height: 395px;
	margin-bottom: 10px;	
	width: 306px;
}


/* product */
div#product_picture_box {
	float: left;
	height: 230px;
	margin-bottom: 10px;
	text-align: center;
	width: 153px;
}

div#product_picture_space {
	float: left;
	height: 230px;
	margin-bottom: 10px;
	text-align: center;
	width: 76px;
}

div#product_picture_box p{
	font-weight: bold;
}

.specifications {
	margin: 3px 0px 3px;
	vertical-align: middle;
}

.new {
	color: #F00;
}

.float_tamamushi {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.jumbo {
	font-weight: bold;
	/*margin-left: 87px;
	margin-bottom: 10px;*/
}

.jumbo_handle {
	margin-top: 10px;
	margin-bottom: 21px;
}

div#product_so {
	float: left;
	height: 165px;
	margin-bottom: 5px;
	text-align: center;
	width: 153px;	
}

div#product_pouch_box {
	float: left;
	height: 260px;
	margin-bottom: 5px;
	text-align: center;
	width: 153px;
}

div#product_pouch_space {
	float: left;
	height: 260px;
	margin-bottom: 5px;
	text-align: center;
	width: 76px;
}

div#product_pouch_box p{
	font-weight: bold;
}


/* How to use */
div#use_header {
	float:left;	
	padding-top: 20px;
	width: 612px;
}

div#use_left {
	float: left;
	padding: 0 10px 10px 0;
	width: 352px;
}

div#use_left h5 {
	padding-top: 10px;
}

div#use_left p {
	margin-left: 16px;
	margin-bottom: 20px;
	text-indent: -16px;
}

div#use_right {
	float: left;
	padding-top: 30px;
	width: 250px;
}


/* How to get */
div#get_header {
	float:left;	
	padding-bottom: 10px;
	width: 612px;
}

div#get_header h3{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	/*padding-top: 5px;*/
}

div#get_header p {
	margin-top: 10px;
}

div#get_notice {
	padding-bottom: 10px;
}

div#get_notice h5 {
	font-family: "Times New Roman", "Times", "serif";
}

div#get_notice p {
	margin-top: 0;
}
	
div#get_left {
	float: left;
	padding-right: 20px;
	width: 296px;
}

div#get_left h5 {
	font-family: "Times New Roman", "Times", "serif";
}

div#get_left p {
	margin: 5px 0;
	
}

div#get_right {
	float: left;
	margin-bottom: 15px;
	width: 296px;
}

div#get_right h5 {
	font-family: "Times New Roman", "Times", "serif";
}

div#get_right p {
	margin: 5px 0;
}

div#get_header_ship {
	float:left;	
	margin-top: 10px;
	width: 612px;
}

div#get_header_ship h5 {
	font-family: "Times New Roman", "Times", "serif";
}

div#get_header_ship p{
	margin: 0 0 0 15px;
	text-indent: -15px;
}

div#get_link {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	text-align: center;
}

	
/* order form */
/*div#order_form_box {
	float: left;
	height: 185px;
	margin-bottom: 10px;
	text-align: center;
	width: 122px;
}

div#order_form_box p{
	font-size: 14px;
	font-weight: bold;
}

td,th {
	font: Arial, Helvetica, sans-serif;
	padding: 0 3px;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
}*/


/* order confirmation */
/*th.confirm {
	border-color: #333;
	border-style: solid;
	border-width: 1px;
}

td.confirm {
	border-color: #333;
	border-style: solid;
	border-width: 1px;
}*/

input.button {
	width: 60px;
}

p.msg {
	color: #F00;
}

p.error {
	color:#F00;
}


/* contacts */
.mail {
	margin-top: 8px;
}


/* footer */

div#footer {
	clear: both;
	margin-top: 10px;
}

div#footer_info {
	/*color: #808080;*/
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	float: left;
	padding: 10px 0 0 10px;
	height: 190px;
	width: 180px;
}

div#footer_info_2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	float: left;
	padding: 35px 0 0 10px;
	height: 165px;
	width: 180px;
}

.info {
	font-size: 13px;
	list-style-position: inside;
	color: #808080;
	margin: 0 0 0 0;
	padding-left: 1em;
	/*text-indent: -1em;*/
}

.info span {
	color: #333;
}

ul#menu_footer	{
	background-color: #f5f5f5;	
	/*font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	height: 50px;
	margin-top: 0;
	padding-left: 0;
	margin-bottom: 0;
	text-align: center;*/
}

ul#menu_footer li {
	/*display: inline;
	list-style-type: none;*/
}

ul#menu_footer li a {
	background-color: #f5f5f5;
	/*border-left: solid 1px #005087;*/
	/*color: #808080;*/
	/*padding: 3px 10px*/
}

address {
	background-color: #f5f5f5;
	/*color: #808080;*/
	font-size: 12px;
	font-style: normal;
	text-align: center;
}