@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  index.css
 style info :  TOPページのCSS
  fonts
 10px = 83%     11px = 92%     12px = 100%     13px = 108%
 14px = 116%    15px = 123%    16px = 133%
=================================================================== */

/*----------------------------------------------------------------------------------
TOPページ
------------------------------------------------------------------------------------*/
/* TOPのみ背景が長い */
div#header_area {
	background: url(/images/common/bg_content_top.gif) 0 0 repeat-x;
	padding-bottom: 45px;
}

/*----------------------------------------------------------------------------------
flash_area
------------------------------------------------------------------------------------*/
/* フラッシュ表示時はJSで高さを上書き */
div#flash_area {
	text-align: center;
	height: 383px;
}

div#flash_area div.noscript {
	text-align: center;
}


/*----------------------------------------------------------------------------------
スライドショー
------------------------------------------------------------------------------------*/
div#flash_area div#flash div#photos {
	margin: 15px auto 0 !important;
}


/*----------------------------------------------------------------------------------
コンテンツ
------------------------------------------------------------------------------------*/
div#container_top_page {
	background: url(/images/common/bg_contents_top_1column.png) 0 0 no-repeat;
	padding: 15px 0 0;
	width: 960px;
	position: relative;
	margin: 0 auto;
	top: -30px;
}

div#container_top_page div#container_bottom {
	background: url(/images/common/bg_contents_bottom_1column.png) 0 bottom no-repeat;
	padding: 0 0 14px;
	line-height:0;
	
}

div#container_top_page div#container_center {
	background: url(/images/common/bg_contents_center_1column.png) 0 0 repeat-y;
	position: relative;
	padding: 10px 25px 10px 24px;
	width:911px;
	overflow:hidden;
	line-height:1;
}

div#container_top_page div#container_inner {
	background: url(/images/common/bg_side_top_page.gif) right 0 repeat-y;
}

div#container_inner:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#container_inner { display: inline-block; }
div#container_inner { display: block; }

div#container_top_page div#contents {
	width: 757px;
	float: left;
}

div#container_top_page div#side {
	width: 110px;
	padding: 10px;
	float: right;
	overflow:hidden;
}


/* 上部のバナー */

div#container_top_page div#contents div.top_bnr {
	margin-bottom: 26px;
}

div#container_top_page div#contents ul.top_bnr {
	margin: 0 -12px 0 0;
	width: 769px;
	overflow: hidden;
	_zoom: 1;
}

div#container_top_page div#contents ul.top_bnr:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#container_top_page div#contents ul.top_bnr { display: inline-block; }
div#container_top_page div#contents ul.top_bnr { display: block; }

div#container_top_page div#contents ul.top_bnr li {
	/* width: 243px; */
	margin-right: 12px;
	margin-bottom: 10px;
	float: left;
}

#top_fb {
	width: 243px;
	height: 244px;
	background: url(/images/index/btn_fb_bg.gif) no-repeat bottom;
}

/* 投稿記事表示ボックス */
div#container_top_page div#contents div.list_box {
	width: 363px;
	float: left;
	position: relative;
	padding-bottom: 28px;
}

div#container_top_page div#contents div#news {
	margin-right: 27px;
}

div#container_top_page div#contents div.list_box ul.btn_list {
	position: absolute;
	right: 8px;
	top: 0px;
	width: 90px;
	height: 19px;
	text-align: right;
}

div#container_top_page div#contents div.list_box ul.btn_list li {
	display: inline;
	margin-left: 5px;
	line-height: 1.01;
}


div#container_top_page div#contents div.list_box dt {
	padding: 7px 67px 0 7px;
	color: #e83a27;
	font-weight: bold;
	line-height: 1.5;
	display: inline-block;
	position: relative;
}

* html div#container_top_page div#contents div.list_box dt {
	display: inline;
	_zoom: 1;
}

*:first-child+html div#container_top_page div#contents div.list_box dt {
	display: inline;
	_zoom: 1;
}

div#container_top_page div#contents div.list_box dt img{
	position: absolute;
	right: 0;
	top:0.75em;
}

div#container_top_page div#contents div.list_box dd {
	padding: 0 7px 7px;
	background: url(/images/common/bg_border01.gif) 0 bottom repeat-x;
}

div#container_top_page div#contents div.list_box dd img {
	margin: 0 5px;
	vertical-align: middle;
}

* html div#container_top_page div#contents div.list_box dd img {
	margin-top: -2px;
}



/* ページ下部のバナー */
div#container_top_page div#contents ul.bottom_bnr {
	clear: both;
	width: 778px;
	overflow: hidden;
	_zoom: 1;
}

div#container_top_page div#contents ul.bottom_bnr:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#container_top_page div#contents ul.bottom_bnr { display: inline-block; }
div#container_top_page div#contents ul.bottom_bnr { display: block; }

div#container_top_page div#contents ul.bottom_bnr li {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/*----------------------------------------------------------------------------------
SIDE
------------------------------------------------------------------------------------*/
div#container_top_page div#side div#shop_list h2 {
	margin-left:-1px;
	padding-bottom: 5px;
}


div#container_top_page div#side div#shop_list dl.bnr_list dt {
	padding: 5px 0 7px;	
}

div#container_top_page div#side div#shop_list dl.bnr_list dd {
	padding: 0 0 5px;
	font-size: 80%;
	line-height: 1.5;
}