@charset "UTF-8";

/* ****************************************************************** 

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL: http://www.cybridge.jp/

****************************************************************** */

/*==================================================================
	 styles
===================================================================*/
/*-------------------------------------------------------------------
	headUtil
-------------------------------------------------------------------*/
.headUtil{
	position:relative;
	}
.headUtil p{
	position:absolute;
	top:3px;
	right:2px;
	}
.headUtil p strong{
	font-size:120%;
	color: #C00;
	font-family:Helvetica, Arial, sans-serif;
	padding:0 0.2em;
	}

/*-------------------------------------------------------------------
	newItem
-------------------------------------------------------------------*/
.section#newItem ul{
	margin-top:-5px;
	}
.section#newItem li{
	color:#999;
	padding:3px 0px;
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	}
.section#newItem li a{
	background: #FFF url("/img/icon/icon_pickup.gif") no-repeat 0% 50%;
	padding-left:20px;
	margin-right:0.5em;
	}

/*==================================================================
	keyVisual
===================================================================*/
#keyv{
	margin-bottom:10px;
	}
#keyv .inner{
	background:transparent url("/img/common/bg_greybox.gif") no-repeat 0 100%;
	padding:0 10px 5px !important;
	*padding-bottom:10px !important;
	}
#keyv #pickup{
	position:relative;
	padding:2px;
	background:#FD9435;
	margin-bottom:8px;
	}
#keyv #pickup dt{
	width:70px;
	text-indent:-3000px;
	background:url("/img/home/icon_pickup.gif") no-repeat 3px 3px;
	}
#keyv #pickup dd{
	position:absolute;
	top:3px;
	left:78px;
	width:615px;
	}
#keyv #pickup dd span{
	padding-right:40px;
	color:#FFDCB9;
	}
#keyv #pickup dd span a{
	color:#FFF;
	text-decoration:none;
	}
#keyv #pickup dd a:hover{
	text-decoration:underline;
	}
	
#keyv #special{
	position:relative;
	height:190px;
	margin-bottom:5px;
	}
#keyv #special li{
	display:inline;
	}
#keyv #special li a{
	display:block;
	position:absolute;
	text-indent:-3000px;
	}
#keyv #special #b1 a,
#keyv #special #b2 a{
	width:216px;
	height:190px;
	}
#keyv #special #b1 a{
	top:0px;
	left:0px;
	background:url("/img/home/keyv_b1.jpg") no-repeat;
	}
#keyv #special #b1 a:hover{
	background-position:0px -190px;
	}
#keyv #special #b2 a{
	top:0px;
	left:223px;
	background:url("/img/home/keyv_b2.jpg") no-repeat;
	}
#keyv #special #b2 a:hover{
	background-position:0px -190px;
	}
#keyv #special #list1 a,
#keyv #special #list2 a,
#keyv #special #list3 a,
#keyv #special #list4 a,
#keyv #special #list5 a,
#keyv #special #list6 a,
#keyv #special #list7 a,
#keyv #special #list8 a{
	width:122px;
	height:42px;
	}
#keyv #special #list1 a{
	top:0px;
	left:446px;
	background:url("/img/home/keyv_list1.gif") no-repeat;
	}
#keyv #special #list1 a:hover{
	background-position:0px -42px;
	}
#keyv #special #list2 a{
	top:49px;
	left:446px;
	background:url("/img/home/keyv_list2.gif") no-repeat;
	}
#keyv #special #list2 a:hover{
	background-position:0px -42px;
	}
#keyv #special #list3 a{
	top:98px;
	left:446px;
	background:url("/img/home/keyv_list3.gif") no-repeat;
	}
#keyv #special #list3 a:hover{
	background-position:0px -42px;
	}
#keyv #special #list4 a{
	top:147px;
	left:446px;
	background:url("/img/home/keyv_list4.gif") no-repeat;
	}
#keyv #special #list4 a:hover{
	background-position:0px -42px;
	}
#keyv #special #list5 a{
	top:0px;
	left:575px;
	background:url("/img/home/keyv_list5.gif") no-repeat;
	}
#keyv #special #list5 a:hover{
	background-position:0px -42px;
	}
#keyv #special #list6 a{
	top:49px;
	left:575px;
	background:url("/img/home/keyv_list6.gif") no-repeat;
	}
#keyv #special #list6 a:hover{
	background-position:0px -42px;
	}
#keyv #special #list7 a{
	top:98px;
	left:575px;
	background:url("/img/home/keyv_list7.gif") no-repeat;
	}
#keyv #special #list7 a:hover{
	background-position:0px -42px;
	}
#keyv #special #list8 a{
	top:147px;
	left:575px;
	background:url("/img/home/keyv_list8.gif") no-repeat;
	}
#keyv #special #list8 a:hover{
	background-position:0px -42px;
	}

/*==================================================================
	brand and wordCondition Styles
===================================================================*/
#main .section#wordCondition{
	position:relative;
	}
#main .section#wordCondition .inner {
	padding:0;
	}
#main .section#wordCondition .leftBox,
#main .section#wordCondition .rightBox {
	width:350px;
	}
#main .section#wordCondition .leftBox ul li,
#main .section#wordCondition .rightBox ul li {
	float:left;
	width:25%;
	}

#main .section#brand ul,	
#main .section#wordCondition ul{
	margin-bottom:10px;
	}
#main .section#brand ul li a,
#main .section#wordCondition ul li a{
	background:url("/img/icon/icon_more.gif") no-repeat 5px 50%;
	padding-left:15px;
	}
	
#main .section#brand .more{
	padding-top:5px;
	background:url("/img/common/line_dot.gif") repeat-x;
	}
#main .section#brand .more a{
	background:url(/img/icon/icon_li.gif) no-repeat 5px 50%;
	padding:2px 0 2px 26px;
	}
	
a.brandList{
	display:block;
	text-indent:-3000px;
	background:url("/img/home/brandlist.gif") no-repeat;
	position:absolute;
	top:6px;
	right:4px;
	width:125px;
	height:17px;
	}
a.brandList:hover{
	background-position:0px -17px;
	}
	
#main .section ul.condition {
	width: 100%;
	}
#main .section .condition li {
	float: left;
	width: 33%;
	}

/*==================================================================
	hacks Style
===================================================================*/	
#main .section#brand ul:after,
#main .section#wordCondition ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
* html #main .section#brand ul,
* html #main .section#wordCondition ul {
	display: inline-block;
	}
	
/*	企業特集
-------------------------------------------------------------------*/
#company{
	padding:0 5px;
	margin-bottom:15px;
	}
#company dl{
	float:left;
	width:166px;
	padding:0 5px;
	}
#company dt{
	font-size:77%;
	line-height: 120%;
	text-align:center;
	vertical-align:middle;
	}
#company dd a{
	text-align:center;
	display:block;
	margin: 3px 0 2px;
	}
#company dd{
	font-size:77%;
	line-height: 140%;
	}
	
#company img {
	border:1px solid #EFEFEF;
}