@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;}

/*#################### 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: left; padding: 0 10px 0 15px; overflow: hidden;}
	#alpha-inner	{width: 560px; padding: 20px 10px 10px 10px;}

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

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

/*--- header ---*/
#header	{height: 60px;}
	#header-inner	{padding: 8px 10px 0 15px;}
	#header-name	{float: left; padding: 0; margin: 0;}
	.mizumamoru	{float: right; padding-top: 6px;}
#header_navi	{clear: left; width: 800px; height: 37px; overflow: hidden;}
	#header_navi ul	{margin: 0; padding: 0;}
	#header_navi li	{list-style-type: none; width: 160px; height: 37px; float: left; text-indent:-9999px;}
	#header_navi li a	{display: block; width: 160px; height: 37px;}
	#header_navi li a:hover	{position: relative; top: 0px; left: 0px;}
		#header_navi li.robot a		{background: url(common/header_navi_back.gif) no-repeat 0 0;}
			#header_navi li.robot a:hover	{background: url(common/header_navi_back.gif) no-repeat 0 -37px;}
		#header_navi li.camera a	{background: url(common/header_navi_back.gif) no-repeat -160px 0;}
			#header_navi li.camera a:hover	{background: url(common/header_navi_back.gif) no-repeat -160px -37px;}
		#header_navi li.pcball a	{background: url(common/header_navi_back.gif) no-repeat -320px 0;}
			#header_navi li.pcball a:hover	{background: url(common/header_navi_back.gif) no-repeat -320px -37px;}
		#header_navi li.ozon a		{background: url(common/header_navi_back.gif) no-repeat -480px 0;}
			#header_navi li.ozon a:hover	{background: url(common/header_navi_back.gif) no-repeat -480px -37px;}
		#header_navi li.inq a		{background: url(common/header_navi_back.gif) no-repeat -640px 0;}
			#header_navi li.inq a:hover	{background: url(common/header_navi_back.gif) no-repeat -640px -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	{}


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


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

/*--- 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;}


span.required	{color: #FF0000;}




/*### 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.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 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;}