@charset "UTF-8";

/*------------------

layout

------------------*/

body {
	text-align: center;
}

#dd, #contents, #ttl, #footer_inner {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* header
------------------------------------------------------------------------*/
#header {
	height: 26px;
	margin-bottom: 15px;
	background-color: #3a3a40;
}


/* dd menu */
#dd {
	height: 26px;
	/*background: url(../images/bg_gnavi_100128_on.gif) no-repeat 0 0;*/
}
#dd .mainmenu {
	float: left;
	position: relative;
	height: 26px;
}
#dd .mainmenu a.menu {
	display: block;
	overflow: hidden;
	height: 26px;
	text-indent: -9999px;
}
.mainmenu {
	position: relative;
	height: 26px;
}
.home {
	width: 119px;
	padding-right: 19px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat 0 0;
}
.home a {
	width: 119px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat 0 0;
}
.edg {
	width: 91px;
}
.edg a {
	width: 91px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -138px 0 ;
}
.edg a:hover,
#bodyId_edge .edg a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -138px 0 ;
}

.rpt {
	width: 91px;
}
.rpt a {
	width: 91px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -229px 0 ;
}
.rpt a:hover,
#bodyId_rpt .rpt a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -229px 0 ;
}

.dif {
	width: 91px;
}
.dif a {
	width: 91px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -320px 0 ;
}
/*.dif a:hover,
#bodyId_difference .dif a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -320px 0 ;
}*/

.seg {
	width: 91px;
	/*margin-right: 11px;*/
	margin-right: 84px;
}
.seg a {
	width: 91px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -411px 0 ;
}
.seg a:hover,
#bodyId_segment .seg a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -411px 0 ;
}
.inf {
	width: 68px;
	margin-right: 9px;
}
.inf a {
	width: 68px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -513px 0 ;
}
.inf a:hover,
#bodyId_inf .inf a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -513px 0 ;
}
.sho {
	width: 56px;
	margin-right: 9px;
}
.sho a {
	width: 56px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -590px 0 ;
}
.sho a:hover,
#bodyId_sho .sho a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -590px 0 ;
}
.rec {
	width: 46px;
	margin-right: 9px;
}
.rec a {
	width: 46px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -655px 0 ;
}
.rec a:hover,
#bodyId_rec .rec a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -655px 0 ;
}
.onl {
	width: 74px;
	margin-right: 9px;
}
.onl a#mmenu8 {
	width: 74px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -710px 0 ;
	line-height:1.6;
}
.onl a#mmenu8:hover,
#bodyId_onl .onl a {
	width: 74px;
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -710px 0 ;
}
.lin {
	width: 34px;
	/*margin-right: 9px; STAFF BLOGがないのでSEGMENTに加算*/
}
.lin a {
	width: 34px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -793px 0 ;
}
.lin a:hover,
#bodyId_lin .lin a {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -793px 0 ;
}

/*blog*/
.blg {
	width: 64px;
}
.blg a {
	width: 64px;
	background: url(../images/bg_gnavi_100128_off.gif) no-repeat -836px 0 ;
}
.blg a:hover {
	background: url(../images/bg_gnavi_100128_on.gif) no-repeat -836px 0 ;
}

.submenu {
	visibility: hidden;
	position: absolute;
	left: 0px;
	z-index: 100;
}
.submenu a {
	display: block;
	text-align: left;
}
.onl .submenu {
	visibility: hidden;
	position: absolute;
	top: 26px;
	left: -39px;
	z-index: 100;
}




#ttl {
	background: url(../images/bg_ttl.gif) no-repeat 0 bottom;
	margin-bottom: 14px;
}
#ttl p {
	margin-bottom: 25px;
}
#ttl p a {
	text-decoration: underline;
}

#ttl h1.ttlCol {
	width: 228px;
	height: 30px;
	background: url(../images/ttl_collection.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#ttl h1.ttlInf {
	width: 228px;
	height: 30px;
	background: url(../images/ttl_information.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#ttl h1.ttlSho {
	width: 228px;
	height: 30px;
	background: url(../images/ttl_shop_list.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#ttl h1.ttlSit {
	width: 228px;
	height: 30px;
	background: url(../images/ttl_site_map.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#ttl h1.ttlSit {
	width: 228px;
	height: 30px;
	background: url(../images/ttl_site_map.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#ttl h1.ttlRec {
	width: 228px;
	height: 30px;
	background: url(../images/ttl_recruit.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#ttl h1.ttlLin {
	width: 228px;
	height: 30px;
	background: url(../images/ttl_links.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#contents {
	display: block;
	overflow: auto;
	margin-bottom: 42px;
}
#main_area {
	float: right;
	width: 640px;
}
#item_pic {
	text-align: center;
}
#item_info {
	margin-top:14px;
	border: 1px dotted #858585;
	padding: 9px 9px 11px 9px;
	color: 666666;
}
#item_info h2 {
	margin-bottom: 10px; 
	padding-left: 5px;
	background-color: #f1f1f1;
	color: #333333;
	font-size: 12px;
	line-height: 21px;
}
#item_detaile {
	margin-bottom: 9px;
}
#item_info p span {
	color: #333333;
	font-weight: bold;
}
#item_comment {
	line-height: 1.4;
}
.ml1em {
	margin-left: 1em;
}
#sub_area {
	float: left;
	width: 260px;
}
#item_thubm_box {
	/*height: 395px;*/
}
.item_thubm {
	float: left;
	width: 70px;
	height: 70px; 
	margin: 0 9px 9px 0;
}
.item_thubm a img {
	border: 1px solid #B0B0B0;
}
#bodyId_edge .item_thubm a:hover img {
	border: 1px solid #DE5569;
}
#bodyId_difference .item_thubm a:hover img {
	border: 1px solid #66aee0;
}
#bodyId_segment .item_thubm a:hover img {
	border: 1px solid #c1c8ce;
}


#pagemore {
	clear: both;
	width: 226px;
	height: 13px;
	border: 1px solid #B0B0B0;
}
#pagemore .more {
	float: right;
	width: 40px;
	height: 13px;
}
#pagemore .back {
	float: left;
	width: 40px;
	height: 13px;
}
#pagemore li a {
	display: block;
	overflow: hidden;
	width: 40px;
	height: 13px;
	text-indent: -9999px;
}
#pagemore .back a {
	background: url(../images/page_back_off.gif) no-repeat 0 0;
}
#pagemore .back a:hover {
	background: url(../images/page_back_on.gif) no-repeat 0 0;
}
#pagemore .more a {
	background: url(../images/page_more_off.gif) no-repeat 0 0;
}
#pagemore .more a:hover {
	background: url(../images/page_more_on.gif) no-repeat 0 0;
}




#footer {
	height: 38px;
	clear: both;
	background: url(../images/bg_footer.gif) repeat-x 0 0;
}
#pagetop {
	width: 62px;
	height:13px;
	padding-left: 838px;
}
#pagetop a {
	display: block;
	overflow: hidden;
	width: 62px;
	height: 13px;
	background: url(../images/page_top_off.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#pagetop a:hover {
	background: url(../images/page_top_on.gif) no-repeat 0 0;
}
#sitemap {
	float: left;
	width: 56px;
	height: 9px;
	margin-top: 8px;
}
#sitemap a {
	overflow: hidden;
	display: block;
	width: 56px;
	height: 9px;
	background: url(../images/goto_sitemap_off.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#sitemap a:hover,
#bodyId_sit #sitemap a {
	background: url(../images/goto_sitemap_on.gif) no-repeat 0 0;
}
address {
	float: right;
	width: 166px;
	height: 5px;
	margin-top: 11px;
	background: url(../images/copyrights.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* information
---------------------------------------------------------------------------------*/
.entry {
	margin-bottom: 33px;
}
.entry_header {
	background: url(../images/bg_inf_ttl.gif) repeat 0 0;
	color: #FFFFFF;
	padding: 4px 4px;
	margin-bottom: 10px;
}

.entry_header h2 { 
	display: table-cell;
	vertical-align: middle;
	width: 480px;
	font-size: 12px;
	/*letter-spacing: 0.2em;*/
	line-height: 1.1;
	text-align: justify;
	text-justify: inter-ideograph;
}
.entry_header p {/*㉺񂹃nbN*/ 
	display: table-cell;
	vertical-align: middle;
	width: 152px;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 1.0;
	text-align: right;
}
/*IEpnbN*/
* html .entry_header p,
* html .entry_header h2 {/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html .entry_header p,
*:first-child+html .entry_header h2 {/* IE 7 */
display:inline;
zoom:1;
}
/*IEpnbN*/

.entry_contents p {
	margin-bottom: 1em;
	letter-spacing: 0.1em;
	line-height: 1.4;
}

.entry_contents p.photo {
	float: right;
	padding-left: 20px;
}

.entry_footer {
	clear: both;
	width: 58px;
	height: 9px;
	padding-left: 582px;
}
.entry_footer a {
	display: block;
	overflow: hidden;
	width: 58px;
	height: 9px;
	background: url(../images/entry_pgt_off.gif) no-repeat 0 0;
	text-indent: -9999px;
}
.entry_footer a:hover {
	background: url(../images/entry_pgt_on.gif) no-repeat 0 0;
}

/* shop list
---------------------------------------------------------------------------------*/
#bodyId_sit #ttl,
#bodyId_inf #ttl,
#bodyId_sho #ttl,
#bodyId_rec #ttl,
#bodyId_lin #ttl {
	margin-bottom: 30px;
}
.article {
	margin-bottom: 33px;
}
.article_header {
	background: url(../images/bg_inf_ttl.gif) repeat 0 0;
	color: #FFFFFF;
	padding: 4px 4px;
	margin-bottom: 15px;
}

.article_header h2 { 
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1.1;
	vertical-align: middle;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*IEpnbN*/
* html .article_header p,
* html .article_header h2 {/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html .article_header p,
*:first-child+html .article_header h2 {/* IE 7 */
display:inline;
zoom:1;
}
/*IEpnbN*/


#shop_list_navi {
	width: 228px;
	border-bottom: 1px dotted #babcc6;
}

#shop_list_navi li {
	border-top: 1px dotted #babcc6;
	padding: 8px 0;
}

#shop_list_navi li a {
	background: url(../images/allow_off.gif) no-repeat 0 0;
	line-height: 10px;
	padding-left: 13px;
}

#shop_list_navi li a:hover {
	background: url(../images/allow_on.gif) no-repeat 0 0;
}

.article_body {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #babcc6;
}
.article_body h3 {
	border-left: 3px solid #73737e;
	padding-left: 6px;
	color: #555555;
	margin-bottom: 3px;
}
.article_body .shop_detail {
	text-indent: 1em;
	line-height: 1.2;
	padding: 0;
}

/* site map
---------------------------------------------------------------------------------*/

.sitemap_list {
	width: 640px;
}
.sitemap_list dt {
	padding-bottom: 8px;
	margin-bottom: 30px;
	border-bottom: 1px solid #babcc6;
}
.sitemap_list dd dt {
	padding-bottom: 8px;
	margin-bottom: 11px;
	border-bottom: 1px solid #babcc6;
}
.sitemap_list dd {
	width: 490px;
	margin-left: 50px;
}
.sitemap_list dd dd {
	width: 490px;
	margin: 0 0 30px 0;
	padding-bottom: 8px;
}
.sitemap_list dt a {
	background: url(../images/allow_g.gif) no-repeat 0 center;
	line-height: 10px;
	padding-left: 13px;
}
.sitemap_list  dd dd a {
	background: url(../images/allow_w.gif) no-repeat 0 center;
	line-height: 10px;
	padding-left: 13px;
	margin-right: 30px;
}
#st_onl {
	background: url(../images/allow_g.gif) no-repeat 0 1px;
	line-height: 10px;
	padding-left: 13px;
	color: #888888;
	
}
#st_inf, #st_rec, #st_sho, #st_sit, #st_lin  {
	margin-bottom: 30px;
}/* CSS Document */



/* recruit
---------------------------------------------------------------------------------*/
#recruit_navi {
	width: 228px;
	border-bottom: 1px dotted #babcc6;
}

#recruit_navi li {
	border-top: 1px dotted #babcc6;
	padding: 8px 0;
}

#recruit_navi li a {
	background: url(../images/allow_off.gif) no-repeat 0 0;
	line-height: 10px;
	padding-left: 13px;
}

#recruit_navi li a:hover {
	background: url(../images/allow_on.gif) no-repeat 0 0;
}

#bodyId_rec .article_body {
	margin-bottom: 15px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

#bodyId_rec .article_body .article_head {
	border: 1px solid #ccc;
	/*background: #f4f4f4;*/
	margin-bottom: 10px;
}

#bodyId_rec .article_body .article_head h3 {
	margin: 4px;
	border-left: 3px solid #73737e;
	padding-left: 6px;
	color: #555555;
}

#bodyId_rec .article_body p {
	margin-left: 1em;
	color: #888;
}

#bodyId_rec .article_body .detail_line {
	line-height: 1.2;
	padding: 0;
}

#bodyId_rec .article_body table {
	width: 640px;
}

#bodyId_rec .article_body table td,
#bodyId_rec .article_body table th {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

#bodyId_rec .article_body table td.first_item,
#bodyId_rec .article_body table th.first_item {
	padding-top: 0px;
}

#bodyId_rec .article_body table td.last_item,
#bodyId_rec .article_body table th.last_item {
	border-bottom: none;
	padding-bottom: 0px;
}

#bodyId_rec .article_body table th {
	width: 70px;
}

#bodyId_rec .article_body table td {
	color: #888;
}


/* links
---------------------------------------------------------------------------------*/

.link_list {
	width: 640px;
}
.link_list li {
	padding-bottom: 8px;
	margin-bottom: 30px;
	border-bottom: 1px solid #babcc6;
}

.link_list li.last_item {
	margin-bottom: 0px;
}

.link_list li a {
	background: url(../images/allow_g.gif) no-repeat 0 center;
	line-height: 10px;
	padding-left: 13px;
}