@charset "utf-8";
/* index
******************************************
0 initialize
1 adjust
2 layout
3 common
4 page
--------------------
4-1
--------------------
5 media queries
6 plugin
7 css hack


--------------------
renew
--------------------
8 content

*****************************************/

/* 0 initialize
******************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ul, ol, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, canvas {
	margin: 0;
	padding: 0;
}
html {
	font-size:62.5%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: Arial, Helvetica, "Helvetica Neue", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"ＭＳ Ｐゴシック";
	font-size: 1.4rem;
	line-height: 1.4;
	color:#333333;
}
@media screen and (max-width:767px) {
	html{
	  /* overflow: hidden; */
	  font-size: 3.2vw;
	}
	body{
		font-size: 14px;
	}
}

@media screen and (min-width:768px) {
	#frame{
		min-width: 1000px;
	}
}


h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
fieldset {
	border: none;
}
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	vertical-align: middle;
	font-family: "Noto Sans Japanese","Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック";
}
select{
	box-sizing: border-box;
	background-color: white;
	cursor: default;
}
input[type="submit"] {
  -webkit-appearance: none;
}
label, button {
	cursor: pointer;
}
textarea {
	overflow: auto;
}
header, hgroup, footer, article, section, nav, aside, figure {
	display: block;
}
img {
	border: none;
	vertical-align: top;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
mark {
	font-weight: bold;
}
object {
	vertical-align: middle;
	outline: none;
}
blockquote, q {
	quotes: none;
}
q:before, q:after {
	content: '';
}
code {
	font-family: monospace;
}
sup {
	/*vertical-align:super;*/
}
sub {
	vertical-align:sub;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #333;
	cursor: help;
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
hr {
	display: none;
}
pre {
	font-family: monospace;
}
body {
	color: #333;
 	min-width:320px;
}
a {
	color: #0052A5;
	vertical-align: baseline;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(00, 33, 99, 0.3);
}
a:hover {
	text-decoration: underline;
}
img { max-width:100%; height:auto;width:auto;}

.clear:after,.section-inner:after{display:table;content:"";clear:both;}
.clear,.section-inner{zoom:1;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* 1 adjust
******************************************/
.cf:after {
	content: "";
	clear: both;
	display: table;
}


/*-------------------------------------------
pc / sp
-------------------------------------------*/

.pc_only{display: block;}
.sp_only{display: none;}

@media screen and (max-width:767px) {
	.pc_only{display: none;}
	.sp_only{display: block;}
}



/* 2 layout
******************************************/
#container { padding-bottom:5px; clear:both;}

/* 2-1 header
-----------------------------------------*/
#pc-header{
	display: block;
	position: relative;
	z-index: 150;
	background: #fff;
}
#sp-header{
	display: none;
}
#pc-header .header_wrapper{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	height: 90px;
	display: table;
}
#pc-header .header_wrapper .hd_menu_cmn{
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
#pc-header .logo{
	width: 400px;
	padding: 0 0 0 35px;
}
#pc-header .logo img{
	max-width: 183px;
}
.logo .s_site_name{
	color: #333333;
	font-size: 13px;
	margin-left: 12px;
}

#pc-header .iconBox01,
#pc-header .iconBox02{
	display: block;
}
#pc-header .iconBox01{
	width: calc(100% - 490px);
	padding-left: 20px;
	padding-right: 10px;
}
#pc-header .iconBox01 .navi-menu{
	display: table;
	float: right;
}
#pc-header .iconBox01 .navi-menu > li{
	float: left;
	padding: 0 25px;
}
#pc-header .iconBox01 .navi-menu > li a{
	font-size: 16px;
	color: #333333;
	display: block;
	text-align: center;
	position: relative;
}
#pc-header .iconBox01 .navi-menu > li a::before,
#pc-header .iconBox01 .navi-menu > li a::after{
	border-bottom: solid 2px #0062b0;
	bottom: -11px;
	content: "";
	display: block;
	position: absolute;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
#pc-header .iconBox01 .navi-menu > li a::before{
	left: 50%;
}
#pc-header .iconBox01 .navi-menu > li a::after{
	right: 50%;
}
#pc-header .iconBox01 .navi-menu > li a:hover:before,
#pc-header .iconBox01 .navi-menu > li a:hover:after{
	width: 50%;
}


#pc-header .iconBox01 .navi-menu > li a:hover{
	text-decoration: none;
}

#pc-header .iconBox01 .navi-menu > li.act a{
	position: relative;
}

#pc-header .iconBox01 .navi-menu > li.act a:after{
	content: '';
	border-bottom: solid 2px #0062b0;
	position: absolute;
	width: 100%;
	display: block;
	left: 0;
}

#pc-header .iconBox02{
	width: 180px;
}
#pc-header .iconBox02 .icon{
	float: left;
	width: 90px;
	height: 90px;
	border-left: 1px solid #cccccc;
	box-sizing: border-box;
	display: table;
}
#pc-header .iconBox02 .icon:last-child{
	border-right: 1px solid #cccccc;
}
#pc-header .iconBox02 .icon a{
	display: table-cell;
	width: 100%;
	text-align: center;
	height: 90px;
	vertical-align: middle;
	padding-top: 30px;
	box-sizing: border-box;
}
#pc-header .iconBox02 #pc_search a{
	background: url(/common/img/icon/icon_search.png) no-repeat;
	background-position: top 22px left 50%;
}
#pc-header .iconBox02 #pc_region a{
	background: url(/common/img/icon/icon_global.png) no-repeat;
	background-position: top 22px left 50%;
}
#pc-header .iconBox02 #pc_region span{
    margin-top: 15px;
    line-height: 1.3;
}
#pc-header .iconBox02 .icon a ._txt{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #333;
	margin-top: 6px;
}
#pc-header .iconBox02 .icon.active{
	background: #0062b0;
}
#pc-header .iconBox02 #pc_search.active a{
	background: url(/common/img/icon/icon_search_wh.png) no-repeat;
	background-position: top 22px left 50%;
}
#pc-header .iconBox02 #pc_region.active a{
	background: url(/common/img/icon/icon_global_wh.png) no-repeat;
	background-position: top 22px left 50%;
}
#pc-header .iconBox02 .icon.active a ._txt{
	color: #fff;
}

@media screen and (min-width:1200px){
	#pc-header .iconBox01{
		width: calc(100% - 410px);
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	#pc-header .logo{
		padding: 0 0 0 10px;
	}
	#pc-header .iconBox01 .navi-menu > li{
		padding: 0 12px;
	}
	#pc-header .iconBox01 .navi-menu > li a{
		font-size: 15px;
	}
}
@media screen and (max-width:767px){
	#pc-header{
		display: none;
	}
	#sp-header{
		display: block;
	}
	#sp-header .header_wrapper{
		width: 100%;
		margin: 0 auto;
		height: 60px;
		display: table;
	}
	#sp-header .logo{
		width: calc(100% - 60px);
		display: table-cell;
		height: 60px;
		vertical-align: middle;
		text-align: center;
		box-sizing: border-box;
	}
	#sp-header .logo .s_site_name {
		font-size: 11px;
		vertical-align: middle;
	}
	#sp-header .logo img{
		max-width: 152px;
		vertical-align: middle;
	}
	#sp-header .iconBox{
		position: fixed;
		left: 0;
		background: rgba(255,255,255,0.8);
		z-index: 10;
		display: table-cell;
	}
	#sp-header .iconBox .icon{
		width: 60px;
		position: relative;
	}
	#sp-header .iconBox .icon a{
		display: block;
	}
}



/* menunavi
---------------------------------------------*/
.gMenuOpen{
	position: relative;
	height: 100%;
	overflow-y: hidden;
}
.modal-overlay{
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.modal-overlay .closeBtn{
	z-index: 999;
	display: block;
	position: fixed;
	width: 40px;
	text-align: center;
	top:5px;
	left: 85%;
}
.modal-overlay .closeBtn img{
	padding: 3px;
	box-sizing: border-box;
}
.gMenuOpen .modal-overlay{
  display: block;
}

#gMenu{
	width: 84%;
	height: 100%;
	position: fixed;
	display: none;
	z-index: 10001;
	left: 0;
	top:0;
}
.gMenuOpen #gMenu{
  display: block;
	opacity: 1;
	-webkit-animation: gMenuAnim 0.2s;
	-moz-animation: gMenuAnim 0.2s;
  animation: gMenuAnim 0.2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-moz-keyframes gMenuAnim {
	0% {
	-moz-transform: translateX(-280px);
	}
	100% {
	-moz-transform: translateX(0px);
	}
}
@-webkit-keyframes gMenuAnim {
	0% {
	-webkit-transform: translateX(-280px);
	}
	100% {
	-webkit-transform: translateX(0px);
	}
}
@keyframes gMenuAnim {
	0% {
	transform: translateX(-280px);
	}
	100% {
	transform: translateX(0px);
	}
}

#gMenu .cont{
	width: 100%;
	height: 100%;
	display: block;
	background: #0062b0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#gMenu .list{
  font-size: 14px;
  width: 100%;
  border-bottom: 1px solid #3e86c0;
}
#gMenu .list li{
  font-size: 15px;
  border-bottom: 1px solid #3e86c0;
  position: relative;
}
#gMenu .list li:last-child{
	border-bottom: 0;
}
#gMenu .list li a{
	padding: 15px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
#gMenu .list li a:hover{
	text-decoration: none;
}
#gMenu .list li._contact a{
	background: url(/common/img/icon/icon_contact_wh.png) no-repeat;
	background-position: top 50% left 15px;
	background-size: 20px 15px;
	padding: 15px 15px 15px 45px;
}
#gMenu .list li._region a{
	background: url(/common/img/icon/icon_global_wh.png) no-repeat;
	background-position: top 50% left 15px;
	background-size: 20px;
	padding: 15px 15px 15px 45px;
}

.navi_search{
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
}
.navi_search .inner{
	width: 100%;
	margin: 0 auto;
	display: table;
}
.navi_search .inner .input{
  display: table-cell;
  width: calc(100% - 40px);
  float: left;
  height: 40px;
  font-size: 14px;
  padding: 10px;
  box-sizing: border-box;
}

.navi_search .inner .input::placeholder{
	color: #999999;
}
.navi_search .inner .btn{
	display: table-cell;
	text-align: center;
	width: 40px;
	height: 40px;
	background: #003f71;
	vertical-align: middle;
	cursor: pointer;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
.navi_search .inner .btn img{
	max-width: 20px;
}

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

breadcrumbs

-------------------------------------------*/
#breadcrumbs{
	width: 100%;
	background: #0062b0;
	color: #fff;
	padding: 7px 0 6px;
	overflow: hidden;
}
#breadcrumbs .navi-container{
	margin: 0 auto;
	position: relative;
	list-style: none;
	padding: 0;
	z-index: 1;
}
#breadcrumbs ul::after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#breadcrumbs li{
	display: inline-block;
	float: left;
	font-size: 11px;
}
#breadcrumbs li:after{
	content: '>';
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}
#breadcrumbs li:last-child:after{
	content: none;
}
#breadcrumbs li a{
	text-decoration: underline;
	color: #fff;
}
@media screen and (max-width:767px){
	#breadcrumbs ul{
		width: 3000px;
	}
	#breadcrumbs .navi-container{
		overflow-x: auto;
		overflow-y: hidden;
	}
	#breadcrumbs .navi-container.ofx_hdn{
		overflow-x: hidden;
	}
}


/* 2-2 main
-----------------------------------------*/
#topicPath { display:none;}

#main {
	/* margin:0 5px; */
	margin: 0;
}



/* 2-3 side
-----------------------------------------*/
#side { margin:0 5px;}
.sideMenu {}
.sideMenu li {border:1px solid #BBBBBB;border-top:0;background:#F6F6F6;}
.sideMenu a {display:block;border:1px solid #fff;padding: 15px 30px 15px 15px;position:relative;font-size:14px;text-decoration:none;}
.sideMenu a:hover{
	text-decoration:none;
}
.sideMenu > li > a:hover{
	color: #fff;
  text-decoration: none;
	background: #0062b0 url(/common/img/arw/arw_white_r6x9.png) no-repeat;
	background-position: top 50% left;
}
/*.sideMenu a:after {
	content:""; display:block;
	width:8px; height:13px;
	background:url(/common/img/base/arrow1.gif) 0 0 no-repeat;
	background-size:8px 13px;
	position:absolute;
	right:11px;
	top:50%;
	margin-top:-7px;
}*/
.sideMenu a.on { background:#fff;}

.sideMenu ul { padding:5px 20px 10px; background:#fff;}
.sideMenu ul li { border:0; background:none;}
.sideMenu ul a { border:0; padding:3px 0 3px 15px; position:relative; background:url(/common/img/base/circle1.gif) 5px 10px no-repeat;}
.sideMenu ul a:after { display:none;}
.sideMenu ul a:hover { text-decoration:none;}

.sideMenu .ttlSubMenu {background:#fff;margin:0;}
.sideMenu .ttlSubMenu span {
	/*border-bottom: 1px solid #cccccc;*/
	border-top:0;
	font-weight:bold;
	display:block;
	/*margin:0 10px;*/
	font-size:14px;
}

#side .bannerArea li{
	margin:10px 0 0;
}

.headlineSide1 { background:url(/common/img/base/bgTtlSideMenu1.gif) 0 0 no-repeat; background-size:cover; padding:10px; font-size:12px; color:#fff; font-weight:bold;}
.headlineSide1 a { color:#fff; text-decoration:none;}
.headlineSide1 a:visited { color:#fff;}
.headlineSide1 a:hover { text-decoration:underline;}

/* 2-4 footer
-----------------------------------------*/
#footer{
	background: #4d4d4d;
	color: #fff;
}
#footer .footer_wrapper{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#footer .f_btm_menu{
	width: 100%;
	background: #ffffff;
	color: #333333;
	text-align: center;
	padding: 30px 0;
	box-sizing: border-box;
}
#footer .f_btm_menu .list{
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	font-size: 14px;
  display: table;
}
#footer .f_btm_menu .list li{
  text-align: center;
  display: table-cell;
  box-sizing: border-box;
}
#footer .f_btm_menu .list li a{
  color: #000;
  text-decoration: none;
  display: block;
}
#footer .f_btm_menu .list li a::after{
	content: '|';
	padding-left: 12px;
}
#footer .f_btm_menu .list li:last-child a::after{
	content: '';
}

#footer .copy{
	width: 100%;
	background: #0062b0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	box-sizing: border-box;
	padding: 10px 0;
}

#footer .f_menu01{
	margin: 0 auto;
	text-align: center;
	padding: 35px 0;
}
#footer .f_menu01 .snsBox{
	max-width: 170px;
	margin: 0 auto;
	display: block;
}
#footer .f_menu01 .snsBox::after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#footer .f_menu01 .snsBox ul{
	float: none;
	margin: 0 auto;
	text-align: center;
}
#footer .f_menu01 .snsBox ul li{
	float: left;
	width: 50%;
	text-align: center;
	padding: 0;
}
#footer .f_menu01 .snsBox ul li a{
	display: block;
}
#footer .f_menu01 .snsBox ul li a:hover{
	opacity: 0.7;
	transition: 0.3s;
}
#footer .f_menu01 .snsBox ul li:nth-of-type(1) img{
	max-width: 39px;
}
#footer .f_menu01 .snsBox ul li:nth-of-type(2) img{
	max-width: 48px;
	padding-top: 2.5px;
}
#footer .f_menu02{
	padding: 30px 0 35px;
	border-top: 1px solid #666666;
}

#footer .footer_wrapper .m_con{
	width: 20%;
	float: left;
	padding-right: 1em;
	box-sizing: border-box;
}
#footer .footer_wrapper .m_con a{
	color: #fff;
	font-size: 13px;
}
#footer .footer_wrapper .m_con .ttl > a{
	font-size: 16px;
	font-weight: bold;
}
#footer .footer_wrapper .m_con .cate_menu{
	margin-top: 25px;
}
#footer .footer_wrapper .m_con .cate_menu li{
	margin-bottom: 15px;
	line-height: 1.2;
}
@media screen and (max-width:767px){
	#footer .f_menu01{
		padding: 20px 0;
	}
	#footer .f_menu01 .snsBox{
		max-width: 36%;
	}
	#footer .f_menu01 .snsBox ul li img{
		max-width: 40px;
	}

	#footer .f_menu02{
		display: none;
	}
	#footer .f_btm_menu{
		font-size: 11px;
		padding: 24px 0;
		background: #4d4d4d;
		border-top: 1px solid #666666;
	}
	#footer .f_btm_menu .list{
		width: 100%;
		max-width: 100%;
		display: block;
	}
	#footer .f_btm_menu .list::after{
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	#footer .f_btm_menu .list li{
	  width: 50%;
	  display: table;
	  float: left;
	  border-right: 1px solid #fff;
	  margin-bottom: 10px;
	}
	#footer .f_btm_menu .list li:nth-child(2n){
		border-right: 0;
	}
	#footer .f_btm_menu .list li:nth-child(5),
	#footer .f_btm_menu .list li:nth-child(6){
		margin-bottom: 0;
	}
	#footer .f_btm_menu .list li a{
		font-size: 11px;
		padding: 0 5px;
		vertical-align: middle;
		display: table-cell;
		text-align: center;
		color: #fff;
	}
	#footer .f_btm_menu .list li a::after{
		content: '';
		padding-left: 0;
	}
	#footer .copy{
		font-size: 9px;
	}
}

.pageTop{
  transition: all 0.4s;
  background: url(/common/img/icon/icon_pagetop.png) no-repeat;
  background-size: 42px 42px;
  max-width: 42px;
  max-height: 42px;
  position: fixed;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  z-index: 9;
  right: 3%;
  bottom: 60px;
  width: 100%;
  height: 100%;
}
.pageTop.hidden{
	opacity: 0;
	bottom: 0%;
}

@media screen and (max-width:767px){
	.pageTop{
		bottom: 2%;
	}
}



/* 3 common
******************************************/
.spDispBlock { display:block;}

/*
.headline1 { background:url(../img_pc/base/bgHeadline1.gif) 0 0 no-repeat; font-size:22px; color:#0059A5; padding:30px 0 20px 20px; margin:0; line-height:1.2;font-weight:bold;font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック";}
.headline1:after { display:none;}

.headline2 { position:relative; color:#fff; font-size:15px; margin:0 0 20px; padding:7px 10px 8px 20px;
background: #181818 url(/common/img/base/bgHeadline2_t.gif) 0 0 repeat-x;font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック";font-weight:bold;

}
.headline2 a{
	color:#fff;
	text-decoration:underline;
}
.headline2 a:hover{
	text-decoration:none;
}
.headline2:before { content:""; width:4px; background:#747474; position:absolute; top:10px; bottom:10px; left:8px;}
.headline2:after { content:""; background:url(/common/img/base/bgHeadline2.gif) 0 0 no-repeat; position:absolute; left:0; right:0; bottom:0; width:100%; height:3px; background-size:cover;}


.headline3 { position:relative;font-weight:bold;font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック"; font-size:15px; margin:0 0 12px; padding:0 10px 8px 13px;
;
}
.headline3:before { content:""; width:7px; background:url(/common/img/base/bgHeadline3.gif) 0 0 no-repeat;position:absolute; top:0px; bottom:10px; left:0px;}
.headline3:after { content:"";border-bottom:2px solid #1279CC;position:absolute; left:0; right:0; bottom:0; width:100%; }

.headline4 { font-weight:bold;font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック"; font-size:15px; margin:0 0 12px; padding:0 0 0 13px;
background:url(/common/img/base/bgHeadline4.gif) 0 0.2em no-repeat;
}
.headline5 { font-weight:bold;font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック"; font-size:14px; margin:0 0 12px;}
.headline6 { font-weight:bold;font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック"; font-size:14px; margin:0 0 12px;color:#888;}

.wordbreakKeepAll { word-break:keep-all;}


@media screen and (max-width: 767px) {
	.headline1 { background:url(../img_pc/base/bgHeadline1.gif) 0 0 no-repeat;background-size:100% auto;padding:15px 10px 15px;}
}*/

.headline1{
  font-size: 30px;
  margin-bottom: 50px;
  font-weight: 600;
}
.headline2{
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 3px solid #0062b0;
  margin-bottom: 20px;
}
.headline3{
	font-size:18px;
	font-weight: 600;
	border-bottom: 1px solid #0062b0;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 24px;
}
.headline3:before{
	content:"";
	width:16px;
	background:url(/common/img/base/bgHeadline3.png) 0 0 no-repeat;
	position:absolute;
	top: 6px;
	bottom: 0;
	left:0px;
}

.headline4{
	font-size: 16px;
	font-weight: 600;
	background:url(/common/img/base/bgHeadline4.png) no-repeat;
	background-size: 10px 3px;
	background-position: 0 50%;
	margin:0 0 15px;
	padding:0 0 0 20px;
}



@media screen and (max-width:767px){
  .headline1{
    font-size: 28px;
    margin-bottom: 30px;
  }
  .headline2{
    font-size: 18px;
    padding-bottom: 8px;
    border-bottom: 3px solid #0062b0;
    margin-bottom: 20px;
  }
	.headline3{
		font-size: 18px;
	}
	.headline4{
		font-size: 18px;
		margin: 0 0 10px;
	}
}




/* 3-2 button
-----------------------------------------*/
/* sns button */
/* header sns button */
#header .listSnsBtn1 { position:absolute; right:0; top:40px;overflow:hidden;}
.listSnsBtn1 { text-align:right; padding-bottom:10px;}
.listSnsBtn1:after {
	content: "";
	clear: both;
	display: table;
}
.listSnsBtn1 li { display:inline-block; margin:0 5px 0 0; vertical-align:top; text-align:left;}
.listSnsBtn1 li.liPT {}
.listSnsBtn1 li.liGP { width:60px;}
.listSnsBtn1 li.liTW { width:90px;}
.listSnsBtn1 li.liFB { width:108px;}


/* 3-3 list/table
-----------------------------------------*/
.spLayoutTable {}
.spLayoutTable td { display:block;}

.spLayoutClear { clear:both;}

/* 3-4 component
-----------------------------------------*/
.newsArea { position:relative; margin:0 0 15px;}
.newsArea .headline2 { margin:0;}
.newsListLink { position:absolute; top:2px; bottom:0; right:0; padding:0 20px 0 20px; border-left:1px solid #676767; display:table-cell; color:#fff; height:32px; line-height:32px; font-size:10px;}
.newsListLink .pc { display:none;}
.newsAreaInner { border:1px solid #C2C2C2; border-top:0; box-shadow: 0 10px 6px -6px #ddd;
background: #FFFFFF;
background: -webkit-linear-gradient(top, #FFFFFF 5%, #EAEAEA 100%);
background: linear-gradient(to bottom, #FFFFFF 5%, #EAEAEA 100%);
}
.scrollArea { border:1px solid #fff; padding:10px 10px 5px;}
.newsArea ul {}
.newsArea ul li { display:table; margin:0 0 5px; font-size:10px; display:none;}
.newsArea ul li:nth-child(1) ,.newsArea ul li:nth-child(2) ,.newsArea ul li:nth-child(3) { display:block;}
.newsArea ul li p { display:table-cell;}
.newsArea ul li .date { width:70px;}
.newsArea ul li .label { display:inline-block; width:80px; border:1px solid #666; vertical-align:middle; margin:0 5px 0 0; padding:3px; text-align:center; color:#fff; line-height:1.1;
background: #666;
background: -webkit-linear-gradient(top, #818181 0%, #666 100%);
background: linear-gradient(to bottom, #818181 0%, #666A 100%);
}

.menuType1 {}
.menuType1 li { border:1px solid #bbb; border-top:0; background:#F6F6F6;}
.menuType1 a { display:block; border:1px solid #fff; padding: 15px 30px 15px 15px; position:relative; font-size:14px; text-decoration:none; color:#212121;
background: #EBEAEA;
background: -webkit-linear-gradient(top, #FFFFFF 0%, #EBEAEA 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #EBEAEA 100%);
}
.menuType1 a:after { content:""; display:block; width:8px; height:13px; background:url(/common/img/base/arrow1.gif) 0 0 no-repeat; background-size:8px 13px; position:absolute; right:11px; top:50%; margin-top:-7px;}

/* 検索エリア */
.hd_searchArea{
	display: none;
	background: rgba(184, 194, 201, 0.95);
	position: absolute;
	width: 100%;
	max-width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	z-index: 10;
}
.hd_searchArea.active{
	display: block;
}
.hd_searchArea .inner{
	width: 100%;
	max-width: 716px;
	margin: 0 auto;
	display: table;
}
.hd_searchArea .inner .input{
	display: table-cell;
	width: calc(100% - 60px);
	float: left;
	height: 55px;
	font-size: 20px;
	padding: 0 15px;
	box-sizing: border-box;
}
.hd_searchArea .inner .input::placeholder{
	color: #b3b3b3;
}
.hd_searchArea .inner .btn{
	display: table-cell;
	text-align: center;
	width: 60px;
	height: 55px;
	background: #0062b0;
	vertical-align: middle;
	cursor: pointer;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
.hd_searchArea .inner .btn img{

}
/* Select Region */
.hd_selectRegionArea{
	position: absolute;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	z-index: 10;
}
#hd_overlay{
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height:100vh;
	display: none;
	background: rgba(0,0,0,0.6);
}
.hd_selectRegionArea .worldwideArea {
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 110;
}
.hd_selectRegionArea .worldwideArea .worldmap{
	margin: auto;
	width: 1000px;
	height: 460px;
	position: relative;
	background: url(/common/img/top_worldwide_img01.png) center top no-repeat;
}

@media screen and (max-width:767px){
	.hd_searchArea,
	.hd_searchArea.active,
	.hd_selectRegionArea,
	.hd_selectRegionArea.active{
		display: none;
	}
}



/* normal search */
.searchArea { border:1px solid #DDDDDD; background:#F6F6F6; margin:0 auto 20px; max-width:710px;}
.searchAreInner { border:1px solid #fff; padding:10px; text-align:center;}
.searchArea .searchAreInner p { margin:0; display:inline-block;}

.searchArea .search {}
.searchArea .search label { padding:5px 24px 5px 24px; background:url(/common/img/base/iconSearch1.gif) 0 50% no-repeat; background-size:20px 19px;}
.searchArea .search .btn { font-size:13px; box-shadow:1px 1px 1px #ccc; border:1px solid #DCDCDC; padding:0 10px; line-height:25px;
background: #E9E9E9;
background: -webkit-linear-gradient(top, #fff 0%, #E9E9E9 100%);
background: linear-gradient(to bottom, #fff 0%, #E9E9E9 100%);
position:relative; margin-left:-1px;
}
.searchArea .input { border:1px solid #E4E4E4; border-radius:4px 0 0 4px; height:25px; padding:0 5px;}
.searchArea .notice { padding-top:10px;}

.btnMore a { display:block; margin:0 auto 40px; width:310px; height:40px; text-indent:-9999px; overflow:hidden; background:url(/common/img/top/btnMore1.gif) 0 0 no-repeat; background-size:310px 40px;}



/* 4 page
******************************************/


/* 4-1
-------------------------*/
/* トップページ */
.topNewsArea {
position:relative;
padding:10px 5px 5px;
background: #BEBEC5;
background: -webkit-linear-gradient(top, #BEBEC5 0%, #fff 10%);
background: linear-gradient(to bottom, #BEBEC5 0%, #fff 10%);
}
.topNewsArea:before { content:""; display:block; position:absolute; left:5px; top:0; right:0; height:6px; background:url(/common/img/base/bgHeadline1.png) 50% 0 no-repeat; background-size:cover;}

.ttlTopNews { display:table; max-width:630px; margin:0 auto; width:100%; table-layout: fixed;}
.ttlTopNews h2 , .ttlTopNews p { display:table-cell; vertical-align:top;}
.ttlTopNews h2 { width:82.5%;}
.ttlTopNews p { width:17.5%;}

.ttlTopNews .sp { display:block;}
.ttlTopNews .pc { display:none;}
.topNewsArea .newsList { border:1px solid #C2C2C2; border-top:0; padding:0; max-width:620px; margin:0 auto;}
.topNewsInnerWrap { border:1px solid #FFFFFF; padding:10px;box-shadow: 0 10px 6px -6px #ddd;}

.topNewsArea .newsList dd { overflow:hidden; padding:0; background:none;}
.topNewsArea .newsList dl { display:none;}
.topNewsArea .newsList dl:nth-child(1) ,
.topNewsArea .newsList dl:nth-child(2) ,
.topNewsArea .newsList dl:nth-child(3) { display:block;}
.topNewsArea .newsList dl:nth-child(3) { border-bottom:0; padding-bottom:0;}

.topNewsPress ,
.topNewsIr {
background: #EAEAEA;
background: -webkit-linear-gradient(top, #fff 0%, #EAEAEA 100%);
background: linear-gradient(to bottom, #fff 0%, #EAEAEA 100%);
margin:0 auto 10px;
max-width:620px;
}

/* イベント＆トピックス */
.listEventTopicsWrap { width:310px; margin:0 auto;}

.topEventTopicsArea {  position:relative; max-width:640px; margin:0 auto;}
.ttlTopEventTopics { display:table; margin:0 auto 10px; table-layout:fixed; width:100%; max-width:620px;}
.ttlTopEventTopics h2 ,
.ttlTopEventTopics p { display:table-cell; vertical-align:top;}
.ttlTopEventTopics h2 { width:82.2%;}
.ttlTopEventTopics p { width:17.8%;}
.listEventTopics .item a { color:#111;}

.ttlTopEventTopics .pc { display:none;}
.ttlTopEventTopics .sp { display:block;}

.listEventTopics {}
.listEventTopics .item { margin:0 0 10px; width:150px; display:none;}
.listEventTopics .item:nth-child(1),
.listEventTopics .item:nth-child(2),
.listEventTopics .item:nth-child(3),
.listEventTopics .item:nth-child(4),
.listEventTopics .item:nth-child(5),
.listEventTopics .item:nth-child(6),
.listEventTopics .item:nth-child(7),
.listEventTopics .item:nth-child(8) { display:block;}
.listEventTopics .item .wrap { border:1px solid #C2C2C2; border-top:0;box-sizing: border-box;}
.listEventTopics .item.stamp { display:block;}

.listEventTopics .item .ttl { color:#fff; font-size:7px; height:18px; margin:0; line-height:18px; text-align:right; padding:0 5px 0; position:relative;
background: #000;
background: -webkit-linear-gradient(top, #585858 0%, #242424 100%);
background: linear-gradient(to bottom, #585858 0%, #242424 100%);
}
.listEventTopics .item .ttl:after { content:""; display:block; height:18px; position:absolute; left:0; top:0;}
.listEventTopics .item .ttl:before { content:""; display:block; height:1px; position:absolute; left:1px; right:1px; top:1px; background:#999;}

.listEventTopics .item .ttl_road:after { background:url(../img/top/iconOnTheRoad1.png) 0 0 no-repeat; background-size:83px 18px; width:83px;}
.listEventTopics .item .ttl_classics:after { background:url(../img_pc/top/iconClassics1.png) 0 0 no-repeat; width:105px;}
.listEventTopics .item .ttl_drift:after { background:url(../img/top/iconDrift1.png) 0 0 no-repeat; background-size:61px 18px; width:61px;}
.listEventTopics .item .ttl_miyagi:after { background:url(../img_pc/top/iconMiyagi1.png) 0 0 no-repeat; width:105px;}
.listEventTopics .item .ttl_et:after { background:url(../img_pc/top/iconEt1.png) 0 0 no-repeat; width:105px;}
@media screen and (max-width: 767px) {
	.listEventTopics .item .ttl_classics:after { background:url(../img/top/iconClassics1.png) 0 0 no-repeat; background-size:83px 18px; width:83px;}
	.listEventTopics .item .ttl_miyagi:after { background:url(../img/top/iconMiyagi1.png) 0 0 no-repeat; background-size:83px 18px; width:83px;}
	.listEventTopics .item .ttl_et:after { background:url(../img/top/iconEt1.png) 0 0 no-repeat; background-size:83px 18px; width:83px;}
}
.listEventTopics .item .img { margin:0;}

.listEventTopics .item .txt { border:1px solid #fff; padding:5px; line-height:1.2; font-size:9px; margin:0;
background: #E4E4E4;
background: -webkit-linear-gradient(top, #fff 50%, #E4E4E4 100%);
background: linear-gradient(to bottom, #fff 50%, #E4E4E4 100%);
}

.listEventTopics .column {
	float: left;
	margin-left: 10px;
}
.listEventTopics .column:first-child {
	margin-left: 0;
}
@media screen and (max-width: 767px) {
.listEventTopics .column {
	float: inherit;
	margin-left: 0;
}
}


/* masonry */
.masonry, .masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}
.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top;  -o-transition-property: left, right, top; transition-property: left, right, top;}

/* menshin */
.menshinArea { width:310px; margin:0 auto 10px;}

/* youtube */
.youtubeArea { width:310px; margin:0 auto 10px;}
.youtubeAreaInner { position:relative;}
.youtubeArea .img { position:absolute; top:63px; left:21px; width:268px;}
.youtubeArea .txt { position:absolute; top:242px; left:0; padding:0 20px; line-height:1.2; font-size:13px;}

/* mail news */
.mailNewsArea { max-width:620px; margin:0 auto;}
.mailNewsArea .sp { display:block;}
.mailNewsArea .pc { display:none;}

/* update */
.importantNewsArea { margin:0 auto 10px; max-width:620px;}

.importantNewsArea p { margin-bottom: 0;}

.importantNewsArea .newsList { margin:0;}
.importantNewsArea .newsList p { font-size:11px; margin:0 0 5px;}
.importantNewsArea .newsList dl { border:0;}
.importantNewsArea .newsList dl dd { background:none; padding-left:0;}
.importantNewsAreaInner { border:1px solid #BBBBBB; border-top:0; padding:10px 5px 0;
background: #E4E4E4;
background: -webkit-linear-gradient(top, #fff 50%, #E4E4E4 100%);
background: linear-gradient(to bottom, #fff 50%, #E4E4E4 100%);
}

/* update */
.updateArea { margin:0 auto 10px; max-width:620px;}

.updateArea .sp { display:block;}
.updateArea .pc { display:none;}

.updateArea .newsList { margin:0;}
.updateArea .newsList p { font-size:11px; margin:0 0 5px;}
.updateArea .newsList dl { border:0;}
.updateArea .newsList dl dd { background:none; padding-left:0;}
.updateAreaInner { border:1px solid #BBBBBB; border-top:0; padding:10px 5px 0;
background: #E4E4E4;
background: -webkit-linear-gradient(top, #fff 50%, #E4E4E4 100%);
background: linear-gradient(to bottom, #fff 50%, #E4E4E4 100%);
}
.updateArea .newsList {}


/* other */
.otherSiteArea { position:relative; margin:0 auto 15px; max-width:620px;}
.otherSiteArea ul { display:table;}
.otherSiteArea ul:first-child { margin-bottom: 10px;}
.otherSiteArea li { width:50%; display:table-cell;}
.otherSiteArea li a { display:block;}
.otherSiteArea li:first-child a { padding-right:5px;}
.otherSiteArea li:last-child a { padding-left:5px;}
.otherSiteArea .sp { display:block;}
.otherSiteArea .pc { display:none;}

/* tech */
.techLinkArea { margin:0 auto 15px; max-width:620px;}
.techLinkArea li { display:block;}
.techLinkArea li span { display:none;}

.techLinkArea .sp { display:block;}
.techLinkArea .pc { display:none;}

/* bussiness */
.businessLinkArea { margin:0 auto 15px; max-width:620px;}
.businessLinkArea .sp { display:block;}
.businessLinkArea .pc { display:none;}

.businessLinkArea .img{ display:none;}

.topSideFBLikebox1 { display:block; margin:0 auto 20px; text-align:center;}

/* top side link */
.topSideLinkArea { margin-bottom:15px; position:relative; margin-left:-4px; margin-right:-4px; max-width:620px; margin:0 auto 15px;}
.topSideLinkArea ul { display:block;}
.topSideLinkArea li { display:block;}

.topSideLinkArea .sp { display:block;}
.topSideLinkArea .pc { display:none;}
.topSideLinkArea span { display:none;}

/* news page */

.ttlNewsPress { display:table; max-width:620px; margin:0 auto 10px; width:100%; table-layout:fixed;}
.ttlNewsPress h2 , .ttlNewsPress p { display:table-cell; vertical-align:top;}
.ttlNewsPress h2 { width:82.5%;}
.ttlNewsPress p{ width:17.5%;}
.ttlNewsPress .sp { display:block;}
.ttlNewsPress .pc { display:none;}

.newsPressArea .newsList dd { overflow:hidden; padding:0; background:none;}
.newsPressArea .newsList dl { display:none;}
.newsPressArea .newsList dl:nth-child(1) ,
.newsPressArea .newsList dl:nth-child(2) ,
.newsPressArea .newsList dl:nth-child(3) { display:block;}
.newsPressArea .newsList dl:nth-child(3) { border-bottom:0; padding-bottom:0;}

.listEventTopics .stamp .wrap { width:148px; float:left; margin:0 10px 10px 0;}
.listEventTopics .stamp .wrap:nth-child(even) { margin-right: 0;}
.listEventTopics .stamp { width:310px;}

/* news detail page */
.newsPage .secEntry { word-break:break-word;}
.newsPage .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.btnNewsPrint { display:none;}

.newsHeader { margin:0 auto 30px; max-width:620px;}
.newsHeader .newsDate {margin: 0 0 10px;padding:0;}
.newsHeader .ttlNews {
	/*padding:0 0 0 10px; display:block; font-size:22px; color:#0059A5; font-weight:bold; line-height:1.4;*/
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 3px solid #0062b0;
	margin-bottom: 20px;
}
.newsHeader .subTitle{
	display:block;
	font-size: 14px;
	margin:5px 0 5px;
	color:#424242;
	font-weight: bold;
}
.newsHeader .subTitle_b{
	display:block;
	font-size: 14px;
	margin:5px 0 5px;
	color: #666666;
	font-weight: normal;
}

.newsDetailArea { margin:0 auto 15px; max-width:620px;}
.newsDetailFooterArea { margin:0 auto 15px;}
.newsDetailFooterArea p { margin:0 !important;}
.newsDetailFooterAreaInner { margin:0 0 20px; padding:20px; border:4px solid #ddd; margin-bottom:5px;}
.newsDetailFooterArea p.newsDetailFooterTxt { font-size:80%; line-height:1.4; text-align:center;}

.newsContactArea {}
.newsContactAreaInner { margin-bottom:20px;}
.newsContactAreaText { font-size:11px;}

/* topics detail page */
.topicsHeader { margin:0 auto 30px; max-width:620px;}
.topicsHeader .topicsDate { margin:0 0 20px; padding:0 0 0 10px;}
.topicsHeader .ttlTopics { padding:0 0 0 10px; font-weight:bold;}
.topicsHeader .subTitle { display:block; font-size:16px; margin:0 0 5px;}
.topicsHeader .mainTitle { display:block; font-size:22px; color:#0059A5;}

.topicsDetailArea { margin:0 auto 15px; max-width:620px;}
.topicsAuthor { clear:both; text-align:right; padding-top:20px;}

/* search */
.searchResultArea { margin: 0 0 40px; padding:15px 15px 0; border-top: 1px solid #DDDDDD;}
.searchResultNum { font-size:13px; margin-bottom:10px;}
.searchResultList { margin-bottom:30px;}
.searchResultList li { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #DDDDDD; clear:both;}
.searchResultList li:after {
	content: "";
	clear: both;
	display: table;
}
.searchResultList li p { margin: 0 0 5px;}
.searchResultList li p a { text-decoration: underline; padding: 0 0 0 12px; background: url(/common/img/base/arrow2.gif) no-repeat 0 0.3em; }
.searchResultList li .date { padding-left:10xp; color:#666; padding-left:10px; display:inline-block; font-size:11px;}

/* sitemap */
.sitemapArea { clear:both; margin:0 auto 20px;}
.sitemapAreaInnner {}

/* IR
-------------------------*/
.irNewsHeader { display:table; width:100%; table-layout:fixed;}
.irNewsHeader h2 { display:table-cell;}
.irNewsHeader .irLink {}
.irNewsHeader .pressLink {}

#irCalendarArea dl dd { background:none; padding-left:0;}

/* midterm2014 */
.midterm2014Area { padding:0 0 20px;}

/* annualBanner */
.annualBanner {
	clear: both;
	padding-top: 10px;
	overflow: inherit !important;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.annualBanner {
		padding-left: 0;
	}
}

/* specialsArea */
.specialsArea {
	position: absolute;
	right: -250px;
	top: 530px;
	width: 230px;
	border: 1px solid #bbb;
	padding: 1px;
}
.specialsAreaCont {
	background: #f1f1f1;
	padding-bottom: 5px;
}
.specialsArea .headline {
	position: relative;
	margin-bottom: 0;
	padding: 10px 10px 10px 29px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #F1F1F1)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 100%);
	font-size: 13px;
	color: #0058A6;
	font-weight: bold;
}
.specialsArea .headline:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	width: 15px;
	height: 14px;
	margin-top: -7px;
	background: url("/common/img/specials/icon.png") 0 50% no-repeat;
}
.specialsArea ul {
	padding: 0 8px 3px;
}
.specialsArea li {
	margin-bottom: 5px;
}
.specialsArea .arrow {
	margin-bottom: 0;
	margin-right: 8px;
	text-align: right;
}
.specialsArea .arrow a {
	background: url("/common/img/base/arrow8.gif") 100% 50% no-repeat;
	padding-right: 13px;
}

@media screen and (max-width: 767px) {
	.specialsArea {
		position: inherit;
		right: inherit;
		top: inherit;
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
		box-sizing: border-box;
	}
	.specialsArea ul {
		display: table;
		width: 100%;
		padding-bottom: 7px;
		box-sizing: border-box;
	}
	.specialsArea li {
		display: table-cell;
		width: 50%;
	}
	.specialsArea li:first-child {
		padding-right: 5px;
	}
	.specialsArea li:last-child {
		padding-left: 5px;
	}
}

.sideBanner li {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
	.sideBanner img {
	  width: 100%;
	  height: auto;
	}
}

/* 5 media queries
******************************************/

/* 5-1 768- tablet pc
-----------------------------------------*/
@media screen and (min-width: 768px) {

/* 0 initialize
******************************************/
body {
	/* font-size: 13px; */
	font-size: 14px;
}

/* 2 layout
******************************************/
#container { padding-bottom:80px; clear:both;}

/* 2-1 header
-----------------------------------------*/
#header { height:110px; background:url(../img_pc/base/bgHeader1.jpg) 0 0 repeat-x; background-size:10px 99px; border-bottom:0; position:relative; z-index:100;}
.header1 { position:relative; width:980px; height:110px; margin:0 auto;}
#header .formChangeLang1 { display:block; margin:0 10px 0 0; font-size:9px; color:#666;}
#header .formChangeLang1 select { padding:3px 0;}
#header .formChangeLang1 option {}

#footer .formChangeLang1 , #footer .formChangeLang1 form { display:inline;}
#header .listSnsBtn1 { display:block;}

.glNav ,.supNav { display:block;}
#header .listSnsBtn1 li {overflow:visible;}


.glNav { position:absolute; left:0; bottom:0; box-shadow:none;}
.glNav li { display:block; float:left; border:0;}
.glNav a { height:43px; border:0; padding:0; background:url(../img_pc/base/bgGlNav1.jpg) 0 0 no-repeat; white-space: nowrap; text-indent: 100%; overflow: hidden;}
.glNav a:after { display:none;}
.glNav .home a { width:111px; background-position:0px 0px;}
.glNav .news a { width:121px; background-position:-111px 0px;}
.glNav .ir a { width:116px; background-position:-232px 0px;}
.glNav .rd a { width:195px; background-position:-348px 0px;}
.glNav .csr a { width:171px; background-position:-543px 0px;}
.glNav .company a { width:134px; background-position:-714px 0px;}
.glNav .product a { width:132px; background-position:-848px 0px;}

.glNav .home a:hover , body.topPage .glNav .home a { background-position:0px -43px;}
.glNav .news a:hover , body.newsPage .glNav .news a { background-position:-111px -43px;}
.glNav .ir a:hover , body.irPage .glNav .ir a { background-position:-232px -43px;}
.glNav .rd a:hover , body.rdPage .glNav .rd a { background-position:-348px -43px;}
.glNav .csr a:hover , body.csrPage .glNav .csr a { background-position:-543px -43px;}
.glNav .company a:hover , body.companyPage .glNav .company a { background-position:-714px -43px;}
.glNav .product a:hover , body.productPage .glNav .product a { background-position:-848px -43px;}

#header .logo { top:20px; left:10px; position:absolute; padding:0; width:auto;}
#header .logo img { display:none;}
#header .logo a { display:block; width:160px; height:40px; background:url(../img_pc/base/logo.gif) 0 0 no-repeat;}

.supNav { position:relative; top:12px; text-align:right;}
.supNav li { display:inline-block; *display:inline; *zoom:1; position:relative; vertical-align:top;}
.supNav li a { border-left:1px solid #EEEEEE; display:inline-block; line-height:12px; font-size:10px; padding:0 8px; color:#666; letter-spacing:1px;}
.supNav li.search { width:135px;}
.supNav li.search form { border:1px solid #9C9C9C; border-radius:3px; position:relative; width:135px; height:20px;}
.supNav li.search .input { border:0; background:none; padding:2px 3px; width:109px; display:block; outline:none; font-size:11px; line-height:18px; color:#111;}
.supNav li.search .input::-webkit-input-placeholder { color:#aaa;}
.supNav li.search .input:-moz-placeholder { color:#aaa;}
.supNav li.search .btn { position:absolute; top:0; right:0; border:0; background:none; margin:0; padding:0; background:url(../img_pc/base/iconSearch1.gif) 2px 3px no-repeat; width:21px; height:20px;white-space: nowrap; text-indent: 100%; overflow: hidden; outline:none;}

.menuIcon1 { display:none;}





/* 2-2 main
-----------------------------------------*/
#container { clear:both; width:980px; margin:0 auto;position:relative;}

#topicPath { display:block; padding:15px 10px;}
#topicPath li { display:inline; padding:0; font-size:11px;}
#topicPath li a { text-decoration:underline;}
#topicPath li:first-child:before { content:"";}
#topicPath li:before { content:" ＞ ";}

#main{
	/* margin:0 0 0 10px; */
	margin:0;
	width:710px;
	float:left;
}
.no_sb #main{
	width: 100%;
}


/* 2-3 side
-----------------------------------------*/
#side { margin:0 10px 0 0; width:230px; float:right;}

.sideMenu {}
.sideMenu li {border:1px solid #E6E6E6;border-top:0;display:block;}
.sideMenu a {display:block;padding: 10px;font-size:13px;text-decoration: none;}
.sideMenu a:after { display:none;}
.sideMenu a.on { background:#fff;}

.headlineSide1 { background:url(../img_pc/base/bgTtlSideMenu1.gif) 0 0 no-repeat; background-size:230px 42px; padding:0 0 0 15px; line-height:41px; font-size:15px; color:#fff; font-family: ArialMT, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック";font-weight:bold;}

/* 2-4 footer
-----------------------------------------*/
#footer {}

.footer1 { padding:20px 0; position:relative; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
background: #E1E1E1;
background: -webkit-linear-gradient(top, #EEEEEE 0%, #E1E1E1 100%);
background: linear-gradient(to bottom, #EEEEEE 0%, #E1E1E1 100%);
}

.btnPagetop1 { display:block; position:relative; width:980px; margin:0 auto;}
.btnPagetop1 a { position:absolute; right:0; top:-57px; display:block; width:150px; height:35px; background:url(../img_pc/base/btnPagetop1.gif) 0 0 no-repeat; white-space: nowrap; text-indent: 100%; overflow: hidden;}

.ftSupNav1 ,#footer .listSnsBtn1 { display:none;}
.ftSupNav1_1 { display:block; width:980px; margin:0 auto; text-align:left; position:relative; z-index:10;}

.ftNav1Wrap { width:980px; margin:0 auto; border:0; padding:0;}
.ftNav1Wrap > li { display:table-cell; padding-right:20px;}
.ftNav1Wrap > li { display:table-cell; font-size:10px;}

.ftNav1 li { width:auto; float:none; text-align:left; height:auto;}
.ftNav1Wrap > li.ftNav1_1 { width:169px;}
.ftNav1Wrap > li.ftNav1_2 { width:120px;}
.ftNav1Wrap > li.ftNav1_3 { width:160px;}

.ftNav1 { border-top:1px solod #fff;}

.ftSupNav1_1 li { padding:0 10px;}
.ftNav1 li a { color:#0064B3; text-decoration:none; display:block; margin-bottom:5px; padding:0;}
.ftNav1 li a:hover { text-decoration:underline;}
.ftNav1 li ul { display:block;}
.ftNav1 li ul a { color:#111111; margin-bottom:0;}
.ftNavSet1 .ftNav1 { margin-bottom:5px;}


.footer2 { padding:20px 0 0; border-top:1px solid #DBDBDB; text-align:center; color:#333333; font-size:10px; position:relative;}
.footer2 .copy { text-align:right; position:relative; width:980px; margin:0 auto; top:-30px;}

/* 3 common
******************************************/
.spDispBlock { display:inherit;}

/* 3-1 text
-----------------------------------------*/
/* 3-2 button
-----------------------------------------*/

/* 3-3 list/table
-----------------------------------------*/
.menuType1 li { border:1px solid #bbb; border-top:0; background:#F6F6F6; width:228px; float:left; margin-left:10px;}
.menuType1 li:first-child { margin-left:0;}
.menuType1 li a { padding:10px 30px 10px 15px; font-weight:bold;}

.spLayoutTable td { display:table-cell;}
.spLayoutClear { clear:none;}

/* 3-4 component
-----------------------------------------*/
.newsArea { position:relative; margin:0 0 15px;}
.newsListLink { font-size:11px;}
.newsListLink .pc { display:block;}
.newsAreaInner {}
.scrollArea {}
.scrollAreaInner { height:100px; width:693px; overflow:hidden; position:relative;}
.newsArea ul {}
.newsArea ul li { margin:0 20px 10px; font-size:12px; display:block;}
.newsArea ul li .date { width:90px;}
.newsArea ul li .label { width:100px;}

.btnNewsPrint{
	background: #fff;
	display: flex;
	float: right;
}
.btnNewsPrint a{
	border: 1px solid #0062b0;
	color: #333!important;
	text-decoration: none!important;
	font-weight: bold;
	font-size: 15px;
	padding: 8px 25px 8px 55px;
	box-sizing: border-box;
	background: url(/common/img/icon/btnPrint.png) no-repeat;
	background-position: top 50% left 30px;
}

/* 4 page
******************************************/


/* 4-1
-------------------------*/
/* トップページ */
.newsDetailArea,
.newsHeader,
.topicsDetailArea,
.topicsHeader,
.ttlNewsPress,
.businessLinkArea,
.otherSiteArea,
.topEventTopicsArea,
.techLinkArea { max-width:none;}

.topNewsArea { clear:both; position:relative; z-index:2000; width:960px; margin:0 auto 20px; padding:15px 10px; top:-35px;}
.topNewsArea:before { background:url(../img_pc/base/line1.gif) 0 0 no-repeat; background-size:960px 7px; height:7px; width:960px; left:10px; right:10px;}
.topNewsArea:after { content:""; display:block;  clear: both;}
.topNewsPress { width:475px; float:left;}

.ttlTopNews {}
.ttlTopNews .pc { display:block;}
.ttlTopNews .sp { display:none;}

.ttlTopNews h2 { width:349px;}
.ttlTopNews p { width:126px;}

.topNewsIr { width:475px; float:right;}

.topNewsInnerWrap { border:1px solid #fff; padding:10px 10px;}
.topNewsInner { padding:0;}

.topNewsArea .newsList dl { display:block; font-size:12px; border-bottom:0; padding-bottom:5px;}

body.topPage {}
.listEventTopics { width:710px; position:relative;}
.listEventTopics .item { margin:0 0 10px; width:230px; display:block; overflow:hidden;}
.topEventTopicsArea .btnMore { text-align:center; padding-top:20px;}

.ttlTopEventTopics { min-width:710px; max-width:none;}
.ttlTopEventTopics h2 { width:557px;}
.ttlTopEventTopics p { width:153px;}
.ttlTopEventTopics .pc { display:block;}
.ttlTopEventTopics .sp { display:none;}
.listEventTopics .item .txt { font-size:12px; padding:10px 10px 20px;}

/* menshin */
.menshinArea { width:230px; margin:0 auto 10px; position:absolute; right:-250px; top:0px;}

/* youtube */
.youtubeArea { margin:0 auto 20px; width:710px;}
.topPage .youtubeArea { width:230px; margin:0 auto 10px; position:absolute; right:-250px; top:60px;}
.youtubeArea h2 { width:710px; height:160px; background:url(/common/img/bgYouTube1.gif) 0 0 no-repeat;}
.topPage .youtubeArea h2 { width:230px; height:229px; background:url(../img_pc/top/bgYoutube.gif) 0 0 no-repeat;}
.youtubeArea h2 img { display:none;}
.youtubeAreaInner { position:relative;}
.youtubeArea .img { position:absolute; top:18px; left:388px; width:210px; height:129px;}
.youtubeArea .txt { position:absolute; top:82px; left:82px; padding:0; line-height:1.4; font-size:10px;}
.topPage .youtubeArea .img { top:47px; left:16px; width:200px; height:122px;}
.topPage .youtubeArea .txt { top:180px; left:0; padding:0 0 0 15px;}

/* mail news */
.mailNewsArea { position:absolute; right:-250px; top:300px; width:230px;}
.mailNewsArea p { position:relative;}
.mailNewsArea .sp { display:none;}
.mailNewsArea .pc { display:block;}
.mailNewsArea span { position:absolute; top:36px; left:0; padding:0 10px 0 20px; font-size:10px; color:#333; line-height:1.2;}

/* imprtant news */
.importantNewsArea { position:absolute; right:-250px; top:831px; width:230px;}
.importantNewsInner { padding:10px 10px;}
.importantNewsArea .newsList { height:120px; overflow:auto;}
.importantNewsArea .newsList dl { margin:0 0 5px; padding:0;}
.importantNewsArea .newsList dt { float:none; font-size:12px;}
.importantNewsArea .newsList dd a { text-decoration:none;}
.importantNewsArea .newsList dd { font-size:11px;}
.importantNewsArea .sp { display:none;}
.importantNewsArea .pc { display:block;}

/* update */
.updateArea { position:absolute; right:-250px; top:390px; width:230px;}
.updateAreaInner { padding:10px 10px;}
.updateArea .newsList { height:120px; overflow:auto;}
.updateArea .newsList dl { margin:0 0 5px; padding:0;}
.updateArea .newsList dt { float:none; font-size:12px;}
.updateArea .newsList dd a { text-decoration:none;}
.updateArea .newsList dd { font-size:11px;}
.updateArea .sp { display:none;}
.updateArea .pc { display:block;}

/* other */
.otherSiteArea { position:absolute; right:-250px; top:377px; width:230px;}
.otherSiteArea ul:first-child { display:block; margin-bottom: 0;}
.otherSiteArea li { width:auto; display:block; margin:0 0 5px;}
.otherSiteArea li a { display:block;}
.otherSiteArea li:first-child a { padding-right:0;}
.otherSiteArea li:last-child a { padding-left:0;}
.otherSiteArea .sp { display:none;}
.otherSiteArea .pc { display:block;}

/* other */
.topbannerArea { position:absolute; right:-250px; top:835px; width:230px;}
.topbannerArea ul { display:block;}
.topbannerArea li { width:auto; display:block; margin:0 0 5px;}
.topbannerArea li a { display:block;}
.topbannerArea li:first-child a { padding-right:0;}
.topbannerArea li:last-child a { padding-left:0;}

/* tech */
.techLinkArea { margin:0 0 15px;}
.techLinkArea h2 { margin-bottom:10px;}
.techLinkArea li { display:block; float:left; width:230px; margin:0 10px 0 0;}
.techLinkArea li.thought,
.techLinkArea li.airless { margin-right:0;}
.techLinkArea li a { display:block; position:relative; width:230px; height:230px; color:#111; text-decoration:none; line-height:1.2; font-size:11px;}
.techLinkArea li.nano a { background:url(../img_pc/top/bgTech1_nano.jpg) 0 0 no-repeat;}
.techLinkArea li.tmode a { background:url(../img_pc/top/bgTech1_tmode.jpg) 0 0 no-repeat;}
.techLinkArea li.thought a { background:url(../img_pc/top/bgTech1_thought.jpg) 0 0 no-repeat;}
.techLinkArea li.airless a { background:url(../img_pc/top/bgTech1_airless.jpg) 0 0 no-repeat;}

.techLinkArea li span { display:block; position:absolute; top:176px; left:13px; padding-right:15px;}


.techLinkArea .sp { display:none;}
.techLinkArea .pc { display:block;}

/* bussiness */
.businessLinkArea { margin:0 0 15px;}
.businessLinkArea h2 { margin-bottom:10px;}

.businessLinkArea .sp { display:none;}
.businessLinkArea .pc { display:block;}

.businessLinkArea a.img { padding:0; background:0; display:block; border:0;}
.businessLinkArea a.img:after { display:none;}

.businessLinkArea .menuType1 a { font-size:13px;}

/* top side FB likebox */
.topSideFBLikebox1 { margin-bottom:20px; display:block; height:210px; text-align:left;}

/* top side link */
.topSideLinkArea { margin-left:0; margin-right:0;}
.topSideLinkArea ul { display:block;}
.topSideLinkArea li { display:block; padding:0; margin:0 0 10px;}

.topSideLinkArea .sp { display:none;}
.topSideLinkArea .pc { display:block;}
.topSideLinkArea a { display:block; position:relative; color:#333; line-height:1.2; font-size:12px;}
.topSideLinkArea span { display:block; position:absolute; top:35px; left:0; padding:0 12px;}

/**/
body.topPage #main { position:relative; margin-top:-50px;}
body.topPage #side { padding-top:1037px;}

/* news page */

.ttlNewsPress { margin:0; max-width:none; width:710px;}
.ttlNewsPress .sp { display:none;}
.ttlNewsPress .pc { display:block;}
.ttlNewsPress h1 { width:582px;}
.ttlNewsPress p { width:128px;}

.newsPressArea { margin:0 0 20px;}
.newsPressArea .newsList dd { overflow:hidden; padding:0; background:none;}
.newsPressArea .newsList dl { display:block;}

.newsPressArea .newsList { border:1px solid #C2C2C2; border-top:0; padding:0; margin:0 1px;}
.newsInnerWrap { border:1px solid #FFFFFF; padding:10px;box-shadow: 0 10px 6px -6px #ddd;}
.newsPressArea .newsInner { height:120px; overflow:auto; padding:0;}

.listEventTopicsWrap { width:710px;}
.listEventTopics .stamp .wrap { width:230px; float:none; margin:0 0 10px 0;}
.listEventTopics .stamp .wrap:last-child { margin:0;}
.listEventTopics .stamp { width:230px;}


/* sitemap */
.sitemapArea { clear:both; margin:0 auto 20px;}
.sitemapAreaInner { margin:0; width:45%; float:left;}
.sitemapAreaInner:last-child { float: right;}
.sitemapAreaInner.last { margin:0;}

/* midterm2014 */
.midterm2014Area { padding:0 40px 20px;}

}


/* 6 plugin
******************************************/


/* 7 css hack
******************************************/



/* 8 旧サイトからの移行
******************************************/
/* -------------------------------------------------- */
/* ページ内リンク */
/* -------------------------------------------------- */

.anchor_tab {
	border-top: 1px solid #E4E4E4;
	width: 100%;
	border-collapse: collapse;
}
.anchor_tab td {
	background: url(/images/common/bg_line.gif) no-repeat right 1px;
	padding: 5px 15px 5px 5px;
	border-bottom: 1px solid #E4E4E4;
}
.anchor_tab td.bg_none {
	background: none;
}


.bdrbox {
	border:1px solid #999;
	padding:14px;
}

/* editに追加 ※ !importの扱いに注意 */
.newsList .listInner { clear:both;}
.newsList .listInner:after {
	content: "";
	clear: both;
	display: table;
}
.newsList .listInner .date .ico { vertical-align:middle; padding-left:10px;}
.newsList .listInner .date .ico img { width:70px; height:16px;}
.newsList dl dt {}
.newsList dl dd.ico img { width:70px; height:16px;}
.newsList .listInner .Inner p.pdf a { background: url(/common/img/base/pdf.gif) no-repeat 0 0 !important; padding-left:22px !important;}

.thumb3Col { text-align:center; margin:0 0 10px;}
.thumb3Col p { margin:0 5px 10px !important; display:inline-block;}
.thumb3Col p span { display:block;}


#main .pagetop{
	display:none;
}
@media screen and (max-width: 767px) {
	#main .pagetop{
		text-align:right;
		display:block;
		margin-top:-35px;
		margin-bottom:10px;
	}
	#main .pagetop a{
		padding:0 0 0  10px;
		 background: url(/common/img/base/pagetop.gif) no-repeat 0 50%;
		 background-size:9px 9px;
	}

}



/* 8 content
******************************************/
#index{
	width:100%;
}
.content{
	width:100%;
	padding: 55px 0 100px;
}
.content.no_sb .col-main-content{
	width: 100%;
}
.content.no_sb .col-side-content{
	display: none;
}

@media screen and (max-width:767px){
	.content{
		width:100%;
		padding: 35px 0 50px;
	}
	.content.no_sb{
		padding-bottom: 0;
	}
}

.section-inner{
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.section-inner{
		width: 100%;
		padding: 0 4% 0;
		box-sizing: border-box;
	}
}


/* press_detail table border */
/*#block-toyo-tires-main-page-content{
	word-break: break-all;
}*/
#block-toyo-tires-main-page-content:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#block-toyo-tires-main-page-content tr,
#block-toyo-tires-main-page-content td,
#block-toyo-tires-main-page-content th{
	border: 1px solid grey;
}