@charset "utf-8";



/* Layout
------------------------------------------------------------------------------------------------------*/

/* pagetitle */
#slide {width:1026px;height:260px;margin:0 auto;position:relative;}
#slide ul li img {position:absolute;left:0;top:0;}

#slide .textBox { position:absolute; top:70px; width:100%; padding:20px 80px; background:url(../image/home/main_text_bg.png) repeat-y top left; color:#fff; font-size:28px; font-weight:bold; text-shadow: 1px 1px 3px #000; box-sizing:border-box;}
#slide .textBox p { text-align:center;}



#bnLink { position:absolute; bottom:-50px; left:670px; width:347px; z-index:1000;}

#mainArea{ width:1026px; line-height:150%; margin:0 auto;}

#mainLeft { width:800px; float:left; margin-top:20px;}
#mainSide { width:212px; float:right; margin-top:20px;}


/* ---- main left ---- */

#productsList { margin:20px 0;}
#productsList li{ width:190px; height:200px; margin:0 5px; padding:5px; border:1px #aaa solid; float:left; box-sizing:border-box; line-height:120%;}
#productsList li img { margin:-5px 0 0 -5px;}



#proList { margin:20px 0; z-index:100;}
#proList li{ margin-right:5px; float:left; box-sizing:border-box; z-index:100;}
#proList li a { display:block; box-sizing:border-box; width:156px; height:60px; padding-top:20px; background:url(../image/home/pro_bg.png) no-repeat left top; color:#fff; font-size:16px; font-weight:bold; text-align:center; text-shadow: 1px 1px 3px #000;}
#proList li a:hover { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; text-decoration:none;}
#proList li:last-child { margin:0; z-index:100;}
#proList li a.w {padding-top:15px; line-height:110%;}

#newsBox ul { margin:10px 20px 20px 20px;}
#newsBox li { padding:5px; border-bottom:1px #e9e9e9 solid;}
#newsBox li dd.news, #newsBox li dd.kaiji, #newsBox li dd.kessan, #newsBox li dd.kabu   { width:5em; margin:-26px 0 0 100px; padding:2px 0; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#newsBox li dd.news   { background:#0085B2;}
#newsBox li dd.kaiji  { background:#B78B06;}
#newsBox li dd.kessan { background:#D90000;}
#newsBox li dd.kabu   { background:#4A5E78;}
#newsBox li dd.title { margin:-24px 0 0 170px;} 

#zaimuBox ul { margin:10px 20px 20px 20px;}
#zaimuBox li { padding:5px; border-bottom:1px #e9e9e9 solid;}
#zaimuBox li dd { margin:-1.5em 0 0 100px;} 

#newsBox h4, #zaimuBox h4 { position:relative;}
#newsBox h4 .back, #zaimuBox h4 .back { position:absolute; top:24px; right:0;}

/* ---- news back number ---- */

.newsWrap { margin:10px 20px 20px 20px;}
.newsWrap h1 { width:100%; height:20px; padding:6px 0; font-weight:normal; border-bottom:1px #ccc solid; z-index:0;}
.newsWrap .date { float:left; width:100px;}

.newsWrap .news, .newsWrap .kaiji, .newsWrap .kessan, .newsWrap .kabu { float:left; width:80px; margin:-2px 10px 0 0; padding:4px; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.newsWrap .news   { background:#0085B2;}
.newsWrap .kaiji  { background:#B78B06;}
.newsWrap .kessan { background:#D90000;}
.newsWrap .kabu   { background:#4A5E78;}
.newsWrap .title { float:right; width:560px;}

.newsWrap .text { margin:10px 20px 40px 20px;}