@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
	width: 100%;
	height: 100%;}

* html .png {behavior: expression(IEPNGFIX.fix(this));}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;}

body {
        text-align: center;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	font-size: 12px;
	border-top: 53px solid #36272c;}

#bg01 {background-color: #000;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

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

a:hover {
	text-decoration: underline;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 1.5em;}

.clear {clear: both;}

/* LAYOUT
---------------------------------------------*/

#contents,#navi {
	width: 920px;
        margin: 0 auto;}

.center {text-align: center;}
.right {text-align: right;}

/* CONTENTS
---------------------------------------------*/

#contents {
        text-align: left;
	padding-top: 23px;
	margin-bottom: 24px;}

h1 {display: none;}

/* MAIN IMAGE BOX ========================*/

#contents #mainimg {
	position: relative;
	width: 920px;
	height: 360px;}

#contents #mainimg h2 {
	position: absolute;
	left: 0; top: 0;
	z-index: 10;}

#contents #mainimg dl {
	position: absolute;
	left: 0; top: 0;
	z-index: 1;}

/* THUMBNAIL TOOL TIPS ===================*/

#thumbnail {
	position: relative;
	width: 920px;
	margin-top: 20px;
	text-align: right;}

#thumbnail ul li {
	display: inline;
	margin-left: 5px;}

#thumbnail ul li em img {border: 1px solid #e7d1dd;}

#thumbnail ul li a img {
	filter: alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;}

#thumbnail ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}

a.tip span {display:none;}

a.tip:hover span {
	display:inline;
	position:absolute;
	left: 20px; top: 15px;}

.double {
	width: 600px;
	margin-left: 320px;}

.double li img {margin-bottom: 10px;}


/* CATEGORY MESSAGE ===================*/

#itemmsg {
	text-align: center;
	margin-top: 20px;}


/* NAVIGATION
---------------------------------------------*/

#navibox {
	height: 184px;
	background: url(../img/bg_navibox.jpg) left top repeat-x;}

.headnavi {
	margin-top: -53px;}

/* GROBAL NAVI ===================*/

#navi {
	position: relative;
	text-align: center;
	height: 176px;
	padding-top: 8px;
	background: url(../img/bg_navi.jpg) center 51px no-repeat;}

#close {display: none;}

#navi .logo {
	position: absolute;
	left: 50%; bottom: 0;
	margin-left: -90px;}

#gnavi {margin-left: 20px;}
#gnavi li {float: left;}
#gnavi li em {text-indent: -9999px;}

#gnavi li em a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 40px;
	padding-top: 40px;
	background-image: url(../img/navi.jpg);}

.gnavi01,.gnavi02,.gnavi03,.gnavi04,.gnavi05,.gnavi06,.gnavi07,.gnavi08,
.gnavi01on,.gnavi02on,.gnavi03on,.gnavi04on,.gnavi05on,.gnavi06on,.gnavi07on,.gnavi08on {
	margin-right: 20px;}

.gnavi01 em a {width: 71px; background-position: 0 0;}
.gnavi02 em a {width: 70px; background-position: -71px 0;}
.gnavi03 em a {width: 71px; background-position: -141px 0;}
.gnavi04 em a {width: 71px; background-position: -212px 0;}
.gnavi05 em a {width: 71px; background-position: -283px 0;}
.gnavi06 em a {width: 70px; background-position: -354px 0;}
.gnavi07 em a {width: 72px; background-position: -424px 0;}
.gnavi08 em a {width: 69px; background-position: -496px 0;}
.gnavi09 em a {width: 167px; background-position: -565px 0;}

.gnavi01 em a:hover {background-position: 0 -40px;}
.gnavi02 em a:hover {background-position: -71px -40px;}
.gnavi03 em a:hover {background-position: -141px -40px;}
.gnavi04 em a:hover {background-position: -212px -40px;}
.gnavi05 em a:hover {background-position: -283px -40px;}
.gnavi06 em a:hover {background-position: -354px -40px;}
.gnavi07 em a:hover {background-position: -424px -40px;}
.gnavi08 em a:hover {background-position: -496px -40px;}
.gnavi09 em a:hover {background-position: -565px -40px;}

.gnavi01on em a {width: 71px; background-position: 0 -40px;}
.gnavi02on em a {width: 70px; background-position: -71px -40px;}
.gnavi03on em a {width: 71px; background-position: -141px -40px;}
.gnavi04on em a {width: 71px; background-position: -212px -40px;}
.gnavi05on em a {width: 71px; background-position: -283px -40px;}
.gnavi06on em a {width: 70px; background-position: -354px -40px;}
.gnavi07on em a {width: 72px; background-position: -424px -40px;}
.gnavi08on em a {width: 69px; background-position: -496px -40px;}
.gnavi09on em a {width: 167px; background-position: -565px -40px;}

/* SUB NAVI ===================*/

#snavi {
	position: absolute;
	left: 35px; top: 53px;
	z-index: 250;}

#snavi li {
	display: block;
	margin-right: 10px;}

#snavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 32px;
	padding-top: 32px;
	background-image: url(../img/snavi.jpg);}

.snavi01 a {width: 89px; background-position: 0 0;}
.snavi02 a {width: 62px; background-position: -89px 0;}
.snavi03 a {width: 61px; background-position: -151px 0;}
.snavi04 a {width: 61px; background-position: -212px 0;}
.snavi05 a {width: 61px; background-position: -273px 0;}
.snavi06 a {width: 62px; background-position: -334px 0;}
.snavi07 a {width: 61px; background-position: -396px 0;}
.snavi08 a {width: 120px; background-position: -457px 0;}
.snavi09 a {width: 120px; background-position: -577px 0;}
.snavi10 a {width: 60px; background-position: -697px 0;}

.snavi01 a:hover {background-position: 0 -32px;}
.snavi02 a:hover {background-position: -89px -32px;}
.snavi03 a:hover {background-position: -151px -32px;}
.snavi04 a:hover {background-position: -212px -32px;}
.snavi05 a:hover {background-position: -273px -32px;}
.snavi06 a:hover {background-position: -334px -32px;}
.snavi07 a:hover {background-position: -396px -32px;}
.snavi08 a:hover {background-position: -457px -32px;}
.snavi09 a:hover {background-position: -577px -32px;}
.snavi10 a:hover {background-position: -697px -32px;}

.snavi01on a {width: 89px; background-position: 0 -32px;}
.snavi02on a {width: 62px; background-position: -89px -32px;}
.snavi03on a {width: 61px; background-position: -151px -32px;}
.snavi04on a {width: 61px; background-position: -212px -32px;}
.snavi05on a {width: 61px; background-position: -273px -32px;}
.snavi06on a {width: 62px; background-position: -334px -32px;}
.snavi07on a {width: 61px; background-position: -396px -32px;}
.snavi08on a {width: 120px; background-position: -457px -32px;}
.snavi09on a {width: 120px; background-position: -577px -32px;}
.snavi10on a {width: 60px; background-position: -697px -32px;}

/* FOOTER
---------------------------------------------*/

#footer {
	clear: both;
	margin-top: 3px;
	padding-bottom: 40px;}

#ftbox {
	width: 920px;
        margin: 0 auto;
	text-align: center;}

#fnavi {margin: 0 0 3px 50px;}

#fnavi li {
	display: block;
	float: left;
	text-indent: -9999px;
	margin-right: 15px;}

#bg01 #fnavi li a {background-image: url(../img/fnavi.jpg);}
#bg02 #fnavi li a {background-image: url(../img/fnavi02.jpg);}

#fnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 37px;
	padding-top: 37px;}

.fnavi01 a {width: 55px; background-position: 0 0;}
.fnavi02 a {width: 71px; background-position: -55px 0;}
.fnavi03 a {width: 82px; background-position: -126px 0;}
.fnavi04 a {width: 167px; background-position: -208px 0;}
.fnavi05 a {width: 177px; background-position: -375px 0;}
.fnavi06 a {width: 94px; background-position: -552px 0;}
.fnavi07 a {width: 83px; background-position: -646px 0;}

.fnavi01 a:hover {background-position: 0 -37px;}
.fnavi02 a:hover {background-position: -55px -37px;}
.fnavi03 a:hover {background-position: -126px -37px;}
.fnavi04 a:hover {background-position: -208px -37px;}
.fnavi05 a:hover {background-position: -375px -37px;}
.fnavi06 a:hover {background-position: -552px -37px;}
.fnavi07 a:hover {background-position: -646px -37px;}

.fnavi01on a {width: 55px; background-position: 0 -37px;}
.fnavi02on a {width: 71px; background-position: -55px -37px;}
.fnavi03on a {width: 82px; background-position: -126px -37px;}
.fnavi04on a {width: 167px; background-position: -208px -37px;}
.fnavi05on a {width: 177px; background-position: -375px -37px;}
.fnavi06on a {width: 94px; background-position: -552px -37px;}
.fnavi07on a {width: 83px; background-position: -646px -37px;}

/* TXTCONTENTS
---------------------------------------------*/

#txtcontents {
	width: 920px;
        margin: 0 auto;
	_margin: -30px auto 0 auto;}

#txtcontents #txtbox {
	width: 872px;
        margin: -30px 0 15px 0;
	padding: 24px;
	text-align: left;
	color: #fff;}

/* forIE6 */
#txtcontents #txtbox {margin: 0 0 15px 0;}

.ptop {
	clear: both;
	text-align: right;
	margin: 10px;
	font-size: 12px;}

.copy02 {
	padding: 10px 0 30px 0;
	border-top: 1px solid #292929;}

/* CLEARFIX
---------------------------------------------*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */