@charset "UTF-8";

/* top styles */
/***------------
body
------------***/
body {
	text-align: center;
	background:url(../img/top_back.gif) repeat-x;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

/***------------
header
------------***/

#header h1{
	width: 280px;
	height: 30px;
	display: block;
	background:url(../img/logo_top.gif) no-repeat;
}

#header h1 a{
	height: 30px;
	display: block;
}

.logo {
	width:280px;
	float:left;
	display:inline;
	text-align:left;
	margin:6px 0px 0px 10px;
}

.logo p{
	font-size:1em;
	margin-bottom:10px;
}

.tel{
	width: 168px;
	height: 26px;
	display: block;
	background:url(../img/tel_top.gif) no-repeat;
	float:right;
	margin:16px 10px 0px 0px;
}

.mainImg{
	width:1040px;
	background:url(../img/top_img.jpg) no-repeat center;
	height:355px;
	margin:0 auto;
	position:relative;
}

.catch{
	width: 495px;
	height: 91px;
	display: block;
	background:url(../img/catch.jpg) no-repeat;
	position:absolute;
	top:95px;
	left:100px;
}

.menu{
	width:940px;
	height:52px;
	margin:0 auto;
	background:url(../img/topmenu.gif) no-repeat;
	position:absolute;
	bottom:17px;
	left:50px;
}

.menu li{
	float:left;
	list-style:none;
	display:inline;
}

.menu li,
.menu a{
	height: 52px;
	display: block;
}

.menuHome{
	width: 120px;
}

.menuInfo{
	width:134px;
}

.menuCompany{
	width:134px;
}

.menuCeramics{
	width:149px;
}

.menuTechnique{
	width:134px;
}

.menuProduct{
	width:134px;
}

.menuEquipment {
	width:135px;
}

.menuInfo a:hover{
	background:url(../img/topmenu.gif) no-repeat -120px -52px;
}

.menuCompany a:hover{
	background:url(../img/topmenu.gif) no-repeat -254px -52px;
}

.menuCeramics a:hover{
	background:url(../img/topmenu.gif) no-repeat -388px -52px;
}

.menuTechnique a:hover{
	background:url(../img/topmenu.gif) no-repeat -537px -52px;
}

.menuProduct a:hover{
	background:url(../img/topmenu.gif) no-repeat -671px -52px;
}

.menuEquipment a:hover{
	background:url(../img/topmenu.gif) no-repeat -805px -52px;
}

/***------------
content
------------***/
#content {
	width: 948px;
	margin: 0 auto;
	clear:both;
}

#content a:link {
	color: #003399;
}

#content a:visited {
	color: #4f71b4;
}

#content a:hover {
	color: #003399;
	text-decoration: none;
}

#contentL {
	float:left;
	display:inline;
	width:709px;
	margin:10px 0px 40px 0px;
}

#contentL h3{
	height:23px;
}

.pickup1,
.pickup2,
.pickup3{
	background:url(../img/pickup.gif) no-repeat;
	width:229px;
	height:198px;
	text-align:left;
	float:left;
	display:inline-block;
	margin-bottom:22px;
}

.pickup1,
.pickup2{
	margin-right:11px;
}

.pickup1 h3{
	width: 200px;
	display: block;
	background:url(../img/pickup_title01.gif) no-repeat right;
	margin:14px 0px 0px 16px;
}

.pickup2 h3{
	width: 184px;
	display: block;
	background:url(../img/pickup_title02.gif) no-repeat right;
	margin:14px 0px 0px 16px;
}

.pickup3 h3{
	width: 183px;
	display: block;
	background:url(../img/pickup_title03.jpg) no-repeat right;
	margin:14px 0px 0px 16px;
}

.picup_photo{
	margin:16px 0px 0px 15px;
}

.picup_text{
	margin:13px 15px 0px 15px;
}

.box_hover{
	opacity: 0.7;
	filter: alpha(opacity=60);
	cursor:pointer;
}

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}

.info{
	clear:left;
	width:709px;
	background:url(../img/info_back.gif) repeat-y bottom;
	text-align:left;
}

.infoTitle{
	background:url(../img/info_top.gif) no-repeat;
	width:709px;
	height:39px;
}

.infoTitle dt{
	float:left;
	display:inline;
	margin:14px 0px 0px 32px;
}

.infoTitle dd{
	float:right;
	display:inline;
	margin:11px 12px 0px 0px;
}

.infoText{
	line-height:1.5em;
	margin:17px 0px 0px 30px;
	height: 150px;
}

.infoText dt{
	width:15em;
	padding-left:25px;
	background:url(../img/info_icon.gif) no-repeat 0px 4px;
}

.infoText dd{
	margin:-1.5em 1em 1em 10em;
}

#contentR {
	float:right;
	display:inline;
	width:221px;
	margin:10px 6px 20px 0px;
}

#contentR li{
	list-style:none;
	margin-bottom:5px;
}

#contentR dl{
	margin-top:15px;
}

#contentR dt{
	font-size:1em;
	margin-bottom:5px;
}