/* ================================================
Reset
================================================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;  padding: 0;
}

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


body {
	font-size: 75%;
}
html>/**/body {
	font-size: 12px;
}

body {
	font-family:Verdana,meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	line-height: 150%;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

html {
	overflow-y: scroll;
}
table {
	border-collapse: collapse;  border-spacing: 0;
}
img {
	border: 0;
}
li {
	list-style-type: none;
}
.pc-tb {display: block;}
.pc {display: block;}
.sp-tb {display: none;}
.sp {display: none;}
@media screen and (max-width:667px) {
	.pc-tb {display: none;}
	.pc {display: none;}
	.sp-tb {display: block;}
	.sp {display: block;}
	img {
		max-width: 100%;
		height: auto;
	}
}

/* ================================================
基本
================================================ */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color:#343434;
	min-width:1100px;
	width: auto !important;
	width:1100px;
}
@media screen and (max-width:667px) {
	body {
		min-width: 100%;
	}
}


/* ================================================
clearfix
================================================ */
/* for modern brouser */
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */

@media screen and (min-width:769px) {
/* ================================================
共通
================================================ */
#main {
	width: 100%;
	padding: 0px;
	margin: 0 auto;
	background: url(../images/top_bg.jpg) no-repeat top center;
}

#main #top_wrap {
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	height: 682px;
	position: relative;
}



/* ================================================
フッター
================================================ */
#foot_bg {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#footer {
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 100px;
}
#footer .toyota_logo {
	position: absolute;
	left: 75px;
	top: 25px;
}
#footer .bn_title { position: absolute; left: 376px; top: 25px;
}

#footer .bn01 { position: absolute; left: 727px; top: 27px;
}
#footer .bn02 { position: absolute; left: 890px; top: 27px;
}
#footer .bn03 {
	position: absolute;
	left: 919px;
	top: 27px;
}
#footer .bn04 { position: absolute; left: 564px; top: 27px;
}
#footer .copy {
	position: absolute;
	left: 697px;
	top: 77px;
}

#top_wrap .top_logo {
	position: absolute;
	left: 67px;
	top: 14px;
}
#top_wrap .top_link01 {
	position: absolute;
	top: 31px;
	right: 102px;
}
#top #main #top_wrap .top_link02 {
	position: absolute;
	top: 62px;
	right: 102px;
}
#top_wrap .top_link03 {
	position: absolute;
	top: 92px;
	right: 102px;
}
#top_wrap .top_pic {
	position: absolute;
	left: 716px;
	top: 142px;
}

#top_wrap .top_navi01 {
	position: absolute;
	left: 200px;
	top: 254px;
}
#top_wrap .top_navi02 {
	position: absolute;
	left: 460px;
	top: 271px;
}
#top_wrap .top_navi03 {
	position: absolute;
	left: 665px;
	top: 348px;
}
#top_wrap .top_navi04 {
	position: absolute;
	left: 632px;
	top: 537px;
}

#top_wrap .top_boshu01 {
	position: absolute;
	left: 494px;
	top: 25px;
}
#top_wrap .top_boshu02 {
	position: absolute;
	left: 422px;
	top: 137px;
}
#top_wrap .top_boshu03 {
	position: absolute;
	left: 187px;
	bottom: 0px;
}


#top_wrap .top_journal {
	position: absolute;
	left: 724px;
	top: 322px;
}

#top_wrap .top_report {
	position: absolute;
	left: 920px;
	top: 281px;
}
#top_wrap .top_report02 {
	position: absolute;
	left: 882px;
	top: 348px;
}
#top_wrap .top_navi02_02 {
	position: absolute;
	left: 565px;
	top: 494px;
}
}

/* tablet */
@media screen and (min-width:668px) and (max-width:768px) {
	.pc {display: none;}
	.sp-tb {display: block;}
img {max-width: 100%; height: auto;}
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color:#343434;
	min-width:668px;
	width: auto !important;
	width: 100%;
}
/* ================================================
共通
================================================ */
#main {
	max-width: 768px;
	width: 100%;
	padding: 0px;
	margin: 0 auto;
	background: none;
}

#main #top_wrap {
	max-width: 768px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	height: 100%;
	max-height: 768px;
	position: relative;
	background: url(../images/top_bg_tb.jpg) no-repeat top center;
	background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-size: 100%;
}



/* ================================================
フッター
================================================ */
#foot_bg {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#footer {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 100px;
}
#footer .toyota_logo {
	position: absolute;
	left: 3%;
	top: 20%;
	width: 17%;
}
#footer .bn_title {
	position: absolute;
	left: 36%;
	top: 20%;
	width: 23%;
}

#footer .bn01 {
	position: absolute;
	left: 57%;
	top: 43%;
	width: 20%;
}
#footer .bn02 {
	position: absolute;
	left: 78%;
	top: 43%;
	width: 20%;
}
#footer .bn03 {
	position: absolute;
	left: 919px;
	top: 27px;
}
#footer .bn04 {
	position: absolute;
	left: 36%;
	top: 43%;
	width: 20%;
}
#footer .copy {
	position: absolute;
	left: 52%;
	top: 84%;
	width: 46%;
}

#top_wrap .top_logo {
	position: absolute;
	left: 2%;
	top: 2%;
	width: 55%;
}
#top_wrap .top_link01 {
	position: absolute;
	top: 3%;
	right: 3%;
	width: 29%;
}
#top #main #top_wrap .top_link02 {
	position: absolute;
	top: 7%;
	right: 3%;
	width: 35%;
}
#top_wrap .top_link03 {
	position: absolute;
	top: 11%;
	right: 3%;
	width: 14%;
}
#top_wrap .top_pic {
	position: absolute;
	left: 716px;
	top: 142px;
}

#top_wrap .top_navi01 {
	position: absolute;
	left: 4%;
	top: 41%;
	width: 33%;
}
#top_wrap .top_navi02 {
	position: absolute;
	left: 37.2%;
	top: 43%;
	width: 36%;
}
#top_wrap .top_navi03 {
	position: absolute;
	left: 665px;
	top: 348px;
	/*width: 28%;*/
}
#top_wrap .top_navi04 {
	position: absolute;
	left: 61%;
	top: 78%;
	width: 36%;
}

#top_wrap .top_boshu01 {
	position: absolute;
	left: 494px;
	top: 25px;
}
#top_wrap .top_boshu02 {
	position: absolute;
	left: 422px;
	top: 137px;
}
#top_wrap .top_boshu03 {
	position: absolute;
	left: 4%;
	top: 72%;
	width: 47%;
}


#top_wrap .top_journal {
	position: absolute;
	left: 72%;
	top: 50%;
	width: 28%;
}

#top_wrap .top_report {
	position: absolute;
	left: 920px;
	top: 281px;
}
#top_wrap .top_report02 {
	position: absolute;
	left: 882px;
	top: 348px;
}
#top_wrap .top_navi02_02 {
	position: absolute;
	left: 565px;
	top: 494px;
}
}

/* SP style */
@media screen and (max-width:667px) {
	/*common
	=========================*/
	#top_wrap {
		background: url('../images/bg_sp_base.jpg') 0 0 repeat;
	}
	#top #sp__bg {
		/*background: url('../images/bg_sp_top.png') 0 0 no-repeat;*/
		/*background-size: contain;
		-moz-background-size: contain;
		-webkit-background-size: contain;
		-ms-background-size: contain;*/
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		box-orient: vertical;
	}
	.sp__head {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
		margin: 0 2.5% 0% 2.5%;
		padding-top: 2.5%;
	}
	.top_logo {
		/*-webkit-box-flex: 1;*/
		width: 83%;
		float: left\9;
	}
	.sp_nav {
		/*-webkit-box-flex: 0.7;*/
		width: 17%;
		float: right\9;
	}

	/*nav*/
	.sp__nav {display: none;}
	.sp__nav li {
		line-height: 0;
	}
	.sp__nav li:first-child {margin-top: 2.5%;}
	.sp__nav li.nav01,
	.sp__nav li.nav02 {border-bottom: 2px solid #fff;}
	.sp__nav li.nav04,
	.sp__nav li.nav05,
	.sp__nav li.nav06,
	.sp__nav li.nav07,
	.sp__nav li.nav08 {border-bottom: 2px solid #ccc;}


	#top #sp__bg .top_link_box {
		-ms-box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	#top #sp__bg .top_contents {
		-ms-box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	#top #sp__bg .top_contents div a img {
		margin: 0 auto;
	}
	#top #sp__bg .top_link_box {
		margin: 5% 0;
	}
	#top #sp__bg .top_link_box div {margin-bottom: 3.5%;}

	/*footer
	=========================*/
	#footer {margin: 5% 0; padding: 0 5%;}
	#footer div {margin-bottom: 5%;}
	#footer .toyota_logo,
	#footer .bn02 {border-bottom: 1px solid #ccc; padding-bottom: 5%}
	#footer .bn_title img {
		max-width: 50%;
		margin: 0 auto;
	}
	#footer p {color: #333;}

	#sp_page_top {
		width: 43px;
		position: fixed;
		right: 2.5%;
		bottom: 1.5%;
	}
}