@charset "utf-8";

/* =======================================================
	top.css
	*This document validates as CSS level 3

	Author: Mamico Tosa
	Last modified: [ 2013/03/05 ]
	CSS構成: TOP

	-----------------------------------------------------
	header				1000px
	#wrapper			1014px
	#content-header		980px + 34px
	#container			960px + 54px
		#main			701px
		#side 			223px
	footer
======================================================= */

/***************************************
TOC:
=1 : メインイメージ
=2 : メインエリア

***************************************/


/* メインイメージ
----------------------------------------------*/
#mainimage-content,
#seasons {
	width : 980px ;
	height : 432px ;
	position : relative ;
}
.seasons {
	width : 980px ;
	height : 432px ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
	z-index : 0 ;
}
.seasons.active { z-index : 1 ; }

#spring-view,
#summer-view,
#autumn-view,
#winter-view {
	width : 830px ;
	height : 432px ;
	position : relative ;
	float : left ;
}
.output {
	width : 830px ;
	height : 432px ;
	position : relative ;
}
.output li {
	width : 830px ;
	height : 432px ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
}

/* サイドサムネイル */
#spring-ctrl,
#summer-ctrl,
#autumn-ctrl,
#winter-ctrl{
	width : 150px ;
	height : 432px ;
	position : relative ;
	float : right ;
	background : #000000 ;
}
.tabs { padding : 10px 0 ; }
.tabs li {
	width : 140px ;
	height : 72px ;
	display : block ;
	padding : 3px 5px ;
	background : #000000 ;
}
.tabs li.active { background : #484848 ; }
.tabs li a {
	display : inline-block ;
	line-height : 72px ;
	text-align : center ;
}
.tabctrl {
	width : 140px ;
	height : 12px ;
	margin : 0 auto ;
	position : relative ;
	cursol : pointer ;
}
.tabup {
	background : url(../img-top/slide/up.gif) left top no-repeat ;
	top : 7px ;
}
.tabdown {
	background : url(../img-top/slide/down.gif) left top no-repeat ;
	bottom : 7px ;
}

/* 季節切り替え */
#seasons-ctrl {
	width : 152px ;
	height : 40px ;
	position : absolute ;
	top : 8px ;
	left : 8px ;
	background : url(../img-top/slide/seasons-bg-trans.png) ;
	z-index : 2 ;
	padding : 5px 0 5px 6px ;
}
#seasons-ctrl li {
	float : left ;
	margin-right : 5px ;
	opacity : 1 ;
}




/* メインエリア
----------------------------------------------*/
/* おすすめピックアップ ------ */
#pick-up {
	position : relative ;
	margin-bottom : 30px ;
}
#pick-up h1 { margin-bottom : 15px ; }
#pick-up ol + a {
	position : absolute ;
	top : 8px ;
	right : 0 ;
}

#pick-up ul,
#pick-up ol {
	width : 100% ;
	overflow : hidden ;
}
#pick-up li {
	float : left ;
	border : solid 1px #e1e1e1 ;
	border-right : none ;
	padding : 15px ;
}
#pick-up li:last-child { border-right : solid 1px #e1e1e1 ; }
#pick-up a {
	text-decoration : none ;
	color : #301004 ;
}
#pick-up a:hover { text-decoration : underline ; }

#pick-up a div.pickup_top {
	height: 240px;
	overflow: hidden;
}
#pick-up a div.pickup_btm {
	height: 105px;
	overflow: hidden;
}

#pick-up a p {
	padding : 10px 0 0 ;
	font-weight : bold ;
}

/* 大2個 */
#pick-up ul li {
	width : 318px ;
	border-bottom : none ;
	padding-right : 16px ;
}
#pick-up ul a p { font-size : 16px ;	font-size : 1.6rem ; }
#pick-up ul a + p {
	margin : 10px 0 ;
	mine-height : 4.2em ;
}
#pick-up ul p + p { text-align : right ; }

/* 小4個 */
#pick-up ol li { width : 144px ; }
#pick-up ol p { min-height : 4.5em ; }



/* お知らせ */
#news {}
#news ul {
	border : solid 1px #e1e1e1 ;
	border-top : none ;
	padding : 20px ;
}
#news li {
	background : url(../img-top/border-01.png) left bottom repeat-x ;
	padding : 0 0 13px ;
	margin-bottom : 13px ;
}
#news li:last-child { margin-bottom : 0 ; }
#news time,
#news a {
	display : inline-block ;
	vertical-align : top ;
}
#news time {
	background : url(../img-top/arrow-01.png) 3px center no-repeat ;
	padding : 0 0 0 20px ;
	width : 110px ;
	color : #333333 ;
}
#news a {
	width : 520px ;
	font-size : 14px ;	font-size : 1.4rem ;
	text-decoration : none ;
}
#news a:hover { text-decoration : underline ; }