@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Index
******************************************************************************
----------------------------------------------------------------------------*/

#navi{
	padding-bottom:25px;}
.contents{
	padding-bottom:25px;
	background:url(../img/mainimg.jpg) 0 0 no-repeat;}

/* main image
------------------------------------------------------------ */
#mainImg h3{
	width:406px;
	height:252px !important;
	height:248px;
	float:left;
	text-indent:-99999em;}
#mainImg dl{
	width:239px;
	float:right;}
#mainImg dt,
#mainImg dd,
#mainImg dd a{
	width:239px;
	text-indent:-99999em;}
#mainImg dt{
	height:58px;}
#mainImg dd{
	margin-bottom:4px;}
#mainImg dd a{
	height:42px;
	display:block;}
	
#mainImg dd.m01 a:hover{background:url(../img/mainimg_ov.jpg) 0 0 no-repeat;}
#mainImg dd.m02 a:hover{background:url(../img/mainimg_ov.jpg) 0 -46px no-repeat;}
#mainImg dd.m03 a:hover{background:url(../img/mainimg_ov.jpg) 0 -92px no-repeat;}
#mainImg dd.m04 a:hover{background:url(../img/mainimg_ov.jpg) 0 -138px no-repeat;}

/* conBox
------------------------------------------------------------ */
.conBox h4{
	color:#f35e02;
	width:300px;
	font-size:96%;
	line-height:200%;}
.conBox{
	width:615px;
	margin:0 auto 15px;}
.conBox p{
	line-height:1.6;
	margin-bottom:1em;}

/* pickup
------------------------------------------------------------ */
#pickup{
	margin-bottom:30px;}
#pickup h4{
	width:645px;
	height:46px;
	text-indent:-99999em;
	background:url(../img/idx_tit1.jpg) 0 0 no-repeat;}
#pickup div{
	width:290px;
	float:left;
	display:inline;}
#pickup div.left{
	margin-left:15px;
	margin-right:35px;}
#pickup div.right{
	margin-right:15px;}

#pickup div p{
	margin-bottom:8px;}
#pickup div p.img{
	width:288px;
	margin-bottom:7px;
	border:1px solid #ccc;}
#pickup div p.img a{
	padding:2px 2px 2px 2px;
	width:284px;
	display:block;
	background-color:#fff;}
#pickup div p.img a:hover{
	background-color:#e9e9e9;}


#pickup div h5{
	width:170px;
	height:40px;
	text-indent:-99999em;}
#pickup .left h5{background:url(../img/idx_stit1.jpg) 0 0 no-repeat;}
#pickup .right h5{background:url(../img/idx_stit2.jpg) 0 0 no-repeat;}

#pickup div ul{
	width:288px;}
#pickup div li{
	float:left;
	width:141px;}
#pickup div li a{
	line-height:1.1;
	padding-left:12px;
	background:url(../cmn_img/arr1.jpg) 0 2px no-repeat;}
#pickup div li a:link{color:#659c32;text-decoration:none;}
#pickup div li a:visited{color:#659c32;text-decoration:none;}
#pickup div li a:hover{color:#74542e;text-decoration:none;}
#pickup div li a:active{color:#659c32;text-decoration:none;}


/* company
------------------------------------------------------------ */
#company{
	width:641px;
	padding-bottom:14px;
	border:2px solid #cec2b4;
	border-top:0;
	background-color:#f7f5f2;}
#company h4{
	width:641px;
	height:35px;
	margin-bottom:10px;
	background:url(../img/idx_tit2.jpg) 0 0 no-repeat;}
#company h4 strong{
	width:130px;
	height:35px;
	display:block;
	text-indent:-99999em;}

#company li{
	width:289px !important;
	width:288px;
	margin:0 13px;
	display:inline;
	border:1px solid #f1b337;}
#company li a{
	padding:2px 2px 2px 2px;
	width:285px !important;
	width:284px;
	display:block;
	background-color:#fff;}
#company li a:hover{
	background-color:#f5db83;}