@charset "utf-8";

/*===================================================================

CSS Information

 Site URL:	http://hyper-text.org/shop/
 File name:	shop.css (http://hyper-text.org/shop/css/shop.css)
 Summary:	shop styles
 Created:	2007-11-21
 Last update:	2007-11-22 by Yoshiki Kato
 Author:	Yoshiki Kato

===================================================================*/

@import "reset-fonts-grids.css";
@import "carousel-component.css";

/*----------------------------------------
 __base_style
----------------------------------------*/

body {
	margin: 30px 10px;
	font-size: 80%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333;
	line-height: 1.5;
	text-align: left;
	background: url(/shop/img/body_back.png) no-repeat center top #fff;
	}

a {
	color: #599;
	text-decoration: none;
	}

a:visited:hover {
	color: #990;
	text-decoration: underline;
	}

a:hover {
	color:#099;
	text-decoration: underline;
	}

/*----------------------------------------
 __style_container
----------------------------------------*/

div#container {
	margin: 0 auto;
	width: 750px;
	}

div.header {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
	}

div#content_body {
	padding-bottom: 10px;
	clear: both;
	}

/*----------------------------------------
 __header
----------------------------------------*/

div#container h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	width: 400px;
	overflow: hidden;
	float: left;
	}

div#container h1 a {
	padding-right: 25px;
	color: #333;
	background: url(/shop/img/shop.gif) no-repeat right center;
	}

div#container h1 a:hover {
	text-decoration: none;
	}

div.header ul {
	text-align: right;
	width: 350px;
	float: right;
	overflow: hidden;
	}

div.header ul li {
	display: inline;
	margin-left: 10px;
	text-transform: uppercase;
	}

div.header ul li a {
	padding-left: 20px;
	color: #333;
	}

div.header ul li.home a {
	background: url(/shop/img/home.gif) no-repeat left center;
	}

div.header ul li.feed a {
	background: url(/shop/img/feed.gif) no-repeat left center;
	}

dl.about {
	margin-bottom: 20px;
	clear: both;
	}

dl.about dt {
	display: none;
	}

dl.about dd.description {
	background: url(/shop/img/description_back.gif) no-repeat right center;
	height: 50px;
	overflow: hidden;
	}

dl.about dd.description p {
	padding: 10px 65px 0 123px;
	line-height: 1.1;
	}

/*----------------------------------------
 __item_area
----------------------------------------*/

div#content_body div#item_area {
	clear: both;
	}

div#content_body div#item_area div#item_detail {
	margin: 0 0 20px 0;
	width: 100%;
	height: 400px;
	overflow: auto;
	}

div#item_detail dl {
	margin: 10px;
	overflow: hidden;
	}

div#item_detail dl dt {
	margin-bottom: 1em;
	}

div#item_detail dl dd {
	}

div#item_detail dl dd p.item_image img {
	margin: 0 20px 20px 0;
	border: 2px solid #fff;
	float: left;
	}

div#item_detail dl dd p {
	margin-bottom: 1em;
	}

div#item_detail dl dd form {
	text-align: right;
	clear: both;
	}

div#item_detail ul {
	margin: 0 0 1em 1.5em;
	list-style: circle;
	}

div#item_detail ol {
	margin: 0 0 1em 2em;
	list-style: decimal;
	}

div#item_detail blockquote {
	padding: 0 0 0 30px;
	background: url(/img/individual/bp.gif) no-repeat left top;
	clear: both;
	}

div#item_detail blockquote cite {
	font-style: italic;
	}

/*----------------------------------------
 __footer
----------------------------------------*/

address {
	margin: 0 auto;
	padding: 1em 0 1em 0;
	font-style: italic;
	text-align: right;
	width: 750px;
	clear: both;
	}

/*----------------------------------------
 __attention
----------------------------------------*/

div.attention {
	border-bottom: 1px solid #f00;
	background: #fdfbe7;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0; 
	z-index: 100;
	}

div.attention p {
	padding: 0.2em 0;
	font-size: 0.9em;
	text-align: center;
	}