﻿/* CSS Document */
.pc_off {display: none;}

.f16_white_B {  font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: normal}

.f12_20 {  font-size: 12px; line-height: 23px;	color: #333333}
.f12_20blue {
	font-size: 13px;
	line-height: 23px;
	color: #0000CC;
	font-weight: bold;
}

.f12_white_B {  font-size: 12px; line-height: 16px; font-weight: bold; color: #FFFFFF}

.f12_16 {
    font-size: 12px;
    line-height: 18px;
}
.f14_white_B {	color: #fff;	font-weight: bold;}

/* search-ken */
.search-ken_title {
}
.search-ken_title p {
	font-weight: bold;
	border: 1px solid #006600;
	border-left: 5px solid #006600;
	padding: 10px;
	text-indent: 10px;
	font-size: 17px;
	margin-bottom: 10px;
	background: #fff;
}
.search-ken_title a {
	font-size: 13px;
}


/* コンテンツ共通 end-----------------------*/

/*状況別特集*/
.company_list_wrap{
	width:96%;
	margin:0px;
	overflow:hidden;
	margin-bottom:15px;
}
.company_list_left{
	background-color:#FFF;
	border:1px solid #CCC;
	margin-bottom:10px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}
.company_list_right{
	float:right;
	background-color:#FFF;
	border:1px solid #CCC;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}
.company_list_title{
	background-color:#E2F5CD;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	bod-shadow:
	padding-right:10px;
	border-bottom:1px dotted #999;
}
.company_list_title span{
	font-size:13px;
	font-weight:bold;
	line-height:27px;
	color:#000;
	font-weight:none;
}
.company_list_title span a:link a:hover{
	line-height:24px;
	color:#006600;
	text-decoration:underline;
	font-weight:none;
}
.company_list_title dt{
	height:25px;
	float:left;
	margin-right:10px;
}
.company_list_title dd{
	font-weight:bold;
	line-height:24px;
	float:left;
	padding-bottom:5px;
}
.company_list_pick1{
	color:#333;
	font-size:14px;
	line-height: 18px;
	height:54px;
}
.company_list_pick1 img{
	height:60px;
	margin-right:10px;
	float:left;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}
.company_list_pick1 a{
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height: 27px;
	height:54px;
	text-indent:15px;
}
.company_list_pick1 p{
	color:#666;
	font-weight: normal;
	font-size: 13px;
	line-height:24px;
	padding:0;
}

.company_list_pick1 span{
	color:#0000B2;
	font-weight: normal;
	text-decoration:underline;
	font-size: 12px;
}
.company_list_pick1 a:hover{
	background-color:#F3F7E5;
}
.company_list_pick1 img {
    width: 75px;
    height:auto;
    margin-right: 10px;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.company_list_pick2{
	color:#333;
	font-size:14px;
	line-height: 18px;
	height:80px;
	padding:7px;
}
.company_list_pick2 img{
	height:75px;
	margin-right:10px;
	float:left;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}
.company_list_pick2 p{
	color:#333333;
	font-weight: normal;
	font-size: 14px;
	line-height:27px;
}
.company_list_pick2 a{
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height: 22px;
	height:80px;
	text-indent:15px;
}
.company_list_pick2 span{
	color:#0000B2;
	font-weight: normal;
	text-decoration:underline;
	font-size: 12px;
	text-indent:15px;
}
.company_list_pick2 a:hover{
	background-color:#F3F7E5;
}
.company_list_pick2 img {
    width: 75px;
    height:auto;
    margin-right: 10px;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.tel{
	font-size:13px;
	line-height:16px;
}
.company_list_more a{
	color:#006600;
	font-size:14px;
}

/*ピックアップ*/
.search_botan{
	float:right;
	width:15%;
	margin-top:3px;
	}
.search_botan p {
	color: #FFFFFF;
	padding: 4px;
	font-size: 11px;
	line-height: 18px;
}
.search_botan_l{
	float:left;
	background-color:#FF2626;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	}
.search_botan a {
	display: block;
	text-align: center;
	width: 90px;
	height: 22px;
	text-decoration: none;
}
.search_botan_r{
	float:right;
	background-color:#85B200;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	}
.search_botan_r a:link{
	background-color: #FF7373;
	}
.search_botan_r a:hover{
	background-color: #FF7373;
	}


/* table　start*/

.res-table{
	width:100%
	font-size:14px;
	border:#CCC 1px solid;
	margin-bottom: 20px;
	margin-top:20px;
}
.res-table tr{
	border-bottom:#CCC 1px solid;
}
.res-table tr:last-child{
	border:none
 }
.res-table th{
	width: 15%;
	padding: 5px 10px;
	display: table-cell;
	 border-right: #d2d7e6 1px solid;
	background-color:#EEEEEE;
	text-align: left;
}

.res-table td{
	width:40%;   
	padding:5px 10px;
	display:table-cell;
	text-align: left;
	border-bottom:1px #CCC solid;
}

.res-table img{
	width:98px;
}
/* table　start*/




/* 簡便のために全要素のマージンとパディングを0に */
* {
margin:0;
padding:0;
}

/* 商品一覧エリアの背景 */
#item-list {
}

/* クリアフィックス */
#item-list ul:after {
	content:"";
	clear:both;
	display:block;
}

/* 商品一覧のリストの設定 */
#item-list ul li {
	width:32%;
	height:50px;
	display:block;
	float:right;
	list-style-type:none;
	background:#F0F0F0;
	margin-bottom:10px;
	text-indent:50px;
}

#item-list ul li:nth-child(3n-1) {
	margin:0 2%;
}

#item-list p{
	font-size:12px;
	line-height:28px;
	text-indent:60px;
	padding:5px;
}
#item-list span{
	font-size:10px;
	line-height:12px;
	text-indent:60px;
}

#item-list img {
	float: left;
	width: 50px;
}
#item-list ul li a:link{
	text-decoration:none;
	text-align: left;
	display:block;
	text-indent:-5px;
}
#item-list ul li a:hover{
	text-decoration:none;
	color:#2DB200;
	text-align: left;
}

.name{
	font-size:14px;
	line-height:48px;
	float:right;
	width:150px;
	text-align:left;
}
