@charset "utf-8";

/*=================================

	main_img

=================================*/


.topNav { width:984px; margin-top:20px; }
.topNav ul { padding:0 0 0 7px; margin:0; font-size:0; }

.topNavbg01{
width:320px;
height:329px;
background:url(/JP/images/ja/nav/top_img_rdz/nav_gra_bg.png) no-repeat left top;
margin-right:13px;
float:left;
}

.topNavbg02{
width:320px;
height:329px;
margin:10px 11px 0 0;
float:left;
}

.topNavbg03{
width:320px;
height:329px;
float:right;
margin-top:10px;
}


/*=================================

	top new 

=================================*/

#contents { 
	width:984px;
	}


li { margin:0; padding:0;}

#mainBnBg{
width:984px;
height:274px;
text-align:center;
margin:0 auto;
background: transparent url(/JP/images/ja/nav/top_img_rdz/top_mainbn_bg.jpg) no-repeat center top;
}

#main_img {
	text-align:left;
	padding:70px 0 0 20px;
}

#contents { width:984px; }

.topNav { width:984px; margin-top:10px; }
.topNav ul { padding:0 0 0 7px; margin:0; font-size:0; }
/*top_bn*/

#mainbn {
	width: 984px;
	height:278px;
	background-color:#FFF;
	margin: 20px auto 0 auto;
border:1px solid #CCC;
	border:1px solid #CCC\9;
}
#banner {
	padding:6px 4px 5px 4px; 
}
#banner .bxslider {
	list-style: none;
	position: relative;
	overflow: hidden !important;
	width:970px;
	height: 265px;
}
#banner .bxslider .slide div {
	float: left;
	width: 970px;
	position: absolute;
}

#btn-prev {
	display:none;
}
#btn-next {
	display:none;
}

#pagenation {
	position: relative;
	overflow: hidden;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px !important;
    width: 100%;
}

#pagenation ul {
	position:relative;
	left:50%;
	float:left;
	list-style: none;
}
#pagenation li {
	position:relative;
	left:-50%;
	float:left;
	margin: 0 2px;
}
#pagenation li a {
	width:12px;
	height:12px;
	overflow:hidden;
	display:block;
	background-image:url(/JP/images/ja/nav/top_img_rdz/pagenation.png);
	background-position:0 0;
}
#pagenation li.active a,
#pagenation li a:hover {
	background-position:0 12px;
}
#pagenation li a img {
	visibility:hidden;
	display: none;
}
a{outline:none;}




#info_area {
	margin:15px 0 0 0 ;
	float:left;
	}


.cont_bg_t {
	width:734px;
	/*background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg01_top.png) left top no-repeat;
	}
.cont_bg_t_02 {
	width:734px;
	background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg03_top.png) left top no-repeat;
	}
.cont_bg_m {
	background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg01_mid.png) left top repeat-y;
	}
.cont_bg_b {
	background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg01_btm.png) left bottom no-repeat;*/
	}
	
#info_area .info_cont {
	padding:8px 7px 7px 7px;
	border:1px solid #CCC;
	border:1px solid #CCC\9;
	}
	
#info_area .info_cont_bg {
	background-color:#EEEEEE;
	width:720px;
	}
	
#info_area .title01 {
	background:url(/JP/images/ja/nav/top_img_rdz/ntop_tit_bg01.jpg) left top no-repeat;
	width:725px;
	height:45px;
	
	vertical-align:middle;
	}
#info_area .title01 p{
	padding: 9px 0 0 32px;
	font-weight:bold;
	font-size:134%;
	}
	
#info_area .title02 {
	background:url(/JP/images/ja/nav/top_img_rdz/ntop_tit_bg02.jpg) left top no-repeat;
	width:725px;
	height:45px;
	}
	
#info_area .title02 p {
	float:left;
	padding: 9px 0 0 32px;
	font-size:125%;
	font-weight:bold;
	}
	
#info_area .title02 .btn {
	padding: 11px 24px 0 0;
	float:right;
	}
	

/*=================================

	sonoraトピックス

=================================*/

#info_area .sonoraArea .boxs {
	width:680px;
	margin:10px auto 0;
	padding:7px 0 15px;
	border-bottom:1px dotted #CCCCCC;
	clear:both;
}
#info_area .sonoraArea .boxs:last-child {
	border-bottom:none !important;
}
#info_area .sonoraArea .boxs .txtA{
	width:460px;
	float:left;
	font-size:88%;
}
#info_area .sonoraArea .boxs .txtA p.tit{
	font-weight:bold;
	font-size:134%;
}

#info_area .sonoraArea .boxs .photoA{
	width:200px;
	float:right;
}


/*=================================

	製品紹介bnr

=================================*/
.mainSbnr .main_bg{
width:984px;
background-color:#EEEEEE;
color:#333;
 border:1px solid #CCC;
	border:1px solid #CCC\9;
}

.mainSbnr .main_T{
/*background:url(/JP/images/ja/nav/top_img_rdz/lag_l_t.png) no-repeat left top;*/

}

.mainSbnr .main_B{
/*background:url(/JP/images/ja/nav/top_img_rdz/lag_l_b.png) no-repeat left bottom;*/
padding:10px 0 10px 10px;
}

.mainSbnr ul li{
	float:left;
	margin-right:8px;
}



	
/*=================================

	info_area 新着情報

=================================*/
	
#info_area ul.infoList {
	padding:20px;
	width:680px;
	}
	
#info_area ul.infoList li {
	background:url(/JP/images/ja/nav/top_img_rdz/news_arrow.png) right bottom no-repeat;
	background-color:#FFF;
	margin:0 0 0 10px;
	padding:10px;
	float:left;
	width:200px;
	position:relative;
	}

 
#info_area ul.infoList li a{
	display:block;
	width:100%;
	height:100%;
    position:absolute;
	text-indent:-999px;
	left:0;
	top:0;
	background:#FFF;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#info_area ul.infoList li:hover {
	background-color:#FFB700;
	color:#FFF !important;
	}
#info_area ul.infoList li:hover dl dd.txt02 {
	color:#FFF;
	}
	
#info_area ul.infoList li:nth-child(n+4) { margin-top:10px;}
#info_area ul.infoList li:nth-child(1) { margin-left: 0 ;}
#info_area ul.infoList li:nth-child(4) { margin-left: 0 ;}

#info_area ul.infoList li dl {
	width:200px;
	text-align:left;
	}
	
#info_area ul.infoList li dl dt {
	}

#info_area ul.infoList li dl dd.txt01 {
	padding:15px 0 0 0 ;
	font-size:90%;
	color:#111111;
	}

#info_area ul.infoList li dl dd.txt02 {
	padding:10px 0 0 0 ;
	color:#006699;
	}
	
#info_area .news_btn_area {
	background-color:#D1D1D1;
	padding:10px 19px;
	}
#info_area .news_btn_area ul {
	}
#info_area .news_btn_area ul li {
	float:right;
	padding-left:15px;
	}
	
/*=================================

	info_area newsBox 

=================================*/


#info_area .newsBox {
	width:680px;
	margin:0 auto;
	padding-bottom:20px;
}

#info_area .newsBox dl {
	border-top:#999 dotted 1px;
	padding-top:12px;
	margin-top:10px;
}

#info_area .newsBox dl a {
	color:#006699;
}

#info_area .newsBox dl.first {
	border-top:none;
	padding-top:10px;
	margin-top:10px;
}
#info_area .newsBox dt {
	color:#000000;
	width: 9em;
}
#info_area .newsBox dd {
	margin: -1.6em 0 0 9em;
}

/*=================================

	side_area

=================================*/
	
	
#side_area { float:right; margin-top:15px; position:relative; }
	
#side_area .side_cont { padding:0 7px 0 7px;
z-index:1;}
#side_area .side_cont_bg {
z-index:1;}

#side_area .side_cont02 { padding:1% 1% 0 1%; }
#side_area .side_cont02_bg {}

.side_bg_m {
	width:234px;
	margin-top:-5px;
	
	/*background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg02_mid.png) left top repeat-y;*/
	}
.side_bg_t {
	/*background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg02_top.png) left top no-repeat;*/
	padding-bottom:6px;
	 border:1px solid #CCC;
	border:1px solid #CCC\9;
	}
.side_bg_t_02 {
	width:234px;
	
	padding-bottom:6px;
	 border:1px solid #CCC;
	border:1px solid #CCC\9;
	/*background:url(/JP/images/ja/nav/top_img_rdz/ntop_sid_menu_bg01.png) left top no-repeat;
	}
.side_bg_b {
	background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg02_btm.png) left bottom no-repeat;
	position:relative;
	padding-bottom:10px;
	}
.side_bg_b02 {
	background:url(/JP/images/ja/nav/top_img_rdz/ntop_bg02_btm.png) left bottom no-repeat;
	position:relative;
	padding-bottom:3px;*/
	}
.side_bg_m a{
display: block;
	}

.side_bg_b .iconbg {
	position: absolute;
	margin:auto;
	left:3px;
	left:4px\9;}



#side_area .bannerBox {
		width:218px;
		margin:0 auto;
		padding:6px 0;
		}

#side_area .menu_tit {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	height:52px;
	padding: 20px 0 10px 15px;
	font-weight:bold;
	font-size:125%;
	line-height:120%;
	z-index:10 !important;
	}
	
#side_area ul.menu{
	padding:80px 0 0 0;

}
#side_area ul.menu li {
	position:relative;
	width:182px;
	padding:11px 15px 10px 23px;
	background:	#EEEEEE url(/JP/images/ja/nav/top_img_rdz/ntop_arrow01.png) no-repeat;
	background-position: 12px 50% ;
	border-bottom: #999 dotted 1px;
	}
	
#side_area ul.menu li a {
	display:block;
	width:100%;
	height:100%;
    position:absolute;
	left:0;
	top:0;
	background:#FFF;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
	


#side_area ul.menu li:hover   { background-color:#FFF; }
	
#side_area ul.menu li a:link    { color:#333333; text-decoration: none; }
#side_area ul.menu li a:visited { color:#333333; text-decoration: none; }
#side_area ul.menu li a:hover   { color:#333333; text-decoration: none; }
#side_area ul.menu li a:active  { color:#333333; text-decoration: none; }