@charset "UTF-8";

@import url("../../common/css/common.css");

/* --------------------------------------------------------------------------------------
 企業情報
--------------------------------------------------------------------------------------- */

h1 {
	margin: 0 0 30px 0;
}

/* Box ------------------------------ */

div#leftBox {
	float: left;
	width: 662px;
}

div#leftBox div.ctList {
	width: 662px;
	margin: 0 0 0 20px;
}

div#leftBox div.ctListBox {
	float: left;
	width: 200px;
	height: 190px;
	margin: 0 20px 0 0;
}

div#leftBox div.ctListBox h2 {
	margin: 0 0 10px 0;
}

div#leftBox div.ctListBox p {
	margin: 5px 0 0 0;
}


/* snavi ------------------------------ */

div#rightCorporate div.linkList {
	margin: 0 0 10px 0;
	padding: 0 3px 3px 3px;
	background: url(../img/bg_right.gif);
}

div#rightCorporate div.linkList h2 {
	padding: 10px 0 10px 13px;
}

div#rightCorporate div.linkList ul {
	background: #ffffff;
	padding: 0 0 7px 0;
}

div#rightCorporate div.linkList ul li {
	margin: 0 10px;
	padding: 7px 0;
	background: url(../../common/img/dotline01.gif) repeat-x left bottom;
}

div#rightCorporate div.linkList ul li.last {
	padding: 7px 0 0 0;
	background: none;
}

div#rightCorporate div.linkList ul li a {
	padding: 0 0 0 12px;
	background: url(../../common/img/icon_arw01.gif) no-repeat 0.1em .3em;
	color: #555555;
	text-decoration: none;
}

div#rightCorporate div.linkList ul li a:link {
	color: #333333;
}
div#rightCorporate div.linkList ul li a:visited {
	color: #333333;
}
div#rightCorporate div.linkList ul li a:hover {
	color: #ea3421;
	text-decoration: underline;
}
div#rightCorporate div.linkList ul li a:active {
	color: #ea3421;
	text-decoration: underline;
}




/* Bnr ------------------------------ */

div#rightCorporate {
	float: right;
	width: 200px;
}

div#rightCorporate ul.bnrLink {
	text-align: center;
}

div#rightCorporate ul.bnrLink li {
	margin: 0 0 5px 0;
}

div#rightCorporate ul.bnrLink li.margin26 {
	margin: 0 0 26px 0;
}


/* News ------------------------------ */

div.newsBox {
	margin: 0 0 0 20px;
}

dl.news {
	margin: 14px 16px 0 8px;
}

dl.news dt {
	float: left;
	width: 135px;
	margin: 0 0 0 0;
	padding:0 0 10px 10px;
	background: url(../../common/img/icon_arw01.gif) no-repeat 0 .3em;
	color: #e60011;
	font-weight: bold;
}

dl.news dt span {
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
}

/*\*/
dl.news dt {
	clear: both;
}
/**/

dl.news dd {
	float: left;
	width: 450px;
	margin: 0 0 0 0;
	padding: 0 0 10px 10px;
}

/*\*/
* html dl.news dd {
	float: none;
}
/**/

*:first-child + html dl.news dd {
	float: none;
}

dl.news:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.news { display:inline-block; }
/*\*/
* html dl.news { height:1%; }
dl.news { display:block; }
/**/

dl.news dd img.news_icon {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	vertical-align: baseline;
}

p.news-list {
	text-align: right;
	margin-right: 20px;
	/*background: url(../../common/img/icon_arw01.gif) no-repeat 41em .6em;*/
}


/* News　一覧 ------------------------------ */

div.news-box {
	padding: 0;
}

dl.news-list-b {
	margin: 14px 16px 0 16px;
	border-bottom: dotted 1px #666666;
	padding-bottom: 5px;
}

dl.news-list-b dt,
dl.news-list-b dd {
	line-height: 120%;
	border-top: dotted 1px #666666;
}

dl.news-list-b dt {
	float: left;
	width: 135px;
	margin:0;
	padding: 15px 0 15px 10px;
	background: none;
	color: #e60011;
	font-weight: bold;
}

dl.news-list-b dt span {
	margin: 0 0 0 10px;
}

dl.news-list-b dt.list-top {
	float: left;
	width: 75px;
	margin:0;
	padding: 15px 0 15px 10px;
	background: none;
	color: #e60011;
	font-weight: bold;
	border-top: none;
}


/*\*/
dl.news-list-b dt {
	clear: both;
}
/**/

dl.news-list-b dd {
	float: left;
	width: 420px;
	margin:0;
	padding: 15px 0 15px 10px;
}

/*\*/
* html dl.news-list-b dd {
	float: none;
}
/**/
*:first-child + html dl.news-list-b dd {
	float: none;
}

dl.news-list-b dd.list-top {
	float: left;
	width: 500px;
	margin:0;
	padding: 15px 0 15px 10px;
	border-top: none;
}

/*\*/
* html dl.news-list-b dd.list-top {
	float: none;
}
/**/
*:first-child + html dl.news-list-b dd.list-top {
	float: none;
}

dl.news-list-b:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.news-list-b { display:inline-block; }
/*\*/
* html dl.news-list-b { height:1%; }
dl.news-list-b { display:block; }
/**/

dl.news-list-b dd img.news_icon {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}


p.next {
	text-align: right;
	margin: 15px 0 0 20px;
}


/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

div#leftBox div.ctleft {
	width: 620px;
	margin: 0 0 0 30px;
}

div#leftBox div.ctleft h2 {
	margin: 0 0 20px 0;
	padding: 0 0 12px;
	border-bottom: 2px solid #e60011;
	font-weight: bold;
	font-size: 140%;
}

div#leftBox div.ctleft h3 {
	margin-bottom: 10px;
	padding: 8px 12px;
	background: url(../img/h3_bg.gif) no-repeat left top;
	color: #c81a1d;
	font-weight: bold;
}

div#leftBox div.ctleft h4 {
	margin-bottom: 0px;
	color: #e60011;
}

div#leftBox div.ctleft ul {
	margin: 0 0 20px 30px;
}
div#leftBox div.ctleft ul li {
    list-style: disc;
}


div#leftBox div.ctleft p {
}

/* --------------------------------------------------------------------------------------
 ご挨拶
--------------------------------------------------------------------------------------- */

div#leftBox div.ctleft p.copy {
	margin: 30px 0;
}

div#leftBox div.ctleft p.name {
	text-align: left;
	margin: 30px 0;
}


div#leftBox div.ctleft p.message {
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------------------------
 企業メッセージ
--------------------------------------------------------------------------------------- */
div.c-message-box {
	width: 620px;
	margin: 0 0 0 0;
}

div.c-detail-box {
	width: 620px;
	margin: 0 0 0 0;
	text-align: center;
}

div.c-detail-menu {
	width: 620px;
	margin: 0 0 20px 0;
	text-align: right;
}


div.c-message_l {
	float: left;
	width: 240px;
}

div.c-message_c {
	float: left;
	width: 140px;
	padding-top: 40px;
	text-align: center;
}

div.c-message_r {
	float: left;
	width: 240px;
}

div.c-message-box p.copy {
	font-size: 86%;
}

div.c-message-box p.copy strong {
	color: #c81a1d;
	font-size: 160%;
}






/* --------------------------------------------------------------------------------------
 会社概要・沿革
--------------------------------------------------------------------------------------- */

/* 会社概要 ------------------------------ */

div.ctleft table.about {
	width: 400px;
	margin-bottom: 30px;
	border-collapse: separate;
}

div.ctleft table.about th {
	width: 25%;
	padding: 6px 0px 6px 15px;
 	background: #f8f8f8;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ccc;
	vertical-align: top;
}

div.ctleft table.about td {
	width: auto;
	padding: 7px 0px 7px 10px;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #ccc;
}


/* 沿革 ------------------------------ */

div.ctleft table.history {
	width: 400px;
	margin-bottom: 30px;
	border-collapse: separate;
}

div.ctleft table.history th {
	width: 25%;
	padding: 6px 0px 6px 15px;
 	background: #f8f8f8;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ccc;
	vertical-align: top;
}

div.ctleft table.history td {
	width: auto;
	padding: 7px 0px 7px 10px;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #ccc;
}

div.ctleft div.h-tb {
	float: left;
	width: 400px;
}

div.ctleft div.h-pic {
	float: right;
	width: 200px;
}

div.ctleft div.h-pic p{
	margin: 0 0 10px 0;
	font-size: 86%;
}

div.ctleft div.h-pic p span{
	display: block;
	padding: 1px 0 0 12px;
	background: url(../img/arw_red2.gif) no-repeat 0 4px;
}



/* --------------------------------------------------------------------------------------
 企業理念
--------------------------------------------------------------------------------------- */
div#leftBox div.philosophy-box {
	width: 620px;
	margin: 0 0 30px 0;
}

div#leftBox div.philosophy-box h4 {
	margin: 20px 0 5px 0;
}

div#leftBox div.philosophy-box p {
	margin: 0 0 0 0;
}

div#leftBox div.philosophy-box ul {
	margin: 5px 0 20px 30px;
}





/* --------------------------------------------------------------------------------------
 店舗形態について
--------------------------------------------------------------------------------------- */
div#leftBox div.type-box {
	width: 620px;
	margin: 0 0 30px 0;
}

div#leftBox type-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#leftBox type-box { display:inline-block; }
/*\*/
* html div#leftBox type-box { height:1%; }
div#leftBox type-box { display:block; }
/**/

div#leftBox div.type-box div.txt{
	float: left;
	width: 390px;
	margin: 0;
}

div#leftBox div.type-box div.txt p{
	margin: 0 0 15px 0;
}

div#leftBox div.type-box div.pic{
	float: right;
	width: 200px;
	margin: 0;
}

div#leftBox div.type-box div.pic p{
	margin: 0 0 20px 0;
	font-size: 86%;
}

div#leftBox div.type-box div.pic p span{
	display: block;
	padding: 3px 0 0 12px;
	background: url(../img/arw_red2.gif) no-repeat 0 7px;
}

div#leftBox div.type-box div.etc {
	width: 588px;
	margin: 0;
	padding: 15px;
	border: 1px solid #ccc;
 	background: #f8f8f8;
}

* html div#leftBox div.type-box div.etc {
	width: 620px;
}




/* --------------------------------------------------------------------------------------
 人材育成
--------------------------------------------------------------------------------------- */
div#leftBox div.personnel-box {
	width: 620px;
	margin: 0 0 30px 0;
}

div#leftBox div.personnel-box div.txt{
	float: left;
	width: 390px;
	margin: 0;
}

div#leftBox div.personnel-box div.pic{
	float: right;
	width: 200px;
	margin: 0;
}

div#leftBox div.personnel-box div.pic p{
	margin: 0 0 20px 0;
	font-size: 86%;
}

div#leftBox div.personnel-box div.pic p span{
	color: #c81a1d;
}




/* --------------------------------------------------------------------------------------
 改善文化の定着
--------------------------------------------------------------------------------------- */
div#leftBox div.improvement-box {
	width: 620px;
	margin: 0 0 30px 0;
}

div#leftBox div.improvement-box p {
	margin: 0 0 10px 0;
}

div#leftBox div.improvement-box p.txt {
	width: 400px;
}



/* --------------------------------------------------------------------------------------
 ベイシアグループ
--------------------------------------------------------------------------------------- */

div#leftBox div.group-box {
	width: 620px;
	margin: 0 0 30px 0;
}

div#leftBox div.group-box p.shop-img {
	float: left;
	width: 190px;
	margin: 0 15px 10px 0;
	font-size: 86%;
}

div#leftBox div.group-box p.shop-img2 {
	float: left;
	width: 90px;
	margin: 0 12px 10px 0;
	font-size: 86%;
}

/* グループ店舗紹介 ------------------------------ */

div.group-box div.shopBox {
	float: left;
	width: 190px;
	margin: 0 20px 20px 0;
}

div.group-box div.shopBox_end {
	float: left;
	width: 190px;
	margin: 0 0 20px 0;
}


div.group-box div.shopBox h4,
div.group-box div.shopBox_end h4 {
	font-weight: bold;
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #ea3421;
}

div.group-box div.shopBox p,
div.group-box div.shopBox_end p {
	margin: 3px 0 0 0;
	font-size: 86%;
}

/* グループ概要 ------------------------------ */

div.ctleft table.group {
	width: 620px;
	margin-bottom: 30px;
	border-collapse: separate;
}

div.ctleft table.group th {
	width: 20%;
	padding: 6px 0px 6px 15px;
 	background: #f8f8f8;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ccc;
	vertical-align: top;
}

div.ctleft table.group td {
	width: auto;
	padding: 7px 0px 7px 10px;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #ccc;
}


/* --------------------------------------------------------------------------------------
 テナント情報
--------------------------------------------------------------------------------------- */
div#leftBox div.tenant-box {
	width: 620px;
	margin: 0 0 20px 0;
}

div#leftBox div.tenant-box p {
	margin: 0 0 10px 0;
}

div#leftBox div.ctleft table.tenant {
	width: 620px;
	margin-bottom: 20px;
	border-collapse: separate;
}

div#leftBox div.ctleft table.tenant th {
	width: 30%;
	padding: 5px 0 5px 10px;
 	background: #f9f8f5;
	border-bottom: 1px solid #ece0be;
	vertical-align: top;
}

div#leftBox div.ctleft table.tenant td {
	width: auto;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #ece0be;
}

div#leftBox div.ctleft table.tenant td.hd {
	width: auto;
	padding: 4px 0 4px 10px;
 	background: #ece0be;
	border-top: 1px solid #ece0be;
}

div#leftBox div.ctleft table.tenant td.hd p {
	margin: 0 0 0 0;
	padding-left: 20px;
	background: url(../img/arw_red.gif) no-repeat 0 50%;
	color: #c81a1d;
	font-weight: bold;
}

div#leftBox div.tenant-box2 {
	width: 620px;
	margin: 0 0 20px 0;
	padding: 20px 0;
	border: 1px solid #ece0be;
 	background: #f9f8f5;
	text-align: center;
}

div#leftBox div.tenant-box2 strong {
	color: #c81a1d;
}


/* --------------------------------------------------------------------------------------
 テナント情報
--------------------------------------------------------------------------------------- */
div#leftBox div.cs-box {
	width: 620px;
	margin: 0 0 20px 0;
}

div#leftBox div.cs-box p.area {
	margin-left: 1.2em;
}
/* --------------------------------------------------------------------------------------
 ポップアップ
--------------------------------------------------------------------------------------- */

body#map-body {
	background: #FFFFFF;
	text-align: center;
}

div#map-wrap {
	width: 560px;
	height:100%;
	min-height: 100%;
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF;
}

body > div#map-wrap {
    height: auto;
}

div#map {
	width: 530px;
	margin: 0px;
	padding: 15px;
	background: #FFFFFF;
}

div#map:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#map { display:inline-block; }
/*\*/
* html div#map { height:1%; }
div#map { display:block; }
/**/

div#map div.map-area {
}


div#map div.map-area h1 {
	margin-bottom: 10px;
	padding: 8px 12px;
	background: url(../img/h3_bg.gif) no-repeat left top;
	color: #c81a1d;
	font-weight: bold;
	font-size: 120%;
}

div#map div.map-area h2 {
	font-weight: bold;
	border-bottom: dotted 1px #cccccc;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

div#map div.map-area ul {
	margin-bottom: 10px;
}

div#map div.map-area ul li {
	margin-bottom: 5px;
	line-height: 140%;
}

div#map div.map-area p {
	margin-top: 10px;
}


div#map div.map-area p.btn-close {
	text-align: right;
	margin: 2px 0 10px 0;
}


div#map-wrap address {
	border-top: #f4f3dc;
	padding: 15px 0;
	text-align: center;
}