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

 :　Reset Setting
 
--------------------------------------------------------------------------- */
*{
	margin: 0;
	padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }

body {
	line-height: 1; }

blockquote, q {
	quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }

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


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

 :　Contents Setting
 
--------------------------------------------------------------------------- */
body{
	font-family: Meiryo, Tahoma, verdana, "メイリオ", san-serif;
	background: #000;
	font-size: 0.78em;
	line-height: 23px;
	color: #fff; }

a, a:link,
a:active,
a:visited {
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color: #FFF;
	outline: none; }

a:hover { 
	color: #F00; }

::selection {
	color: #000;
	background-color: #F00; }

::-moz-selection {
	color: #000;
	background: #F00; }

img{
	max-width: 100%;
	height: auto; }

hr{
	margin: 0.5em 0 1em 0;
	border: 0;
    border-bottom: 1px solid #CCC;
    background: #fff; }

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

.clearfix {
	min-height: 1px; }

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/ }


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

 :　Index Setting
 
--------------------------------------------------------------------------- */
.wrapper{
	width: 750px;
	margin: 0 auto; }

#homeBtn a{
	position: absolute;
	text-indent: -9999px;
	background: url(../images/home_link.png) no-repeat;
	display: block;
	left: 441px;
	width: 309px;
	height: 25px;
	float: right; }

#homeBtn a:hover{
	background: url(../images/home_link.png) 0 -25px; }

#homeBtn_in{
	padding-bottom: 20px;
	width: 750px;
	margin: 0 auto;
	position: relative; }

#homeBtn_in a{
	position: absolute;
	text-indent: -9999px;
	background: url(../images/home_link.png) no-repeat;
	display: block;
	left: 441px;
	height: 25px;
	width: 307px;
	background: url(../images/home_link.png) no-repeat; }

#homeBtn_in a:hover{
	background: url(../images/home_link.png) 0 -25px; }

#intro_index{
	position: relative;
	width: 750px;
	height: 500px;
	background: url(../../images/main.jpg) no-repeat;
	margin: 0 auto; }

#intro_index .movie{
	width: 365px;
	height: 205px;
	border: #FFF solid 1px;
	margin-top: 200px; }

#intro_index .logo{
	margin-top: 340px;
	float: right;}

#intro_index h1, #intro_index p{
	text-indent: -9999px; }

#navi{
	height: 45px;
	background: url(../../images/navi_bg.jpg) repeat-x; }

#navi ul {
	background: url(../../images/navi.jpg) no-repeat; }

#navi ul li{
	list-style: none;
	text-indent: -9999px;
	text-align: center;
	float: left; }

#navi ul li a{
	display: block;
	height: 45px; }

#navi ul li.navi01 a{
	width: 187px;
	background: url(../../images/navi.jpg) 0 0; }

#navi ul li.navi01 a:hover{
	background: url(../../images/navi.jpg) 0 -45px; }

#navi ul li.navi02 a{
	width: 188px;
	background: url(../../images/navi.jpg) -187px 0; }

#navi ul li.navi02 a:hover{
	background: url(../../images/navi.jpg) -187px -45px; }

#navi ul li.navi03 a{
	width: 187px;
	background: url(../../images/navi.jpg) -375px 0; }

#navi ul li.navi03 a:hover{
	background: url(../../images/navi.jpg) -375px -45px; }

#navi ul li.navi04 a{
	width: 188px;
	background: url(../../images/navi.jpg) -562px 0; }

#navi ul li.navi04 a:hover{
	background: url(../../images/navi.jpg) -562px -45px; }

#information{
	height: 260px; }

#information ul li{
	list-style: none;
	padding-top: 50px;
	float: left; }

#information ul li h2.part3{
	text-indent: -9999px;
	background: url(../../images/h2.jpg) no-repeat;
	width: 132px;
	height: 122px;
	margin-right: 20px;
	line-height: 110px; }

#information ul li p.price{
	padding-top: 10px;
	font-weight: bold; }

#information ul li p.saleInfo{
	width: 346px;
	height: 136px;
	text-indent: -9999px;
	margin-left: 20px;
	background: url(../../images/sale_info.jpg) no-repeat; }

#information ul li p.notice{
	color: #999999;
	font-size: 9px; }




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

 :　Contents Setting
 
--------------------------------------------------------------------------- */
#header {
	height: 72px;
	background: url(../images/headerBg_x.jpg) repeat-x; }

#header ul{
	background: url(../images/headerBg.jpg) no-repeat;
	height: 72px;
	width: 750px; }

#header ul li{
	line-height: 72px;
	text-align: center;
	display: block;
	float: left;
	height: 72px; }

#header ul li a{
	text-align: center;
	display: block;
	float: left;
	height: 72px; }

#header ul li.logo{
	display: block;
	height: 72px;
	width: 178px; }

#header ul li.logo a{
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 178px; }

#header ul li.navi01 a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -178px 0; }

#header ul li.navi01 a:hover{
	background: url(../images/headerBg.jpg) -178px -144px; }

#header ul li.navi01_on a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -178px -72px; }

#header ul li.navi01_on a:hover{
	background: url(../images/headerBg.jpg) -178px -144px; }

#header ul li.navi02 a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -321px 0; }

#header ul li.navi02 a:hover{
	background: url(../images/headerBg.jpg) -321px -144px; }

#header ul li.navi02_on a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -321px -72px; }

#header ul li.navi02_on a:hover{
	background: url(../images/headerBg.jpg) -321px -144px; }

#header ul li.navi03 a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -464px 0; }

#header ul li.navi03 a:hover{
	background: url(../images/headerBg.jpg) -464px -144px; }

#header ul li.navi03_on a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -464px -72px; }

#header ul li.navi03_on a:hover{
	background: url(../images/headerBg.jpg) -464px -144px; }

#header ul li.navi04 a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -607px 0; }

#header ul li.navi04 a:hover{
	background: url(../images/headerBg.jpg) -607px -144px; }

#header ul li.navi04_on a{
	text-indent: -9999px;
	width: 143px;
	height: 72px;
	display: block;
	background: url(../images/headerBg.jpg) -607px -72px; }

#header ul li.navi04_on a:hover{
	background: url(../images/headerBg.jpg) -607px -144px; }

#intro{
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../../intro/images/introBg.jpg); }

#intro h2{
	padding-top: 60px; }

#intro p.intro_text{
	padding-top: 20px;
	margin-left: 30px;
	width: 523px;
	height: 171px; }

#outline{
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../../outline/images/outline_bg.jpg) ; }

#outline h2{
	padding-top: 60px; }

#outline p.outline_text{
	text-indent: -9999px;
	background: url(../../outline/images/intro_text.png) no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	width: 523px;
	height: 171px; }

p.outline_text{
	margin-left: 30px;
	height: 200px; }

#slider{
	margin: 0 auto;
	width: 700px;
	margin-top: 50px;
	height: 400px; }

#slider p{
	width: 700px;
	height: 400px; }

#slide01, #slide02, #slide03{
	height: 480px; }

#slider h3{
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold; }

#story{
	margin: 0 auto;
	width: 700px;
	background: url(../../story/images/story_bg.jpg) no-repeat; }

#story01, #story02, #story03, #story04, #story05, #story06, #story07, #story08 {
	width: 700px;
	height: 770px; }

#story ul{
	display: block;
	padding-top: 20px;
	width: 700px;
	margin: 0 auto; }

#story ul li{
	display: block;
	text-indent: 0;
	font-size: 11px;
	line-height: 20px;
	height: 220px;
	border-bottom: #FFF dotted 1px;
	border-right: #FFF dotted 1px;
	padding: 10px;
	width: 329px;
	float: left; }

#story ul li h4{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 13px;
	font-weight: bold; }

#story ul li img{
	padding-left: 10px;
	float: right; }

#storyList{
	margin-top: 50px;
	text-align: center;
	width: 600px;
	margin-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto; }





#contents{
	margin-bottom: 20px;
	margin-top: 50px; }



#outline_contents{
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../../outline/images/outline_bg.jpg); }

#outline_contents h2{
	padding-top: 60px; }






/* Spec Setting
--------------------------------------------------------------------------- */
#spec{
	width: 700px;
	padding-top: 30px;
	margin: 0 auto; }

#spec h4{
	font-size: 14px;
	padding-left: 10px;
	margin-top: 1em;
	color: #ff0000; }

#spec .product{
	width: 190px;
	padding-right: 20px;
	text-align: center;
	float: left;
	margin-bottom: 280px;
	margin-right: 20px;
	padding-bottom: 30px; }

#spec p{
	padding-left: 10px; }

#spec p.buy{
	text-align: right;
	padding-top: 20px; }

#spec img.border{
	padding-bottom: 20px;
	clear: both; }

#spec ul.specUl{
	padding-left: 250px; }

#spec ul.specUl li{
	list-style: inside;
	list-style: disc; }

#spec span{
	color: #92d6fd; }




/* Trailer Setting
--------------------------------------------------------------------------- */
#trailer{
	width: 640px;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px; }



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

 :　footer Setting
 
--------------------------------------------------------------------------- */
#footer{
	clear: both;
	width: 750px;
	padding-top: 20px;
	margin: 0 auto;
	height: 50px;
	background: url(../images/border.jpg) no-repeat; }

#footer ul li{
	list-style: none;
	float: left;
	font-size: 10px; }