@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

/*----------------------------------------------------------------------
 * Reset
 ---------------------------------------------------------------------*/
	html, body {
		margin    : 0;
		padding   : 0;
		border    : 0;
		font-size : 100%;
		font      : inherit;
		vertical-align : baseline;
	}


/*----------------------------------------------------------------------
 * Basic
 ---------------------------------------------------------------------*/

	html, body {
		height : 100%;
		min-height : 100%;
	}

	body {
		background-image : url(../../../../../common/imgs/pattern.png), url(../../../../../common/imgs/bg02.jpg);
		background-position : top left, center center;
		background-repeat : repeat, no-repeat;
		background-attachment : fixed;
		background-size : 30px 30px, cover;
		background-color : #000000;
	}


/*----------------------------------------------------------------------
 * Base
 ---------------------------------------------------------------------*/
	#wrapper {
		position : relative;
		width : 1300px;
		height : 100%;
		margin : 0 auto;
	}

/*----------------------------------------------------------------------
 * Side Menu
 ---------------------------------------------------------------------*/

	#side_menu {
		position : relative;
		float : left;
		width   : 280px;
		height  : 100%;
		background-color : rgba(255,255,255,0.1);
		box-shadow : 5px 0px 5px rgba(0,0,0,0.4), -5px 0px 5px rgba(0,0,0,0.4);
	}

	#side_menu .logo {
		width : 280px;
		padding-top : 60px;
		padding-bottom : 60px;
		font-family : "Oswald", sans-serif;
		font-size : 22px;
		font-weight : bold;
		color : #FFFFFF;
		line-height : 24px;
		text-align : center;
		text-shadow : 5px 5px 5px rgba(0,0,0,0.4);
	}
	#side_menu .logo a {
		color : #FFFFFF;
		text-decoration : none;
	}
	#side_menu .logo a:hover {
		color : #FFFFFF;
		text-decoration : none;
	}

	#side_menu .menu {
		position : relative;
	}
	#side_menu .menu ul {
		list-style-type : none;
		margin : 0;
		padding : 0;
	}
	#side_menu .menu .dropdown {
		font-family : helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
		font-size : 14px;
		color : #FFFFFF;
		line-height : 14px;
	}
	#side_menu .menu .dropdown li {
		margin  : 0px 20px 0px 20px;
		padding : 15px 0px 15px 0px;
		border-bottom : 1px dotted #FFFFFF;
	}
	#side_menu .menu .dropdown li a {
		color : #FFFFFF;
		text-decoration : none;
	}
	#side_menu .menu .dropdown li a:hover {
		text-decoration : none;
	}
	#side_menu .menu .dropdown li:first-child {
		border-top : 1px dotted #FFFFFF;
	}
	#side_menu .menu .dropdown li .subword {
		font-family : helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
		font-size : 12px;
		color : #FFFFFF;
		line-height : 12px;
	}
	#side_menu .menu .dropdown li .openitem {
		position : absolute;
		right : 40px;
	}
	#side_menu .menu .dropdown li .openitem i {
		font-size : 1.8em;
		line-height : 16px;
		color : #FFFFFF;
	}
	#side_menu .menu .dropdown li > ul li {
		margin  : 0px 20px 0px 10px;
		padding : 15px 0px 0px 0px;
		border : none;
	}
	#side_menu .menu .dropdown li > ul li:first-child {
		border : none;
	}
	#side_menu .menu .dropdown li > ul li .whl_image {
		vertical-align : middle;
	}
	#side_menu .menu .dropdown li > ul li.active {
		color : #00FF00;
		font-weight : bold;
	}
	#side_menu .menu .dropdown li > ul li.active a {
		color : #00FF00;
		font-weight : bold;
	}
	#side_menu .menu .dropdown li > ul li.active a:hover {
		color : #00FF00;
		font-weight : bold;
	}

	#side_menu .about {
		width : 240px;
		margin  : 30px 20px 0px 20px;
		border-bottom : 1px dotted #FFFFFF;
	}
	#side_menu .about .name {
		margin  : 0px 0px 10px 0px;
		font-family : "Oswald", sans-serif;
		font-size : 18px;
		font-weight : bold;
		line-height : 18px;
		color : #FFFFFF;
		text-align : left;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.4);
	}
	#side_menu .about .address {
		margin  : 0px 0px 10px 0px;
		font-family : helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
		font-size : 12px;
		line-height : 12px;
		color : #FFFFFF;
		text-align : left;
		text-shadow : 1px 1px 1px rgba(0,0,0,0.4);
	}
	#side_menu .about .tel {
		margin  : 0px 0px 10px 0px;
		font-family : "Oswald", sans-serif;
		font-size : 14px;
		line-height : 14px;
		color : #FFFFFF;
		text-align : left;
		text-shadow : 2px 2px 2px rgba(0,0,0,0.4);
	}

	#side_menu .social-icon {
		width : 280px;
		margin : 42px 0px 0px 0px;
		text-align : center;
	}
	#side_menu .social-icon i {
		font-size : 1.8em;
		margin : 0px 10px 0px 10px;
	}
	#side_menu .social-icon a {
		color : rgba(185,185,185,0.9);
		text-shadow : 3px 3px 3px rgba(0,0,0,0.4);
	}
	#side_menu .social-icon a:hover {
		color : rgba(255,255,255,1);
	}


/*----------------------------------------------------------------------
 * Contents
 ---------------------------------------------------------------------*/

	#contents {
		position : relative;
		float : left;
		width : 1000px;
		margin : 0px 0px 0px 20px;
		background-color : rgba(255,255,255,0.1);
		box-shadow : 5px 0px 5px rgba(0,0,0,0.4), -5px 0px 5px rgba(0,0,0,0.4);
	}

	/*------------------------------------------------------------------
	 * Header
	 -----------------------------------------------------------------*/
	#contents-header {
		position : relative;
		width : 1000px;
		height : 80px;
		margin : 0px 0px 0px 0px;
		background-color : rgba(0,0,0,0.3);
	}
	#contents-header .logo {
		display: inline-block;
		position : absolute;
		right : 20px;
		margin : 20px 0px 20px 0px;
		font-family: "Oswald", sans-serif;
		font-size : 42px;
		line-height : 42px;
		color : #FFFFFF;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
	}

	/*------------------------------------------------------------------
	 * Title
	 -----------------------------------------------------------------*/
	#contents-title {
		position : relative;
		width : 1000px;
		height : 300px;
		margin : 0px 0px 0px 0px;
		border-top : 1px solid #00FF00;
		border-bottom : 1px solid #00FF00;
	}
	#contents-title .photo {
		position : absolute;
		top : 0px;
		left : 0px;
	}
	#contents-title .text {
		display: inline-block;
		position : absolute;
		top : 40px;
		left : 40px;
		padding : 20px 40px 20px 40px;
		font-family: "Oswald", sans-serif;
		font-size : 42px;
		font-weight : bold;
		line-height : 42px;
		color : #FFFFFF;
		text-align : left;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		background-color : rgba(0,0,0,0.5);
	}

	/*------------------------------------------------------------------
	 * Wheels Image
	 -----------------------------------------------------------------*/
	#contents-wheels-image {
		clear : both;
		overflow : hidden;
		width : 1000px;
		margin : 80px 0px 0px 0px;
	}
	#contents-wheels-image .index {
		width : 1000px;
	}
	#contents-wheels-image .index .title {
		display: inline-block;
		margin : 0px 0px 0px 20px;
		padding : 0px 40px 15px 40px;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		border-bottom : 2px solid #00FF00;
	}
	#contents-wheels-image .left {
		position : relative;
		float : left;
		width : 480px;
		height : 460px;
		margin : 30px 70px 0px 50px;
	}
	#contents-wheels-image .left .main_photo {
		width : 480px;
		height : 460px;
	}
	#contents-wheels-image .left .larger {
		position : absolute;
		left : 20px;
		bottom : 20px;
		font-family : "Oswald", sans-serif;
		font-size : 12px;
		line-height : 16px;
		color : #FFFFFF;
		text-align : center;
	}
	#contents-wheels-image .left .larger a {
		color : #FFFFFF;
		text-decoration : none;
	}
	#contents-wheels-image .left .larger a:hover {
		color : #FFFFFF;
		text-decoration : none;
	}
	#contents-wheels-image .right {
		float : left;
		width : 350px;
		height : 460px;
		margin : 30px 50px 0px 0px;
	}
	#contents-wheels-image .right .caption {
		width : 350px;
		margin : 40px 0px 0px 0px;
		font-family: "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
	}
	#contents-wheels-image .right .text {
		width : 350px;
		height : 160px;
		margin : 20px 0px 0px 0px;
		font-family: "Oswald", sans-serif;
		font-size : 14px;
		line-height : 20px;
		color : #FFFFFF;
	}
	#contents-wheels-image .right .social-icon {
		width : 350px;
		margin : 20px 0px 0px 0px;
		text-align : right;
	}
	#contents-wheels-image .right .social-icon i {
		font-size : 28px;
		margin : 0px 10px 0px 10px;
	}
	#contents-wheels-image .right .social-icon a {
		color : rgba(185,185,185,0.9);
		text-shadow : 3px 3px 3px rgba(0,0,0,0.4);
	}
	#contents-wheels-image .right .social-icon a:hover {
		color : rgba(255,255,255,1);
	}
	#contents-wheels-image .right .photo {
		width : 350px;
		height : 100px;
		margin : 20px 0px 0px 0px;
		padding : 10px 0px 10px 0px;
		border-top : 1px dotted #FFFFFF;
		border-bottom : 1px dotted #FFFFFF;
	}

	/*------------------------------------------------------------------
	 * Concept
	 -----------------------------------------------------------------*/
	#contents-concept {
		clear : both;
		overflow : hidden;
		width : 1000px;
		margin : 80px 0px 0px 0px;
	}
	#contents-concept .index {
		width : 1000px;
	}
	#contents-concept .index .title {
		display: inline-block;
		margin : 0px 0px 0px 20px;
		padding : 0px 40px 15px 40px;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		border-bottom : 2px solid #00FF00;
	}
	#contents-concept .left {
		float : left;
		width : 380px;
		height : 300px;
		margin : 30px 70px 0px 50px;
	}
	#contents-concept .left .text {
		font-family: "Oswald", sans-serif;
		font-size : 14px;
		line-height : 18px;
		color : #FFFFFF;
	}
	#contents-concept .right {
		float : left;
		width : 448px;
		height : 300px;
		margin : 30px 50px 0px 0px;
		border-left : 1px solid #00FF00;
		border-right : 1px solid #00FF00;
	}
	#contents-concept .right .photo {
		width : 448px;
		height : 300px;
	}

	/*------------------------------------------------------------------
	 * SPEC
	 -----------------------------------------------------------------*/
	#contents-spec {
		clear : both;
		overflow : hidden;
		width : 1000px;
		margin : 80px 0px 0px 0px;
	}
	#contents-spec .index {
		width : 1000px;
	}
	#contents-spec .index .title {
		display: inline-block;
		margin : 0px 0px 0px 20px;
		padding : 0px 40px 15px 40px;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		border-bottom : 2px solid #00FF00;
	}
	#contents-spec .spec_tbl {
		overflow : hidden;
		width : 900px;
		margin : 30px 50px 0px 50px;
	}
	#contents-spec .spec_tbl p {
		margin : 8px 0px 5px 0px;
		font-family : "Oswald", sans-serif;
		font-size : 14px;
		line-height : 16px;
		color : #FFFFFF;
		text-align : center;
	}
	#contents-spec .spec_tbl strong {
		font-weight : bold;
	}
	#contents-spec .spec_tbl .cell_01 {
		float : left;
		width : 169px;
		height : 30px;
		border-right : 1px dotted #FFFFFF;
		border-bottom : 1px dotted #FFFFFF;
	}
	#contents-spec .spec_tbl .cell_01a {
		float : left;
		width : 169px;
		height : 185px;
		border-right : 1px dotted #FFFFFF;
		border-bottom : 1px dotted #FFFFFF;
		vertical-align : middle;
	}
	#contents-spec .spec_tbl .cell_02 {
		float : left;
		width : 223px;
		height : 30px;
		border-right : 1px dotted #FFFFFF;
		border-bottom : 1px dotted #FFFFFF;
	}
	#contents-spec .spec_tbl .cell_03 {
		float : left;
		width : 111px;
		height : 30px;
		border-right : 1px dotted #FFFFFF;
		border-bottom : 1px dotted #FFFFFF;
	}
	#contents-spec .spec_tbl .cell_03a {
		float : left;
		width : 111px;
		height : 61px;
		border-right : 1px dotted #FFFFFF;
		border-bottom : 1px dotted #FFFFFF;
	}
	#contents-spec .spec_tbl .cell_04 {
		float : left;
		width : 116px;
		height : 30px;
		border-right : 1px dotted #FFFFFF;
		border-bottom : 1px dotted #FFFFFF;
	}
	#contents-spec .spec_tbl .cell_05 {
		float : left;
		width : 49px;
		height : 30px;
		border-bottom : 1px dotted #FFFFFF;
	}
	#contents-spec .text {
		clear : both;
		width : 900px;
		margin : 10px 50px 0px 50px;
		font-family : "Oswald", sans-serif;
		font-size : 14px;
		line-height : 16px;
		color : #FFFFFF;
	}

	/*------------------------------------------------------------------
	 * Order
	 -----------------------------------------------------------------*/
	#contents-order {
		clear : both;
		overflow : hidden;
		width : 1000px;
		margin : 80px 0px 0px 0px;
	}
	#contents-order .index {
		width : 1000px;
	}
	#contents-order .index .title {
		display : inline-block;
		margin : 0px 0px 0px 20px;
		padding : 0px 40px 15px 40px;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		border-bottom : 2px solid #00FF00;
	}
	#contents-order .text {
		width : 900px;
		margin : 30px 50px 0px 50px;
		font-family : "Oswald", sans-serif;
		font-size : 14px;
		line-height : 16px;
		color : #FFFFFF;
	}
	#contents-order .order_btn {
		margin : 20px 350px 0px 350px;
		padding : 20px 20px 20px 20px;
		background-color : rgba(0,0,0,0.3);
		border-radius : 8px;
		border : 2px solid #00FF00;
		font-family : "Oswald", sans-serif;
		font-size : 28px;
		font-weight : bold;
		line-height : 28px;
		color : #FFFFFF;
		text-align : center;
		text-decoration: none;
		text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
	}
	#contents-order .order_btn a {
		color : #FFFFFF;
		text-decoration: none;
	}
	#contents-order .order_btn a:hover {
		color : #00FF00;
		text-decoration: none;
	}

	/*------------------------------------------------------------------
	 * Contact
	 -----------------------------------------------------------------*/
	#contents-contact {
		clear : both;
		overflow : hidden;
		width : 1000px;
		margin : 80px 0px 0px 0px;
	}
	#contents-contact .index {
		width : 1000px;
	}
	#contents-contact .index .title {
		display: inline-block;
		margin : 0px 0px 0px 20px;
		padding : 0px 40px 15px 40px;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		border-bottom : 2px solid #00FF00;
	}
	#contents-contact .text {
		width : 900px;
		margin : 30px 50px 0px 50px;
		font-family : "Oswald", sans-serif;
		font-size : 14px;
		line-height : 16px;
		color : #FFFFFF;
	}
	#contents-contact .btn_area {
		clear : both;
		overflow : hidden;
		width : 900px;
		margin : 30px 50px 0px 50px;
	}
	#contents-contact .btn_area .tel {
		float : left;
		width : 276px;
		height : 50px;
		margin : 0px 65px 0px 65px;
		padding : 20px 20px 20px 20px;
		background-color : rgba(0,0,0,0.3);
		border-radius : 8px;
		border : 2px solid #00FF00;
		font-family : "Oswald", sans-serif;
		font-size : 32px;
		font-weight : bold;
		color : #FFFFFF;
		text-align : center;
		text-decoration: none;
		text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
	}
	#contents-contact .btn_area .pos_middle {
		vertical-align : middle;
	}
	#contents-contact .btn_area .form {
		float : left;
		width : 276px;
		height : 26px;
		margin : 0px 65px 0px 65px;
		padding : 36px 20px 28px 20px;
		background-color : rgba(0,0,0,0.3);
		border-radius : 8px;
		border : 2px solid #00FF00;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-decoration: none;
		text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
		vertical-align : middle;
	}
	#contents-contact .btn_area .form a {
		color : #FFFFFF;
		text-decoration: none;
	}
	#contents-contact .btn_area .form a:hover {
		color : #00FF00;
		text-decoration: none;
	}

	/*------------------------------------------------------------------
	 * Gallery
	 -----------------------------------------------------------------*/
	#contents-gallery {
		clear : both;
		overflow : hidden;
		width : 1000px;
		margin : 80px 0px 0px 0px;
	}
	#contents-gallery .index {
		width : 1000px;
	}
	#contents-gallery .index .title {
		display: inline-block;
		margin : 0px 0px 0px 20px;
		padding : 0px 40px 15px 40px;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		border-bottom : 2px solid #00FF00;
	}
	#contents-gallery .photo {
		width : 900px;
		margin : 30px 50px 0px 50px;
	}
	#contents-gallery .boxn {
		float : left;
		width : 210px;
		height : 157px;
		margin : 0px 20px 0px 0px;
	}
	#contents-gallery .boxe {
		float : left;
		width : 210px;
		height : 157px;
		margin : 0px 0px 0px 0px;
	}

	/*------------------------------------------------------------------
	 * Other Models
	 -----------------------------------------------------------------*/
	#contents-other {
		clear : both;
		overflow : hidden;
		width : 1000px;
		margin : 80px 0px 0px 0px;
	}
	#contents-other .index {
		width : 1000px;
	}
	#contents-other .index .title {
		display: inline-block;
		margin : 0px 0px 0px 20px;
		padding : 0px 40px 15px 40px;
		font-family : "Oswald", sans-serif;
		font-size : 24px;
		font-weight : bold;
		line-height : 26px;
		color : #FFFFFF;
		text-align : center;
		text-shadow : 3px 3px 3px rgba(0,0,0,0.5);
		border-bottom : 2px solid #00FF00;
	}
	#contents-other .models {
		width : 840px;
		margin : 30px 75px 0px 85px;
	}
	#contents-other .models .slick-slide {
		-webkit-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	#contents-other .models .slick-slide a {
		text-decoration : none;
	}
	#contents-other .models .slick-slide a:hover {
		text-decoration : none;
	}
	#contents-other .models .slick-slide:not(.slick-center) {
		-webkit-transform: scale(.75);
		-moz-transform: scale(.75);
		-ms-transform: scale(.75);
		-o-transform: scale(.75);
		transform: scale(.75);
	}
	#contents-other .models .name {
		width : 145px;
		font-family : "Oswald", sans-serif;
		font-size : 14px;
		color : #FFFFFF;
		line-height : 16px;
		text-align : center;
	}
	#contents-other .models .name a {
		color : #FFFFFF;
		text-decoration : none;
	}
	#contents-other .models .name a:hover {
		color : #FFFFFF;
		text-decoration : none;
	}

	/*------------------------------------------------------------------
	 * Copyright
	 -----------------------------------------------------------------*/
	#contents-copyright {
		clear : both;
		width : 1000px;
		margin : 100px 0px 10px 0px;
		font-family : helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
		font-size : 12px;
		color : #FFFFFF;
		text-align : center;
	}


	/*------------------------------------------------------------------
	 * Popup
	 -----------------------------------------------------------------*/
	#popup-background{
		position:fixed;     /* 位置の固定 */
		top: 0;             /* 表示位置 */
		left: 0;            /* 表示位置 */
		height: 100%;       /* 画面全体に表示 */
		width: 100%;        /* 画面全体に表示 */
		background:#000;    /* 背景色 */
		opacity: 0.85;      /* 透明度 */
		margin: 0;          /* 余白の削除 */
		padding: 0;         /* 余白の削除 */
		z-index:1000;       /* 要素のz座標 */
	}
	#popup-item{
		position:fixed;     /* 位置の固定 */
		top: 50%;           /* 表示位置(真ん中に表示) */
		left: 50%;          /* 表示位置(真ん中に表示) */
		margin: 0;          /* 余白の削除 */
		padding: 0;         /* 余白の削除 */
		z-index:1001;       /* 要素のz座標 */
	}

/*--------------------------------------------------------------------*/