@charset "UTF-8";

/*
Description: 
- 各ページの固有のスタイル
Last Up Date
- 20080108
Author:
- nakashima akira
*/

body#recommend div.mainContents,
body#shop div.mainContents,
body#sidedish div.mainContents {
	float: none;
}

#sidebyside div.mainContents {
	width: 760px;
}

body#sidebyside div.contentsHeader {
	position: relative;
}

* html body#sidebyside div.contentsHeader {
	border-top: 1px solid #f7f7ee;
	margin-top: -1px;
}

ul.archive {
	position: absolute;
	top: 5px;
	right: 0;
	width: 127px;
}

* html ul.archive {
	top: 15px;
	right: 0;
}

ul.archive li {
	float: left;
}

ul.archive li a {
	display: block;
	width: 127px;
	height:34px;
	background: url(../../sidebyside/image/archiveMenu.gif) no-repeat;
	font-size: 10px;
	text-indent: -9999px;
}

ul.archive li a {
	background-position: 0 0;
}

ul.archive li a:hover,
body.archive ul.archive li a:hover {
	background-position: 0 -80px;
}

div.round {
	padding-top: 10px;
	background: url(../../sidebyside/image/trl.gif) no-repeat top;
	margin-bottom: 10px;
}

div.roundInner {
	padding-bottom: 10px;
	background: url(../../sidebyside/image/brl.gif) no-repeat bottom;
}

div.round div.section {
	padding: 0 10px;
	background: #fff;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;

}

div#favorite {
	position: relative;
}

div#favorite h3,
div#answer h3 {
	float: left;
}

div#ph {
	display: inline;
	float: right;
	width: 496px;
}

div#ph p#mainImage {
	margin-left: 5px;
}


ul#thumb li {
	display: inline;
	float: left;
}

ul#thumb li a {
	display: block;
	width: 117px;
	height: 88px;
	margin-left: 5px;
	border: 1px solid #333;
}

ul#thumb li a img {
	padding: 1px;
}

div#text {
	clear: left;
	width: 239px;
}

div#text h4,
div#text p {
	padding: 0 5px;
}

div#text h4 {
	margin-bottom: 5px;
	padding-left: 40px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

div#text p {
	padding-bottom: 130px;
	line-height: 1.6;
}

div#author {
	position: absolute;
	left: 5px;
	bottom: 0;
}

div#author h5 {
	width: 244px;
	margin-bottom: 6px;
	padding: 5px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}

div#author p#face {
	margin: 0;
	margin-left: 5px;
}

div#answer dl {
	margin-left: 260px;
	padding: 2px 0;
	border-bottom: 1px dotted #ccc;
}

div#answer dl dt {
	float: left;
	text-indent: 5px;
}

div#answer dl dd {
	margin-left: 247px;
}


body.archive div.mainContents dl {
	display: inline;
	float: left;
	width: 244px;
	margin-right: 14px;
	margin-bottom: 15px;
}


body.archive div.mainContents dl dt {
	margin-bottom: 5px;
}

body.archive div.mainContents dl dd a {
	display: block;
	width: 244px;
	height: 15px;
	margin-top: 5px;
	background: url(../../recommend/image/moreDetail.gif) no-repeat;
	font-size: 10px;
	text-indent: -9999px;
}

body.archive div.mainContents dl dd a:hover {
	background-position: 0 -25px;
}



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../../sidebyside/image/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/common/image/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/common/image/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/common/image/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}