@charset "Shift_JIS";


body {
  margin: 0 ;
  padding: 0;
  width: 100%;
    color: #333333;
background: #ffffff url(../img/bodybg.jpg)  repeat;
font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}
#my_body {
  margin: 0 auto;
  width: 980px;
background: #ffffff url(../img/my_bodybg.jpg)  repeat-y 50% 0%;
}



/* フォント
---------------------------------------------------- */
.ft10black {
  font-size: 10px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft11black {
  font-size: 11px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft12black {
  font-size: 12px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft14black {
  font-size: 14px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft14blackB {
  font-size: 14px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft16black {
  font-size: 16px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft16blackB {
  font-size: 16px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft18black {
  font-size: 18px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft18blackB {
  font-size: 18px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft12orange {
  font-size: 12px; color:#F26923; font-weight:normal;line-height: 120%;
}
.ft14orange {
  font-size: 14px; color:#F26923; font-weight:normal;line-height: 120%;
}
.ft12green {
  font-size: 12px; color:#8CC63E; font-weight:normal;line-height: 120%;
}
.ft14green {
  font-size: 14px; color:#8CC63E; font-weight:normal;line-height: 120%;
}
.ft12red {
  font-size: 12px; color:#D71920; font-weight:normal;line-height: 120%;
}
.ft12redB {
  font-size: 12px; color:#D71920; font-weight:bold;line-height: 120%;
}
.ft14red {
  font-size: 14px; color:#D71920; font-weight:normal;line-height: 120%;
}
.ft14redB {
  font-size: 14px; color:#D71920; font-weight:bold;line-height: 120%;
}
.ft12gray {
  font-size: 12px; color:#444444; font-weight:normal;line-height: 120%;
}
.ft12blue{
  font-size: 12px; color:#00334E; font-weight:normal;line-height: 120%;
}

.ft14red-toda {
  font-size: 14px; color:#ff0000; font-weight:normal;line-height: 120%;
}
.ft14redB-tota {
  font-size: 14px; color:#ff0000; font-weight:bold;line-height: 120%;
}


/* ヘッダ
---------------------------------------------------- */
#header {
margin: 0 auto 0;
  width: 950px;
  height: 70px;

}

#logo {
  margin: 0;
  padding-top: 5px ;
  padding-left: 10px ;
float: left;
}

h1{
margin:0;
padding:5px 0 0 15px;
font-size: 12px; color:#000; font-weight:normal; 
text-align: left;
}

.tel {
  margin: 0;
  padding-top: 15px ;
  padding-right: 10px ;
text-align: right;
}


#header p{
margin: 0;
padding: 5px 10px 0 0;
vertical-align: bottom;
font-size: 12px; color:#000; font-weight:normal; 
text-align: right;
}


#header a:link{
text-decoration:none; color:#ffffff;
}
#header a:visited{
text-decoration:none; color:#ffffff;
}
#header a:hover{
text-decoration:underline;COLOR:#ffffff;
}



/* ナビゲーション
---------------------------------------------------- */
#navigation {
clear: both;
  width: 950px;
  height: 60px;
  margin: 0 auto 20px;
  background: url(../img/navi.jpg) no-repeat 0px 0px;
}


#navigation  ul {
  margin: 0;
  padding: 0;
  width: 950px;
  list-style: none;


}
#navigation  li {
  margin: 0;
  padding: 0;
  display : inline;
  float:left;
  width: 133px;
  height: 60px;
  text-indent: -9999px;
}
#navigation  li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 133px;
  height: 60px;
}
#navigation  li#menu01     {
  background: url(../img/navi.jpg) no-repeat 0px 0px;
  display: block;
  width: 143px;
  height: 60px;
}
#navigation  li#menu02    {
  background: url(../img/navi.jpg) no-repeat -143px 0px;
}
#navigation  li#menu03    {
  background: url(../img/navi.jpg) no-repeat -276px 0px;
}
#navigation  li#menu04    {
  background: url(../img/navi.jpg) no-repeat -409px 0px;
}
#navigation  li#menu05    {
  background: url(../img/navi.jpg) no-repeat -542px 0px;
}
#navigation  li#menu06    {
  background: url(../img/navi.jpg) no-repeat -675px 0px;
}
#navigation  li#menu07    {
  background: url(../img/navi.jpg) no-repeat -808px 0px;
  display: block;
  width: 142px;
  height: 60px;
}
/* マウスオーバー時の指定
---------------------------------------------------- */
#navigation  li#menu01 a:hover    {
  background: url(../img/navi.jpg) no-repeat 0px -60px;
  display: block;
  width: 143px;
  height: 60px;
}
#navigation  li#menu02 a:hover    {
background: url(../img/navi.jpg) no-repeat -143px -60px;
/*-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
background:#fff;color:#333;　--使用停止--*/
}
#navigation  li#menu03 a:hover    {
  background: url(../img/navi.jpg) no-repeat -276px -60px;
}
#navigation  li#menu04 a:hover    {
  background: url(../img/navi.jpg) no-repeat -409px -60px;
}
#navigation  li#menu05 a:hover    {
  background: url(../img/navi.jpg) no-repeat -542px -60px;
}
#navigation  li#menu06 a:hover    {
background: url(img/navi.jpg) no-repeat -675px -60px;
/*-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
background:#fff;color:#333;　--使用停止--*/
}
#navigation  li#menu07 a:hover    {
  background: url(../img/navi.jpg) no-repeat -808px -60px;
  display: block;
  width: 142px;
  height: 60px;
}

/* 当該ページの指定
---------------------------------------------------- */
#navigation  li#menu01b    {
  background: url(../img/navi.jpg) no-repeat 0px -60px;
  display: block;
  width: 143px;
  height: 60px;
}
#navigation  li#menu02b    {
  background: url(../img/navi.jpg) no-repeat -143px -60px;
}
#navigation  li#menu03b    {
  background: url(../img/navi.jpg) no-repeat -276px -60px;
}
#navigation  li#menu04b   {
  background: url(../img/navi.jpg) no-repeat -409px -60px;
}
#navigation  li#menu05b   {
  background: url(../img/navi.jpg) no-repeat -542px -60px;
}
#navigation  li#menu06b   {
  background: url(../img/navi.jpg) no-repeat -675px -60px;
}
#navigation  li#menu07b   {
  background: url(../img/navi.jpg) no-repeat -808px -60px;
  display: block;
  width: 142px;
  height: 60px;
}

/* CSSでドロップダウンメニュー 追加分--使用停止--
---------------------------------------------------- */

#navigation ul ul{
   display:none;
   position:absolute;
   top:90%;
   left:0;
}



/* サブメニュー2段目以降 */
#navigation ul ul ul {
   top:0;
   left:100%;background:#ddd;
}

/* リスト */


#navigation  li li {
   clear:both;height: 30px;
}

#navigation  li:hover {
   position:relative;
}

#navigation  li:hover > ul {
   display: block
}


#navigation ul ul  li a{
   display: block;
   width:133px;height: 30px;
   text-decoration:none;
   padding:0 ;
   	background:#121212;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	zoom: 1;
	line-height: 30px;text-indent: 5px;font-size: 12px;
}

#navigation ul ul li:hover {
   background:#444;
   color:#fff;
}



/* IE6用 */

* html #navigation li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #navigation li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #navigation li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#navigation .column1 {position:relative;}
#navigation .column1 ul {display:block;}
#navigation .column1 * ul {display:none;}

#navigation .column2 {position:relative;}
#navigation .column2 ul {display:block;}
#navigation .column2 * ul {display:none;}

#navigation .column3 {position:relative;}
#navigation .column3 ul {display:block;}
#navigation .column3 * ul {display:none;}

#navigation .column1, #navigation .column2, #navigation .column3 {
   background:#444;
   color:#fff;
}



/* ページ下部リンク
---------------------------------------------------- */
#bottom-link {
text-align: center;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 15px;
}

#bottom-link a:link{
text-decoration:none; color:#000000;
}
#bottom-link a:visited{
text-decoration:none; color:#000000;
}
#bottom-link a:hover{
text-decoration:underline;COLOR:#C4161C;
}

/* フッタ
---------------------------------------------------- */
#footer {
  clear: both;
  width: 930px;
  height: 30px;
margin: 20px auto ; 
border-top:  solid 1px #58595B;
}

#footer p {
  margin: 0 10px 0 0;
  font-size: 10px;
  color: #666666;
  padding-top: 5px;
  text-align:right;
  
}


.getbike{ 
float: left;
margin: 0;
padding-right: 5px; padding-top: 10px;
}