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

#contents div.innerbox {
	padding:0 40px;
}
#contents div.innerbox02 {
	padding:0 140px;
}
#contents div.innerbox03 {
	padding:0 85px;
}


/*
########################################################
  共通
########################################################
*/

ul#productmenu_top {
	position:absolute;
	top:65px;
	left:40px;
	width:870px;
}
ul#productmenu {
	width:870px;
	margin: 0 auto 8px auto;
}
ul#productmenu li, ul#productmenu_top li {
	float:left;
	display:inline !important;
	padding: 0 35px 0 0;
	background:url(../../img/menu_partition.gif) right 0 no-repeat;
}
ul#productmenu_top li.nojoin {
	padding: 0;
	background:none;
}
ul#productmenu_top li.end {
	padding: 0;
	background:none;
}
ul#productmenu li.end {
	margin: 0;
	background:none;
}
ul#productmenu li a, ul#productmenu_top a {
	display:block;
	background:url(../../img/menu.gif) 0 0;
	background-repeat:no-repeat;
	height:12px;
	line-height:1;
	text-indent:-9999em;
}
ul#productmenu li a.nav1, ul#productmenu_top li a.nav1 {
	width:51px;
	background-position: 0 0;
}
ul#productmenu li a.nav2, ul#productmenu_top li a.nav2 {
	width:60px;
	background-position: -51px 0;
}
ul#productmenu li a.nav3, ul#productmenu_top li a.nav3 {
	width:24px;
	background-position: -111px 0;
}
ul#productmenu li a.nav4, ul#productmenu_top li a.nav4 {
	width:72px;
	background-position: -135px 0;
}
ul#productmenu li a.nav5, ul#productmenu_top li a.nav5 {
	width:24px;
	background-position: -207px 0;
}
ul#productmenu li a.nav6, ul#productmenu_top li a.nav6 {
	width:155px;
	background-position: -231px 0;
}
ul#productmenu li a.nav1:hover, ul#productmenu_top li a.nav1:hover {
	background-position: 0 -12px;
}
ul#productmenu li a.nav2:hover, ul#productmenu_top li a.nav2:hover {
	background-position: -51px -12px;
}
ul#productmenu li a.nav3:hover, ul#productmenu_top li a.nav3:hover {
	background-position: -111px -12px;
}
ul#productmenu li a.nav4:hover, ul#productmenu_top li a.nav4:hover {
	background-position: -135px -12px;
}
ul#productmenu li a.nav5:hover, ul#productmenu_top li a.nav5:hover {
	background-position: -207px -12px;
}
ul#productmenu li a.nav6:hover, ul#productmenu_top li a.nav6:hover {
	background-position: -231px -12px;
}
ul#productmenu_top li a.nav1on {
	width:51px;
	background-position: 0 -12px;
}
ul#productmenu li a.nav2on {
	width:60px;
	background-position: -51px -12px;
}
ul#productmenu li a.nav3on {
	width:24px;
	background-position: -111px -12px;
}
ul#productmenu li a.nav4on {
	width:72px;
	background-position: -135px -12px;
}
ul#productmenu li a.nav5on {
	width:24px;
	background-position: -207px -12px;
}
div.pagetop_index {
	text-align:right;
	clear:both;
	position:absolute;
	top:447px;
	right:40px;
}
/*
########################################################
  INDEXページ
########################################################
*/

#indexcontents {
	width:950px;
	text-align:left;
	position:relative;
	height:453px;
	margin:-65px 0 0px;
}
/*
########################################################
  2階層目ページ
########################################################
*/
#contents h2.pagetitle {
	margin-bottom:30px;
}


/*
########################################################
  新開発技術ページ
########################################################
*/

#Technique {
	text-align:center;
	margin:0 0 50px 0;
}
#Technique h3 img {
	margin:35px 0 50px 0;
}
#Technique img {
	margin:50px 0 0 0;
}


/*
########################################################
  特長ページ
########################################################
*/

#Function {
	margin:0 0 20px 0;
}
#Function .box850 {
	margin:0 10px;
}
#Function .ml11 {
	margin:0 0 0 11px;
}
#Function .ml11 img {
	margin:20px 20px 0 0;
}
#Function p.picCopy {
	text-align:right;
	margin: 10px 11px 0 0;
	font-size:83%;
}
#Function #Area01 dl {
	width:299px;
}
#Function #Area01 h4 {
	margin:20px 0 30px 0;
}
#Function #Area01 .box850 .floatL {
	width:375px;
}
#Function #Area01 .box850 .floatL li {
	float:right;
	margin:10px 10px 0 0;
	display:inline-block;
	font-size:83%;
}
#Function #Area01 .box850 .floatL li.w82 {
	width:82px;
	line-height:1.3;
}
#Function #Area01 .box850 .floatL img {
	margin-bottom:5px;
}
#Function #Area01 .box850 .floatR.lineBox {
	padding:0 0 0 18px;
	border-left:#9ED8F5 dotted 1px;
	font-size:83%;
	height:229px;
}
#Function #Area01 .box850 .floatR.lineBox img {
	margin-bottom:5px;
}
#Function #pointPic {
	margin:10px 0 0 0;
}
#Function #pointPic dl {
	width:203px;
	float:left;
	margin:0 0 0 11px;
}
#Function #pointPic dl dt {
	margin:0 0 5px 0;
}
#Function #pointPic p {
	text-align:right;
	font-size:83%;
}
#Function #Area02 {
	margin:50px 0 0 0;
}
#Function #Area02 .box850 h4 {
	margin:20px 0 10px 0;
}
#Function #Area03 {
	margin:50px 0 0 0;
}
#Function #Area03 .box850 {
	margin:20px 10px 0 10px;
}
#Function #Area03 .box850 .floatL img {
	margin:0 0 15px 0;
}


/*
########################################################
  ラインナップページ
########################################################
*/

#Lineup {
	margin:0 0 20px 0;
}
#Lineup h3 {
	margin:0 0 10px 0;
}
#Lineup .ImgArea {
	position: relative;
	background-repeat:no-repeat;
}
#Lineup .ImgArea h5 {
	position:absolute;
	left:30px;
	top:30px;
}
#Lineup .ImgArea img.pic01 {
	position:absolute;
	right:0px;
	top:20px;
}
#Lineup .ImgArea img.pic02 {
	position:absolute;
	left:50px;
	top:150px;
}
#Lineup p {
	margin:0 0 15px 0;
}
#Lineup #Area01 {
	margin:20px 0 0 0;
	text-align:center;
}
#Lineup #Area01 .ImgArea {
	height:715px;
	background-image:url(../../lineup/img/area01_bg.jpg);
}
#Lineup #Area01 p {
	width:100%;
	position:absolute;
	left:0;
}
#Lineup #Area01 p.img01 {
	top:295px;
}
#Lineup #Area01 p.img02 {
	top:565px;
}
#Lineup #Area02 {
	text-align:center;
}
#Lineup #Area02 .ImgArea {
	height:775px;
	background-image:url(../../lineup/img/area02_bg.jpg);
}
#Lineup #Area02 p {
	width:100%;
	position:absolute;
	left:0;
}
#Lineup #Area02 p.img01 {
	top:330px;
}
#Lineup #Area02 p.img02 {
	top:610px;
}
#Lineup #Area03 {
	text-align:center;
	margin-bottom:50px;
}
#Lineup #Area03 .ImgArea {
	height:835px;
	background-image:url(../../lineup/img/area03_bg.jpg) ;
}
#Lineup #Area03 p {
	width:100%;
	position:absolute;
	left:0;
}
#Lineup #Area03 p.img01 {
	top:360px;
}
#Lineup #Area03 p.img02 {
	top:630px;
	padding:0 42px;
	width:786px;
}
#Lineup #Area03 p.img02 img.fig {
	float:left;
}
#Lineup #Area03 p.img02 img.text {
	float:right;
	margin-top:42px;
}

/*
########################################################
  仕様ページ
########################################################
*/

#Spec h3 {
	margin:10px 0;
}
#Spec #Area01 dl {
	width:240px;
	margin:0 0 30px;
	float:left;
	letter-spacing:0;
}
#Spec #Area01 dl.low {
	padding:0 37px;
	margin:0 37px;
	border-left:1px solid #54C3F1;
	border-right:1px solid #54C3F1;
}
#Spec #Area01 dl dt {
	margin:0 0 24px 0;
}
#Spec #Area01 dl dd li {
	text-indent:-1em;
	margin:5px 0 0 1em;
	font-size:83%;
}
#Spec #Area01 #Option img {
	margin:0 10px 0 0;
}
#Spec #Area01 #Option div {
	float:left;
	padding-top:50px;
}
#Spec #Area01 #Option div img {
	margin: 0 0 10px;
}
#Spec #Area02 {
	margin:50px 0 0 0;
	letter-spacing:0;
}
#Spec #Area02 h4 {
	margin:0 0 30px 0;
}
#Spec #Area02 h5.item4 {
	margin:0 0 7px 0;
}
#Spec #Area02 .floatL, #Spec #Area02 .floatR {
	width:410px;
}
#Spec #Area02 .floatL dl, #Spec #Area02 .floatR dl {
	margin:10px 0 0 0;
}
#Spec #Area02 .floatL dt, #Spec #Area02 .floatR dt {
	float:left;
}
#Spec #Area02 .floatL dd, #Spec #Area02 .floatR dd {
	float:right;
	width:210px;
	font-size:83%;
}
#Spec #Area02 .floatL dd img, #Spec #Area02 .floatR dd img {
	margin-bottom:5px;
}
#Spec #Area02 #es2_op {
	margin:-30px 0 50px 0;
}
#Spec #Area02 #es2_op .floatL dd {
	width:240px;
	padding:80px 0 0 0;
}
#Spec #Area02 ul {
	margin:40px 0 40px 0;
	font-size:92%;
	text-indent:-1em;
	padding-left:1em;
}
#Spec #Area02 li.fcLB {
	color:#005BAC;
}
#Spec #Area03 {
	margin:20px 0 0 0;
}
#Spec #Area03 dl {
	margin:0 0 10px 0;
}
#Spec #Area03 dd img {
	margin:0 0 5px 0;
}
#Spec #Area03 .floatL dt {
	float:left;
	margin:5px 15px 0 0;
}
#Spec #Area03 .floatL dd {
	float:left;
	width:285px;
}
#Spec #Area03 .floatR dt {
	float:left;
	margin:0px 15px 0 0;
}
#Spec #Area03 .floatR dd {
	float:left;
	width:380px;
}
#Spec #Area03 .floatR dd a {
	color:#333333;
	text-decoration:none;
}
#Spec #Area03 .floatR dd a {
	color:#333333;
	text-decoration:none;
}
#Spec #Area03 .floatR dd a:active,
#Spec #Area03 .floatR dd a:hover {
	text-decoration:underline;
}