@charset "utf-8";	
	
/* ========================================================	
	layout_front_main.css => ���C�A�E�gCSS�@�t�����g�G���h
======================================================== */

/*================================================================================
   
   �@�S��
   
================================================================================*/
.layoutContainer {	
	width: 100%;
	}	
body > .layoutContainer {height: auto;}	
.layoutContainer .inner{width:980px;}

/*�@�T�u�@*/
.subIndex .layoutMain{margin:30px auto 50px;}

/*================================================================================
   
   �@�w�b�_�[
   
================================================================================*/
.layoutHeader {	
	width: 100%;
	height:80px;
	padding-top:10px;
	}
	
/* --------------------------------------------------------	
	���S
------------------------------------------------------------*/
.layoutHeader .logo{
	float:left;
	width:340px;
	}
.layoutHeader .topTtl{
	font-size:12px;
	font-weight:normal;
	padding-bottom:15px;
	}
.layoutHeader img{
	}

.headerTitle {
    position: absolute;
	width: 500px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* --------------------------------------------------------	
	�v���C�}��
------------------------------------------------------------*/
.primaryArea{
	float:right;
	width:550px;
	}
.primaryNav{
	float:right;}
.primaryNav li{
	float:left;
	padding-left:20px;
	margin-left:15px;
	font-size:12px;
	}
.primaryNav .p01{background:url(../images/common/pnav01.png) no-repeat left center;}
.primaryNav .p02{background:url(../images/common/pnav02.png) no-repeat left center;}
.primaryNav .p03{background:url(../images/common/pnav03.png) no-repeat left center;}


/* --------------------------------------------------------	
	�}�C���X�g�E�ŋߌ������l
------------------------------------------------------------*/	
.mylistArea{
	float:left;
	margin-top:25px;
	/*border-right:solid 1px #dddddd;*/
	padding-right:15px;
	}
.mylistArea li{
	float:left;
	padding-left:20px;
	margin-left:15px;
	}
.mylistArea li a{
	font-size:17px;
	text-decoration:underline;
	color:#FF3300;
	padding:3px;
	}
.mylistArea .history{
	background:url(../images/common/ico_history.png) no-repeat left center;
	padding-left:25px;
	}
	
.mylistArea .mylist{
	background:url(../images/common/ico_mylist.png) no-repeat left center;
	}
	
	
/* --------------------------------------------------------	
	���O�C��
------------------------------------------------------------*/

.loginArea{
	float:right;
	margin-top:17px;
	}
.loginArea li{
	float:left;
	line-height:45px;
	margin-left:15px;
	}
.loginArea .login{
	background:url(../images/common/ico_login.png) no-repeat left center;
	padding-left:15px;
	}
.loginArea .login a{
	color:#FF3300;
	font-weight:bold;
	text-decoration:underline;
	}
/*�@�}�C�y�[�W�@*/
.mypageArea{
	float:right;
	margin-top:17px;
	}
.mypageArea li{
	float:left;
	}
	
.mypageMenu{
	background:url(../images/common/h_btn_mypage_on.png) no-repeat;
	display:block;
	width:36px;
	height:40px;
	}
.acMenu{z-index:99999;}
.acMenu dt{
    display:block;
    width:36px;
    height:40px;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    /*background:url(images/i_swich.png) 177px -69px no-repeat;*/
    padding-right:15px;
    }
.acMenu dd{
    width:200px;
    height:198px;
    text-align:center;
    display:none;
	/*margin-left:-127px;*/
	background:#FFFFFF;
    }
.acMenu dd ul{
	border-bottom:dashed 1px #cccccc;
	}
.acMenu dd ul:last-child{
	border:none;
	}
.acMenu dd ul li{
	float:none;
	text-align:left;
	padding:4px;
	padding-left:10px;
	}

/*================================================================================
   
   �@���C���R���e���c
   
================================================================================*/
.layoutMain{
	margin:20px auto 50px;
	}
.layoutMain .inner{}


/* --------------------------------------------------------	
	�Q�J����
------------------------------------------------------------*/

/*�@���J�����@*/
.layoutMainColumn{
	width:680px;
	float:left;
	}
/*�@�E�J�����@*/
.layoutSideColumn{
	width:280px;
	float:right;
	}


/*--------------------------------------------------
�@�o�i�[�G���A
--------------------------------------------------*/

/*�@TOP��ԉ��@*/
.btmBnrArea ul li{margin-bottom:10px;}

/* --------------------------------------------------------	
	�����t�H�[��
------------------------------------------------------------*/
.fixed{
  position: fixed;
  top: 0px;
  z-index: 999;
  width:100%;
  }
  
/*�@���ׂĂ�����@*/
.moreBtn{
	float:right;
	margin-right:15px;
	}
.moreBtn a{
	position:absolute;
	margin-top:-18px;
	margin-left:-125px;
	width:135px;
	height:30px;
	display:block;
	background:url(../images/search/more.png) no-repeat;
	text-indent:-9999px;
	}
.moreBtn .nowOpen{
	width:130px;
	height:30px;
	display:block;
	background:url(../images/search/more_on.png) no-repeat;
	text-indent:-9999px;
	}
  
.mainSearch{
	padding-bottom:10px;
	/*border-top:solid 3px #FF3300;*/
	width:100%;
	}
.mainSearch a:hover{text-decoration:none;}
.mainSearch .btnSearch{
	background:url(../images/common/btn_search.png) no-repeat;
	width:154px;
	height:44px;
	border:none;
	text-indent:-9999px;
	}
.searchList{padding-top:15px;}
.searchList li{
	float:left;
	margin:2px;
	}
.searchList li a{background:#FFFFFF url(../images/search/arrow_btm_gray.png) no-repeat 95% center;}
.searchList li a,.searchList li input{
	display:block;
	height:30px;
	line-height:30px;
	}

.searchList .free{
	width: 314px;
    height:28px;
}

.searchList .free input{
	font-size:12px;
	padding-left:5px;
	padding-bottom: 0px;
	width:306px;
	height:28px;
	}
.searchList li span{
	margin-left:7px;
	padding-left:20px;
	color:#999999;
	line-height:33px;
	}
.searchList .plant span{background:url(../images/search/ico_plant.gif) no-repeat center left;}
.searchList .type span{background:url(../images/search/ico_type.gif) no-repeat center left;}
.searchList .work span{background:url(../images/search/ico_work.gif) no-repeat center left;}
.searchList .area span{background:url(../images/search/ico_area.gif) no-repeat center left;}
.searchList .btn{margin-top:-4px;}

/*�@�^�O�@*/
.tagBox{
	clear:both;
	margin-top:10px;
	}
.tagBoxList{
	float:left;
	width:850px;
	}
.tagBoxList .ttl{margin-top:7px;}
.tagBox ul li{float:left;}
.tagBox ul .ttl{margin-right:10px;}
.tagBox ul li a{
	margin-left:5px;
	margin-bottom:7px;
	background:#e4e4e4 url(../images/search/check.gif) no-repeat 5px center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display:block;
	padding:5px 7px;
	padding-left:27px;
	font-size:12px;
	}
.tagBox ul .active a{
	background:#FF3300 url(../images/search/check_on.gif) no-repeat 5px center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding:5px 7px;
	padding-left:27px;
	color:#FFFFFF;
	}

	
/*================================================================================
   
   �@�t�b�^�[
   
================================================================================*/

/*�@�y�[�WTOP�@*/
.pagetop{
	text-align:right;
	clear:both;
	height:30px;
	}
.pagetop .inner{
	width:980px;
	margin:0 auto;
	}
.layoutFooter {
	background:#E5E5E5;
	}
.layoutFooter a{text-decoration:underline;}
.layoutFooter .inner{
	width:980px;
	margin:0 auto;
	}

/*�@�t�b�^�[�����N�@*/
.footLinks ul li{margin:auto 2px;}
.footLinks h4{clear:both;}
.footLinks .footLeft{
	float:left;
	width:450px;
	}
.footLinks .footRight{
	float:right;
	width:450px;
	}
.footLinks ul{clear:both;}
.footLinks ul li{float:left;}
.footBox{margin:20px auto;}

/*�@�A�h���X�@*/
.addArea{
	clear:both;
	background:#22373a;
	padding:5px;
	color:#FFFFFF;
	}
.addArea a{
	text-decoration:underline;
	color:#FFFFFF;
	}
.addArea .inner{
	width:980px;
	margin:0 auto;
	}
.addArea address{
	clear:both;
	float:left;
	}
.footNav{float:right;}
.footNav ul li{
	float:left;
	margin:0 10px;
	}