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

 :　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; }



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

 □:　Default Setting
 
--------------------------------------------------------------------*/
body {
	font-family: Meiryo, Tahoma, verdana, "メイリオ", san-serif;
	background: #000;
	font-size: 0.78em;
	line-height: 23px;
	color: #fff;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../images/headerBg.jpg); }

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;

	outline: none; }

a:hover { 
	color: #0CF; }

::selection {
	color: #000;
	background-color: #0CF; }

::-moz-selection {
	color: #000;
	background: #0CF; }

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;
	/**/ }





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

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

#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; }

.naviInner {
	height: 90px;
	background: url(../images/headerBg_x.png) repeat-x; }

.naviInner ul{
	background: url(../images/headerBg.png) no-repeat;
	height: 90px;
	width: 750px; }

.naviInner ul li{
	line-height: 90px;
	text-align: center;
	display: block;
	float: left;
	height: 90px; }

.naviInner ul li a{
	text-align: center;
	display: block;
	float: left;
	height: 90px; }

.naviInner ul li.logo{
	display: block;
	height: 90px;
	width: 175px; }

.naviInner ul li.logo a{
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 175px; }

.naviInner ul li.navi01 a{
	text-indent: -9999px;
	width: 144px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -175px 0; }

.naviInner ul li.navi01 a:hover{
	background: url(../images/headerBg.png) -175px -180px; }

.naviInner ul li.navi01_on a{
	text-indent: -9999px;
	width: 144px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -175px -90px; }

.naviInner ul li.navi01_on a:hover{
	background: url(../images/headerBg.png) -175px -180px; }

.naviInner ul li.navi02 a{
	text-indent: -9999px;
	width: 143px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -319px 0; }

.naviInner ul li.navi02 a:hover{
	background: url(../images/headerBg.png) -319px -180px; }

.naviInner ul li.navi02_on a{
	text-indent: -9999px;
	width: 143px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -319px -90px; }

.naviInner ul li.navi02_on a:hover{
	background: url(../images/headerBg.png) -319px -180px; }

.naviInner ul li.navi03 a{
	text-indent: -9999px;
	width: 144px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -462px 0; }

.naviInner ul li.navi03 a:hover{
	background: url(../images/headerBg.png) -462px -180px; }

.naviInner ul li.navi03_on a{
	text-indent: -9999px;
	width: 144px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -462px -90px; }

.naviInner ul li.navi03_on a:hover{
	background: url(../images/headerBg.png) -462px -180px; }

.naviInner ul li.navi04 a{
	text-indent: -9999px;
	width: 144px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -606px 0; }

.naviInner ul li.navi04 a:hover{
	background: url(../images/headerBg.png) -606px -180px; }

.naviInner ul li.navi04_on a{
	text-indent: -9999px;
	width: 144px;
	height: 90px;
	display: block;
	background: url(../images/headerBg.png) -606px -90px; }

.naviInner ul li.navi04_on a:hover{
	background: url(../images/headerBg.png) -606px -180px; }

#outline h2{
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 35px; }

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

img.outlineImg{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px; }

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

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

#slider ul{
	width: 232px;
	float: right; }

#slider ul li{
	list-style: none;
	margin-bottom: 10px; }

#slide01, #slide02, #slide03, #slide04, #slide05{
	height: 350px; }

#slider p{
	width: 700px;
	float: left;
	margin-bottom: 1em; }


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

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

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

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

#story ul li{
	list-style: none;
	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: 14px;
	font-weight: bold; }

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




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

#spec h3{
	margin-top: 3em; }

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

#spec img.box{
	float: left;
	margin-right: 20px;
	margin-bottom: 30px; }

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

#spec span{
	color: #92d6fd; }

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

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

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

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

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

#contents_intro h2{
	padding-top: 50px; }



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



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

#footer ul li{
	list-style: none;
	float: left;
	height: 2em;
	padding-left: 10px;
	line-height: 2em;
	font-size: 10px; }