@charset "utf-8";
@import "navigation.css";
@import "bikelist.css";
@import "goods.css";

/* 基本設定 font-family:verdana,"ＭＳ Ｐゴシック";*/
body{
margin:0 0 10px 0;
padding:0;
text-align:center;
background:#1f1f1f;
color:#ddd;
font-size:70%;
line-height:1.6;
font-family:verdana,"ＭＳ Ｐゴシック";
}

/*テキストデコ*/
input,select,textarea{
font-family:verdana,"ＭＳ Ｐゴシック";
}
th{font-weight:normal;}
p{margin:0 0 30px 0;}
p.pm{margin:0 0 30px 20px;}
a{color:#fff;}
a:hover{color:#ffcc00;}
br{font-size:0.8em;}
hr{color:#222;height:1px;clear:both;margin:0 0 20px 0;}
.small{font-size:0.8em;}
.large{font-size:1.2em;}
.link{
padding:0 0 0 12px;
font-size:0.8em;
background:url(../img/a01.gif) no-repeat left center;
}
.link2{
padding:0 0 0 12px;
background:url(../img/a01.gif) no-repeat left center;
}

/*レイアウト*/
#layout{
width:800px;
text-align:left;
margin:auto;
padding:auto;
}
#header{
height:144px;
background:url(../img/bg_header.jpg) no-repeat;
position:relative;
}
#contents{
padding:20px 10px 10px 20px;
background:#333;
}
#main{
width:560px;
float:left;
}
#main2{
width:760px;
float:left;
}
#side{
width:180px;
float:right;
}
#pagetop{
text-align:right;
clear:both;
}
#footer{
text-align:center;
font-size:0.8em;
color:#999;
background:url(../img/bg_footer.jpg) no-repeat;
padding:20px 0 0 0;
}


/*ロゴ*/
#header h1{
position:absolute;
width:200px;
height:50px;
top:30px;
left:12px;
font-size:1em;
}
#header h1 a{
display:block;
width:200px;
height:50px;
text-indent:-10000px;
overflow:hidden;
}

/*フッタ*/
#footer a{
color:#ffcc00;
text-decoration:none;
}

/*トップページ*/
#topimage{
height:215px;
text-indent:-10000px;
background:url(../img/topimage.jpg) no-repeat;
}


/*見出し
h2{
font-size:1.2em;
margin:0 0 20px 0;
color:#fff;
line-height:1.0;
}
h2:first-letter{
font-size:1.6em;
background:#3F567E;
padding:2px;
}
h2 span{
display:block;
font-size:0.7em;
font-weight:normal;
color:#ccc;
border-top:1px solid #222;
padding:5px 0;
}
*/
h3{
font-size:1.1em;
margin:0 0 10px 0;
color:#fff;
clear:both;
line-height:18px;
padding:0 0 0 16px;
background:url(../img/bg_h3.gif) no-repeat left center;
}
/*

*/


/*ページ見出し*/
h2{
height:124px;
margin:0;
text-indent:-10000px;
}
#page_shop{
background:url(../img/page_shop.jpg) no-repeat;
}
#page_used{
background:url(../img/page_used.jpg) no-repeat;
}
#page_goods{
background:url(../img/page_goods.jpg) no-repeat;
}
#page_goods2{
height:60px;
background:url(../img/page_goods2.jpg) no-repeat;
}
#page_team{
background:url(../img/page_team.jpg) no-repeat;
}
#page_event{
background:url(../img/page_event.jpg) no-repeat;
}
#page_gallery{
background:url(../img/page_gallery.jpg) no-repeat;
}
#page_blog{
background:url(../img/page_blog.jpg) no-repeat;
}
#page_form{
background:url(../img/page_form.jpg) no-repeat;
}

h4{
font-size:1.1em;
margin:0 0 10px 0;
color:#fff;
}
.et1{
padding:0 0 0 50px;
background:url(../event/img/icon01.gif) no-repeat;
}
.et2{
padding:0 0 0 50px;
background:url(../event/img/icon02.gif) no-repeat;
}
.et3{
padding:0 0 0 50px;
background:url(../event/img/icon03.gif) no-repeat;
}
.et4{
padding:0 0 0 50px;
background:url(../event/img/icon04.gif) no-repeat;
}


/*イメージ*/
.img{
margin:0 0 5px 0;
border:1px solid #222;
}
.img2{
margin:0 0 5px 0;
border:5px solid #444;
display:block;
}
.img_left{
float:left;
margin:0 10px 10px 0;
border:1px solid #222;
}
.img_right{
float:right;
margin:0 0 10px 10px;
border:1px solid #222;
}
.img_item{
display:block;
margin:5px 5px 0 5px;
border:1px solid #222;
}

.banner{
margin:0 0 5px 0;
}

/*イメージコメント*/
.img_com{
display:block;
text-align:center;
font-size:0.8em;
margin:0 0 10px 0;
}

/*テーブル*/
.table{
margin:0 0 30px 0;
}
.table th{
width:25%;
border-bottom:1px solid #222;
padding:1px 0 1px 10px;
text-align:left;
font-weight:normal;
}
.table td{
border-bottom:1px solid #222;
padding:1px 0px 1px 10px;
}

.table2{
margin:0 0 30px 0;
background:#222;
}
.table2 th{
width:25%;
padding:1px 5px;
text-align:left;
background:#444;
font-weight:normal;
}
.table2 td{
width:75%;
padding:1px 5px;
background:#333;
}

.table3{
margin:0 0 30px 0;
background:#222;
}
.table3 th{
width:15%;
padding:1px 5px;
text-align:left;
background:#444;
font-weight:normal;
}
.table3 td{
padding:1px 5px;
background:#333;
}

.table_shop{
margin:0 0 20px 0;
}
.table_shop td{
text-align:center;
font-size:0.8em;
vertical-align:top;
padding:0 0 10px 0;
}
.table_shop td img{
display:block;
}

.table_item{
margin:0 0 30px 0;
}
.table_item td{
text-align:center;
}

#table_event{
margin:0 0 15px 0;
background:#222;
}
#table_event th{
padding:1px;
text-align:center;
background:#3F567F;
}
#table_event td{
background:#333;
padding:5px 10px;
line-height:1.4;
}
#table_event .date{
background:#444;

}


/*BOX*/
.box_left01{
width:240px;
float:left;
}
.box_right01{
width:500px;
float:right;
}
.box_left02{
width:500px;
float:left;
}
.box_right02{
width:240px;
float:right;
}

.box_gray{
border:1px solid #555;
margin:0 0 20px 0;
padding:10px 20px;
background:#444;
}


/*チーム*/
.t_mem{
border:2px solid #444;
margin:0 5px 10px 5px;
padding:10px;
width:342px;
float:left;
background:#262626;
}
.t_inner{
float:right;
width:210px;
}
.t_mem img{
float:left;
margin:0 0 5px 0;
border:1px solid #444;
}
.t_mem h4{
margin:0 0 5px 0;
font-size:1.1em;
border-bottom:1px solid #444;
}
.t_prof{
margin:0 0 2px 0;
padding:0 0 0 25px;
}
.t_machine{
margin:0 0 2px 0;
padding:0 0 0 25px;
}


/*トップニュース*/
#topnews{
width:100%;
margin:0 0 10px 0;
}
#topnews th{
width:25%;
font-size:0.8em;
font-weight:normal;
padding:1px 0 1px 16px;
background:url(../img/a01.gif) no-repeat left center;
background-position:3px;
border-bottom:1px solid #1f1f1f;
}
#topnews td{
border-bottom:1px solid #1f1f1f;
}


/*address*/
#address{
margin:5px 0;
background:#444;
padding:5px 8px;
font-size:0.8em;
border:1px solid #222;
}
#address span{
display:block;
font-weight:bold;
margin:0 0 5px 0;

}


/*BLOG*/

.blog_box{
border:1px solid #222;
margin:0 0 20px 0;
}
.blog_inner{
border:1px solid #444;
background:#292929;
padding:1px;
}
.blog_title{
background:#3F567F;
padding:5px 5px;
margin:0 0 1px 0;
font-size:1.1em;
font-weight:normal;
}
.blog_date{
margin:0 0 10px 0;
padding:1px 5px;
background:#333;
font-size:0.8em;
font-weight:bold;
}
.blog_com{
padding:10px;
width:520px;
overflow:hidden;
}
.blog_box p{
margin:0 0 10px 0;
}

.blog_link{
font-size:0.8em;
text-align:right;
margin:5px;
}

.side_title{
margin:0 0 5px 0;
padding:1px 8px;
border:1px solid #222;
background:#444;
font-size:1em;
}
.blog_side_list{
margin:0 0 20px 0;
padding:0 0 0 20px;
font-size:0.8em;
}
.qr{
background:#888;
border:1px solid #222;
margin:0 0 20px 0;
padding:10px;
text-align:center;
}

/*ギャラリー*/
.popup{
clear:both;
margin:0 0 30px 0;
}
.popup a{
display:block;
float:left;
margin:5px 10px 10px 0;
border:3px solid #666;
}
.popup a:hover{
border:3px solid #ffcc00;
}
.popup img{
width:80px;
height:60px;
border:none;
}


#act{color:#666;}
#act a{color:#666;}