@charset "UTF-8";

/* CONTENT			##################################### */

div#content.index {
}
	dl#box-top {
		margin-bottom: 80px;
		height: 100%;
		overflow: hidden;
	}
		dl#box-top dt {
			float: left;
		}
			dl#box-top dt h3 {
				height: 95px;
				text-indent: -9999px;
			}
			dl#box-top dt a.btn {
				display: block;
				width: 87px; height: 33px;
			}
				dl#box-top dt a.btn span {
					display: block;
					width: 87px; height: 33px;
					text-indent: -9999px;
					-webkit-transition: all 0.2s ease;
					-moz-transition: all 0.2s ease;
				}
				dl#box-top dt a:hover.btn span {
					opacity: 0;
					filter: alpha(opacity=0);
					-moz-opacity: 0;
					-ms-filter: "alpha(opacity=0)";
				}
		dl#box-top dt.box-about {
			padding-right: 20px;
			width: 460px;
		}
			dl#box-top dt.box-about h3 {
				background: url(../images_top/h3_about_top.gif) top left no-repeat;
			}
			dl#box-top dt.box-about div#featured {
				width: 460px; height: 460px;
			}
			dl#box-top dt.box-about .orbit-bullets {
				bottom: 20px; left: 415px;
			}
			dl#box-top dt.box-about div.orbit-wrapper {
				margin-bottom: 20px;
			}
				dl#box-top dt.box-about div.orbit-wrapper div.timer,
				dl#box-top dt.box-about div.orbit-wrapper div.slider-nav {
					display: none;
				}
			dl#box-top dt.box-about a.btn {
				background: url(../images_top/btn_about_hover.gif) top left no-repeat;
			}
				dl#box-top dt.box-about a.btn span {
					background: url(../images_top/btn_about.gif) top left no-repeat;
				}
		dl#box-top dt.box-blog,
		dl#box-top dt.box-gallery {
		}
			dl#box-top dt.box-blog ul,
			dl#box-top dt.box-gallery ul {
			}
				dl#box-top dt.box-blog ul li,
				dl#box-top dt.box-gallery ul li {
					margin-bottom: 20px;
				}
					dl#box-top dt.box-blog ul li a,
					dl#box-top dt.box-gallery ul li a {
						display: block;
						position: relative;
						width: 220px; height: 140px;
						overflow: hidden;
						-webkit-transition: all 0.2s ease;
						-moz-transition: all 0.2s ease;
					}
					dl#box-top dt.box-blog ul li a:hover,
					dl#box-top dt.box-gallery ul li a:hover {
						opacity: 0.75;
						filter: alpha(opacity=75);
						-moz-opacity: 0.75;
						-ms-filter: "alpha(opacity=75)";
					}
						dl#box-top dt.box-blog ul li a span,
						dl#box-top dt.box-gallery ul li a span {
							position: absolute;
							bottom: 0; left: 0;
							padding: 5px 10px;
							background: #000000;
							color: #ffffff;
							line-height: 1.0;
						}
		dl#box-top dt.box-blog {
			padding-right: 20px;
			width: 220px;
		}
			dl#box-top dt.box-blog h3 {
				background: url(../images_top/h3_blog_top.gif) top left no-repeat;
			}
			dl#box-top dt.box-blog a.btn {
				background: url(../images_top/btn_blog_hover.gif) top left no-repeat;
			}
				dl#box-top dt.box-blog a.btn span {
					background: url(../images_top/btn_blog.gif) top left no-repeat;
				}
		dl#box-top dt.box-gallery {
			width: 220px;
		}
			dl#box-top dt.box-gallery h3 {
				background: url(../images_top/h3_gallery_top.gif) top left no-repeat;
			}
			dl#box-top dt.box-gallery a.btn {
				background: url(../images_top/btn_gallery_hover.gif) top left no-repeat;
			}
				dl#box-top dt.box-gallery a.btn span {
					background: url(../images_top/btn_gallery.gif) top left no-repeat;
				}
	dl#box-middle {
		margin-bottom: 80px;
		height: 100%;
		overflow: hidden;
	}
		dl#box-middle dt {
			float: left;
		}
			dl#box-middle dt h3 {
				height: 34px;
				text-indent: -9999px;
			}
		dl#box-middle dt.box-blog {
		}
			dl#box-middle dt.box-blog h3 {
				background: url(../images_top/h3_blog_middle.gif) top left no-repeat;
			}
			dl#box-middle dt.box-blog ul {
				width: 598px; height: 419px;
				background: url(../images_top/bg_blog_middle.gif) top left no-repeat;
				overflow: hidden;
			}
				dl#box-middle dt.box-blog ul li {
					float: left;
					padding: 1px 0 0 1px
				}
					dl#box-middle dt.box-blog ul li a {
						display: block;
						width: 198px; height: 208px;
						text-indent: -9999px;
						-webkit-transition: all 0.2s ease;
						-moz-transition: all 0.2s ease;
					}
					dl#box-middle dt.box-blog ul li a:hover {
						opacity: 0.6;
						filter: alpha(opacity=60);
						-moz-opacity: 0.6;
						-ms-filter: "alpha(opacity=60)";
					}
					li#cat-info a {
						background: url(../images_top/btn_blog_info.gif) top left no-repeat;
					}
					li#cat-maintenance a {
						background: url(../images_top/btn_blog_maintenance.gif) top left no-repeat;
					}
					li#cat-product a {
						background: url(../images_top/btn_blog_product.gif) top left no-repeat;
					}
					li#cat-rider a {
						background: url(../images_top/btn_blog_rider.gif) top left no-repeat;
					}
					li#cat-event a {
						background: url(../images_top/btn_blog_event.gif) top left no-repeat;
					}
					li#cat-other a {
						background: url(../images_top/btn_blog_other.gif) top left no-repeat;
					}
		dl#box-middle dt.box-twitter {
			padding-left: 32px;
			width: 310px;
		}
			dl#box-middle dt.box-twitter h3 {
				background: url(../images_top/h3_twitter_middle.gif) top left no-repeat;
			}
				dl#box-middle dt.box-twitter div.twtr-hd h3 {
					display: none;
				}
	dl#box-bottom {
		height: 100%;
		overflow: hidden;
	}
		dl#box-bottom dt,
		dl#box-bottom dd {
			float: left;
		}
		dl#box-bottom dt {
			padding-right: 20px;
		}
			dl#box-bottom dt a,
			dl#box-bottom dd a {
				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
			}
			dl#box-bottom dt a:hover,
			dl#box-bottom dd a:hover {
				opacity: 0.75;
				filter: alpha(opacity=75);
				-moz-opacity: 0.75;
				-ms-filter: "alpha(opacity=75)";
			}