@charset "utf-8";


/* campany page layout css */

/* 
  author : tetsuya yamashita
  date : 2009/3/2
 */

/******************  Campany Page CSS ************************/

/* *** 左メニューエリア *** */

#sidebar{
	float: left;
	width: 230px;
	height: 100%;
	padding-top: 20px;
}

#sidebar h2{
	background: url(../_mimg/top-images/sidebar-h2.gif) repeat-x;
	height: 25px;
	padding-left: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 170%;
}

#sidebar li{
	line-height: 220%;
	height: 30px;
	padding-left: 22px;
	border-bottom: 1px solid #E3E3E3;
	background: url(img/side-li.jpg) no-repeat left;
}
/********************  会社系ページスタイル  *************************/

#company-content{
	padding: 20px 20px 0px 20px;
	margin-left: 235px;
}
#company-content p{
	margin: 6px 20px 6px 15px;
}
#company-content h2{
	background: url(img/comp-h2.gif) no-repeat left;
	height: 45px;
	padding-left: 30px;
	font-size: 16px;
	line-height: 270%;
	font-weight: bold;
	color: #0033FF;
}
#company-content h3{
	background: url(img/comp-h3.gif) no-repeat left;
	font-size: 13px;
	height: 30px;
	padding-left: 25px;
	line-height: 230%;
	margin: 15px 0;
	color: #0033FF;
}
#company-content h3.honsha{
	background: url(img/comp-h3-honsha.gif) no-repeat left;
	text-indent: -9999px;
}
#company-content h3.saitama{
	background: url(img/comp-h3-saitama.gif) no-repeat left;
	text-indent: -9999px;
}
#company-content h3.kita{
	background: url(img/comp-h3-kita.gif) no-repeat left;
	text-indent: -9999px;
}
#company-content h3.higashi{
	background: url(img/comp-h3-higashi.gif) no-repeat left;
	text-indent: -9999px;
}
#company-content h4{
	font-weight: bold;
	color: #FF0000;
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px dotted #CC3300;
}

#company-content h5{
	font-weight: bold;
	color: #0066FF;
	font-size: 13px;
	padding: 5px;
}
#company-content ul{
	margin-left: 15px;
}
#company-content li{
	margin: 3px 0px;
	border-bottom: 1px dotted #0099FF;
	list-style: decimal inside;
}
#company-content table{
	margin-left: 25px;
}
#company-content table p{
	margin: 5px;
}
#company-content table th td{
	background: #FFF;
	padding: 8px 5px;
}

#company-content table td{
	border-bottom: 1px dotted #33CCFF;
}

#company-content .gry{
	background: #E6E6E6;
	border-bottom: 1px dotted #FFF;
}

#company-content .fLeft{
	float: left;
	width: 250px;
}

#company-content .fRight{
	float: right;
}

#company-content .date{
	font-weight: bold;
	width: 120px;
}

#company-content ul.w90parcent li{
	width: 90%;
	list-style: none;
	padding-left: 17px;
	line-height: 170%;
}

.comp-main-bg{
	background: url(../_mimg/tenpo/comp-index-bg.jpg) no-repeat center bottom;
	width: 640px;
	height: 480px;
}
/* 主要取引先リストスタイル */
#mainleft ul li{
	list-style: square inside;
}

/* リクルート */

a.web_magazine {
	background: url(../_mimg/tenpo/web_maga.gif) no-repeat top;
	display: block;
	height: 35px;
	width: 450px;
	text-decoration: none;
	text-indent: -9999px;
}

a:hover.web_magazine {
	background: url(../_mimg/tenpo/web_maga.gif) no-repeat bottom;
}



#company-content h3.blue{
	color: #FFFFFF;
	background: #3399FF;
	font-weight: bold;
}


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

  各店舗案内のメイン部分用CSS

  last_author : yusuke hata

  date : 2009/3/23

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

#map {
	width: 650px;
	height: auto;
	margin-top: 20px;
}

#map img {
	float: left;
}

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

 グランドトップからの店舗情報ページ設定

 ******************************************/
.shop-wrap{
	background: url(img/top-shops/BG.gif) repeat-y;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}
#shoplist-container{
	margin: 5px auto 0px;
	text-align: left;
	padding: 5 25px 25px;
	_width: auto;
}
#shoplist-container .header{
	text-indent: -9999px;
	height: 120px;
	background: url(img/top-shops/h1BG.jpg) no-repeat center;
	margin-top: 5px;
}
.shoplist-box-container{
	padding: 10px;
	height: 100%;
	width: auto;
	position: relative;
	border-bottom: 1px solid #999999;
}
.shoplist-box-container h2{
	font-size: 14px;
	font-weight: bold;
	padding: 2px 2px 2px 15px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.shoplist-box-container h3{
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}
.shoplist-box-container h4{
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #CCCCCC;
	background: #FFF;
}
.shop-info{
	background: #CCFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.posiotion-box{
	position: relative;
	height: 280px;
	margin-left: 25px;
	margin-right: 25px;
}
.img-cont{
    width: 230px;
	_width: 220px;
	padding-right: 33px;
	background: url(img/top-shops/triangle.gif) no-repeat right top;
	position: relative;
	z-index: 20;
}
.shoplist-box-container a img{
}
.shop-img-box{
	width: 200px;
	height: 100%;
	padding: 10px;
	border: 5px solid #666;
	background: #EBEBEB;
}
.shop-content-box{
	padding: 10px 15px 15px;
	border: 1px solid #CCCCCC;
	background: #EBEBEB;
	margin-left: -1px;
	z-index: 1;
	width: 530px;
	position: absolute;
	left: 263px;
	top: 16px;
}
.shop-content-box p{
	line-height: 160%;
	margin: 3px 0 6px 0;
}

/* 住所情報 */
table.ADD-box{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	text-align: left;
	float: left;
	margin-right: 7px;
	_margin-top: 7px;
	width: 385px;
}
table.ADD-box p{
	color: #333333;
	padding: 0 5px;
	line-height: normal;
}
table.ADD-box td{
	border: 1px solid #999999;
}
.add, .tel, time, .map{
	padding-left: 5px;
	font-weight: normal;
}
.phone {
	font-size: 13px;
	font-weight: bold;
}
.info{
}
.map{
}
.moreinfo{
	margin: 5px 0px;
	text-align: right;
}
.blog {
	background: url(img/top-shops/blog.gif) no-repeat right;
	padding: 3px 15px 3px 0;
}
.google{
	background: url(img/top-shops/google.jpg) no-repeat right;
	padding: 3px 15px 3px 0;
}

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

 リクルートテーブル

 ******************************************/
.recruit table{
	border: 1px solid #666666;
 }
.recruit table td{
} 
.recruit table p{
	border: none; !important
} 
/********************************************
 * 再利用クラス
 *******************************************/
a.quest{
	background: url(../_mimg/intel-images/quest.gif) no-repeat left;
	padding-left: 18px;
	display: block;
	float: right;
}

.underLine{
	border-bottom: 1px solid #999999;
}
.grayback{
	background: #DFDFDF;
	width: 80px;
}
/* 店舗画像 */
.imgleft{
	padding: 5px;
	clear: right;
	float: left;
	margin-right: 10px;
}