#top{
	display: block;
	float: right;
	text-indent: 30px;
	text-decoration: underline;
	background-image: url('../images/top.gif');
	background-repeat: no-repeat;
	margin: 10px;
}

#container{
	background-image: url('../images/bg.gif');
	background-repeat: no-repeat;
	width: 780px;
	margin: 0 auto;
}

#header{
	position: relative;
	background-image: url('../images/navi_bg.gif');
	background-repeat: no-repeat;
	height: 180px;
	margin-bottom: 10px;
}
	
	#header #title{
		background-image: url('../images/logo.gif');
		background-repeat: no-repeat;
		width: 180px;
		height: 165px;
		text-indent: -9999px;
	}
	
	#header #navigation{
		position: absolute;
		top: 15px;
		left: 140px;
	}

	#header #navigation ul li{
		width: 150px;
		height: 28px;
	}
	
	#header #navigation ul li a{
		display: block;
		width: 150px;
		height: 28px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#header #Advertisement{
		text-align: center;
		position: absolute;
		top: 56px;
		left: 370px;
		width: 500px;
		height: 60px;
	}
	
	#header #Advertisement .Adv{
		display: block;
		float: left;
	}
	
		#header #navigation ul #entrance a{
			background-image: url('../images/newtatsus_navi_01.gif');
			margin-left: 104px;
		}
		#header #navigation ul #entrance a:hover{
			background-image: url('../images/newtatsus_navi_02.gif');
		}
		
		#header #navigation ul #consept a{
			background-image: url('../images/newtatsus_navi_03.gif');
			margin-left: 78px;
		}
		#header #navigation ul #consept a:hover{
			background-image: url('../images/newtatsus_navi_04.gif');
		}
		
		#header #navigation ul #samples a{
			background-image: url('../images/newtatsus_navi_05.gif');
			margin-left: 52px;
		}
		#header #navigation ul #samples a:hover{
			background-image: url('../images/newtatsus_navi_06.gif');
		}
		
		#header #navigation ul #products a{
			background-image: url('../images/newtatsus_navi_11.gif');
			margin-left: 26px;
		}
		#header #navigation ul #products a:hover{
			background-image: url('../images/newtatsus_navi_12.gif');
		}
		
		#header #navigation ul #dictionary a{
			background-image: url('../images/newtatsus_navi_09.gif');
		}
		#header #navigation ul #dictionary a:hover{
			background-image: url('../images/newtatsus_navi_10.gif');
		}

#subnavigation{
	position: absolute;
	top: 25px;
	right: 50px;
} 

	#header #subnavigation ul li {
		display: inline;
		width: 500px;
		height: 28px;
		margin-right: 5px;
	}
	
	#header #subnavigation ul li a{
		display: inline;
		width: 500px;
		height: 28px;
		font-size: 11px;
		font-weight: 900;
		color: #FFFFFF;
		text-decoration: underline;
	}	
	
	#header #subnavigation ul li a:hover{
		color: #FFFF99;
	}

#header #search{
	position: absolute;
	bottom: 0px;
	right: 70px;
	margin-bottom: 15px;
}

#header #search h1{
	text-indent: -9999px;
}

#header #search form input{
	display: inline;
	font-size: 11px;
	margin-left: 5px;
	padding-top: 2px;
}

#header #submit{
	background-color: #3399FF;
	font-size: 11px;
	color: #FFFFFF;
}
			
#contents{
	background-color: #FFFFFF;
	height: 100%;
	margin-bottom: 6px;
}

	#main{
		float: right;
		background-color: #FFFFFF;
		width: 580px;
		height: 100%;
		overflow: hidden;
	}
	
	#mainleft{
		float: left;
		background-color: #FFFFFF;
		width: 400px;
		height: 100%;
	}
	
	#mainright{
		float: right;		
		width: 170px;
		height: 100%;
		text-align: center;
	}
	#menu{
		position: relative;
		float: left;
		background-image: url('../images/sub.gif');
		width: 190px;
	}
		#menu h2{
			background-image: url('../images/sub_top.gif');
			background-repeat: no-repeat;
			width: 190px;
			height: 60px;
			text-indent: -9999px;
		}
		
		#menu #list{
			border-width: 1px 0 0 0;
			border-color: #000000;
			border-style: solid;
			margin: 0 6px 20px 23px;
		}
		
		#menu #list li a{
			line-height: 200%;
			background-color: #FFFFFF;
			display: block;
			height: 30px;
			border-width: 0 0 1px 0;
			border-color: #000000;
			border-style: solid;
			text-align: left;
			text-indent: 35px;
			font-size: 12px;
			color: #000000;
		}
		
		#menu #list li a:hover{
			background-color: #CCFFCC;
			background-image: url('../images/hand.gif');
			background-repeat: no-repeat;
		}
		
		#menu #menubottom{
			background-image: url('../images/sub_bottom.gif');
			background-repeat: no-repeat;
			background-position: bottom;
			width: 190px;
			height: 60px;
		}
		
		#menu #menubottom a{
			display: block;
			position: relative;
			left: 30px;
			top: 20px;
			font-size: 10px;
			width: 80px;
			height: 25px;
			background-image: url('../images/favorite.gif');
			background-repeat: no-repeat;
			padding:2px 0 0 25px;
			color: #33CCFF;
		}
		
		#menu #menubottom a:hover{
			background-image: url('../images/favorite_on.gif');
			color: #3366FF;
		}
		
		#menu #attention{
			font-size: 10px;
			display: block;
			margin:2px 0 0 30px;
		}
		
#footer{
	clear: both;
	position: relative;
	height: 65px;
	background-image: url('../images/footer.gif');
	background-repeat: no-repeat;
}
	
#footer #Advertisement{
	margin: 9px 0 0 60px;
}	

#footer #Advertisement a{

	font-size: 14px;
}	
	
	#footer #navigation {
		position: absolute;
		bottom: 15px;
		left: 25px;
		font-size: 11px;
	}
	
	#footer #navigation ul li{
		width: 150px;
		height: 28px;
		display: inline;
		margin-right: 5px;
	}
	
	#footer #navigation ul li a{
		width: 150px;
		height: 28px;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: underline;
		font-weight: 900;
	}
	
	#footer #navigation ul li a:hover{
		color: #FFFF00;
	}
	
	#footer address{
		text-indent: -9999px;
	}
	
	#menu p{
		font-size: 11px;
	}
	#menu a{
		font-size: 11px;
	}
	#menu #droplist{
			border-width: 1px 0 0 0;
			border-color: #000000;
			border-style: solid;
			text-indent: 0;
			margin: 0 6px 20px 23px;
		}
	
	#menu #droplist .listclose{
			line-height: 200%;
			background-color: #FFFFFF;
			display: block;
			height: 30px;
			border-width: 0 0 1px 0;
			border-color: #000000;
			border-style: solid;
			font-size: 12px;
			color: #000000;
		}
	
	#menu #droplist .listopen{
			line-height: 200%;
			background-color: #339999;
			display: block;
			height: 100%;
			border-width: 0 0 0 0;
			border-color: #000000;
			border-style: solid;
			font-size: 12px;
			color: #FFFFFF;
			font-weight: 900;
		}
	
	#menu #droplist li ul li{
			background-color: #FFFFFF;
			display: block;
			height: 30px;
			border-width: 0 0 0 0;
		}
	
	#menu #droplist li ul li a{
			line-height: 200%;
			background-color: #33FFFF;
			display: block;
			height: 30px;
			border-width: 0 0 1px 0;
			border-color: #000000;
			border-style: solid;
			text-indent: 35px;
			font-size: 14px;
			color: #000000;
			font-weight: 100;
		}
		
	#menu #droplist li ul li a:hover{
			background-color: #CCFFCC;
			background-image: url('../images/hand.gif');
			background-repeat: no-repeat;
		}
		
	#droplist li.listclose ul{
		display: none;
		border-width: 0 0 0 0;
		margin-top: 0;
	}
	
	#droplist li.listopen ul{
		display: block;
		border-width: 1px 0 0 0;
		border-color: #000000;
		border-style: solid;
		margin-top: 5px;
	}
	
	#contents #mainleft h2{
		clear: both;
		background-image: url('../images/title.gif');
		background-repeat: no-repeat;
		height: 30px;
		text-indent: 35px;
		padding-top: 5px;
		font-size: 14px;
		color: #0066FF;
		letter-spacing: 0.2em;
	}
	
	#contents #mainleft h3{
		clear: both;
		background-image: url('../images/title_s.gif');
		background-repeat: no-repeat;
		height: 25px;
		text-indent: 35px;
		font-weight: 600;
		padding-top: 3px;
		font-size: 12px;
		color: #0066FF;
		letter-spacing: 3px;
		margin-top: 10px;
	}
	
	#contents #mainleft img{
		vertical-align: text-top;
		float: left;
		margin: 5px 15px;
	}
	
	#contents #mainleft #top {
		font-size: 14px;
	}
	
	#contents #mainleft p{
		background-image: url('../images/hand_bg.gif');
		background-repeat: no-repeat;	
		padding: 25px 15px 10px 30px;
		font-size: 12px;
		color: #000000;
		line-height: 140%;
	}
	
	#contents #mainleft dt{
		background-image: url('../images/dictitle.gif');
		background-repeat: no-repeat;
		height: 30px;
		text-indent: 5px;
		padding-top: 5px;
		font-size:12px;
		font-weight: 900;
		color: #FFFFFF;
		letter-spacing: 3px;
	}
	
	#contents #mainleft dt.close{
		background-image: url('../images/dictitle_open.gif');
		background-repeat: no-repeat;
	}

	#contents #mainleft dt.open{
		background-image: url('../images/dictitle_close.gif');
		background-repeat: no-repeat;
	}
	
	#contents #mainleft  dd.close{
		display: none;
	}
	
	#contents #mainleft  dd.open{
		display: block;
	}
	
	#contents #mainleft dd{
		margin: 0;
	}
	



/* 特商法表記 */
#component h2{
	background-image: url('../images/title.gif');
	background-repeat: no-repeat;
	height: 30px;
	text-indent: 35px;
	padding-top: 5px;
	font-size: 14px;
	color: #006666;
	letter-spacing: 3px;
}

#component p{
	font-size: 11px;
	text-decoration: underline;
	color: #0000FF;
	margin: 10px 50px;
}

#component table{
	margin: 10px 20px;
	border-left: #33CC99 solid 5px  ;
	border-top: #33CC99 solid 5px ;	
	border-right: #339966 solid 5px  ;
	border-bottom: #339966 solid 5px ;
	font-size: 12px;
	color: #000000;
	table-layout: fixed;
}

#component th{	
	width: 120px;
	border-right: #339966 solid 2px;
	border-top: #339966 solid 2px;
	padding: 5px 10px;
	background-color: #66CC99;
	color: #FFFFFF;
	font-weight: 900;
}

#component td{
	background-position: top left;
	line-height: 140%;
	border-top: #339966 solid 2px;
	padding: 5px 5px;
}
/* 特商法表記 */

/* 辞書 */

#dictionary dd{
	display: block;
	border-bottom: #339966 solid 1px;
	margin-bottom: 20px;
	padding: 5px;
}

#dictionary dt{
	margin-top: 20px;
}

#dictionary dt.escape{
	display: none;
}

#dictionary dd.title{
	font-size: 15px;
	text-indent: 20px;
	font-weight: 900;
	padding-top: 5px;
	padding-bottom: 5px;
}

#dictionary dd.rubi{
	font-size: 11px;
	text-indent: 20px;
	border-top: #339966 solid 1px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#dictionary dd li{
	background-image: url('../images/hand_s.gif');
	background-position: 5px;
	background-repeat: no-repeat;	
	margin-left: 50px;
	text-indent: 30px;
	list-style-type: none;
	color: #0000FF;
	text-decoration: underline;
}

#dictionary dd li a{
	font-size: 12px;
}

/* リンク */
#contents #mainleft #link p{
		background-image: url('');
		background-repeat: no-repeat;	
		padding: 5px 25px;
		font-size: 12px;
		color: #000000;
		line-height: 140%;
	}
/* リンク */


/* お問い合わせ */
#contents #mainleft #call p{
	background-image: url('../images/post.gif');
	background-repeat: no-repeat;	
	padding: 5px 25px 5px 100px;
	font-size: 12px;
	color: #000000;
	line-height: 140%;

}

#contents #mainleft #call #subject{
	font-size: 12px;
	color: #000000;
	line-height: 140%;
	padding: 5px 25px;
}

#contents #mainleft #call #send{
	float: right;
	color: #ffffff;
	font-weight: 700;
	background-color: #3366FF;
	margin: 15px;
}
/* お問い合わせ */



/* 見積もり */
#stimate li a.title{
	clear: both;
	display: block;
	background-image: url('../images/stimate.gif');
	background-repeat: no-repeat;
	height: 25px;
	text-indent: 35px;
	font-weight: 600;
	padding-top: 3px;
	font-size: 12px;
	color: #0066FF;
	letter-spacing: 3px;
	margin-top: 10px;
}
/* 見積もり */



#dicres{
	position: absolute;
	top:50%;
	left:50%;
 	width:200px;
	height:200px;
 	margin-left: -100px;
 	margin-top: -100px;
	background-color: #FFFFFF;
	overflow-y: scroll;
	border: double 5px #339999;
	z-index: 1000;
	font-size: 80%;
}

div.open{
	display: block;
}

div.close{
	display: none;
}

#main a.link{
	display: block;
	float: right;
	height: 20px;
	line-height: 20px;
	background-image: url('../images/link.gif');
	background-position: right 0px;
	background-repeat: no-repeat;
	padding-right: 20px;
	margin-right: 10px;
	font-size: 12px;
	text-decoration: underline;
}