@charset "utf-8";

#h1_sec h1 {
	line-height: 2;
}

html {
    font-size: initial;
    -webkit-tap-highlight-color: initial;
    font-family: initial;
    -webkit-text-size-adjust: initial;
    -ms-text-size-adjust: initial;
}

/* 色々と崩れる為、bootstrap 打ち消し */
.ac1-container-for-html-contents * {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}

.ac1-container-for-html-contents .ml0 {
	margin-right: 0 !important;
	margin-left: inherit;
}

/*------------------------------------------------------------------------------------------------------
全面背景
------------------------------------------------------------------------------------------------------*/
#wrapper .wrapperinner {
	width: 100% !important;
	margin: 0 auto;
	padding: 0px !important;
	background: #fff;
	text-align: left !important;
}


/*------------------------------------------------------------------------------------------------------
div,class
------------------------------------------------------------------------------------------------------*/
#pn_body {
	font-size: 14px;
	color: #444;
	line-height: 1.8em;
	text-align: left;
}
#h1_sec{
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/h1_bg.png) 0 0 repeat-x;
	height:30px;
}
.secIn{
	width:980px;
	margin:0 auto;
	position: relative;
	padding-top: 1px;
}
.cont1{
	width:1000px;
	margin:0 auto 15px auto;
}
.cont_center{
	padding:0 10px;
}
.cont_btm {
	background: #63B0E5;
	padding: 15px;
	margin: 30px 0 30px 0;
	position: relative;
	color:#fff;
}
#foot{
	height:345px;
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/ft_bg.jpg) 0 100% repeat-x;
}

/* link */
.pg3 .txtL a:link {
	color: #0DBA30;
}
.pg3 .txtL a:visited {
	color: #0DBA30;
}
.pg3 .txtL a:hover {
	color: #D04141;
	text-decoration:underline;
}


/* title */
h1{
	font-size:12px;
	color:#006bb9;
}
.pn_content h3{
	margin-bottom:20px;
}
.pn_content h4 {
	margin-bottom: 5px;
}


/*------------------------------------------------------------------------------------------------------
visual
------------------------------------------------------------------------------------------------------*/
#visual{
	margin:0 auto;
	width:990px;
}
#visual h2 {
	width: 227px;
	height: 37px;
	margin-left: 5px;
}

/* visual */
#pn_body.index_pg{
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/index_visual.jpg) 50% 0 no-repeat;
}
.index_pg #visual{
	height:665px;	
	position: relative;
}
.pg1 #visual,.pg2 #visual,.pg3 #visual,.present #visual{
	height:683px;
	position: relative;
}
.pre_end #visual{
	height:460px;
	position: relative;
}
.gallery #visual{
	height:545px;
	position: relative;
}
#pn_body.pg1{
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/p1_visual.jpg) 50% 0 no-repeat;
}
#pn_body.pg2{
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/p2_visual.jpg) 50% 0 no-repeat;
}
#pn_body.pg3{
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/p3_visual.jpg) 50% 0 no-repeat;
}
#pn_body.present,#pn_body.pre_end{
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/pre_visual.jpg) 50% 0 no-repeat;
}
#pn_body.gallery{
	background:url(https://cdn.autoc-one.jp/static/pr/1968113/images/ga_visual.jpg) 50% 0 no-repeat;
}



/*------------------------------------------------------------------------------------------------------
nav
------------------------------------------------------------------------------------------------------*/
#gnav{
	position: absolute;
	top: 432px;
	left: 5px;
}
#gnav ul{
	margin-left:21px;
}
#gnav li {
	float: left;
	margin-right: 11px;
	margin-bottom:5px;
	height:108px;
}
#gnav li.toyo_logo{
	margin:15px 47px 0 17px;
}

/* */
#fnav{
	width:1000px;
	margin:0 auto;
}
#fnav h3{
	margin:0 auto 20px auto;
	width:980px;
}
#fnav ul{
	margin-left: 10px;
}
#fnav ul li {
	float: left;
	margin-right: 10px;
	height: 130px;
}


/*------------------------------------------------------------------------------------------------------
sns,banner,credit
------------------------------------------------------------------------------------------------------*/
.sns {
	position: absolute;
	top: 4px;
	right: -30px;
}
#credit{
	text-align:right;
	margin: 0 13px 28px 0;
}
#pn_banner {
	background:#006bb9;
	padding:20px 0;
}
#bnr_in{
	width:950px;
	margin:0 auto;
}
.superBanner {
	display: none;
}


/*------------------------------------------------------------------------------------------------------
共通
------------------------------------------------------------------------------------------------------*/
ul.gaL li {
	margin: 0 0 0 10px;
	/*height: 150px;*/
	float:left;
}
ul.gaR li {
	margin: 0 0 0 10px;
	/*height: 150px;*/
	float:right;
}
.familyL{
	position:absolute;
	width:220px;
	height:240px;
	top: -20px;
	left: 36px;
}
.faR{
	position:absolute;
	width:278px;
	height:161px;
	top: 20px;
	right: -22px;
}
.yt_cont {
	background: url(https://cdn.autoc-one.jp/static/pr/1968113/images/blue_grid.jpg) 0 0 repeat;
	position: relative;
	margin-bottom: 35px;
	z-index: 1;
}
.yt_center {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0;
	position: relative;

}
.yt_L {
	float: left;
	margin-left: 25px;
}
img.city {
	position: absolute;
	bottom: 0;
	left: 522px;
	z-index: -1;
}
.imgSecR{
	float:right;
	width: 280px;
}
.imgSecL{
	float:left;
	width: 280px;
}
.imgSecR p,.imgSecL p {
	font-size: 12px;
	line-height: 17px;
	margin-top: 2px;
}
ul.imgSecR li p,ul.imgSecL li p{
	width: 276px;
	font-size: 12px;
	line-height: 17px;
	margin-top: 2px;
}

.index_pg .imgSecR img,
.pg1 .imgSecR img,.pg1 .imgSecL img,
.pg2 .imgSecR img,.pg2 .imgSecL img {
	border: 2px solid #629fcb;
}
.pg1 ul.gaR li img,.pg1 ul.gaL li img,
.pg2 ul.gaR li img,.pg2 ul.gaL li img {
	border: 2px solid #77b2da;
}
.index_pg ul.imgSecR li,
.pg2 ul.imgSecR li,.pg2 ul.imgSecL li {
	margin-bottom: 10px;
	width: 280px;
	/*height: 187px;*/
	line-height: 17px;
	margin-top: 2px;
}

ul.gaR li p,ul.gaL li p {
	font-size: 12px;
	line-height: 17px;
	margin-top: 2px;
	width:336px;
}
p.txtL {
	margin-left: 10px;
	width:655px;
}
p.txtR {
	margin-left: 310px;
	width: 655px;
}
.pn_content a:hover,
ul.gaL li img:hover,
ul.gaR li img:hover,
.imgSecR img:hover,
.imgSecL img:hover{
	opacity:0.7; /*IE*/
	filter: alpha(opacity=70); /*Firefox*/
	-moz-opacity:0.7; /*Firefox*/
	opacity:0.7; /*Opera・Safari*/
}


/*------------------------------------------------------------------------------------------------------
page1
------------------------------------------------------------------------------------------------------*/
.pg1 .yt_R {
	color: #fff;
	position: absolute;
	top: 100px;
	right: 70px;
}


/*------------------------------------------------------------------------------------------------------
page2
------------------------------------------------------------------------------------------------------*/
.pg2 .yt_R {
	color: #fff;
	position: absolute;
	top: 100px;
	right: 15px;
}


/*------------------------------------------------------------------------------------------------------
page3
------------------------------------------------------------------------------------------------------*/
.pg3 .yt_R {
	color: #fff;
	position: absolute;
	top: 110px;
	right: 15px;
}
.pg3 .imgSecR img,.pg3 .imgSecL img {
	border: 2px solid #7dd16a;
}
.pg3 ul.gaR li img,.pg3 ul.gaL li img {
	border: 2px solid #bcd77a;
}
.pg3 .cont_btm {
	background: #6FB8EA;
	padding: 15px;
	margin: 30px 0 20px 0;
	position: relative;
	color:#444;
}
.pg3 .cont_btm2 {
	background: #cce789;
	padding: 15px;
	margin: 30px 0 20px 0;
	position: relative;
	color:#444;
}
.pg3 .yt_cont {
	background: url(https://cdn.autoc-one.jp/static/pr/1968113/images/green_grid.jpg) 0 0 repeat;
	margin-bottom: 35px;
	z-index: 1;
}


/*------------------------------------------------------------------------------------------------------
peresent
------------------------------------------------------------------------------------------------------*/
.present .pn_content h4 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight:bold;
}
.present .pn_content p{
	margin-bottom:20px;
}
ul.preUl{
	margin-bottom:20px;
}
ul.preUl li {
	list-style-type: disc;
	margin-left: 20px;
}
ul.preUl li ul li {
	list-style-type: none;
	margin-left: 10px;
}
.present .pn_content .preEnd {
	font-size: 17px;
	margin: 30px 0 40px 0;
}

/*------------------------------------------------------------------------------------------------------
form
------------------------------------------------------------------------------------------------------*/
form {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
form input {
	margin: 0 0 2px 0;
	padding: 2px;
}
.form_title {
	color: #3d2925;
	padding-top: 20px;
	font-weight: bold;
}
form input.Cbox {
	vertical-align: middle;
}
form input.Sbox {
	vertical-align: middle;
}
form .title {
	padding: 15px 15px;
	border: 1px solid #3d2925;
	background: #CAEBFF;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	width:40%;
}
form td {
	vertical-align: middle;
	line-height: 1.7em;
}
form .data {
	padding: 15px 30px 15px 10px;
	border: 1px solid #3d2925;
	background: #fff;
	color: #3d2925;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	width:60%;
}
span.always {
color: #F57000;
}

form .data textarea{
	width:440px;
	height:150px;
	resize:none;
	}

form .need {
	color: #CC0000;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
form td.form_btn {
	padding-top: 15px;
}
form .form_ul li {
	float: left;
	margin-right: 10px;
	width: 120px;

}
.form_ul li input {
	vertical-align: middle;
}
form .form_ul2 li {
	float: left;
	margin-right: 15px;
}

/******* 応募要項など ********/
span.alltxt {
color: #FF6B00;
}

.oubo {
	border: double 3px #ccc;
	padding: 25px 25px 22px 25px;
}
.oubo h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.oubo Ul li {
	font-size: 11px;
	list-style: square;
	margin: 0 0 0 20px;
	line-height: 2em;
}

/******* end ********/
.form_end {
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 20px;
	line-height: 1.7em;
	background-color: #e9f3ff;
	padding: 20px 20px 10px 20px;
	color: #01499e;
	text-align: center;
}
.back_link {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px
}
.form_end .back_link a {
	color: #333 !important;
}
form p#kozin {
	margin-bottom: 10px;
}
.present form {
	margin-bottom: 15px;
}
td.formbtn {
	line-height: 1.0em;
	padding: 10px;
}


.pre_end .cont1 {
	width: 1000px;
	margin: 0 auto 20px auto;
}

#contents_end {
	color: #156eb2;
	font-size: 24px;
	line-height: 18px;
	text-align: center;
	width: 920px;
	margin: 0 auto;
	padding: 20px 25px;
	line-height: 40px;
	font-weight: bold;
	border: 3px double #156eb2;
}
#contents_end p {
	margin-bottom: 15px;
}