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

update:2009/4/3
----------------------------------------------- */

/*
===== CONTENTS =====

	1: universal reset 
	2: layout
	3: parts
		: header
		: navi
		: main
		: sub
		: footer
	
====================
*/

/* 1: universal reset
----------------------------------------------- */

*{
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,table,tr,td,th,a{
	border-style:solid;
	border-width:0px;
	border-color:#ccc;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6{line-height:1.5;}
div,p,li,dt,dd{line-height:1.7;}
th,td{ line-height:1.8; text-align:left; font-weight:normal; vertical-align:top;}
img{border-width:0px; vertical-align:bottom;}

a{
	color:#fff;
	outline:none;
	text-decoration: underline;
	vertical-align:baseline;
}
a:hover{}

option{padding-right:10px;}


/* ie6-png */
* html .png{
behavior: expression(this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",this.style.behavior = "none"));}
* html .png-repeat{
behavior: expression(this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",this.style.behavior = "none"));}
.png-img{ behavior: expression(IEPNGFIX.fix(this));}


/* 2: layout
----------------------------------------------- */

body{
	text-align:center;
	color:#fff;
	background-color:#0d0d0d;
	font-size: 75%;
	padding-bottom:30px;
}
html>/**/body {font-size: 12px;}

#container{
	margin:0px auto;
	text-align:left;
	width:901px;
}

#header{

}

#calendar{
	line-height:47px;
	height:47px;
	text-align:center;
	color:#fecd34;
}

#contents{
	display: inline-block;
	width:901px;
	padding-bottom:25px;
}
#contents:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}

#first{
	float:left;
	width:676px;
	display: inline-block;
}

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


#second{
	width:201px;
	float:right;
}

#main,
#sub{
	display:inline;
}

#main{
	width:454px;
	float: right;
}

#sub{
	width:201px;
	float: left;
}

#footer{
	position:relative;
}

/* 3: parts
----------------------------------------------- */

/*
===== header =====
*/

#lead{text-align:center;}

#mainimg{
	background-image:url(../img/common/mainimg.jpg);
	height:290px;
	text-indent:-9000px;
}

#logo{
	position:absolute;
	top:95px;
	left:272px;
}

#logo a{
	display:block;
	text-indent:-9000px;
	width:454px;
	height:161px;
	background-image:url(../img/common/empty.gif);
}


/*
===== calendar =====
*/

#calendar table{
	width:900px;
}
#calendar table td{
	text-align:center;
	vertical-align:middle;
	padding:10px 0 0 0;
	color:#fecd34;
}

#calendar a{
	color:#fecd34;
}
#calendar .back{
	background:url(../img/common/calendar-back.jpg) left no-repeat;
	padding-left:12px;
	margin-right:5px;
}
#calendar .next{
	background:url(../img/common/calendar-next.jpg) right no-repeat;
	padding-right:12px;
	margin-left:5px;
}


/*
===== main =====
*/

/* title */

.h1{}
.h2{}
.h3{}
.h4{}

/* text */

.p{margin-bottom:20px;}
.pp{margin-bottom:40px;}

.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}

.big{font-size:120%;}
.small{font-size:90%;}

.red{color:#ff0000;}

.ja{font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka;}
.keyword{position:absolute; left:-9000px; top:-9000px;}

/* pagetop */

.pagetop{text-align:right;margin:15px 0;}
.pagetop a{padding-left:10px;background:url(../img/common/pagetop.jpg) left no-repeat;}

/* list */

.indent{text-indent:-1em; margin-left:1em;}
.indent2{text-indent:-1.2em; margin-left:1.2em;}

/* table */

.nowrap{white-space:nowrap;}


/* div */

.block{/* */}


/* case */

.case{display: inline-block;}
.case:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}
.case .left{float:left; display:inline;}
.case .right{float:right; display:inline;}


/*
===== sub =====
*/

#about a{
	background-image:url(../img/common/sub-about.jpg);
	height:131px;
	display:block;
	text-indent:-9000px;
	margin-bottom:10px;
}

#trailer a{
	background-image:url(../img/common/sub-trailer.jpg);
	height:198px;
	display:block;
	text-indent:-9000px;
	margin-bottom:30px;
}
#gnd a{
	background-image:url(../img/common/sub-gnd.jpg);
	height:85px;
	display:block;
	text-indent:-9000px;
}

/* navi */

#navi{
	margin-bottom:20px;
}

#navi li{
	margin-bottom:7px;
}

#navi a{
	display:block;
	text-indent:-9000px;
	height:67px;
	background-image:url(../img/common/navi.jpg);
}

#n1 a{ background-position:0px 0px;}
#n2 a{background-position:-201px 0px;}
#n3 a{background-position:-402px 0px;}
#n4 a{background-position:-603px 0px;}
#n5 a{background-position:-804px 0px;}
#n6 a{background-position:-1005px 0px;}


/*
===== second =====
*/

#goods a{
	background-image:url(../img/common/second-goods.jpg);
	height:130px;
	display:block;
	text-indent:-9000px;
	margin-bottom:25px;
}

/* category */

.category{
	background-color:#666;
	padding:2px;
	margin-bottom:12px;
}

.category h2{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
}
.category ul{
	padding:10px 10px 1px 10px;
	background-color:#fff;
}
.category li{
	border-bottom:2px solid #dfdfdf;
	padding-bottom:12px;
	margin-bottom:12px;
}
.category li a{
	background:url(../img/common/category-li.jpg) left top no-repeat;
	padding-left:14px;
	color:#000;
	display:block;
	line-height:17px;
	font-size:14px;
	text-decoration:none;
}
.category li a:hover{text-decoration:underline;}

/* gallery */

.gallery{
	background-color:#666;
	margin-bottom:15px;
}

.gallery h2{
	background-image:url(../img/common/gallery.jpg);
	height:32px;
	text-indent:-9000px;
}
.gallery ul{
	padding-left:10px;
	padding-bottom:5px;
	border-left-color:#393939;
	border-right-color:#4f4f4f;
	border-width:0 1px 0px 1px;
	display: inline-block;
	width:189px;
	_width:201px;
}

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

.gallery li{
	float:left;
	margin:0 5px 5px 0;
	width:56px;
	text-align:center;
}

/* second-block */

.second-block{
	margin-bottom:15px;
}

.second-block h2{
	text-align:center;
	background-color:#666;
	margin-bottom:8px;
	font-weight:normal;
}

.second-block dl{
	position:relative;
}
.second-block dt{
	position:absolute;
	left:5px;
}
.second-block dd{
	padding-left:50px;
	margin-bottom:5px;
}

.second-block li{
	margin-bottom:5px;
	margin-left:5px;
}

/*
===== footer =====
*/

#f-message{
	border-top:1px solid #7c0303;
	line-height:30px;
	text-align:center;
}

#copyright{
	background-color:#a20000;
	text-align:center;
	line-height:25px;
	font-size:90%;

}