@charset "UTF-8";

*	{margin: 0; padding: 0;}

h1	{font-size: 1.4em; margin-bottom: 1em;}
h2	{font-size: 1.2em; margin-bottom: 6px;}
h3	{font-size: 1.1em; margin-bottom: 6px;}
h4	{font-size: 1.1em; margin-bottom: 0.35em;}
p	{margin-bottom: 1em;}
ul	{padding-left: 20px; margin-bottom: 1em;}
ol	{padding-left: 28px; margin-bottom: 1em;}
i	{background-color: #FFFF00; font-style: normal; font-weight: bold;}

hr	{height: 1px; border: none; border-top: solid 1px #ccc; margin-bottom: 1em;}

a	{text-decoration: underline;}
	a:hover	{color: #FF6633; text-decoration: none; position: relative; top: 1px; left: 1px;}
	a img	{border-style: none;}


.fl	{float: left; margin: 0 10px 10px 0;}
.fr	{float: right; margin: 0 0 10px 10px;}
.center	{text-align: center;}


.red	{color: #FF0000;}
.green	{color: #006600;}
.orange	{color: #FF6600;}

.big	{font-size: 1.15em;}
.small	{font-size: 0.8em;}
.bold	{font-weight: bold;}

div.y_box	{background-color: #FFFFCC; border: dotted 1px #006600; padding: 1em 1em 0 1em; margin-bottom: 1em;}

/*#################### layout ####################*/
body	{
	font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0 auto;
	color: #333; font-size: 82%; background-color: #efefef;
	}

#container	{width: 800px; background-color: #fff; margin: 0 auto; border-left: solid 1px #ccc; border-right: solid 1px #ccc;}
	#container-inner	{text-align: left;}

#content, #footer-inner
	{width: 800px; margin: 0 auto;}

#alpha	{width: 580px; float: right; padding: 0 20px 0 5px; overflow: hidden;}
	#alpha-inner	{width: 560px; padding: 20px 10px 10px 10px;}

#beta, #gamma	{width: 190px; float: left; padding: 0 0 0 0; overflow: hidden;}
	#beta-inner	{}

/*#################### common ####################*/

/*--- header ---*/
#header	{height: 70px;}
	#header-inner	{padding: 8px 10px 0 15px;}
	#header-name	{float: left; padding: 10px 0 0 0; margin: 0;}
	.mizumamoru	{float: right; text-align: right;}

#header_navi	{clear: left; width: 798px; height: 37px; overflow: hidden; margin: auto;}
	#header_navi ul	{margin: 0; padding: 0;}
	#header_navi li	{list-style-type: none; width: 133px; height: 37px; float: left; text-indent:-9999px;}
	#header_navi li a	{display: block; width: 133px; height: 37px;}
	#header_navi li a:hover	{position: relative; top: 0px; left: 0px;}

		#header_navi li.submarine a		{background: url(common/header_navi_back_n.gif) no-repeat 0 0;}
			#header_navi li.submarine a:hover	{background: url(common/header_navi_back_n.gif) no-repeat 0 -37px;}


		#header_navi li.robot a		{background: url(common/header_navi_back_n.gif) no-repeat -133px 0;}
			#header_navi li.robot a:hover	{background: url(common/header_navi_back_n.gif) no-repeat -133px -37px;}

		#header_navi li.camera a	{background: url(common/header_navi_back_n.gif) no-repeat -266px 0;}
			#header_navi li.camera a:hover	{background: url(common/header_navi_back_n.gif) no-repeat -266px -37px;}

		#header_navi li.pcball a	{background: url(common/header_navi_back_n.gif) no-repeat -399px 0;}
			#header_navi li.pcball a:hover	{background: url(common/header_navi_back_n.gif) no-repeat -399px -37px;}

		#header_navi li.jetbubble a		{background: url(common/header_navi_back_n.gif) no-repeat -532px 0;}
			#header_navi li.jetbubble a:hover	{background: url(common/header_navi_back_n.gif) no-repeat -532px -37px;}

		#header_navi li.ozon a		{background: url(common/header_navi_back_n.gif) no-repeat -665px 0;}
			#header_navi li.ozon a:hover	{background: url(common/header_navi_back_n.gif) no-repeat -665px -37px;}


.breadcrumbs	{
		font-size: 12px; padding: 10px; text-align: right; height: 17px;
		background: url(common/cate_image00.jpg) no-repeat;
		}
	#robot	{background: url(common/cate_robot.jpg) no-repeat;}
	#endoscope	{background: url(common/cate_endoscope.jpg) no-repeat;}
	#pc_ball	{background: url(common/cate_pcball.jpg) no-repeat;}
	#ozone	{background: url(common/cate_ozone.jpg) no-repeat;}

/*--- footer ---*/
#footer	{background: url(common/footer_back.jpg) repeat-x top; padding: 10px 0; margin-top: 15px; font-size: 12px;}
	#footer div.navi	{background-color: #efefef; padding: 5px 10px;}
		#footer div.navi a	{color: #666; margin-right: 10px;}
	#footer-inner	{padding: 5px 10px;}
	#footer div#copy	{font-size: 10px;}

/*--- side ---*/
#beta	{font-size: ;}
.widget	{margin-bottom: 15px;}


/*--- side menu ---*/
.sidemenu_line	{border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc;}
	.sidemenu_line h3	{background: url(common/cmenu_back.gif) no-repeat left 50%; padding: 4px 5px;
						font-size: 12px; font-weight: normal; margin: 0; border-top: solid 1px #ccc;
						color: #fff;}
	.sidemenu_line ul	{margin: 0; padding: 0; background: url(common/cmenu_back2.gif) no-repeat;}
	.sidemenu_line li	{
			margin: 0; padding: 0; list-style-type: none; border-top: solid 1px #ccc;
			padding:1px 3px 1px 5px;}

		.sidemenu_line h3 a	{color: #fff;}
			.sidemenu_line h3 a:hover	{color: #FF6633;}
		.sidemenu_line li a	{color: #666;}
			.sidemenu_line li a:hover	{color: #FF6633;}



.inqbox	{width: 184px; background: url(common/inqbox1.gif) no-repeat; padding-top: 28px;
		text-align: center; margin: auto; margin-bottom: 10px;}
	.inqbox_b	{width: 184px; height: 10px; background: url(common/inqbox2.gif) no-repeat;}
	.inqbox p	{margin-bottom: 4px;}

.com_message	{text-align: center;}
	.com_message p	{margin-bottom: 3px;}

/*### Contents ###*/
#alpha p, #alpha li,	{line-height: 135%;}

#page-title		{border-left: solid 4px #ccc; padding: 0 0 10px 8px;}

.asset-content	{}
p.entry_date	{padding-top: 15px;}

.asset-content h2	{border-left: solid 3px #ccc; border-bottom: solid 1px #ccc; padding: 0 0 3px 6px; margin-top: 2em;}
.asset-content p	{line-height: 135%;}
.asset-content li	{margin-bottom: 6px;}

.asset-content table	{width: 100%; border: solid 1px #ccc; border-collapse: collapse;}
	.asset-content th	{
			border: solid 1px #ccc; padding: 3px 6px; background-color: #efefef;
			font-weight: normal; white-space: nowrap; text-align: center;}
	.asset-content td	{border: solid 1px #ccc; padding: 3px 6px;}

.asset-content div.box	{border: double 4px #ccc; padding: 10px 10px 0 10px; margin-bottom: 1em;}

.asset-footer	{clear: all; font-size: 12px; margin-top: 35px; padding: 6px; border-top: dotted 1px #ccc;}
.asset-footer p.oe	{}

.page_top	{text-align: right; margin: 15px 0;}




/*--- faq ---*/
.question	{background: url(common/question.gif) no-repeat; padding-left: 20px;}
.answer		{background: url(common/answer.gif) no-repeat; padding-left: 20px;}



/*--- ozon ---*/
.cp-navi	{height: 90px;}

.cp-navi ul	{list-style-type: none; margin: 0; padding: 0;}
.cp-navi li, .cp-navi a	{display: block; float: left;}

.cp-navi li.ozon-top	{width: 187px; height: 33px; text-indent: -9999px;}
	.cp-navi li.ozon-top a	{width: 187px; height: 33px; background: url(common/ozon_navi.gif) no-repeat 0 0;}
	.cp-navi li.ozon-top a:hover	{background: url(common/ozon_navi.gif) no-repeat 0 -78px;}
	.cp-navi li.ozon-top a.ozon-top-this	{width: 187px; height: 33px; background: url(common/ozon_navi.gif) no-repeat 0 -156px;}

.cp-navi li.ozon-about	{width: 187px; height: 33px; text-indent: -9999px;}
	.cp-navi li.ozon-about a	{width: 187px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -187px 0;}
	.cp-navi li.ozon-about a:hover	{background: url(common/ozon_navi.gif) no-repeat -187px -78px;}
	.cp-navi li.ozon-about a.ozon-about-this	{width: 187px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -187px -156px;}


.cp-navi li.ozon-lowcost	{width: 186px; height: 33px; text-indent: -9999px;}
	.cp-navi li.ozon-lowcost a	{width: 186px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -374px 0;}
	.cp-navi li.ozon-lowcost a:hover	{background: url(common/ozon_navi.gif) no-repeat -374px -78px;}
	.cp-navi li.ozon-lowcost a.ozon-lowcost-this	{width: 186px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -374px -156px;}


.cp-navi li.ozon-procedure	{width: 141px; height: 33px; text-indent: -9999px;}
	.cp-navi li.ozon-procedure a	{width: 141px; height: 33px; background: url(common/ozon_navi.gif) no-repeat 0 -38px;}
	.cp-navi li.ozon-procedure a:hover	{background: url(common/ozon_navi.gif) no-repeat 0 -116px;}
	.cp-navi li.ozon-procedure a.ozon-procedure-this	{width: 141px; height: 33px; background: url(common/ozon_navi.gif) no-repeat 0 -194px;}


.cp-navi li.ozon-faq	{width: 141px; height: 33px; text-indent: -9999px;}
	.cp-navi li.ozon-faq a	{width: 141px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -142px -38px;}
	.cp-navi li.ozon-faq a:hover	{background: url(common/ozon_navi.gif) no-repeat -142px -116px;}
	.cp-navi li.ozon-faq a.ozon-faq-this	{width: 141px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -142px -194px;}


.cp-navi li.ozon-demo	{width: 141px; height: 33px; text-indent: -9999px;}
	.cp-navi li.ozon-demo a	{width: 141px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -284px -38px;}
	.cp-navi li.ozon-demo a:hover	{background: url(common/ozon_navi.gif) no-repeat -284px -116px;}
	.cp-navi li.ozon-demo a.ozon-demo-this	{width: 141px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -284px -194px;}


.cp-navi li.ozon-inq	{width: 137px; height: 33px; text-indent: -9999px;}
	.cp-navi li.ozon-inq a	{width: 139px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -426px -38px;}
	.cp-navi li.ozon-inq a:hover	{background: url(common/ozon_navi.gif) no-repeat -426px -116px;}
	.cp-navi li.ozon-inq a.ozon-inq-this	{width: 139px; height: 33px; background: url(common/ozon_navi.gif) no-repeat -426px -194px;}

.footer_rd	{text-align: center; margin: 15px;}



/*--- aform ---*/
.aform-header	{}

#aform-form-1 dl	{border-bottom: dotted 1px #ccc; padding: 5px 3px 5px 6px; border-left: solid 3px #ccc; margin-bottom: 8px;}
#aform-form-1 dt	{display:block; width: 170px; line-height: 16px; float: left;}
#aform-form-1 dd	{}
#aform-form-1 textarea.aform-textarea	{width: 280px;}

#aform-form-2 dl	{border-bottom: dotted 1px #ccc; padding: 5px 3px 5px 6px; border-left: solid 3px #ccc; margin-bottom: 8px;}
#aform-form-2 dt	{padding-bottom: 5px; font-weight: bold;}

#aform-form-6 dl	{border-bottom: dotted 1px #ccc; padding: 5px 3px 5px 6px; border-left: solid 3px #ccc; margin-bottom: 8px;}
#aform-form-6 dt	{display:block; width: 170px; line-height: 16px; float: left;}
#aform-form-6 dd	{}
#aform-form-6 textarea.aform-textarea	{width: 280px;}



span.required	{color: #FF0000;}



#aform-form-4 dl	{margin-bottom: 15px;}


#aform-5 dl	{margin-bottom: 15px;}



/*### category page ###*/
.cate_list dl	{}
	.cate_list dt	{clear: left; float: left; width: 75px;}
	.cate_list dd	{border-left: solid 1px #ccc; margin-bottom: 1em; margin-left: 75px; padding-left: 10px;}




/*#################### top page ####################*/
.top_image	{margin-bottom: 15px;}


.topics	{width: 280px; float: left; margin-right: 10px; border-bottom: dotted 1px #006600; padding-bottom: 2px;}
	.topics dl	{padding: 5px; border-top: dotted 1px #006600;}
	.topics dt	{color: #666; font-size: 10px;}
	.topics dd	{margin-bottom: 6px;}

.products	{width: 280px; float: right;}
.products-inner	{padding: 10px 5px 0 5px; border-top: dotted 1px #006600; border-bottom: dotted 1px #006600;}
	.products div.inner	{padding-left: 50px; padding-right: 5px; margin-bottom: 15px;}
		.products div.p00	{background: url(images/p00.jpg) no-repeat;}
		.products div.p01	{background: url(images/p01.jpg) no-repeat;}
		.products div.p02	{background: url(images/p02.jpg) no-repeat;}
		.products div.p03	{background: url(images/p03.jpg) no-repeat;}
		.products div.p04	{background: url(images/p04.jpg) no-repeat;}
		.products div.p05	{background: url(images/p05.jpg) no-repeat;}
	.products h3	{margin-bottom: 2px;}

.top_aboutus	{width: 280px; float: left; margin-right: 10px; margin-top: 20px;}
.top_aboutus div.inner	{padding: 5px 5px 0 5px; border-top: dotted 1px #006600; border-bottom: dotted 1px #006600;}

.top_yt	{width: 280px; float: left; margin: 20px 0 0 5px;}

.top_aboutus2	{width: 280px; float: right; margin-top: 20px;}
.top_aboutus2 div.inner	{padding: 5px 5px 0 5px; border-top: dotted 1px #006600; border-bottom: dotted 1px #006600;}