@charset "UTF-8";

/* header.css
**************************************************************************************/


/* header-layout
=============================================================================*/

.header-area {
	background:url("../../image/header-bg0001.gif") repeat-x 0 0;
}
#header {
	width:1250px;
	margin:0 auto;
	position:relative;
}
#header .header-main {
	position:absolute;
	top:70px;
	left:10px;
	width:186px;
	height:50px;
}

#header .header-sub-area {
	padding-left:290px;
	height:40px;
}

@media screen and (max-width: 1249px){
.header-area {
	background:none;
}
#header {
	width:auto;
}
#header .header-main {
	position:static;
	top:0;
	left:0;
	width:auto;
	height:auto;
}
#header .header-sub-area {
	padding-left:0;
	height:auto;
}
}

@media screen and (max-width: 679px){

}

/* header-main
=============================================================================*/

#header .header-main .logo {
	font-size:1px;
	text-align:center;
}

@media screen and (max-width: 1249px){
#header .header-main .logo {
	padding:15px 0;
}
#header .header-main .logo img {
	width:140px;
}
}

/* 30th Logo
=============================================================================*/
#header .logo-30th {
    position: absolute;
    top:62px;
    left:269px;
    width: 205px;
    height: 69px;
}
@media screen and (max-width: 1249px){
#header .logo-30th {
    display: none;
}
}

/* header-sub
=============================================================================*/

#header .header-sub-area .header-sub-navi {
	height:40px;
	float:left;
    margin-right: 20px;
}
#header .header-sub-area .header-sub-navi li {
	float:left;
	padding:7px 0 0 22px;
}
#header .header-sub-area .header-sub-navi li:first-child {
	padding:7px 0 0 0;
}
#header .header-sub-area .header-sub-navi li a {
	padding:0 0 0 10px;
	text-decoration:none;
	line-height:1.4em;
	font-size:12px;
	color:#FFFFFF;
	font-family: 'Noto Sans Japanese','メイリオ', sans-serif;
	font-weight:400;
	background:url("../../image/header-ar0001.gif") no-repeat 0 5px;
}
#header .header-sub-area .header-sub-navi li a:hover {
	color:#adadad;
}

@media screen and (max-width: 1249px){
#header .header-sub-area .header-sub-navi {
	display:none;
}
}

/*youtube*/
#header .header-sub-area .youtube-btn {
	float:left;
}
#header .header-sub-area .youtube-btn a {
	display:block;
	background-color:#333;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	width: 90px;
	text-align:center;
	height:40px;
}
#header .header-sub-area .youtube-btn a:hover {
    opacity: 0.8;
}
#header .header-sub-area .youtube-btn a span {
	padding:10px 0 0 30px;
	display:inline-block;
    background-image:url("../../image/header-ic002.png");
    background-position:left 0 top 11px;
    background-repeat:no-repeat;
    background-size:24px auto;
}
/*資料請求*/
#header .header-sub-area .pamphlet-btn {
	float:right;
}
#header .header-sub-area .pamphlet-btn a {
	display:block;
	background-color:#a03333;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	width:140px;
	text-align:center;
	height:40px;
}
#header .header-sub-area .pamphlet-btn a:hover {
	background-color:#d02d2d;
}
#header .header-sub-area .pamphlet-btn a span {
	padding-top:10px;
	display:block;
}

@media screen and (max-width: 1249px){
#header .header-sub-area .youtube-btn {
	display:none;
}
#header .header-sub-area .pamphlet-btn {
	display:none;
}
}

/* サイト内検索 */
#header .search-btn {
	display:none;
}
#header div.search-wrap{	
	float:left;
	width:230px;
	margin-right:30px;
}

#header div.search-area-in {
	width:40px;
	padding:0 0 0 190px;
	position:relative;
	height:40px;
	margin:0;
	font-size:1px;
	background-color:#575757;
}

#header div.search-area input.input-q {
	font-size:12px;
	width:168px;
	height:18px;
	border:1px solid #solid 1px #575757;
	padding:10px;
	position:absolute;
	top:0;
	left:0;
	color:#FFFFFF;
	background:url("../../image/search-bg001.gif") #575757 no-repeat 10px center!important;
}

#header div.search-area input.rollover {
	font-size:1px;
}

#cse-search-results iframe {
	height:auto !important;
}
#header div.search-area input.input-q:focus {
	background:none !important;
	background-color:#575757 !important;
}

#header div.search-area input.input-q::placeholder {
    color: transparent;
}
#header div.search-area input.input-q::-moz-placeholder {
    color: transparent;
}
#header div.search-area input.input-q::-webkit-input-placeholder {
    color:transparent;
}
#header div.search-area input.input-q::-moz-placeholder {
    color:transparent;
}
#header div.search-area input.input-q:-ms-input-placeholder {
    color:transparent;
}

@media screen and (max-width: 1249px){
#header .search-btn {
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:15px;
	right:15px;
}
#header .search-btn img {
	width:40px;
}
#header div.search-area input.input-q {
	box-shadow:none !important;
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#header div.search-wrap {
	display:none;
	position:absolute;
	top:68px;
	right:0;
	z-index:100;
	float:none;
	margin:0;
	width:100%;
}
#header div.search-area {
	padding:20px 0 20px 0;
	background-color: rgba(0,0,0,0.8);
}
#header div.search-area-in {
	margin:0 auto;
}
}


/* tnavi
=============================================================================*/

.tnavi-area {
	width:1250px;
	height:112px;
	margin:0 auto;
}

.tnavi-area .tnavi-area-inner {
	padding:0 0 0 546px;
}
.tnavi-area .tnavi-area-inner ul {
	padding:43px 0 0 0;
	float:left;
}
.tnavi-area .tnavi-area-inner ul li {
	float:left;
	padding-right:85px;
}
.tnavi-area .tnavi-area-inner ul li.tnavi003 {
	padding-right:0;
}
.tnavi-area .tnavi-area-inner ul li a {
	font-family: 'Noto Sans Japanese','メイリオ', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#111111;
	text-decoration:none;
	line-height:1.4em;
}
.tnavi-area .tnavi-area-inner ul li a.current ,
.tnavi-area .tnavi-area-inner ul li a:hover {
	color:#5165a3;
}

/*english-btn*/
.tnavi-area .tnavi-area-inner .english-btn {
	float:right;
	width:140px;
	padding:34px 0 0 0; 
}
.tnavi-area .tnavi-area-inner .english-btn a {
	display:block;
	height:38px;
	border:1px solid #cccccc;
	color:#111111;
	text-decoration:none;
}
.tnavi-area .tnavi-area-inner .english-btn a:hover {
	color:#5165a3;
	border:1px solid #b3bfe4;
}
.tnavi-area .tnavi-area-inner .english-btn a span {
	display:block;
	padding:10px 0 0 20px;
	text-align:center;
	font-size:14px;
	line-height:1.4em;
	background:url("../../image/header-ic0001.gif") no-repeat 13px 11px;

}

@media screen and (max-width: 1249px){
.tnavi-area {
	display:none;
}
}

/* gnavi
=============================================================================*/
#header .menu-btn {
	display:none;
}
.gnavi-area {
	background-color:#202020;
}
#gnavi {
	width:1250px;
	margin:0 auto;
}
#gnavi ul {
	display:table;
	width:100%;
}
#gnavi ul li {
	display:table-cell;
	width:14.28%;
	height:70px;
	line-height:1;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	border-left:1px solid #4d4d4d;
}
#gnavi ul li.gnavi007 {
	border-right:1px solid #4d4d4d;
}
#gnavi ul li a {
	display:block;
	font-family: 'Noto Sans Japanese','メイリオ', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:1.4em;
	height:70px;
	padding:25px 0 0 0;
	vertical-align:middle;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#gnavi ul li a.current ,
#gnavi ul li a:hover {
	background-color:#373737;
}

.sp-gnavi-area {
	display:none;
}

@media screen and (max-width: 1249px){
.gnavi-area {
	display:none;
}
.sp-gnavi-area {
	width:100%;
	display:none;
	position:absolute;
	top:68px;
	left:0;
	z-index:100;
	background:none;
}
#sp-gnavi {
	width:100%;
}
#sp-gnavi ul {
	background-color: rgba(0,0,0,0.8);
}
#sp-gnavi ul li {
	width:50%;
	float:left;
	border-bottom:1px solid #666;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#sp-gnavi ul li a {
	display:block;
	font-size:14px;
	background:url("../../image/menu-ar0001.png") no-repeat 7px center;
	background-size:7px auto;
	padding:14px 5px 14px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	line-height:1.4em;
	color:#FFFFFF;
	text-decoration:none;
}
#sp-gnavi ul li:nth-child(odd) a{
	border-right:1px solid #666;
}
	
/*menu*/
#header .menu-btn {
	display:block;
	position:absolute;
	top:15px;
	left:15px;
	width:40px;
	height:40px;
}
#header .menu-btn img {
	width:40px;
}

}