@charset "Shift_JIS";

/*====================BODY====================*/
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	background:#ffffff url(../images/bg.gif) repeat left top;
	}

/*====================TAG====================*/
div,p,span,h1,h2,h3,h4,h5,h6,h7,dl,dt,dd,ul,li{
	margin:0px;
	padding:0px;
	}
img{
	margin:0px;
	padding:0px;
	border:0px;
	}

table,tr,td{
	margin:0px;
	padding:0px;
	border:0px;
	}

th,td{
	vertical-align:top;
	text-align:left;
	}

hr{
	display:none;
	}

.cb{
	clear:both;
	height:0px;
	overflow:hidden;
	}

.cl{
	clear:left;
	}

.cr{
	clear:right;
	}

a:link{
	color:#333333;
	text-decoration:none;
	}
a:visited{
	color:#333333;
	text-decoration:none;
	}
a:active{
	color:#333333;
	text-decoration:underline;
	}
a:hover{
	color:#333333;
	text-decoration:underline;
	}

	
/*======================================= common =======================================*/

#wrapper{
    margin:0px auto;
	padding:0px;
	text-align:center;
    width: 778px;
	height:100%;
	position:relative;
	background:#ffffff url(../images/sub_bg.gif) repeat-y left top;
	}
body > #wrapper {
	height: auto;
	}

#Header{
    margin:0px;
	padding:0px;
	height:60px;
	position:relative;
	background:#C4A14D;
	}
#Header #Logo{
    margin:0px;
	padding:0px;
	Width:196px;
	float:left;
	position:absolute;
	left:0px;
	bottom:0px;
	}
#Header #RightTxt{
    margin:0px;
	padding:0px;
	Width:500px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	float:right;
	text-align:right;
	position:absolute;
	right:5px;
	bottom:15px;
	}

#Navi{
    margin:0px;
	padding:0px;
	border-bottom:2px solid #FFFFFF;
	}
#Navi img{
    vertical-align: bottom;
	}


#Footer{
    clear:both;
    margin:0px;
	padding: 5px 0px 0px 0px;
	background:#C4A14D;
	}
#Footer p{
    margin:0px;
	padding: 0px;
	color:#81520F;
	}
#Footer #Copy{
    margin:0px;
	padding:0px;
	}
#Footer #Copy p{
	font-size:10px;
	color:#603D0A;
	letter-spacing: 0.1em;
	}

#Footer a:link{
	color:#603D0A;
	text-decoration:none;
	}
#Footer a:visited{
	color:#603D0A;
	text-decoration:none;
	}
#Footer a:active{
	color:#D9630D;
	text-decoration:underline;
	}
#Footer a:hover{
	color:#D9630D;
	text-decoration:underline;
	}

#pan{ 
    margin: 0px 0px 15px 0px;
	font-size:10px;
	line-height:130%;
	color:#333333;
    } 
#pan a:link{
	color:#603D0A;
	text-decoration:none;
	}
#pan a:visited{
	color:#603D0A;
	text-decoration:none;
	}
#pan a:active{
	color:#D9630D;
	text-decoration:underline;
	}
#pan a:hover{
	color:#D9630D;
	text-decoration:underline;
	}
/*===================================== Top ======================================*/
#Container{
    margin:0px;
	padding:0px;
	width: 778px;	
	}
#TopMain{
    margin:0px;
	padding:0px;
	border-bottom:2px solid #FFFFFF;
	}
#TopMain img{
    vertical-align: bottom;
	}	

#TopNews{
    margin:0px;
	padding:0px;
	Width:778px;
	font-size:12px;
	color:#ffffff;
	line-height:140%;
	text-align:left;
	background-color:#81520F;
	}
#TopNews #titleTxt{
    margin:0px;
	padding:10px 0px 10px 10px;
	float:left;
	width:120px;
	}
#TopNews #titleTxt h2{
    margin:0px;
	padding:2px 2px 2px 5px;
	font-size:16px;
	color:#81520F;
	line-height:140%;
	width:86px;
	background: #F3E9BF;
	}
#TopNews #titleTxt p{
    margin:0px;
	padding:10px 0px 0px 12px;
	background: url(../images/sankaku_w.gif) no-repeat left 10px;
	}

#TopNews #NewsTxt{
    margin:0px 0px 0px 140px;
	padding:10px 10px 10px 10px;
	text-align:left;
	}
#TopNews dt{
	width:76px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:0px 0px 2px 18px;
	display:block;
	float:left;
	background: url(../images/maru_w.gif) no-repeat left top;
	}

#TopNews dd{
	margin-left:76px;
	padding:0px 0px 2px 5px;
	display:block;
	}

#TopNews a:link{
	color:#ffffff;
	text-decoration:none;
	}
#TopNews a:visited{
	color:#ffffff;
	text-decoration:none;
	}
#TopNews a:active{
	color:#ffffff;
	text-decoration:underline;
	}
#TopNews a:hover{
	color:#ffffff;
	text-decoration:underline;
	}
/*===================================== sub ======================================*/
#Main{
    margin:0px;
	padding:0px;
	width: 778px;
	border-bottom:2px solid #FFFFFF;
	}
#Main #Unit{
    margin:0px;
	padding:0px;
	float:left;
	width: 623px;
	}
#Main #ContentsBox{
    margin:0px;
	padding:0px;
	float:right;
	width: 468px;	
	text-align:left;
	}
#Main #Contents{
    margin:0px;
	padding:10px 15px 40px 15px;
	}
#Main #Contents h1{
	padding:10px 5px 0px 5px;
	font-size:14px;
	line-height:150%;
	color:#333333;
	}
#Main #Contents h4{
	margin:0px;
	padding:0px 5px;
	font-size:12px;
	line-height:140%;
	font-weight:normal;
	color:#81520F;
	}
#Main #Contents h5{
	margin:0px;
	padding:0px 5px;
	font-size:14px;
	line-height:140%;
	font-weight:bold;
	color:#333333;
	}
#Main #Contents table {
  margin: 0px;
  padding: 0 ;
  font-size:12px;
  line-height:130%;
  border-collapse: collapse; 
}
#Main #Contents th {
  margin: 0;
  padding: 10px 5px ;
  font-size:12px;
  line-height:130%;
  color: #ffffff;
  border:solid 2px #ffffff;
  background:#666666;
  white-space:nowrap;
}
#Main #Contents td {
  margin: 0;
  padding: 10px 5px ;
  font-size:12px;
  line-height:130%;
  background:#cccccc;
  border:solid 2px #ffffff;
}
p{
	margin:10px 0px;
	padding:0px;
	font-size:12px;
	line-height:150%;
	font-weight:normal;
	letter-spacing:0.1em;
	color:#333333;
	}
/*============================== company ===============================*/
#Main #Contents .IdeaSIgn{
    margin:0px;
	padding:10px 0px 20px 0px;
	float:right;
	}
/*============================== workman ===============================*/
#Main #Contents .Workman{
    margin:20px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	width:438px;
	background: #ffffff;
	border-bottom:dotted 1px #666666;
	}
#Main #Contents .WorkmanImg{
    margin:0px;
	padding:0px 0px 0px 10px;
	float:right;
	width:120px;
	}
#Main #Contents .WorkmanTxt{
    margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	width:298px;
	text-align:left;
	}
#Main #Contents .WorkmanTxt h2{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .WorkmanTxt p{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	}
/*============================ production =============================*/

#Main #Contents .Production{
    margin:20px 0px 0px 0px;
	padding:10px 0px 40px 0px;
	width:438px;
	background: #ffffff;
	background:url(../images/ProLine.gif) no-repeat left bottom;
	}
#Main #Contents .ProductionEnd{
    margin:20px 0px 0px 0px;
	padding:10px 0px 40px 0px;
	width:438px;
	background: #ffffff;
	}
#Main #Contents .ProImg{
    margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	width:160px;
	}
#Main #Contents .ProTxt{
    margin:0px;
	padding:0px 0px 0px 10px;
	float:right;
	width:258px;
	text-align:left;
	}
#Main #Contents .ProTxt h2{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .ProTxt p{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .MameImg{
    margin:20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background:url(../images/mame.gif) no-repeat 0 0;
	}
#Main #Contents .MameImg p{
    margin:10px 0px 10px 42px;
	padding:5px 3px 5px 12px;
	font-size:12px;
	color:#FF0000;
	line-height:140%;
	border:dotted 1px #DF4800;
	}

/*============================ goods =============================*/

#Main #Contents .Goods{
    margin:0px 0px;
	padding:20px 0px 20px 0px;
	width:438px;
	background: #ffffff;
	}
#Main #Contents .GoodsTitle{
    margin:0px 0px;
	padding:5px 10px 5px 10px;
	width:418px;
	background: #E5C46E;
	float:left;
	}
#Main #Contents .GoodsTitle h2{
    margin:0px;
	padding:0px;
	width:190px;
	float:left;
	display:block;
	font-size:16px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .GoodsTitle .price{
    margin:0px;
	padding:0px;
	width:220px;
	float:right;
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	text-align:right;
	line-height:140%;
	}
#Main #Contents .GoodsTitle02{
    margin:0px 0px;
	padding:5px 10px 5px 10px;
	width:418px;
	background: #B3E05C;
	float:left;
	}
#Main #Contents .GoodsTitle02 h2{
    margin:0px;
	padding:0px;
	width:200px;
	float:left;
	display:block;
	font-size:16px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .GoodsTitle02 .price{
    margin:0px;
	padding:0px;
	width:200px;
	float:right;
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	text-align:right;
	line-height:140%;
	}
#Main #Contents .GoodsDetail{
    margin:0px 0px;
	padding:20px 0px 0px 0px;
	width:438px;
	float:left;
	}
#Main #Contents .GoodsImg{
    margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	width:110px;
	}
#Main #Contents .GoodsTxt{
    margin:0px;
	padding:0px 5px 0px 10px;
	float:right;
	width:303px;
	text-align:left;
	}
#Main #Contents .GoodsTxt p{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .GoodsInquiry{
    margin:0px 0px;
	padding:5px 0px 0px 0px;
	width:438px;
	float:left;
	}
#Main #Contents .GoodsInquiryImg{
    margin:0px;
	padding:5px 10px 0px 0px;
	float:left;
	width:120px;
	text-align:center;
	}
#Main #Contents .GoodsInquiryTxt{
    margin:0px;
	padding:0px 5px 0px 10px;
	float:right;
	width:293px;
	text-align:left;
	}
#Main #Contents .GoodsInquiryTxt p{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:10px;
	color:#333333;
	line-height:140%;
	}

/*============================ goodsuse =============================*/
#Main #Contents .GoodsUse{
    margin:20px 0px 0px 0px;
	padding:10px 0px 40px 0px;
	width:438px;
	background: #ffffff;
	background:url(../images/ProLine.gif) no-repeat left bottom;
	}
#Main #Contents .GoodsUseEnd{
    margin:20px 0px 0px 0px;
	padding:10px 0px 40px 0px;
	width:438px;
	background: #ffffff;
	}
#Main #Contents .GoodsUseImg{
    margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	width:160px;
	}
#Main #Contents .GoodsUseTxt{
    margin:0px;
	padding:0px 0px 0px 10px;
	float:right;
	width:258px;
	text-align:left;
	}
#Main #Contents .GoodsUseTxt h2{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .GoodsUseTxt p{
    margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	}
#Main #Contents .OnePointImgTop{
    margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:258px;
	height:47px;		
	background:url(../images/onepoint_top.gif) no-repeat left top;
	}
#Main #Contents .GoodsUseTxt p.OnePointImgMiddle{
    margin:-15px 0px 0px 0px;
	padding:0px 10px 5px 90px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	background:url(../images/onepoint_middle.gif) no-repeat 0 15px;
	}
#Main #Contents .OnePointImgBottom{
    margin:0px;
	padding:0px;
	width:258px;
	height:10px;
	background:url(../images/onepoint_bottom.gif) no-repeat left top;
	}
.GoodsButtom{
    font-size:14px;
	font-weight:bold;
    text-align:center;    
	}

.GoodsButtom a{
    color:#0000CC;    
	}
.GoodsButtom a:visited{
	color:#0000CC;
	text-decoration:none;
	}
.GoodsButtom a:active{
	color:#0000FF;
	text-decoration:underline;
	}
.GoodsButtom a:hover{
	color:#0000FF;
	text-decoration:underline;
	}

/*============================== benefit ===============================*/
#Main #Contents #Benefit{
    margin:0px 0px -20px 0px;
	padding:0px 0px 200px 0px;
	background:url(../images/benefit_bg.jpg) no-repeat left bottom;
	}
/*=============================== inquiry button ===============================*/
#inquiry{
    margin:0px;
	padding:0px;
	width:100px;
	position:absolute;
	right:27px;
	bottom:50px;
	}
/*=============================== sitemap ===============================*/

#sitemap{
	margin:0px 0px 20px 0px;
	padding:0px;
	width:438px;
	float: left;
	}
#sitemap div.home{
	width:130px;
	float:left;
	}
#sitemap div.etc{
	width:288px;
	float:right;
	}
#sitemap li{
	list-style:none;
	margin-top:10px;
	}
#sitemap li a,
#sitemap li.nolink{
	_height:20px;
	padding:3px 0px 0px 10px;
	color:#333333;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#E5C46E;
	display:block;
	}
#sitemap li a:hover{
	color:#333333;
	}
#sitemap li.home a{
	color:#333333;
	background:#E5C46E;
	}
#sitemap li.home a:hover{
	color:#333333;
	background:#EBD18F;
	}
#sitemap li.subc a{
	padding:2px 10px 2px 23px;
	color:#666666;
	border-top:1px dotted #CCCCCC;
	border-right:none;
	border-bottom:1px dotted #CCCCCC;
	background:none;
	background:url(../images/sankaku_br.gif) left center no-repeat;
	}
#sitemap li.subc a:hover{
	color:#333333;
	background:url(../images/sankaku_br.gif) left center no-repeat;
	background-color:#F0DDAB;
	text-decoration:none;
	}

/*================================== subnavi ===================================*/

#Main #LeftSideBox{
    margin:0px;
	padding:0px;
	float:left;
	width: 155px;
	text-align:center;
	background:#81520F;
	}
#Main #LeftSide {
    margin: 0;
	padding: 0;
}
#Main #LeftSide ul {
    margin: 0;
    padding: 5px 0px 0px 0px;
	font-size:13px;
	line-height:140%;
	color:#ffffff;
    list-style: none;
}
#Main #LeftSide li {
    margin: 0px;
    padding: 0px;
    border-bottom: dotted 1px #ffffff;
}
#Main #LeftSide a,#Main #LeftSide a:link,#Main #LeftSide a:visited {
    text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	color:#ffffff;
	padding: 10px 0px;
	width:155px;
    display: block;
}
#Main #LeftSide a:hover {
    background:#AB782F;
}

/*=============================== related link ===============================*/

#Main #RightSideBox{
    margin:0px;
	padding:0px;
	float:right;
	width: 155px;
	text-align:left;
	}
#Main #RightSide {
    margin: 0;
	padding: 0;
}
#Main #RightSide h3{
    margin:5px 4px 2px 4px;
	padding:2px 2px 2px 5px;
	font-size:13px;
	color:#ffffff;
	line-height:140%;
	background: #81520F;
	}
#Main #RightSide  ul {
    margin: 0;
    padding: 5px 0px 0px 0px;
	font-size:12px;
	line-height:140%;
	color:#333333;
    list-style: none;
}
#Main #RightSide  li {
    margin: 0px 0px 0px 5px;
    padding: 3px 0px 3px 18px;
	background: url(../images/sankaku_br.gif) no-repeat left 4px;
}

/*============================== news ===============================*/
#Main #Contents #News{
    margin:0px;
	padding:10px 0px 20px 0px;
	}
#Main #Contents #News dt{
	width:76px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:0px 0px 2px 10px;
	float:left;
	display:block;
	}

#Main #Contents #News dd{
	margin-left:76px;
	padding:0px 0px 10px 5px;
	display:block;
	}

#Main #Contents #News a:link{
	color:#0000CC;
	text-decoration:none;
	}
#Main #Contents #News a:visited{
	color:#0000CC;
	text-decoration:none;
	}
#Main #Contents #News a:active{
	color:#0000FF;
	text-decoration:underline;
	}
#Main #Contents #News a:hover{
	color:#0000FF;
	text-decoration:underline;
	}