@charset "shift-jis";
@import url("common.css");
@import url("lightbox.css");
@import url("../../styles-site.css");

/*
各ページ共通のスタイルについて
【目次】
・全体
	共通カテゴリリンク
・グロナビ
・左カラム
	記事関連
	ナビゲーション
・右カラム
・フッター
*/
/*-----------------------------------------------------------
	全体
-----------------------------------------------------------*/
#index,
#category,
#entry {
	background:#fff url(../img/common_bg.gif) no-repeat center top;
}
.main,
.header {
	position:relative;
	width:950px;
	margin:0 auto;
	overflow:visible;
}
.header {
	height:122px;
	background:url(../img/common_header_bg.gif) no-repeat;
}
.main {
	padding-bottom:65px;
	background:url(../img/common_main_bg.gif) no-repeat right bottom;
}
#left-clm,
#right-clm {
	float:left;
	overflow:visible;
	padding-bottom:23px;
}
#left-clm {
	width:700px;
}
#right-clm {
	width:220px;
	position:relative;
	top:1px;
	left:30px;
}


/*-----------------------------------------------------------
	ヘッダー
-----------------------------------------------------------*/
.logo {
	position:absolute;
	top:23px;
	width:300px;
	overflow:visible;
}
.logo a {
	display:block;
	width:300px;
	height:47px;
	overflow:visible;
}
.headerlink {
	position:absolute;
	top:2px;
	right:-1px;
	width:349px;
}
.headerlink a {
	display:block;
	float:left;
	height:14px;
}
.headerlink a.jp      { background:url(../img/btn_h_jp.gif) no-repeat;      width:93px; }
.headerlink a.cojp    { background:url(../img/btn_h_cojp.gif) no-repeat;    width:56px; margin-left:5px; }
.headerlink a.recruit { background:url(../img/btn_h_recruit.gif) no-repeat; width:55px; margin-left:10px; }
.headerlink a.about   { background:url(../img/btn_h_about.gif) no-repeat;   width:125px; margin-left:5px; }

.headerlink a.jp:hover      { background:url(../img/btn_h_jp_on.gif) no-repeat; }
.headerlink a.cojp:hover    { background:url(../img/btn_h_cojp_on.gif) no-repeat; }
.headerlink a.recruit:hover { background:url(../img/btn_h_recruit_on.gif) no-repeat; }
.headerlink a.about:hover   { background:url(../img/btn_h_about_on.gif) no-repeat; }

/*-----------------------------------------------------------
	左カラム
-----------------------------------------------------------*/

/*-------------------------------
	Entry関連
-------------------------------*/

#left-clm div.entry {
	position:relative;
	border:solid 3px #dfdfdf;
	margin-bottom:21px;
	background:#fff;
}


/*-------------------------------
	ナビゲーション
-------------------------------*/
#left-clm div.navi,
#left-clm div.navi-entry {
	position:relative;
	top:-7px;
	height:27px;
	overflow:hidden;
	text-align:center;
}
#left-clm div.navi em,
#left-clm div.navi a,
#left-clm div.navi-entry a.prev,
#left-clm div.navi-entry a.next {
	position:relative;
	top:-4px;
}
#left-clm div.navi img.prev,
#left-clm div.navi img.next,
#left-clm div.navi-entry img.prev,
#left-clm div.navi-entry img.next  {
	position:relative;
	top:3px;
	margin:0 4px;
}
#left-clm div.navi em,
#left-clm div.navi a,
#left-clm div.navi-entry a.prev,
#left-clm div.navi-entry a.next  {
	margin:0 4px;
	padding:5px 8px 4px;
	border:solid 1px #00b0ec;
}
#left-clm div.navi em {
	background:#00b0ec;
	color:#fff;
}
#left-clm div.navi a,
#left-clm div.navi-entry a.prev,
#left-clm div.navi-entry a.next {
	background:#fff;
	color:#00b0ec;
	text-decoration:none;
}
#left-clm div.navi a:hover,
#left-clm div.navi-entry a.prev:hover,
#left-clm div.navi-entry a.next:hover  {
	background:#cdecf6;
	color:#00b0ec;
}
/*エントリー用*/

#left-clm div.navi-entry {
	overflow:visible;
}
#left-clm div.navi-entry a.prev,
#left-clm div.navi-entry a.next {
	top:8px;
	margin:0 3px;
}
#left-clm div.navi-entry img.prev,
#left-clm div.navi-entry img.next {
	top:-4px;
}
#left-clm div.navi-entry .to-top {
	margin-left:8px;
	display:block;
	position:absolute;
	top:6px;
	left:0;
	background:url(../img/navi_icon_top.gif) no-repeat;
	padding:1px 0 0 20px;
	height:15px;
	overflow:visible;
}

/*-----------------------------------------------------------
	右カラム
-----------------------------------------------------------*/

/*-------------------------------
	カテゴリー
-------------------------------*/
#right-clm p.cat-header {
	width:220px;
	height:5px;
	background:url(../img/side_cat_header.gif) no-repeat;
}
#right-clm ul.category {
	margin:0;
	background:url(../img/side_cat_bg.gif) repeat-y;
}
#right-clm ul.category li {
	margin:0 0 0 4px;
	width:211px;
	background:#efefef url(../img/side_cat_li_bg.gif) no-repeat;
}
#right-clm ul.category a.catlink {
	display:block;
	width:146px;
	height:28px;
	padding-top:15px;
	padding-left:46px;
	padding-right:19px;
	background-repeat:no-repeat;
}
#right-clm ul.category a.gc {
	height:27px;
}
#right-clm p.cat-footer {
	width:220px;
	height:6px;
	background:url(../img/side_cat_footer.gif) no-repeat;
	margin-bottom:21px;
}


/*-------------------------------
	設置店舗
-------------------------------*/
#right-clm h3.shop {
	width:220px;
	height:43px;
	background:url(../img/side_shop_title.gif) no-repeat;
}
#right-clm ul.shop {
	padding:8px 8px 6px 11px;
	background:#e7e7e7;
	line-height:150%;
}
#right-clm ul.shop li {
	background:url(../img/side_shop_icon.gif) no-repeat left top;
	padding-left:16px;
}
#right-clm div.side-shoplink {
	padding:11px 0 7px;
	background:#d8d8d8;
	
}
#right-clm div.side-shoplink a.side-shoplink {
	display:block;
	width:144px;
	height:31px;
	margin:0 auto;
	background:url(../img/side_shoplink_btn.gif) no-repeat;
}
#right-clm div.side-shoplink a.side-shoplink:hover {
	background:url(../img/side_shoplink_btn_on.gif) no-repeat;
}
#right-clm p.shop-footer {
	width:200px;
	background:#e7e7e7 url(../img/side_shop_footer.gif) no-repeat bottom;
	padding:6px 10px 9px 10px;
	margin-bottom:21px;
	font-size:10px;
	color:#838383;
	line-height:120%;
}
/*-------------------------------
	QRコード
-------------------------------*/

#right-clm img.side-qr {
	margin:5px 6px 16px;
}

/*-------------------------------
	その他のリンク
-------------------------------*/

#right-clm a.side-bnr {
	margin-top:10px;
	display:block;
	width:220px;
	height:50px;
	background-repeat:no-repeat;
}
#right-clm a.jp       { background-image:url(../img/btn_side_jp.gif); }
#right-clm a.jp:hover { background-image:url(../img/btn_side_jp_on.gif); }
#right-clm a.tenkuban       { background-image:url(../img/btn_side_tenkuban.gif); }
#right-clm a.tenkuban:hover { background-image:url(../img/btn_side_tenkuban_on.gif); }
#right-clm a.welcome       { background-image:url(../img/btn_side_welcome.gif); }
#right-clm a.welcome:hover { background-image:url(../img/btn_side_welcome_on.gif); }
#right-clm a.recruit       { background-image:url(../img/btn_side_recruit.gif); }
#right-clm a.recruit:hover { background-image:url(../img/btn_side_recruit_on.gif); }


#right-clm a.rss {
	display:block;
	width:81px;
	height:16px;
	margin:6px 0 0 auto;
}

/*-----------------------------------------------------------
	フッター
-----------------------------------------------------------*/
#footer-link {
	padding-top:3px;
	height:16px;
	background:url(../img/footer_link_bg.gif) repeat-x;
	text-align:center;
	font-size:10px;
	color:#7e7e7e;
}
#footer {
	width:100%;
	height:56px;
	background:url(../img/footer_bg.gif) repeat-x;
}
#footer div.footer {
	position:relative;
	margin:0 auto;
	padding-top:20px;
	padding-left:2px;
	width:950px;
	font-size:10px;
	color:#9e9d9e;
}
#footer img.footer {
	position:absolute;
	top:13px;
	right:0;
}

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