@charset "utf-8";
/* �x�[�X�X�^�C�� */

body {
	color: #666666;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	background:url(../images/bg_body_sec.png) repeat-x center top ,url(../images/bg_footer.png) repeat-x center bottom;
}
body#index {
	background:url(../images/bg_body.png) repeat-x center top,url(../images/bg_footer.png) repeat-x center bottom;
}
/* ���C�A�E�g�X�^�C�� */

#wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	position:relative;
	width:800px;
	height:104px;
	background-color:#000;
	background-image:url(../images/bg_header.png);
	background-repeat:no-repeat;
	color:#FFF;
}
#header #logo {
	float:left;
	padding-left:1px;
}
#header #logo a {
	width:269px;
	height:104px;
	display:block;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
}
#header #header_navi {
	float:right;
}
#header #header_navi li {
	float:left;
	border-left:dotted 1px #FFF;
	padding:6px 20px 4px 30px;
	font-size:10px;
	line-height:12px;
	background-image:url(../images/arrow_pt.png);
	background-repeat:no-repeat;
	background-position:15px center;
}
#header #header_navi li a {
	color:#FFFFFF;
}
#header #language {
	margin-top:12px;
	padding-right:25px;
	clear:right;
	float:right;
	height:23px;
}
#header #language p {
	float:left;
	font-size:12px;
	line-height:14px;
	padding-top:3px;
	padding-right:5px;
}
#header #language ul {
	float:left;
}
#header #language li {
	float:left;
	font-size:12px;
	line-height:14px;
	text-indent:-9999px;
}
#header #language li#japanese {
	width:68px;
	height:23px;
	background-image:url(../images/jpn_push.png);
	background-repeat:no-repeat;
}
#header #language li#japanese a {
	width:68px;
	height:23px;
	display:block;
	overflow:hidden;
	outline:none;
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	background-position : -514px -120px;
}
#header #language li#japanese a:hover {
	background-position : -514px -143px;
}
#header #language li#english {
	width:70px;
	height:23px;
	background-image:url(../images/eng_push.png);
	background-repeat:no-repeat;
}
#header #language li#english a {
	width:68px;
	height:23px;
	display:block;
	overflow:hidden;
	outline:none;
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	background-position : -444px -120px;
}
#header #language li#english a:hover {
	background-position : -444px -143px;
}
#header p#tel_fax {
	position:absolute;
	width:370px;
	height:30px;
	font-size:12px;
	line-height:14px;
	text-indent:-9999px;
	background-image:url(../images/tel_fax.png);
	background-repeat:no-repeat;
	bottom:23px;
	right:3px;
}
#top {
	clear:both;
	width:800px;
}
/*--------------------------------------------------------------------------------
�@h2
--------------------------------------------------------------------------------*/
#index #top h2 {
	width:800px;
	height:242px;
	text-indent:-9999px;
	background-image:url(../images/index_img.jpg);
	background-repeat:no-repeat;
}
#company #top h2 {
	width:800px;
	height:131px;
	text-indent:-9999px;
	background-image:url(../images/title_1.jpg);
	background-repeat:no-repeat;
}
#measurement #top h2 {
	width:800px;
	height:131px;
	text-indent:-9999px;
	background-image:url(../images/title_2.jpg);
	background-repeat:no-repeat;
}
#consumption #top h2 {
	width:800px;
	height:131px;
	text-indent:-9999px;
	background-image:url(../images/title_3.jpg);
	background-repeat:no-repeat;
}
#exclusive #top h2 {
	width:800px;
	height:131px;
	text-indent:-9999px;
	background-image:url(../images/title_4.jpg);
	background-repeat:no-repeat;
}
#contact #top h2 {
	width:800px;
	height:131px;
	text-indent:-9999px;
	background-image:url(../images/title_5.jpg);
	background-repeat:no-repeat;
}
/*--------------------------------------------------------------------------------
�@top �O���[�o���i�r�Q�[�V����
--------------------------------------------------------------------------------*/

#top #navi {
	padding:0px 21px;
	width:758px;
	height:60px;
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
}
#top #navi li {
	float:left;
	text-indent:-9999px;
	font-size:12px;
	line-height:14px;
}
#top #navi li a {
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
	height:60px;
}
#top #navi0 a {
	width:150px;
	display:block;
	background-position:-22px 0px;
}
#top #navi0 a:hover {
	width:150px;
	display:block;
	background-position:-22px -60px;
}
#top #navi1 a {
	width:150px;
	display:block;
	background-position:-172px 0px;
}
#top #navi1 a:hover {
	width:150px;
	display:block;
	background-position:-172px -60px;
}
#top #navi2 a {
	width:150px;
	display:block;
	background-position:-322px 0px;
}
#top #navi2 a:hover {
	width:150px;
	display:block;
	background-position:-322px -60px;
}
#top #navi3 a {
	width:150px;
	display:block;
	background-position:-472px 0px;
}
#top #navi3 a:hover {
	width:150px;
	display:block;
	background-position:-472px -60px;
}
#top #navi4 a {
	width:158px;
	display:block;
	background-position:-622px 0px;
}
#top #navi4 a:hover {
	width:158px;
	display:block;
	background-position:-622px -60px;
}
/*--------------------------------------------------------------------------------
�@���C���̐ݒ�
--------------------------------------------------------------------------------*/

#main {
	clear:both;
	width:758px;
	padding:20px 21px 30px;
	background-color:#EBE8DD;
}
#company #main, #measurement #main, #exclusive #main, #consumption #main, #contact #main {
	background-image:url(../images/bg_contents.png);
	background-repeat:repeat-y;
	background-position:right;
}
#sidebar {
	float:left;
	width:222px;
}
#sidebar #company {
	width:216px;
	background-color:#FFF;
	border:solid 3px #D5D5D5;
}
#sidebar #company #company_name {
	width:216px;
	height:64px;
	text-indent:-9999px;
	background-image:url(../images/company_name.png);
	background-repeat:no-repeat;
}
.eng #sidebar #company #company_name {
	background-image:url(../images/company_name_e.png);
}
#sidebar #company #company_detail {
	padding:15px 10px;
}
#company_detail #shop_detail {
	background-color:#CCC;
}
#company_detail #shop_detail h5 {
	margin:0 5px;
	padding:10px 5px 0;
	height:25px;
	background-image:url(../images/shop_title.png);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#FFF;
	font-size:12px;
	line-height:25px;
}
#company_detail #shop_detail p {
	padding:7px;
	color:#333;
}
#sidebar #mail_btn {
	margin-top:20px;
}
#sidebar #mail_btn a {
	width : 222px;
	height : 65px;
	display:block;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background-position : left -120px;
	background-repeat : no-repeat;
	background-image:url(../images/sprite.png);
}
#sidebar #mail_btn a:hover {
	background-position : -222px -120px;
}
/*--------------------------------------------------------------------------------
�@�R���e���c
--------------------------------------------------------------------------------*/
#contents {
	float:right;
	width:492px;
}
#contents h3 {
	width:480px;
	height:36px;
	padding:7px 20px;
	font-size:1.2em;
	font-weight:bold;
	background-image:url(../images/title_h3.png);
	background-repeat:no-repeat;
}
#contents h4 {
	margin-left:15px;
	padding:7px 25px;
	font-size:1.0em;
	font-weight:bold;
	background-image:url(../images/title_h4.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#contents p {
	margin-left:15px;
	margin-right:25px;
}
#contents iframe {
	margin-top:20px;
	margin-left:15px;
	border:solid 1px #D5D5D5;
}
#contents table {
	width:450px;
	margin:20px;
	border-collapse:collapse;
	border-top:solid 1px #D5D5D5;
}
#contents table th {
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	border-left:solid 3px #006699;
	border-bottom:solid 1px #D5D5D5;
	padding:10px 5px 3px 5px;
	font-weight:bold;
}
#contents table td {
	text-align:left;
	border-bottom:solid 1px #D5D5D5;
	border-right:solid 1px #D5D5D5;
	padding:10px 5px 3px 10px;
}
#contents table td ol {
	list-style-position:inside;
}
#contents table ul .li_disc {
	list-style-type:disc;
	margin:0px 0px 0px 15px;
}
#contents #whats_new {
	padding:20px 25px;
	width:440px;
	background-color:#FFF;
	border:solid 1px #D5D5D5;
}
#contents #whats_new h4 {
	width:434px;
	height:22px;
	padding:0px 0px 10px 0px;
	margin:0px;
	background-image:url(../images/title_new.png);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:14px;
	text-indent:-9999px;
}
#contents #whats_new iframe {
	margin:0px;
	border:none;
}
/*--------------------------------------------------------------------------------
�@TOP introduction
--------------------------------------------------------------------------------*/

#contents #introduction {
	margin-top:20px;
	padding:20px 25px;
	width:440px;
	background-color:#FFF;
	border:solid 1px #D5D5D5;
}
#contents #introduction h4 {
	width:434px;
	height:22px;
	padding:0px 0px 10px 0px;
	margin:0px;
	background-image:url(../images/title_introduction.png);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:14px;
	text-indent:-9999px;
}
#contents #introduction li {
	float:left;
	width:138px;
	height:140px;
	padding:110px 0px 0px 0px;
}
#contents #introduction li a {
	color:#333333;
}
li#introduction1 {
	background:url(../images/introduction1.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
}
li#introduction2 {
	background:url(../images/introduction2.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
}
li#introduction3 {
	background:url(../images/introduction3.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/* ���ۃ��X�g */

#contents ul.li_disc {
	list-style-type:disc;
	margin:0px 0px 0px 15px;
	color:#669966;
}
#contents ul.li_disc strong {
	color:#666666;
	font-weight:normal;
}

/* �������X�g */

#contents ul.li_decimal {
	list-style-type:decimal;
	margin:0px 0px 0px 100px;
	padding-left:25px;
	color:#198A27;
	font-size:16px;
	line-height:2em;
}

#contents ul.li_decimal strong {
	color:#6A6A6A;
	padding:0px 5px;
}

/*--------------------------------------------------------------------------------
�@�y�[�WTOP��
--------------------------------------------------------------------------------*/
#main .pagetop {
	text-align:right;
	padding-right:10px;
	margin:10px 10px 0px 10px;
	background-image:url(../images/icon_pagetop.png);
	background-repeat:no-repeat;
	background-position:right center;
}
/*--------------------------------------------------------------------------------
�@�t�b�^�[
--------------------------------------------------------------------------------*/

#footer {
	clear:both;
	width:800px;
	min-height:141px;
	color:#FFF;
	background-color:#000;
	background-image:url(../images/bg_footer.png);
	background-repeat:repeat-x;
}
#footer ul {
	padding-top:30px;
	text-align:center;
}
#footer li {
	display:inline;
	font-size:12px;
	line-height:14px;
}
#footer address {
	padding:20px 21px;
	font-size:12px;
	line-height:14px;
}
/* �N���X�N���X�^ */

.sub_title {
	color:#537B53;
	font-weight:bold;
}
.contact {
	list-style-position:inside;
	list-style-type:square;
}
.contents_header {
	width:603px;
	height:10px;
	background-image:url(../images/frame_top.gif);
	background-repeat:no-repeat;
}
.contents_footer {
	clear:both;
	width:603px;
	height:9px;
	background-image:url(../images/frame_bottom.gif);
	background-repeat:no-repeat;
}
.contents_box img.led_right {
	padding-left:0px;
}
/*--------------------------------------------------------------------------------
�@���⍇�킹
--------------------------------------------------------------------------------*/
#contents .ta {
	width:450px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:15px;
}
#contents .ta1 {
	width:120px;
	padding:5px;
	border: 1px solid #CCCCCC;
	color:#537B53;
	height:30px;
	vertical-align:top;
	white-space:nowrap;
}
#contents .ta2 {
	background-color:#ffffff;
	width:330px;
	padding:5px;
	border: 1px solid #CCCCCC;
	font-size:0.8em;
	color:#333333;
}
#contents .ta3 {
	background-color:#ffffff;
	width:440px;
	padding:10px;
	border: 1px solid #CCCCCC;
	font-size:0.8em;
	height:40px;
	text-align:center;
}
#contents .inqtx {
	font-size:15px;
	color:#9c0000;
}
#contents .inqtxt1 {
	font-size:10px;
	color:#CC3333;
}
#contents .inqtxt2 {
	font-size:10px;
	color:#666666;
}
#contents .inqtxt3 {
	font-size:10px;
	color:#CC3333;
	font-weight:bold;
}
#contents .error {
	background-color:#ffffff;
	width:360px;
	padding:50px;
	border: 1px solid #CCCCCC;
	font-size:0.8em;
	font-weight:bold;
	line-height:2em;
	color:#666666;
	height:40px;
	text-align:left;
}
#contents .er_dot {
	display:block;
	border: none;
	overflow: hidden;
	background-image: url(../images/er_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:11px;
}
/* �v�f�N���X�^ */

#company iframe {
	border: 1px solid #CCCCCC;
}
/* �g�b�v�d�l�N���X�^ */

#sapo {
	float:left;
	font-size:0.8em;
	color:#999999;
	padding:8px 0px 8px 0px;
	text-align:left;
}
#wm {
	float:right;
	font-size:0.8em;
	color:#999999;
	padding:8px;
	text-align:right;
}
/* hide hack from Mac-IE5 \*/
* html .mybuggyelement {
	height: 1%;
}
/* end hiding */

/*--------------------------------------------------------------------------------
�@�C���[�W�̉�荞�݂̐ݒ�
--------------------------------------------------------------------------------*/

#main .float_r {
	float:right;
	padding:0px;
}
#main .float_l {
	float:left;
	padding:0px;
}
.clear {
	clear:both;
}
/*--------------------------------------------------------------------------------
�@1/2�@1/3�@�t���[�gbox�̐ݒ�
--------------------------------------------------------------------------------*/

.half_box_r {
	width:220px;
	margin-left:15px;
	padding-right:5px;
	padding-bottom:20px;
	float:left;
}
.half_box_l {
	width:220px;
	padding-left:5px;
	padding-bottom:20px;
	float:left;
}
.third_box_l {
	width:146px;
	margin-left:15px;
	padding-bottom:20px;
	float:left;
}
.third_box_c {
	width:146px;
	padding:0px 6px 20px 6px;
	float:left;
}
.third_box_r {
	width:146px;
	padding-bottom:20px;
	float:left;
}
.f_small {
	font-size:10px;
}

/*--------------------------------------------------------------------------------
�@padding�̐ݒ�
--------------------------------------------------------------------------------*/

#main .pr_5 {
	padding-right:5px;
}
#main .pr_10 {
	padding-right:10px;
}
#main .pr_15 {
	padding-right:15px;
}
#main .pr_20 {
	padding-right:20px;
}
#main .pr_25 {
	padding-right:25px;
}
#main .pr_30 {
	padding-right:30px;
}
#main .pl_5 {
	padding-left:5px;
}
#main .pl_10 {
	padding-left:10px;
}
#main .pl_15 {
	padding-left:15px;
}
#main .pl_20 {
	padding-left:20px;
}
#main .pl_25 {
	padding-left:25px;
}
#main .pl_30 {
	padding-left:30px;
}
#main .pt_5 {
	padding-top:5px;
}
#main .pt_10 {
	padding-top:10px;
}
#main .pt_15 {
	padding-top:15px;
}
#main .pt_20 {
	padding-top:20px;
}
#main .pt_25 {
	padding-top:25px;
}
#main .pt_30 {
	padding-top:30px;
}
#main .pb_5 {
	padding-bottom:5px;
}
#main .pb_10 {
	padding-bottom:10px;
}
#main .pb_15 {
	padding-bottom:15px;
}
#main .pb_20 {
	padding-bottom:20px;
}
#main .pb_25 {
	padding-bottom:25px;
}
#main .pb_30 {
	padding-bottom:30px;
}
.newsbox{
	width:440px;
	height:150px;
	overflow-y: scroll;
}
