@charset "UTF-8";

/*
  Summary: Base Layout
  Created: 2009-11-05
  Last update: 2009-11-05 
  Target Pages
  	/ index pages
  
  Site URL:http://www.file-net.co.jp/
  File name: top.css (/common/css/top.css)
  Author: TakahiroWakita.
  Copyright: (c) 2009 roofplan.
  
*/


/*  トップイメージ  */

#Promotion {
background-color:#FFF;
border:1px solid #53972B;
padding:3px 3px 39px;
position:relative;
margin-bottom:20px;
}
#Promotion h2 {
left:-9999em;
position:absolute;
top:0;
width:900em;
}
#slider {
background-color:#FFFFFF;
height:207px;
overflow:hidden;
position:relative;
width:891px;
}
#sliderWrap {
height:207px;
position:absolute;
width:4460px;
}
#sliderWrap div {
border-color:#E0DFE3 #E0DFE3 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
float:left;
height:205px;
width:888px;
}
/*
#slide1 {
background:transparent url(../../images/top/navi_slideTab01.png) no-repeat scroll right top;
}
#slide2 {
background:transparent url(../../images/top/navi_slideTab02.png) no-repeat scroll right top;
}
#slide3 {
background:transparent url(../../images/top/navi_slideTab03.png) no-repeat scroll right top;
}
#slide4 {
background:transparent url(../../images/top/navi_slideTab04.png) no-repeat scroll right top;
}
*/
#sliderWrap div h3 {

}
#sliderWrap div p {
margin-left:30px;
margin-top:22px;
}
#sliderWrap div a {
display:inline-block;
/*margin-left:154px;
margin-top:24px;*/
overflow:hidden;
}
/*
#sliderWrap div#slide5 a {
margin-left:100px;
}*/
#Promotion ul {
bottom:1px;
position:absolute;
}
#Promotion ul:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html #Promotion ul {
height:1%;
top:207px;
}
:first-child + html #Promotion ul {
min-height:1px;
}
#Promotion li {
float:left;
}
#Promotion li a {
background-position:left bottom;
display:inline-block;
float:left;
height:40px;
overflow:hidden;
text-indent:-9999em;
width:223px;
}
#Promotion li.SlideTab1 a {
background:transparent url(../../images/top/navi_slideTab01.png) no-repeat scroll 0 -40px;
width:223px;
}
#Promotion li.SlideTab2 a {
background:transparent url(../../images/top/navi_slideTab02.png) no-repeat scroll 0 -40px;
width:223px;
}
#Promotion li.SlideTab3 a {
background:transparent url(../../images/top/navi_slideTab03.png) no-repeat scroll 0 -40px;
width:223px;
}
#Promotion li.SlideTab4 a {
background:transparent url(../../images/top/navi_slideTab04.png) no-repeat scroll 0 -40px;
width:223px;
}
#Promotion li a:hover, #Promotion li.Current a {
background-position:left top;
}


/* left-container */

#left-container{
	width:600px;
	float:left;
}
h4#tl-news{
	background:transparent url(../../images/top/tl-news.png) no-repeat;
	text-indent:-9999px;
	height:30px;
}
.news-area{
	margin:10px 0 10px 5px;
}
.news-area dt{
	border:1px #CCCCCC solid;
	padding:5px;
	display:inline;
	margin-bottom:10px;
}
.news-area dd{
	padding:5px 0 0 20px;
	margin:10px 0 20px 0;
}
.section{
	margin-top:20px;
}
h4#tl-products{
	background:transparent url(../../images/top/tl-products.png) no-repeat;
	text-indent:-9999px;
	height:33px;
}
.products-wrapper{
	margin:10px 0;
	background:#EDEDED;
	padding:3px;
}
.products-box{
	width:295px!important;
	width:293px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	height:230px;
}
.products-box h5{
	margin:10px;
	text-indent:0.6em;
	font-size:1.231em;
	border-bottom:4px solid #53972B;
}
h5 span{
	font-size:0.85em;
	margin-left:8px;
}
.products-area {
	padding:10px;
}
.products-area img{
	float:left;
}
.products-area p{
	width:122px;
	float:left;
	margin-left:10px;
}

/* right-container */
#right-container{
	width:285px;
	float:right;
}
#contact-wrapper{
	width:283px!important;
	width:285px;
	padding:2px;
	background:#EDEDED;
}
#contact-wrapper dl{
	border:1px solid #53972B;
	background:#FFFFFF;
	padding:5px;
}
#contact-wrapper dl dt{
	text-align:center;
	padding-top:3px;
	margin-bottom:5px;
}
#contact-wrapper dl dd{
	border-left:5px solid #53972B;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
}
#contact-wrapper dl dd.f-bold{
	font-weight:bold;
	font-size:1.08em;
	color:#333333;
}
#contact-wrapper dl dd.f-green{
	color:#53972B;
	font-size:0.85em;
	margin-bottom:3px;
}