@charset "utf-8";
/* CSS Document */
/*リセットせっと
----------------------------------------------- */

/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom;
      border:0; }


/* hr 要素は不可視で使う */
hr { display: none; }

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;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
object,   
embed {   
    vertical-align: top;   
}/* flash隙間なくし */



article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}



/*ここまで
----------------------------------------------- */

html {
	background-color: #101010;
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#666;
	background-attachment: scroll;
	background-image: url(back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width:880px;
}
body {
  -webkit-text-size-adjust: 100%;
}

.logo{
	height:500px;
    width:100%;
	margin-top:80px;
	border-bottom:#333 5px solid;
	border-top:#333 5px solid;
	background:#FFF;
	z-index:10;
}
.logo h1{
	text-align:center;
	border-bottom:#CCC 1px dashed;
}

.wrap{
	margin:25px auto 10px auto;
	width:880px;
}
.foot_wrap{
	width:880px;
}


/* Tutorial button with jQuery */
.otherbutton {
	clear: both;
	position:relative;
	display:block;
	height: 352px;
	width: 425px;
	background:url(moto_t.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 352px;
	width: 425px;
	background: url(moto_t.jpg) no-repeat;
	background-position: bottom;
}

.homebutton {
	clear: both;
	position:relative;
	display:block;
	height: 352px;
	width: 425px;
	background:url(cycle_t.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.homebutton span.hover {
	position: absolute;
	display: block;
	height: 352px;
	width: 425px;
	background: url(cycle_t.jpg) no-repeat;
	background-position: bottom;
}
.homebutton2 {
	clear: both;
	position:relative;
	display:block;
	height: 352px;
	width: 425px;
	background:url(plus_t.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.homebutton2 span.hover {
	position: absolute;
	display: block;
	height: 352px;
	width: 425px;
	background: url(plus_t.jpg) no-repeat;
	background-position: bottom;
}
.right{
	float:right;
}
.left{
	float:left;
	margin-left:11px;
}


.inside{
	width:401px;
	height:335px;
	margin-top:15px;
	padding:20px 10px;
	margin-left:2px;
}


footer{
    width:100%;
	bottom:0;
	padding:30px 0;
	color:#FFF;
}
footer div{
	margin:0 auto;
	width:880px;	
}
footer .left{
	width:420px;
	margin-left:10px;
}
footer .left_a{
	margin-left:15px;
}

footer h1{
	border-bottom:#666 1px solid;
}
footer ul{
	margin-top:10px;
}
footer li{
	font-size:90%;
	line-height:19px;
}