@charset "utf-8";

/***************************************************
	スタイルシート
	about.css
	ページレイアウトスタイル定義
***************************************************/
#wrap {}

#contents {	background-color: #FFFFFF;}

#headline {	padding: 10px 0 0;}
#headline ul {
	padding: 0 0 6px 13px;
	background: url(../about/img/main_bg.jpg) 0 0 no-repeat;
}
#headline ul li {
	float: left;
	width: 132px;
}
#headline ul li a {
	display: block;
	height: 27px;
	text-indent: -9999px;
}
#headline ul li.n01 a {	background: url(../about/img/tab01.png) 0 -27px no-repeat;}
#headline ul li.n02 a {	background: url(../about/img/tab02.png) 0 -27px no-repeat;}
#headline ul li a:hover {	background-position: 0 0;}

#snavi {
	width: 260px;
	margin-top: 19px;
	padding-left: 15px;
}
#snavi #press,
#snavi #voice {
	width: 260px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	background: url(../img/index/press_bg.png) 0 100% no-repeat;
}
#snavi #press,
#snavi #voice {
	width: 260px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	background: url(../voice/img/category_bg.png) 0 100% no-repeat;
}
#snavi #press h3,
#snavi #voice h3 {	margin-bottom: 2px;}
#snavi #press iframe,
#snavi #voice iframe {
	width: 260px;
	height: 90px;
}

#main {	margin-top: 20px;}
#main h3.title {	margin-bottom: 10px;}

#main p.pgtp {	margin-right: 0;	margin-bottom: 20px;}

/* 会社概要　.about
------------------------------------------------------------ */
#wrap.about #headline ul li.n01 a {	background-position: 0 0;}

#wrap.about #snavi .okobuyasan {	margin-bottom: 10px;}
#wrap.about #snavi .okobuyasan a {
	display: block;
	width: 260px;
	height: 226px;
	text-indent: -9999px;
	background: url(../about/img/okobuyasan.jpg) 0 0 no-repeat;
}
#wrap.about #snavi .okobuyasan a:hover {	background-position: 0 -226px;}

#wrap.about #main .box02 h3.title {	margin-bottom: 0;}

#wrap.about #main table {	width: 100%;}
#wrap.about #main th {
	padding: 3px 15px;
	background-color: #f0f0e1;
	color: #554114;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	vertical-align: top;
	white-space: nowrap;
}
#wrap.about #main td {
	padding: 3px 15px;
	border-bottom: 1px dotted #d2d2af;
	vertical-align: top;
}
#wrap.about #main td dfn {	color: #876e2d;}
#wrap.about #main .end th,
#wrap.about #main .end td {	border: none;}

/* お店アクセス　.access
------------------------------------------------------------ */
#wrap.access #gnavi li.n02 a {	background-position: 0 -56px;}
#wrap.access #headline ul li.n02 a {	background-position: 0 0;}

#wrap.access #snavi #shopList {
	margin-bottom: 10px;
	background: url(../about/img/access/shop_bg.png) 0 100% no-repeat;
}
#wrap.access #snavi #shopList ul {	padding: 5px 0 9px 20px;}
#wrap.access #snavi #shopList li {
	float: left;
	width: 115px;
	padding: 1px 0;
}
#wrap.access #snavi #shopList li.head {
	float: none;
	width: auto;
}

#wrap.access #snavi #shopList li a {
	padding-left: 15px;
	background: url(../about/img/access/ico02.png) 0 50% no-repeat;
}
#wrap.access #snavi #shopList li a:hover {
	color: #46739b;
	background: url(../about/img/access/ico03.png) 0 50% no-repeat;
}
#wrap.access #snavi #shopList li.head a,
#wrap.access #snavi #shopList li.head a:hover {
	background: url(../about/img/access/ico01.png) 0 50% no-repeat;
}

#wrap.access #main .map {
	float: left;
	width: 266px;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #cddcf0;
	background-image: url(../about/img/access/map_bg.png);
}
#wrap.access #main .map div {	border: 3px solid #cddcf0;}
#wrap.access #main .map p.btn {
	padding-top: 5px;
	text-align: center;
}
#wrap.access #main .map p.btn a {
	display: block;
	width: 144px;
	height: 24px;
	margin: 0 auto;
	background: url(../about/img/access/btn_look.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#wrap.access #main .map p.btn a:hover {	background-position: 0 -24px;}
#wrap.access #main th {
	width: 77px;
	padding: 3px 5px 3px 15px;
	background-color: #f5f5eb;
	color: #554114;
	border-bottom: 1px solid #ffffff;
	vertical-align: top;
}
#wrap.access #main th.bl {	border-left: 1px solid #ffffff;}
#wrap.access #main td {
	padding: 3px 0;
	background-color: #f5f5eb;
	border-bottom: 1px solid #ffffff;
	vertical-align: top;
}

#wrap.access #main p.parking {
	width: 8em;
	margin-top: -5px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
}

#wrap.access #main .detail {
	float: right;
	width: 295px;
}
#wrap.access #main .detail table {	width: 295px;	margin-bottom: 15px;}

#wrap.access #main .route {	margin-bottom: 20px;}
#wrap.access #main .route h4 {	padding-bottom: 5px;}
#wrap.access #main .route h4.n02 {	padding-top: 15px;}
#wrap.access #main .route p {
	margin-left: 35px;
	margin-bottom: 3px;
	padding-left: 18px;
	background: url(../about/img/access/ico04.png) 0 0.3em no-repeat;
}
#wrap.access #main .route p dfn {
	font-weight: bold;
	color: #46739b;
}
#wrap.access #main .route p.info {
	padding-top: 10px;
	padding-left: 0;
	font-weight: bold;
	background-image: none;
}

/* shop01 */
#wrap.access #main #shop01 p.image {
	float: right;
	width: 280px;
}
#wrap.access #main #shop01 table {	width: 100%;	margin-bottom: 15px;}



