@charset "UTF-8";

/*================================================
*
*	Goods Style Sheet
*	Version: 21 Nov 2008
*
*	1.Body
*	2.Flash
*	3.Header-Footer
*	4.Breadcrumbs Navigation
*	5.コンテンツエリア
*	6.見出し・テキスト
*	7.グッズカラム
*
=================================================*/


/*------------------------------------------------
	1.Body
-------------------------------------------------*/

body.goods div#outerwrap { background: url(images/bg_goods.jpg) no-repeat center top; }
body.goods div#wrapper {
	background-image: none;
	margin-bottom: 0;
}


/*------------------------------------------------
	2.Flash
-------------------------------------------------*/
body.goods #flash {
	position: absolute;
	right: 0;
	top: 0;
	width: 254px;
}
body.goods div#flash p {
	margin: 0;
}


/*------------------------------------------------
	3.Header-Footer
-------------------------------------------------*/


/*------------------------------------------------
	4.Breadcrumbs Navigation
-------------------------------------------------*/
body.goods ol#breadcrumbs li {
	color: #999;
}
body.goods ol#breadcrumbs li a {
	background-image: url(../common/images/arrow_02.gif);
	color: #ccc;
}
body.goods ol#breadcrumbs li a:hover {
	color: #fff;
}


/*------------------------------------------------
	5.コンテンツエリア
-------------------------------------------------*/
body.goods #content {
	float: none;
	position: relative;
	width: 900px;
	background-image: none;
}

body.goods #inner {
	width: 880px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}


/*------------------------------------------------
	6.見出し・テキスト
-------------------------------------------------*/
body.goods #content h1 {
	width: 646px;
}
body.goods #content h2 {
	margin: 0 0 15px 0;
}
body.goods #content h3 {
	margin: 0 0 15px 0;
}

body.goods #content h2.mug {
	margin: 0 0 0 0;
}
body.goods #content h3.mug {
	margin: 15px 0 15px 0;
}


/*------------------------------------------------
	7.グッズカラム
-------------------------------------------------*/
div.goods-wrap {
	width: 880px;
	margin: 0 0 45px 0;
	background: url(images/column_bottom.png) no-repeat left bottom;
}
div.goods-inner {
	padding: 40px 0 20px 55px;
	background: url(images/column_top.png) no-repeat left top;
}

div.goods-wrap table {
	width: 770px;
	margin: 0 0 0 0;
}
body.goods #content table p {
	margin: 0 0 15px 0;
}
div.zoom {
	float: right;
	width: 170px;
}
body.goods #content table span {
	font-size: 85%;
	color: #666;
}
