﻿@charset "utf-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*       Copyright 2011  MSK FARM MACHINERY CORPORATION.  */
/*       file-name : top.css   */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ******************************************************
     TOP 
****************************************************** */
#flashArea {
    display: block; 
	width: 920px;
    height: 290px;
	margin: 0 0 15px 0;
	background: #fff;
}
#flashArea h3 { display: none; }


/* flashArea for IMAGE Ver.
-------------------------------------- */
#imageArea_top {
    display: block; 
	width: 920px;
    /*height: 290px;*/
	margin: 0 0 15px 0;
	/*background: url(../../top/images/image_areaTop.jpg) 0 0 no-repeat;*/
}
#imageArea_top h3 { display: none; }

#imageArea_top ul#imgAreaBtn {
    float: right; 
	width: 253px;
    height: auto;
	padding: 15px 15px 0;
}
#imageArea_top ul#imgAreaBtn li {
	width: 253px;
    height: 81px;
	margin: 0 0 10px;
}


.newsList {
    /*float: left;*/
    width: 320px;
    height: auto;
	color: #555;
}
.newsList .archiveBtnTopics {
	display: block;
	height: 45px;
	background: url(../../top/images/title_topics.jpg) 0 0 no-repeat;
}
.newsList .archiveBtnImportant {
	display: block;
	height: 45px;
	background: url(../../top/images/title_jyuuyou.jpg) 0 0 no-repeat;
}
.newsList .archiveBtnTopics a,
.newsList .archiveBtnImportant a { 
    float: right;
    width: 70px;
    height: 18px;
	margin: 14px;
	background: url(../../top/images/botton_bucknumber.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
ul.topics, 
ul.important {
    width: 315px;
    height: auto;
	padding: 5px 0 20px 5px;
}
ul.topics li, 
ul.important li {
    width: 295px;
    height: auto;
	padding: 6px 0 6px 15px;
	border-bottom: 1px #ccc solid;
	background: url(../../top/images/icon_topics.jpg) left 10px no-repeat;
}
ul.topics li .new, 
ul.important li .new {
    width: 30px;
    height: 11px;
	padding: 0 30px 0 0;
	background: url(../../top/images/new.jpg) 4px center no-repeat;
}

#topBnr{
	clear: both;
	display: block;
    width: 640px;
	height: auto;
	margin: 15px 5px 0;
}
#topBnr img{
	display: block;
    width: 640px;
}

#attentionBox {
	clear: both;
	display: block;
	width: 598px;
	margin: 15px 5px 0;
	padding: 1em 20px;
	color: #777;
	background: #fefefe;
	border: 1px #ddd solid;
}

/*Update*/
.update {
    /*float: left;*/
    width: 650px;
    height: auto;
	color: #555;
	padding: 20px 0 6px 0px;
}
.update .archiveBtnUpdate {
	display: block;
	height: 45px;
	background: url(../../top/images/update.jpg) 0 0 no-repeat;
}
ul.update {
    width: 642px;
    height: 100px;
	scrollbar-base-color:#FFFFFF;
	overflow-x:hidden;
	overflow-y:scroll;
	letter-spacing:0px;
	line-height:140%;
	padding: 5px 0 20px 5px;
	background-color: #FFFFFF;
}
ul.update li {
    width: 600px;
    height: auto;
	padding: 6px 0 6px 15px;
	border-bottom: 1px #ccc solid;
	background: url(../img/icon_update.jpg) left 10px no-repeat;
}

/* slideImgArea
-------------------------------------- */

/* スライド */
#slideWrap {
	width: 920px;
	height: 290px;
	overflow: hidden;
	position: relative;
}
#slideList {
	width: 1840px;
	height: 291px;
}
#slideList li {
	float: left;
	width: 920px;
	height: 291px;
}
#slideList li a:hover img ,
#slideList li a:active img {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* サムネイル */
#slideThumb {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#slideThumb li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}
#slideThumb li a {
	border: 2px solid #ffffff;
	display: block;
}
#slideThumb li a.thumbCurrent {
	border: 2px solid #ff0000;
}

/*  */
.mainAreaBtm {
	background: #000000;
	padding: 5px;
}
.mainAreaBtm {
	display: block;
}
.mainAreaBtm ul li {
	float: left;
	margin-right: 5px;
}
.mainAreaBtm ul li.end {
	margin-right: 0;
}
.message {
	margin-top: 20px;
	padding: 7px;
	margin-bottom: 10px;
	border: 1px solid #808080;
	background-color: #FFFFFF;
	align="center"
}


