@charset "utf-8";
/* ---------------------------------- */

/*
 * Dailyrusset
 * 2012
 *
 * shared.css
 *
 *
 */

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


/*
 *  TABLE OF CONTENTS
 *
 *  @Body
 *  @Wrapper
 *  @Navigation
 *  @Header
 *  @Footer
 *
 */


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

/* @Body
===========*/
body {
	background: #fff;
	color: #333333;
	font-size: small;
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
	vertical-align: baseline;
}


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

/* @Wrapper
===========*/
#wrapper {
	width: 982px;
	margin: 0 auto;
	padding: 20px;
}


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

/* @Header
===========*/
#header {
	width: 100%; margin-bottom: 10px;
	background: url(../images/shared/bg_header_top.gif) no-repeat 0 0; /*緑縁上部*/
}

#header_inner {
	padding: 15px 0 10px;
	border-right: 10px solid #225942; border-left: 10px solid #225942; /*リピート用ボーダー*/
	background: url(../images/shared/bg_header_bottom.gif) no-repeat center bottom; /*緑縁下部*/
}

#header_contents {
	position: relative;	height: 130px;
	border-left: 5px solid #cac3bb; /*陰影リピート*/
	background: url(../images/shared/bg.gif) repeat; /*横線背景リピート（ベージュ縞々）*/
}

#header h1 {
	position: absolute;
	top: 15px; left: 405px;
}

#header h2 {
	position: absolute;
	bottom: 10px; right: 10px;
}

#header ul {
	position: absolute;
	right: 10px; top: 5px;
}

	#header ul li {
		float: left;
		margin-left: 7px;
	}


#header .hNavi_shopList {
	position: absolute;
	top: 31px; right: 10px;
	border-top: 1px solid #987946;
	padding: 7px 0 8px;
	border-bottom: 1px solid #987946;
}

#header .hNavi_mm {
	position: absolute;
	top: 66px; right: 9px;
	padding-top: 7px;
}



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

/* @Contents
===========*/
#contents {
	width: 962px; /*982 - 左右線幅*/
	border-right: 10px solid #225942; border-left: 10px solid #225942; /*リピート用ボーダー*/
	background: url(../images/shared/bg.gif) repeat; /*横線背景リピート（ベージュ縞々）*/
}

#contents_inner {
	background: url(../images/shared/bg_contents_top.gif) no-repeat -10px 0; /*緑縁上部*/
	padding-top: 15px;
}

#contents_contents {
	background: url(../images/shared/bg_contents.gif) repeat-y center;
	overflow: hidden;
	clear: both;
	_height: 1%;
}


/* right-area */
#right-area {
	float: right;
	width: 233px;
}

/* 各ボックスのベース */
.eachBox {
	background: url(../images/shared/bg_shortLine.gif) no-repeat 0 0;
	width: 233px;
	overflow: hidden;
}

.eachBox_inner {
	margin-top: 15px;
	border-left: 5px solid #cac3bb; /*陰影リピート*/
}

.eachBox h2 {
	border-bottom: 2px solid #225942;
	padding-bottom: 10px;
}


/* 各要素 - ITEM以外共通 */
.etc_inner {
	padding: 10px 4px 16px;
	min-height: 259px;
	_height:259px;
}

.etc_inner dl {
	clear: both;
	overflow: hidden;
	border-bottom: 1px dashed #225942;
	padding: 11px 5px;
	_height: 50px;
}

.listOuter dl:last-child {border-top: none;}

	.etc_inner dl dt {
		float: left;
		width: 43px;
		text-align: center;
		overflow: hidden;
	}

	.etc_inner dl dd {
		float: right;
		width: 160px;
	}

	.etc_inner dl dd .date {
		display: block;
		color: #a37e39;
	}


/* 各要素 - ITEM CATEGORY */
.item-category {
	top: 0;	left: 729px;
	height: 267px !important;
}

.item-category .eachBox_inner {
	height: 242px;
	min-height: 242px;
	padding-bottom: 0;
}

.item-category ul {
	position: relative;
}

	.item-category ul li {
		position: absolute;
	}

	.item-category ul li a {
		display: block;
		background: url(../images/shared/iNavi.gif) no-repeat 0 0;
		width: 142px;
		height: 29px;
		overflow-y: hidden;
		text-indent: -9999px;
	}

	.item-category ul li.bag {top: 25px; left: 35px;}
	.item-category ul li.bag a {background-position: 0 0;}
	.item-category ul li.bag a:hover {background-position: -142px 0;}
	.bag .item-category ul li.bag a {background-position: -142px 0;}

	.item-category ul li.small-goods {top: 62px; left: 60px;}
	.item-category ul li.small-goods a {background-position: 0 -29px;}
	.item-category ul li.small-goods a:hover {background-position: -142px -29px;}
	.small-goods .item-category ul li.small-goods a {background-position: -142px -29px;}

	.item-category ul li.stationary {top: 100px; left: 20px;}
	.item-category ul li.stationary a {background-position: 0 -58px;}
	.item-category ul li.stationary a:hover {background-position: -142px -58px;}
	.stationery .item-category ul li.stationary a {background-position: -142px -58px;}

	.item-category ul li.accessory {top: 136px; left: 45px;}
	.item-category ul li.accessory a {background-position: 0 -87px;}
	.item-category ul li.accessory a:hover {background-position: -142px -87px;}
	.accessory .item-category ul li.accessory a {background-position: -142px -87px;}

	.item-category ul li.others {top: 173px; left: 31px;}
	.item-category ul li.others a {background-position: 0 -116px;}
	.item-category ul li.others a:hover {background-position: -142px -116px;}
	.others .item-category ul li.others a {background-position: -142px -116px;}

/* 各要素 - TOPIC */
.topic {
	top: 267px;	left: 729px;
}
.topic .etc_inner {
	height: 292px;
	/*min-height: 280px;*/
	/*min-height: inherit;*/
}
.topic.eachBox {
	height: 333px;
}
.topic .eachBox_inner div {
	padding: 12px 9px 0;
}

/* 各要素 - ONLINE STORE */
.ec {position: relative;}

.ec ul {
	margin: 20px 0 0;
}

	.ec ul li {
		padding-bottom: 17px;
	}
	.ec ul li img {
		vertical-align: bottom;
	}

.ec .badge_buy {
	position: absolute;
	top: 45px;
	right: 5px;
}

/* 各要素 - LINK */
.link {}

.link ul {
	margin: 20px 0 0;
}

	.link ul li {
		padding-bottom: 20px;
	}
	.link ul li img {
		vertical-align: bottom;
	}


/* left-area */
#left-area {
	width: 719px;
	background: url(../images/shared/bg_left_top.gif) no-repeat 0 0;
	float: left;
}

/* main */
#main {
	border-left: 5px solid #cac3bb; /*陰影リピート*/
	margin-top: 15px;
	padding: 20px 4px;
}

#main h2 {
	border-bottom: 2px solid #225942;
	padding-bottom: 20px;
}

#main h3 {
	border-bottom: 1px solid #225942;
	color: #225942;
	padding: 15px 0;
}

#main_inner {
	padding: 30px 30px 0;
}

#main_inner h2 {
	border-bottom: none;
	padding-bottom: 5px;
}

#main_inner .date {
	color: #a37e39;
}


/* PAGENAVI */
.pageNavi {
	width: 195px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 0;
}


/* ARCHIVES */
.archives ul {
	padding: 10px 5px;
}

	.archives ul li {
		padding: 0 0 5px;
		_height: 16px;
	}

	.archives ul li a {
		background: url(../images/shared/icon_arrow.png) no-repeat 0 2px;
		padding: 0 0 0 13px;
		height: 13px;
		overflow-y: hidden;
		_height: 16px;
	}

	.archives ul li a:hover {
		background-position: 0 -31px;
	}


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

/* @Gnav
===========*/
#gNavi {
	padding: 7px 0 6px 2px;
	overflow: hidden;
	_height: 23px;
}

#gNavi li {
	float: left;
}

#gNavi li a {
	display: block;
	background: url(../images/shared/gNavi.png) no-repeat 0 0;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	width: 192px;
}

#gNavi li.news a       {background-position: 0 0;}
#gNavi li.news a:hover {background-position: 0 -24px;}
#news #gNavi li.news a {background-position: 0 -24px;}

#gNavi li.concept a          {background-position: -192px 0;}
#gNavi li.concept a:hover    {background-position: -192px -24px;}
#concept #gNavi li.concept a {background-position: -192px -24px;}

#gNavi li.item a       {background-position: -384px 0;}
#gNavi li.item a:hover {background-position: -384px -24px;}
#item #gNavi li.item a {background-position: -384px -24px;}

#gNavi li.blog a       {background-position: -576px 0;}
#gNavi li.blog a:hover {background-position: -576px -24px;}
#blog #gNavi li.blog a {background-position: -576px -24px;}

#gNavi li.shop a        {background-position: -768px 0;}
#gNavi li.shop a:hover  {background-position: -768px -24px;}
#shop #gNavi li.shop a {background-position: -768px -24px;}



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

/* @Footer
===========*/
#footer {
	clear: both;
	width: 100%;
	padding-top: 15px;
	margin-bottom: 50px;
	background: url(../images/shared/bg_contents_bottom.gif) no-repeat 0 0; /*緑縁コンテンツ下部*/
}

#footer_inner {
	overflow-y: hidden;
	padding-bottom: 10px;
	border-right: 10px solid #225942; border-left: 10px solid #225942;
	background: url(../images/shared/bg_footer_bottom.gif) no-repeat -10px bottom; /*緑縁最下部*/
	_background: url(../images/shared/bg_footer_bottom.gif) no-repeat 0 bottom; /*緑縁最下部*/
}

#footer_contents {
	overflow: hidden;
	border-left: 5px solid #cac3bb; /*陰影リピート*/
	background: url(../images/shared/bg.gif) repeat; /*横線背景リピート（ベージュ縞々）*/
	_height: 36px;
}


#footer ul {
	float: left;
	padding: 10px;
	overflow: hidden;
}

	#footer ul li {
		float: left;
		padding: 0 10px;
	}


#footer p.small {
	text-align: right;
	float: right;
	padding: 10px;
}