*div{
	display:block;
}
span{
	display:inline;
}
*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
	min-height:100%;
}
body{
	color:#000;
	background-repeat:repeat;
	background-attachment:fixed;
	background-color:#f90;
	font-size:1em;
	text-align:center;
	margin:0;
}
body.p00{
	background-color:#cccc99;
	background-image:url(images/bgtop.gif);
 }
body.p01{
	background-color:#ffcc99;
	background-image:url(images/bgloco.gif);
}
body.p02{
	background-color:#ffffcc;
	background-image:url(images/bgdiesel.gif);
}
body.p03{
	background-color:#ccffcc;
	background-image:url(images/bgelectr.gif);
}
body.p04{
	background-color:#ccccff;
	background-image:url(images/bgtrain.gif);
}

#top1,#top2,#top3,#top4{
	margin:-70px 0 0 0;
	padding:70px 0 0 0;
}


/*-- HEADER ELEMENT --*/

#header{
	position: fixed !important;  
	position: absolute;  
	top: 0;
	left:0;
	right:0;
	width:100%;
	height:70px;
	margin:auto;
	background-color:#cc9;
	background-image:url(images/headbg.jpg);
	z-index:1;
}
#headerimg{
	position: fixed !important;  
    position: relative;  
    top:0;
    left:0;
    right:0;
    width:800px;
    height:70px;
    margin:0 auto;
    background-color:#ff9;
}
#changebutton{
	position:absolute;
	top: 50px;  
	left:730px;
}
#counter{
	position:absolute;
	top:0;  
	left:0;
}


/*-- FOOTER ELEMENT --*/

#footer{
	position: fixed !important;  
	position: absolute;  
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:60px;
	margin:auto;
	padding:10px 0 0 0;
	background-color:#cc9;
	background-image:url(images/headbg.jpg);
}
#footer a{
	font-size:12px;
}
#footer a:link{color:#600;}
#footer a:visited{color:#600;}
#footer a:active{color:#f00;}


/*-- COMMON ELEMENT --*/

img{
	border:none;
	vertical-align:middle;
	margin:0;
	padding:0;
}
.main{
	position:relative;
	text-align:center;
	width:800px;
	min-heigt:100%;
	height: auto !important
	height:100%;
	margin:0 auto 0 auto;
	padding: 80px 0 80px 0;

}
.content{
	text-align:left;
	width:100%;
	margin:0 auto 0 auto;
}
.menu{
	text-align:left;
	width:600px;
	margin:30px 0 30px 0;
}
.banner{
	text-align:center;
	width:600px;
	margin:0 auto 0 auto;
}
hr{
	border:none;
	border-top: dashed 1px #600;
	margin:1em 0em;
	width:100%G
}


/*-- TEXT ELEMENT --*/

a:link{color:#0000ff;}
a:visited{color:#0066ff;}
a:active{color:#ff0000;}

h1{
	font-size:1.5em;
	font-weight:bold;
	font-family:serif;
	text-align:center;
	margin:0 0 15px 0;
	color:#000066;
}
h2{
	font-size:1.3em;
	font-weight:bold;
	font-family:sans-serif;
	text-align:center;
	border-bottom:solid 1px;
	margin:0.5em 0 0.5em 0;
	padding:0 0 3px 0;
	color:#600;
}
h3{
	font-size:1.2em;
	font-weight:bold;
	font-family:sans-serif;
	border-left:solid 5px;
	border-bottom:dotted 2px;
	padding:0 0 1px 5px;
}
h4{
	font-size:1em;
	font-weight:bold;
	font-family:sans-serif;
	color:#33f;
	background:#fff;
	display:inline;
	padding:2px;
}
h5{
	font-size:0.8em;
	font-weight:bold;
	font-family:sans-serif;
	color:#600;
	border-top:solid 1px #600;
	margin:20px 0 0 0;
	padding:10px 0 5px 0;
}
h6{
	font-size:1em;
	font-weight:bold;
	font-family:sans-serif;
	color:#00c;
	margin:20px 0 20px 0;
}
p{
	text-align:left;
	font-family:sans-serif;
}
.text{
	font-size:1em;
	line-height:150%;
	margin:0.5em 0;
}
.big{
	font-size:16pt;
	font-weight:bold;
}
.small{
	font-size:.8em;
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.red{
	color:#ff0000;
}
.lightred{
	color:#c33;
}
.blue{
	color:#066;
}
.white{
	color:#fff;
}
.theme{
	color:#600;
}
.caption{
	text-align:left;
	line-height:130%;
	font-size:0.8em;
	color:#060;
}
.photo{
	text-align:center;
	line-height:130%;
	font-size:0.8em;
	font-family:sans-serif;
	color:#600;
	margin:3px auto 10px auto;
}
.contents{
	font-size:12pt;
	color:#9f9;
}
.menu{
	font-size:1em;
	line-height:180%;
}
.subtitle{
	font-size:1em;
	font-weight:bold;
	text-align:center;
	color:#600;
}
.indent4{
margin-left:4em;
}
.indent8{
margin-left:8em;
}

/*-- BOX ELEMENT --*/

.innerbox{
	width:600px;
	box-sizing:border-box;
	margin:0 auto 10px auto;
	text-align:left;
	line-height:130%;
}
.captionbox{
	width:600px;
	box-sizing:border-box;
	margin:10px auto 10px auto;
	line-height:130%;
	font-size:0.9em;
	color:#060;	
}
.ybox{
	background-color:#ff9;
	width:100%;
	padding:10px;font-size:.8em;
	box-sizing:border-box;
}
.mainmenuback{
	position:relative;
	width:100%;
	background-color:rgba(255,255,255,0.3);
	padding:10px;
	box-sizing:border-box;
}
#raku{
	position:absolute;
	bottom:0;
	right:0;
}
.storybox{
	width:800px;
	background-color:rgba(255,255,255,0.5);
	box-sizing:border-box;
	margin:0 auto 10px auto;
	padding:10px;
	text-align:left;
}
.picturebox{
	width:800px;
	background-color:rgba(255,255,255,0.5);
	box-sizing:border-box;
	margin:0 auto 10px auto;
	padding:10px;
	text-align:center;
}
.moviebox{
	width:400px;
	box-sizing:border-box;
	margin:20px auto 20px auto;
	text-align:center;
}
.memo{
	font-size:12px;
	font-family:sans-serif;
	border-top:solid 1px #666;
	border-left:solid 1px #666;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	margin:0px 0 15px 0;
	background:#cfc;
	text-align:center;
	box-sizing:border-box;
}
.sectionbox{
	width:100%;
	text-align:center;
}
.sectionbox a{
	font-size:0.8em;
	padding:5px 10px 5px 10px;
	margin:0 10px 0 10px;
	text-decoration:none;
}
.sectionbox a:link{
	color:#006;
	background:#ff9;
}
.sectionbox a:visited{color:#00f;}
.sectionbox a:hover{
	color:#fff;
	background:#006;
} 
.sectionbox a:active{color:#f00;}

.ama{
	box-sizing:border-box;
	margin:20px auto 20px auto;
	text-align:center;
	line-height:170%;
	font-size:.8em;
	border:solid 1px #00f;
	padding:10px;
}
.blackbox{
	box-sizing:border-box;
	margin:20px auto 20px auto;
	text-align:left;
	line-height:150%;
	font-size:.8em;
	border:solid 1px #ffff;
	background:#000;
	padding:10px;
	color:#fff;
	width:550px;
}

/*-- TABLE ELEMENT --*/

.story{
	width:600px;
	box-sizing:border-box;
	margin:0 auto 0 auto;
}
.story td{
	width:50%;
	vertical-align:top;
	padding:5px 0 5px 0;
}
.story p{
	text-align:left;
	font-size:1em;
	font-family:serif;
	line-height:150%;
}
.story img{
	margin:auto;
	display:block;
}
.led{
	width:100%;
	font-size:13px;
	font-family:sans-serif;
	border-spacing:2px;
	margin: 15px 0 15px 0;
}
.led td{
	border-top:solid 2px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #666;
	border-bottom:solid 2px #666;
	padding:2px;
}
.led tr.y{
	background:#ffc;
}
.led tr.r{
	background:#fcc;
}
.led tr.g{
	background:#cff;
}
.power{
	margin:15px 0 15px 0;
}
.power td{
	vertical-align:top;
}
.book{
	width:600px;
	line-height:1.5em;
	border:none;
	bgcolor:#ccc;
	border-spacing:2px;
}
.book th{
	font-waight:bold;
	text-align:center;
}
.book td,.book th{
	border-top:solid 1px #66c;
	border-left:solid 1px #66c;
	border-right:solid 1px #ccf;
	border-bottom:solid 1px #ccf;
	padding:2px;
	font-size:0.9em;
	line-height:1.5em;
}
.kikanku{
	width:100%;
	padding:0;
	box-sizing:border-box;
}
.kikanku td{
	text-align:left;
	vertical-align:top;
}
.kikanku img{
	margin:0 -10px 0 -13px;
}
.mainmenu{
	width:100%;
}
.mainmenu td{
	vertical-align:top;
	width:50%;
	padding:10px 0 10px 0;
}
.mainmenu th img{
	display: block;
	margin:0 auto 5px auto;
}
.mainmenu td p{
	text-align:left;
	line-height:180%;
	margin-top:0.5em;
}
.pr{
	width:600px;
	margin:20px auto 20px auto;
}
.pr img{
	margin:0 auto 0 auto;
}
.section{
	margin:10px 0 10px 0;
}
.section td{
	padding:0 10px 10px 0;
}
.section p{
	text-align:left;
	line-height:130%;
	font-size:0.8em;
	color:#009;
}
.menubox{
	text-align:center;
	width:800px;
	padding:0 0 10px 0;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	background-color:rgba(0,0,0,0.5);
}
.menubox table{
	border:0;
	margin-left:auto;
	margin-right:auto;
	border-collapse: separate;
	border-spacing: 10px 10px;
}

.menubox table td{
	background-color:#fff;
	border-width:0px 3px 3px 0px;
	border-style:none solid solid none;
	border-color:#000;
	text-align:center;
	padding:20px;
}


/*-- LIST ELEMENT --*/

.shop{
	text-align:left;
	line-height:1.8;
	font-size:1em;
	
}
.ginrei{
	text-align:left;
	line-height:1.5;
	font-size:0.9em;
	font-family:sans-serif;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
}
.new{
	text-align:left;
	line-height:1.5;
	font-size:1em;
	font-family:sans-serif;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
	margin-top:10px;
}
