@charset "shift_jis";

@import "base.css";
@import "header.css";
@import "common.css";


/* structure
----------------------------------------------------------------------*/
#wrapper { padding-top: 100px; }
#header {
	position: absolute;
	top: 0;
	left: 0;
}
#contents {
	width: 934px;
	background: none;
	margin-top: -30px;
	padding: 0;
}

.bg_pagetop { background: url(../images/top/bg_footer.png) left bottom repeat-x; }

/* TOP
----------------------------------------------------------------------*/
h2 { display: none; }
#top_slide {
	position: relative;
	height: 445px;
}
.img_slider {
	position: absolute;
	width: 100%;
	height: 445px; 
	background-position: center top;
	background-repeat: no-repeat;
}
#url {
	position: absolute;
	display: block;
	width: 100%;
	height: 445px; 
	top: 0;
	z-index: 9900;
}
#back, #next { z-index: 9999; }

@media print {
/*\*/
#img_sliders { visibility: hidden; }
/**/
}

.column {
	position: relative;
	width: 950px;
	margin: 0 auto;
	clear: both;
}
#txt_slide {
	display: none;
	position: relative;
	width: 177px;
	height: 38px;
}

.btn {
	position: absolute;
	width: 27px;
	height: 44px;
	top: 190px;
	cursor: pointer;
}
#back { background: url(../images/top/btn_back.png) left top no-repeat; left: 0; }
#back:hover { background: url(../images/top/btn_back_on.png) left top no-repeat; }
#next { background: url(../images/top/btn_next.png) left top no-repeat; right: 0; }
#next:hover { background: url(../images/top/btn_next_on.png) left top no-repeat; }

.information {
	width: 100%;
/*	height: 330px;*/
/*	height: 430px;*/
/*	height: 510px;*/
	height: 600px;
/*	height: 675px;*/
/*	height: 690px;*/
/*	height: 750px;*/
	background: url(../images/top/bg.png) left top repeat-x;
}
.info_column {
	width: 940px;
	margin: 0 auto;
	padding-top: 45px;
}

.news {
	float: left;
	width: 570px;
/*	height: 240px;*/
	height: 400px;
	background: url(../images/top/bg_news.png) left top no-repeat;
	background-size: 100% 100%;
	margin-bottom: 20px;
	padding: 25px 19px 0 30px;
}
.news h3 { margin-bottom: 15px; }
.news ul {
/*	height: 190px;*/
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
}
.news ul li {
	position: relative;
	width: 450px;
	background: url(../images/top/border.gif) left bottom no-repeat;
	margin-bottom: 9px;
	padding-bottom: 8px;
	padding-left: 100px;
}
.news ul li span {
	position: absolute;
	font-size: 11px;
	line-height: 17px;
	padding-left: 25px;
	top: 3px;
	left: 0;
}
.news ul li.recipe span { background: url(../images/top/ico_recipe.gif) left center no-repeat; }
.news ul li.particular span { background: url(../images/top/ico_particular.gif) left center no-repeat; }
.news ul li.products span { background: url(../images/top/ico_products.gif) left center no-repeat; }

.link {
	float: right;
	width: 304px;
}
.link p { margin-bottom: 5px; }

/* スマートチーズ10周年CP */
.btn_smart10th { background: url(../images/top/btn_smartcheese10th_off.png) left top no-repeat; }
.btn_smart10th:hover { background: url(../images/top/btn_smartcheese10th_on.png) left top no-repeat; }

@media print {
/*\*/
.btn_smart10th { visibility: hidden; }
/**/
}