@charset "UTF-8";

/* リセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
caption, table, tr, th, td, img, form, a {
        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; }
/* リセット終わり */


html {
	height:100%;
	width: auto;
}

body {
	height:100%;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.hr{width: 98%;	color: #525252;}
.hrmenu{border: 1px solid #525252; margin: .1em 0 .1em 0;}
.menuhr{color: #fff; border-bottom:1px solid #525252; width: 100%;}


a {
	color: #57A493;
	text-decoration: none;
}

/*--------------------------------------------全体定義 END----------------------------------------------------*/

/*--------------------------------------------画面定義---------------------------------------------------*/
#wrapper	{position: relative; min-width: 1130px; min-height: 100%; height: auto;}
	
	#main		{float: right; position: absolute; top: 0px; left: 330px; z-index: 0; 
				 	     min-width: 800px; width: 100%;  min-height: 100%; height: auto; border-left:   solid 1px #525252;}
		#cont_title	{    min-width: 800px; width: 100%;                    height: 75px; border-bottom: solid 1px #525252; }
		#content	{                      width: 850px;                               ; padding: 10px;}
		#content_inner	{min-width: 770px; width: 810px;                               ; margin: 10px; padding: 10px; background: #000; }
		#footer		{    min-width: 800px; width: 850px;                   height: 20px; margin-top: 10px; padding: 0px 0px 0px 0px; }

	#left_menu	{float: left; position: absolute; top: 0px; left: 0px; z-index: 1; 
		                          width: 100%; border-right: solid 1px #525252; }
		#titleimg	{float: left; width: 100%; height: 200px}
		#main_menu	{float: left; width: 100%; }
		#menuinner	{             width: 330px;}
		#copywrite	{float: left; width: 100%; height: 40px}

/*--------------------------------------------メニュー表示---------------------------------------------------*/
#side 		{display:block;}

#header{
	display: none;
}

/*--------------------------------------------index用----------------------------------------------------*/
.index_box{float: left; width: 900px; text-align: right;}
.indexbig{font-family: 'Anton', sans-serif; font-size: 60px; line-height:.9em; display: block; margin-right: 10px;}
.indexmid{font-family: 'Anton', sans-serif; font-size: 30px; line-height: 1em; display: block; margin-right: 10px;}
.indexlit{font-family: 'Anton', sans-serif; font-size: 18px; line-height: 1em; display: block; margin-right: 10px;}
.indexmic{font-family: 'Anton', sans-serif; font-size: 12px; line-height: 1em; display: block; margin-right: 10px;}
.indexclk{text-align: right; text-decoration: none; font-size: 18px; margin-right: 20px;}
/*--------------------------------------------メイン用----------------------------------------------------*/
.title { font-size: 30px; font-weight: bold; margin: 10px 0px 0px 10px; color: #fff; font-family: "Mplus 1p";}
.subtitle { font-size: 20px; margin: 0px 0px 5px 15px; color: #fff; font-family: "Mplus 1p";}
.wssc_number { font-size: 20px; margin: 0px 0px 5px 15px; color: #fff; font-family: "Mplus 1p";}

.inner_title{ font-size: 18px; margin: 20px 0px 0px 10px; color: #fff; display: inline;}

.square_12{ font-size: 12px; margin: 10px 0px 0px 12px; color: #57A493; display: inline;}
.square_15{ font-size: 15px; margin: 40px 0px 0px 10px; color: #57A493; display: inline;}
.square_18{ font-size: 18px; margin: 40px 0px 0px 10px; color: #57A493; display: inline;}
.square_24{ font-size: 24px; margin: 40px 0px 0px 10px; color: #57A493; display: inline;}
.square_30{ font-size: 30px; margin: 40px 0px 0px 10px; color: #57A493; display: inline;}

.normal_text{
	text-align:left;
	text-justify:distribute;
	font-size:14px;
	line-height:23px;
	color: #FFFFFF;
	padding:0px 23px 0px 23px;
}

.bottomlink{ font-size: 14px; color: #57A493; text-decoration: none;}


/*--------------------------------------------WSSC用----------------------------------------------------*/
.name_box	{ float: left;  height: 120px; width: 260px; margin: 0px  0px 0px 20px; position: relative;}
.dealer_box	{ float: left;  height: 120px; width: 200px; margin: 0px  0px 0px  0px; position: relative;}
.item_box	{ float: right; height: 120px; width: 230px; margin: 0px 20px 0px  0px; position: relative; text-align: center;}
.item_box2	{ float: right; height: 120px; width: 350px; margin: 0px 20px 0px  0px; position: relative; text-align: center;}

.wssc_number{ font-size: 14px; color: #ffffff; text-decoration: none; position: absolute; bottom: 25px; margin: 0px 0px 0px -10px; }
.dealer_link{ font-size: 16px; color: #57A493; text-decoration: none; position: absolute; bottom:  0px; margin: 0px 0px 0px 0px; }
.dealer_name{ font-size: 16px; color: #ffffff; text-decoration: none; position: absolute; bottom:  0px; margin: 0px 0px 0px 0px; }

.img100		{ position: absolute; margin: 0px}
.wssc_topimg{ width: 100px; display: block; margin-left: auto; margin-right: auto;}
.item_title { font-size: 16px; color: #ffffff; text-decoration: none; }

/*--------------------------------------------table用----------------------------------------------------*/
#main_table{
	width:1000;
	background-color: #000;
	border:0px;
	padding:0px 0px 0px 0px;
	margin:40px;
	
}

#main_table .tdmain{
	background-color: #000;
	border:solid 0px;
	padding: 10px 0px 10px 0px;
	margin-top:50px;
}

/*--------------------------------------------メニュー用----------------------------------------------------*/
.menutext {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	padding: 1px 3px;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(87,164,147,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .3s;
	font-family: 'Quicksand', sans-serif;
	text-decoration: none;
	float: left;
	margin: 1 0 1 0;
	width: 250px;
}
.menutext:hover {
	background-position: 0 100%;
	color: #000;
	border-radius: 10px;
	font-family: 'Quicksand';
	text-decoration: none;
}

.menutextonly{
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	padding: 1px 3px;
	font-family: 'Quicksand', sans-serif;
	text-decoration: none;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 250px;
}
.blinking{
	color: red;
	font-size: 14px;
	vertical-align: center;
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
	margin: 2px 2px 1px 5px;
	line-height: 20px;
	float: left;
	width: 60px;
}
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;}}
@-moz-keyframes blink{ 0% {opacity:0;}    100% {opacity:1;}}
@keyframes blink{0% {opacity:0;}    100% {opacity:1;}}
/*--------------------------------------------メニュー用 END----------------------------------------------------*/
/*------------------------------------------- アフターレポート用------------------------------------------------ */
#after_table{
	border:solid 1px;
	border-color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	margin-left:43px;
	margin-right:auto;
	color:#FFFFFF;
}

.aftertd{
	border:solid 1px;
	border-color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
}


/*------------------------------------------- FAQ用------------------------------------------------ */

.balloon1-left {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 0em 15px;
	padding: 15px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #000;
	font-size: 14px;
	background: #57A493;
	border-radius: 10px;
	line-height: 1em;
	margin-left: 40px;
}

.balloon1-left:before{
	content: "";
	position: absolute;
	top: 75%;
	left: -23px;
 	margin-top: -15px;
	border: 8px solid transparent;
	border-right: 15px solid #57A493;
}

.balloon1-left p {
	margin: 0;
	padding: 0;
}

.balloon1-right {
 	position: relative;
	display: inline-block;
 	margin: 0.5em 15px 1.5em 0;
	padding: 15px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #000;
	font-size: 14px;
	background: #fff;
	border-radius: 10px;
	line-height: 1em;
	margin-left: 120px;
}

.balloon1-right:before{
	content: "";
	position: absolute;
	top: 75%;
	left: 100%;
 	margin-top: -15px;
	border: 8px solid transparent;
	border-left: 15px solid #fff;
}

.balloon1-right p {
	margin: 0;
	padding: 0;
}

/*------------------------------------------- Copywrite Caution------------------------------------------------ */
*.Copywrite { font-size: 8px; color: #fff; text-align: center; line-height: 8px; font-family: 'PT Sans', sans-serif; }
/*------------------------------------------- Copywrite Caution END ------------------------------------------------ */

img.shop {
	margin: 0 0 0 0px;
	border:0;
}

.clear		{clear:both;}

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}/* for modern brouser */
.clearfix { display: inline-block; }/* IE7,MacIE5 */
* html .clearfix { height: 1%;}/* WinIE6 below, Exclude MacIE5 \*/
.clearfix { display: block;}

/*------------------------------------------- for FHD ------------------------------------------------ */

.rekidai{font-size: 18px; margin: 0px 0px 0px 20px; color: #fff; display: inline; line-height: 20px; padding: 0px;cursor: pointer;cursor: hand;}
/*------------------------------------------- for iPhone Slide menu ------------------------------------------------ */
@media screen and (max-width: 750px) {
	html{width: 730px; 	overflow-x: hidden;}
	body{width: 730px; 	overflow-x: hidden;}

	#wrapper 	{width: 720px; height: auto;}
		#main 		{    min-width: 720px; max-width: 720px; top: 0px; left: 0px; border-left: none;}
		#cont_title	{    min-width: 720px; max-width: 720px; height: 65px; border-top: 1px solid #525252;}
		#content	{    min-width: 720px; max-width: 720px;}
		#content_inner	{min-width: 680px; max-width: 680px;}
		#footer		{    min-width: 720px; max-width: 720px;}
	#side{display: none;}
	
	#header {
		display: block;
		width: 730px;
		margin:0 auto;
		position: relative;
		background: #000;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.11);
	}
	
.menutext	 { font-size: 30px; line-height: 30px; width: 500px;}
.menutextonly{ font-size: 30px; line-height: 30px; width: 500px;}
.blinking	 { font-size: 14px; line-height: 20px; width: 60px;}

.title 		{ font-size: 25px; margin: 0px 0px 0px 10px;}
.subtitle	{ font-size: 15px; margin: 0px 0px 5px 15px;}
.dealer_link{ font-size: 16px;}

.index_box{ float: left; width: 730px; text-align: right;}
.indexbig{font-size: 45px;}
.indexmid{font-size: 20px;}
.indexlit{font-size:  9px;}
.indexmic{font-size:  9px;}
.indexclk{font-size: 18px;}

	
.blinking{
	color: yellow;
}
	
	
.header__leadWrap {
	background: #0285c1;
	color: #fff;
	font-size: 11px;
}

.headerNavWrap,
.headerNav  {
	display: block;
	justify-content: space-between;
	align-items: center;
	max-width: 1100px;
	margin: 0 auto;
}

.headerNavWrap {
	position: relative;
	padding: 6px 17px;
}

.header__logo {
	font-size:40px;
	color:#fff;
	width: 400px;
	line-height: 50px;
	font-family: 'Anton', sans-serif;
}

#js-menuBk {
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
}

#js-closeBtnWrap {
	display: block;
	background: #000;
}
#js-openBtn {
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 35px;
	padding: 5px 5px 5px 5px;
	margin: 10px;
	border: 1px groove #fff;
	border-radius: 10px;
	background-color: #57A493;
	font-family: 'Anton', sans-serif;
}
	
	
#js-spNav {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 80%;
	background: #000;
	transform: translateX(100%);
	transition: all .3s;
}
#js-spNav.isOpen {
	transform: translateX(0);
}
.menuClose {
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	display: inline-block;
	height: 35px;
	padding: 5px 5px 5px 5px;
	margin: 10px;
	border: 1px groove #fff;
	border-radius: 10px;
	background-color: #57A493;
	font-family: 'Anton', sans-serif;
}

}