@charset "utf-8";
/* CSS Document */

/*
-----------------------------------------------
▼Kawasaki CSS 2014.10a
----------------------------------------------- */

/* reset */
html {
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
height:100%;
}

body, div, h1, h2, h3, h4, h5, h6, a,
ul, ol, li, dl, dt, dd, strong, em, small, sub, 
img, address, cite, code, q, form,
footer, header, hgroup, menu, nav, section, aside, summary,
time, mark, audio, video {
border:0;
outline:0;
font-size:100%;
line-height:1.5;
background:transparent;
word-break:normal;
word-wrap:break-word;
}

body{margin:0 auto 0 auto;}

em, address {
font-style:normal;
}
area {
outline:none;
}
img {
vertical-align:bottom;
}
ul,ol {

}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a {
color:#000;
text-decoration:none;
}
a:hover,a:active {
color:#999;
}

/* clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}

/*


-----------------------------------------------
Basic
----------------------------------------------- */
body {
background:#fff;

/*background:url(../img/login_bg.png) no-repeat bottom fixed;*/

font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
font-size:14px;
color:#000;
position:relative;
}
a img {
transition:0.5s;
}
a:hover img {
opacity:0.8;
}

#wrapper {
	width:auto;
	height:auto;
	padding:0 2% 0 2%;
	/*background:#2a2a2a;*/
	position:relative;
}

/* header */
#header {

	width: 100%;
	height: 84px;
	position: relative;
	background: url(../../../../kawasaki_connect/en/img/header_bg.png);
	color: #fff;
	text-align: left;
	margin:0 auto 0 auto;	
}

#header_inner{
	width:auto;
	height:84px;
	position:relative;
	margin:0 auto 0 auto;		
	}

#header_logo{
	width:141px;
	height:38px;
	position:absolute;
	top:21px;
	left:42px;
	}

	#header_logo a:hover img{
		opacity:1.0;
	}
	
#header_system_name{
	width:120px;
	height:20px;
	position:absolute;
	top:20px;
	right:10px;
	font-size:20px;
	font-weight:bold;
	}

#lang_btn{
	width:100px;
	height:38px;
	position:absolute;
	top:30px;
	right:21px;
	color:#232323;
}

#lang_btn a{
	font-size:16px;
	font-weight: 600;
	color:#232323;
}

#lang_btn a:hover{
	opacity: 0.6;
}

.head_pad{
	display: inline-block;
	margin:0 0 0 14px;
}

.head_pad02{
	display: inline-block;
	margin:0 0 0 17px;
}

.head_pad03{
	display: inline-block;
	margin:0 0 0 8px;
}

.head_pad04{
	display: inline-block;
	margin:0 0 0 21px;
}



/*content*/


#content{
	width:100%;
	height: auto;
	
	/*height:calc(100vh - 84px);*/
	/*background:#2a2a2a;*/
	margin:0 auto 0 auto;
	/*padding:0 0 10px 0;*/
	text-align:center;
}

.model_name{
	font-size:22px;
	font-weight: 700;
}

/*footer*/

#footer{
		width:100%;
		height:60px;
		line-height: 60px;
		background: #101010;
		text-align: center;
		margin:0 auto 0 auto;
		color:#FFF;
		}

/*list上付き文字*/

.up_txt{
	
	font-size:11px;
}

@media screen and (max-width : 768px ){ 
	
	#wrapper {
	width:96%;
	height:auto;
	margin:0 auto 0 auto;
	/*background:#2a2a2a;*/

	}
	
	.sp_non{
		display:none;
	}
	
	.pc_non{
		display:block;
	}
	
	/* header */
	#header {
	min-width: 100%;
	width:100%;
	height: 84px;
	position: relative;
	background: url(../../../../kawasaki_connect/en/img/header_bg.png);
	color: #fff;
	text-align: left;
	}

	#header_inner{
	width: 100%;
	height:84px;
	position:relative;
	margin:0 auto 0 auto;
	}

#header_logo{
	width:141px;
	height:38px;
	position:absolute;
	top:21px;
	left:21px;
	}

	#header_logo a:hover img{
		opacity:1.0;
	}
	

	/*content*/


	#content{
	width:100%;
	height: auto;
	
	/*height:calc(100vh - 84px);*/
	/*background:#2a2a2a;*/
	margin:0 auto 0 auto;
	/*padding:0 0 10px 0;*/
	text-align:center;
	}

	
	
}
@media screen and (max-width : 768px ){ 
	
	
	#header_logo{
	width:141px;
	height:38px;
	position:absolute;
	top:21px;
	left:21px;
	}

	#header_logo a:hover img{
		opacity:1.0;
	}
	
	
	
}