@charset "UTF-8";


/*
------------------------------------------
日本ゲスコ様　レイアウト設定CSS
制作者：　屋良達哉
作成日：　2010年01月08日
----------------------------------------*/


/*////// 全ページ共通パーツ ////////////*/

/* =ページ概要
----------------------------------------*/
/* =ヘッド部分
----------------------------------------*/
/*-- menu 部分-----------------*/



/*//////////////////////////////////////*/




p.lead{
	padding: 0px 0px 0px 16px;
	margin: 10px 0px 20px;
	background-image: url(../images/top/bac-lead.png);
	background-position: 0 0;
	background-repeat:repeat-y;
}

#main ul li{
	list-style: none;
}
#main ul li a{
/*	display: block;*/
	text-decoration: none;
}

/* menu--main設定----------------------*/

div#menu-main{
	width: 560px;
	background-image: url(../images/top/line-1.png);
	background-position: 279px 0px;
	background-repeat: repeat-y;
	overflow: hidden;
	}

div#menu-main ul{
	width: 270px;
	height: auto;
	text-align: left;
}

div#menu-main ul li{
	width: 270px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
}

div#menu-main ul li.li-end{
	margin-bottom: 0px;
}

div#menu-main ul.left{
	width: 270px;
	float: left;
}

div#menu-main ul.right{
	width: 270px;
	float: right;
}

div#menu-main ul.inrlist{
	padding-bottom: 12px;
}

div#menu-main ul.inrlist li{
	width: 255px;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 0px 15px;
	background-image: url(../images/top/li-head.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px;
}

/* menu--sub設定----------------------*/

ul#menu-sub1{
	width: 560px;
	margin-top: 30px;
	background-image: url(../images/top/bac-li-sub1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	height: auto;
	padding-top: 40px;
	overflow: hidden;
}

ul#menu-sub2{
	width: 560px;
	margin-top: 22px;
	background-image: url(../images/top/bac-li-sub2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	height: auto;
	padding-top: 40px;
	overflow: hidden;
}

li.left{
	width: 270px;
	float: left;
	margin-bottom:18px;
	}

li.right{
	width: 270px;
	float: right;
	margin-bottom:18px;
	}
	

/*
li.subli-l1{
	width: 270px;
	position: absolute;
	top: 40px;
	left: 0px;
}

li.subli-l2{
	width: 270px;
	position: absolute;
	top: 88px;
	left: 0px;
}

 li.subli-l3{
	width: 270px;
	position: absolute;
	top: 136px;
	left: 0px;
}

li.subli-l4{
	width: 270px;
	position: absolute;
	top: 184px;
	left: 0px;
}

li.subli-r1{
	width: 270px;
	position: absolute;
	top: 40px;
	left: 290px;
}

li.subli-r2{
	width: 270px;
	position: absolute;
	top: 88px;
	left: 290px;
}

 li.subli-r3{
	width: 270px;
	position: absolute;
	top: 136px;
	left: 290px;
}

li.subli-r4{
	width: 270px;
	position: absolute;
	top: 184px;
	left: 290px;
}
*/


/*新製品情報*/
div#news{
	margin-top: 20px;
	width: 560px;
	}

div#news div{
	border: 1px solid #999999;
	padding: 5px 10px 10px;
	background-image:url(../images/top/bc-new.png);
	background-repeat:repeat-x;
	position: relative;
	margin-top: 15px;
	}
	
div#news div h3{
	width: 373px;
	float: left;
	color: #139;
	font-size: 14px;
	line-height: 18px;
	font-weight: 800;
	margin: 10px 0px;
	}

* html div#news div h3{
	width: 353px;
	float: none;
	color: #139;
	font-size: 14px;
	line-height: 18px;
	font-weight: 800;
	margin: 10px 0px;
	}

div#news div p img{
	width: 155px;
	float: right;
	position: relative;
	top: -5px;
	right: -10px;
	}
	
* html div#news div p img{
	width: 155px;
	float: right;
	position: relative;
	top: -34px;
	right: -10px;
	}