@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
	font-size: 80%;
	color: #333;
	margin: 0;
	padding: 0;
	
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cccccc,EndColorStr=#ffffff);
background-image:url(img/bg.gif);
background-repeat:repeat;
background-color:#ffffff;
}

* html body { behavior:url("csshover3.htc"); }
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; clear:both; }
table { margin:0px; padding:0px; }
tr	{ margin:0px; padding:0px; }
td 	{ margin:0px; padding:0px; }
div	{ margin:0px; padding:0px; }
img { margin:0px; padding:0px; border:0px; }
p 	{ margin:0px; padding:0px; color:#ffffff;}
a 	{ margin:0px; padding:0px; text-decoration:none; color:#ff9933;}
a:hover	{ margin:0px; padding:0px; color:#6495ED; }
ul 	{ margin:0px; padding:0px; list-style-type:none; color:#ffffff;}
li 	{ margin:0px; padding:0px;  color:#ffffff; font-size:110%; }

@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}

/* ページ全体 */
#Container {
	width: 980px;
	background-color: #333;
	background-image: url(img/bkgd.png);
	background-repeat: repeat-y;
	position:absolute; 
	left:50%; 
	margin:0px 0px 0px -490px; 
	padding:0px 0px 0px 0px; 
	background-color:#333333; 
	}



#Header { width:980px;  margin:0px 0px 0px 0px; background-color:#000000; }
#Header_top { width:980px;  background-color:#000000; background-image: url("img/h_bk.gif"); border-bottom:1px solid #444444; height:50px;}
h1 { width:950px; *width:980px; font-size:100%; font-weight:500; padding:5px 10px 5px 20px; *padding:5px; background-color:#000000; color:#FFFFFF; background-image:}
#HeaderMenu { width:980px; margin:0px; padding-top:10px; background-color:#000000; clear:both; }
#HeaderMenu a { color:#CCCCCC; }
#HeaderMenu a:hover { color:#CCCC00;}
.Menu_Group { margin:0px 0px 5px 40px; width:900px;}
.Menu_Group th { width:100px; height:100px; text-align:center; font-size:90%; color:#ffffff; }	
.Menu_Group td { width:100px; height:100px; text-align:center; font-size:90%; *font-size:80%; padding:2px 0px; vertical-align:top; line-height:120%; }
.Menu_Group td img { margin-bottom:3px; }
#h_submenu { clear:both; text-align:center; }
#h_submenu li { display:inline; }
#h_submenu li a { margin:0px 8px 0px 5px; }


#LeftSide {	float:left;	margin:0px; padding:0px; width:220px; background-color:#333333;}
.Left_Cnt { clear:both; margin:10px 10px 20px 10px; padding:0px; width:200px; border:1px #000000 solid;}
.Left_Cnt img { margin:0px; padding:0px; vertical-align:top; }
.Left_Cnt a { margin:0px; padding:0px; line-height:0; display: block; width:200px;}
.Left_Cnt ul li { margin:0px; padding:0px; background-color:#333333; border-bottom:1px #DCDCDC solid; line-height: 0; width:200px; }


.Left_Cnt2 { width:220px; margin:0px 0px 10px 0px; padding:0px; text-align:center; background-color:#333333; }	



#Content { float:right; width:760px; *width:755px; background-color:#333333; }
.smallarticle { border:1px solid #cccccc; padding:18px; clear:both; margin:10px 10px 30px 10px; }
.smallarticle p { font-size:110%; line-height:150%; letter-spacing:0.1em; margin-bottom:20px; }

h2 { background-color:#000000; color:#FFFFFF; border-left:10px solid #990000; font-weight:bold; padding:3px 5px 3px 10px; margin:10px 0px; font-size:120%; clear:both; }
h3 { background-color:#F0F8FF; color:#000000; font-weight:bold; padding:3px 5px 3px 10px; margin:10px 0px; font-size:110%; clear:both; text-align:center; }
h4 { background-color:#000000; border:2px solid #990000; padding:5px; color:#FFFFFF; margin-bottom:10px; margin-right:5px; text-align:center; clear:both; }
h5 { margin:0px;  color:#FFFFFF; }

.mq7l { float:left; border:1px solid #cccccc; *margin-top:20px; margin-left:10px; margin-bottom:25px; *margin-bottom:5px; padding:15px; width:325px; height:300px; display:inline;}
.mq7l img { margin-bottom:10px; }
.mq7l p { margin:0px; padding:0px; font-size:110%; line-height:150%; letter-spacing:0.1em; width:325px; }

.mq7r { float:right; border:1px solid #cccccc; *margin-top:20px; margin-right:8px; margin-bottom:25px; *margin-bottom:5px; padding:15px; width:325px; height:300px; display:inline;}
.mq7r img { margin-bottom:10px; }
.mq7r p { margin:0px; padding:0px; font-size:110%; line-height:150%; letter-spacing:0.1em; width:325px; }

.leftimg { float:left; margin:0px 10px 5px 0px; }
.clear { clear:both; }

/*TOP 清水レイアウト*/

/* --------------- スライドショー */
#slideshow {
    background-color: #000000;
    border: 0;
    width: 980px;
    height: 200px;
    clear: both;
    }

.slider-item {
	margin: 0px;
	}



/*-左右寄せ マージン---------------*/	
.flt_left {
	float:left;
	margin:0px; 
	}

.flt_left_m5 {
	float:left;
	margin:5px; 
	}

.flt_right_m5 { 
	float:right;
	margin:5px;
	}

.flt_left_m10 {
	float:left;
	margin:9px;
	}

.flt_right_m10 { 
	float:right;
	margin:9px;
	}



.left { float:left; }
.right{ float:right; }
.center {text-align:center; margin:20px 0px; }


.half_left { width:350px; padding:0px; margin:0px; float:left; }
.half_left p { font-size:110%; line-height:150%; letter-spacing:0.1em; }
.half_left ul { float:left; margin:10px 0px 0px 0px; color:#ffffff; height:140px; }
.half_left li{ margin:5px 0px 0px 25px; padding:0px; color:#ffffff; list-style-type:square; font-size:90%; }

.half { width:350px; margin:0px; float:right; }
.half p { font-size:100%; line-height:150%; letter-spacing:0.1em; }
.half ul { float:left; margin:10px 10px 10px 10px; color:#ffffff; height:70px; }
.half li{ margin:5px 0px 0px 25px; padding:0px; color:#ffffff; list-style-type:square; }
.half img { margin:10px 10px 10px 10px; padding:0px; border:1px solid #C0C0C0; }

.top { border-collapse:collapse; margin-bottom:10px; padding:0px; width:680px; border:1px solid #000000;}
.top  th { width:30px; background-color:#990000; color:#F0F8FF; padding:5px; border:1px solid #000000;}
.top  td { height:90px; background-color:#F0F8FF; color:#000000; padding:5px; font-size:90%; vertical-align:center; line-height:140%; }
.top img { margin:0px; padding:0px; border:0; }

.tosou { background-color:#F0F8FF; width:700px; text-align:center; padding:25px 0px 15px 0px; }

.hiyou { border:0; border-collapse:collapse; padding:0px; width:700px; }
.hiyou th { background-color:#808080; color:#FFFFFF; padding:5px; border:1px solid #999999; width:}
.hiyou td { background-color:#F0F8FF; color:#000000; padding:0px 0px 0px 5px; border-bottom:0; font-size:90%; vertical-align:top; line-height:140%; border:1px solid #999999; }
.hiyou img { display:block; margin:auto; padding:auto; text-align:center; }

.trouble { display:block; margin:auto;  border-collapse:collapse; margin-bottom:10px; padding:0px; width:420px; border:1px solid #000000; text-align:center; }
.trouble  td { height:90px; background-color:#F0F8FF; color:#000000; padding:5px; font-size:90%; vertical-align:center; line-height:140%;  border:1px solid #000000;}
.trouble img { margin:0px; padding:0px; border:0; }

.ins_t { clear:both; width:520px; margin:0px; border:solid 1px #000000; border-collapse:collapse; }
.ins_t th { color:#000000; background-color:#ffffff; padding:5px; font-weight:300;}
.ins_t td { color:#000000; background-color:#ffffff; border:1px #000000 solid; padding:5px; vertical-align:top; font-size:100%;}


.parttable { margin:0px 0px 20px 0px; width:700px; height:100px; border:1px solid #666666; border-collapse:collapse; font-size:90%; }
.parttable th { width:100px; background-color:#999999; color:#FFFFFF; border:1px solid #666666; }
.parttable td { width:100px; background-color:#EFEFEF; padding:0px 10px 0px 10px; border:1px solid #666666; } 


/*入庫更新*/
.StockRoll { 
	overflow:scroll; 
	width: 700px; 
	height:350px; 
	margin:0px 0px 20px 0px;
	background-color:#DCDCDC; 
	border:1px solid #cccccc;
	scrollbar-base-color: #000000;
	scrollbar-face-color: #000000;
    scrollbar-track-color: #808080;
    scrollbar-arrow-color: #ffffff;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #808080;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #000000;

	}

.stock_info {
	width:660px; height:auto;
	background-color:#ffffff; 
	padding:10px; 
	margin:10px 10px 0px 10px; 
	clear:both; 
	border:1px solid #cccccc;
	}

.stock_info h5 { 
	font-size:90%;
	border-bottom:1px solid #cccccc;
	color:#000000;
	font-weight:lighter;
	margin:0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	}

.stock_info p { 
	font-size:90%;
	color:#333333;
	}

/*TABLE*/
#contact { *font-size:90%; clear:both; margin:20px 10px 20px 10px; border:#CCCCCC solid 1px; }
#contact th { font-weight:400; text-align:center; color:#ffffff; background-color:#000000; padding:7px 5px 7px 5px; }
#contact td { vertical-align:top; border-right:1px dotted #cccccc; border-bottom:1px dotted #cccccc; padding:5px 3px 5px 5px; background-color:#F0F8FF; }

.colortable2 { clear:both; width:520px; border-collapse:collapse; margin:10px 5px 10px 5px; font-size:120%; }
.colortable2 th { color:#ffffff; background-color:#008000; border:solid 1px #cccccc; padding:5px; }
.colortable2 td { border:solid 1px #cccccc; line-height:120%; color:#000099; padding:3px; text-align:center; font-size:100%; font-color:#000099 }

.meter {  border:1px dotted #cccccc; border-collapse:collapse; margin:10px; }
.meter td { padding:5px; border:1px dotted #cccccc;}

.meno { *font-size:90%; margin:10px 10px 30px 10px; border:#CCCCCC solid 1px; border-collapse:collapse;}
.meno th { font-weight:400; text-align:center; color:#ffffff; background-color:#003366; padding:10px; width:240px; }
.meno td { vertical-align:top; border-bottom:1px dotted #cccccc; padding:10px; color:#ffffff; }
.list li { border-bottom:1px dotted #cccccc; padding:5px 0px; margin:0px 10px 0px 10px; }

.map { margin:0px 10px 20px 10px; width:740px; border:1px solid #cccccc; border-collapse:collapse;}
.map th { padding:5px; background-color:#CCCCFF; padding:5px; }
.map td { padding:10px 0px 30px 0px; vertical-align:top; width:240px; }

.articel_tbl { margin:10px; width:680px; border:1px solid #333333; border-collapse:collapse;}
.articel_tbl th { background-color:#999999; color:#FFFFFF; padding:5px; border:1px solid #333333;}
.articel_tbl td { background-color:#cccccc; padding:5px; border:1px solid #333333; width:220px; }

.bankin { border:1px solid #333333; border-collapse:collapse; padding:0px; }
.bankin th { background-color:#999999; color:#FFFFFF; padding:5px; border:1px solid #333333;}
.bankin td { background-color:#cccccc; padding:5px; border:1px solid #333333; font-size:90%; vertical-align:top; line-height:140%; }
.bankin_h { width:205px; }

.insp { border:1px solid #333333; border-collapse:collapse; padding:0px; width:700px; }
.insp th { background-color:#696969; color:#FFFFFF; padding:5px; border:1px solid #333333;}
.insp td { background-color:#cccccc; padding:5px; border:1px solid #333333; font-size:90%; vertical-align:top; line-height:140%; width:150px; }

.uss { border:1px solid #999999; border-collapse:collapse; padding:0px; width:700px; }
.uss th { padding:5px; border:1px solid #999999; text-align:center; font-weight:400; background-color:#CCCCFF;}
.uss td { padding:5px; border:1px solid #999999; font-size:90%; vertical-align:top; width:99px; }

.evaluation { border:1px solid #999999; border-collapse:collapse; padding:0px; font-size:110%; }
.evaluation th { padding:5px; border:1px solid #999999; text-align:center; font-weight:400; background-color:#CCCCFF;}
.evaluation td { padding:5px; border:1px solid #999999; vertical-align:top; }
.eva_w { width:220px;}

.zikokai { width:700px; font-size:90%; }
.zikokai th { text-align:center; vertical-align:top; width:200px; }
.zikokai td { vertical-align:top; padding:10px; }


.type { font-size:90%; width:700px; border: 1px solid #cccccc; border-collapse:collapse;}
.type th { background-color:#FFFFFF; text-align:left; border: 1px solid #cccccc; }
.type td { vertical-align:top; background-color:#FFFFcc; padding:5px; border: 1px solid #cccccc; width:130px;}



.Footer { clear:both; height:150px; background-color:#000000; padding: 0px 10px; border:1px soild #333333;}
.Footer ul { float:left; margin:10px 0px 0px 0px; color:#ffffff; width: 190px; height:140px;}
.Footer li{ margin:5px 0px 0px 25px; padding:0px; color:#CCCC99; list-style-type:square; font-size:90%; }
.Footer a { margin:0px; padding:0px; text-decoration:none; color:#cccccc; }
.Footer a:hover { color:#FFFFCC; text-decoration:underline; }
#copyright { clear:both; text-align:center; font-size:90%; margin:0px 0px 0px 0px; padding:5px; background-color:#000000; color:#FFFFFF; border-top:1px solid #333333; }
#linklist { clear:both; background-color:#000000; color:#FFFFFF; border-top:1px solid #333333; font-size:90%; padding:10px 0px 10px 0px; }
#linklist ul { margin:0px 0px 0px 0px; }
#linklist ul li { display:inline; margin-left:15px; list-style-type:square; }
#linklist a { color:#FFFFFF; }

.formframe { border:1px solid #cccccc; padding:18px; clear:both; margin:10px 10px 30px 10px; margin-top:50px; }
.formframe h3 { margin:10px;}
.form { width:680px; border:1px solid #cccccc; border-collapse:collapse; margin: 10px;}
.form th { color:#ffffff; background-color:#696969; padding:10px; font-weight: 400; border:1px solid #cccccc; text-align: left; vertical-align:top; }
.form td { vertical-align:top; padding:5px; border:1px solid #cccccc; color: #000000; background-color:#999999; }
.absl { color: red; }
.form_left { text-align: right; color: #ffffff; width: 170px; background-color: #e4e4e4; }
select { margin-bottom: 5px; }


.cartype_list { width:980px; height:60px; clear:both; background-color:#000000; color:#FFFFFF;}
.cartype_list ul { display:inline;  margin:3px 0px 10px 0px;}
.cartype_list li { display:inline;  margin:0px 0px 3px 10px; }
.cartype_list p { padding:5px 5px 0px 10px; margin-bottom:0px; background-color:#000000; }

.space8 { margin:10px 8px 10px 8px;}
.cnt_img { margin:0px 0px 0px 10px;}
.sankaku { margin:0px 0px 0px 350px;}
.sankaku2 { margin:0px 0px 0px 60px; }
.clear { clear:both; }
.left { float:left; margin:10px 10px 10px 0px;}


.txt_under { text-decoration: underline; }
.txt_red { color:#FF0000; text-decoration:underline; }
.txt_high { background-color:#FFCCFF; padding:1px; }

.txt_center { text-align:center; }
.icenter { margin:0px 0px 20px 45px; width:125px; }
.icenter a { color:#FFFFFF; text-align:center; }

.txt_bold { font-weight:bold; color:#ffffff; }
.txt_bold_center { font-weight:bold; color:#990000; text-align:center; }
.txt_center { font-weight:bold; color:#696969; text-align:center; }
.txt_line {  border-bottom:1px dotted #cccccc; color:#990000; padding:5px; margin:5px 0px 10px 0px; line-height:170%; }
.notice { background-color:#6495ED; padding:5px; margin:10px 0px 10px 0px; color:#000000; }
.bk_high { background-color:#999999; padding:5px; color:#FFFFFF; clear:both; }
.bk_line { border-bottom:solid 2px #6495ED; border-left: solid 10px #6495ED; color:#ffffff; font-weight:bold; font-size:120%; clear:both;  padding:5px 5px 3px 10px; }

.apoint li img{ vertical-align:middle; margin:0px 10px 5px 0px; }
.apoint li { color:#ffffff; font-size:110%; }


.pages li { display:inline; margin:0px; padding:0px; list-style-type:square; }