@charset "UTF-8";

html { background:#ffffff; }
body { width:100%; margin: 0 auto; }
body div img { margin: 0px !important ; padding: 0px !important ; }

/* =======================================================
	共通
   ======================================================= */
div#bp_hnavi{ width: 100%; height:94px; text-align: center; margin: 0 auto; }
div#bp_hnavi .box{ width: 100%; min-width:1000px; margin: 0 auto; }
div#bp_fnavi{ width: 100%; text-align: center; margin: 0 auto; padding: 20px 0 50px 0; line-height: 150%; background: #ffffff; border-top: 1px solid #CCCCCC; }
div#bp_fnavi .box{ width: 1000px; margin: 0 auto; line-height: 1.1em !important; font-size: 12px !important; }

/* =======================================================
	共通
   ======================================================= */

div#BPHeaderArea { width:100%; max-width:1600px; min-width:1000px; margin:0 auto; height:93px; background:url(./head_back_nbo.gif) no-repeat; background-position: top center; z-index:300; }
	div#BPHeaderArea div#BPHeaderSP { width:1000px; min-width:1000px; margin:0 auto; }
	div#BPHeaderArea div#TitleHeader { width:1000px; min-width:1000px; margin:0 auto; }

div.TitleArea01 { width:100%; max-width:1600px; min-width:1000px; margin:0 auto; background:url(./title_img_01_bg.jpg) repeat-x; background-position: top center; z-index:1; }
	div.TitleArea01 div.TitleArea01Img { width:1200px; min-width:1200px; margin:0 auto 0px; height: 159px; }
	div.TitleArea01 div.TitleArea02Img { width:1200px; min-width:1200px; margin:0 auto 0px; border-bottom: 50px solid #F06E2D; height: 840px; }



body div.wrapper { max-width: 1200px; min-width:1200px; margin: -30px auto 20px; background: url(background.jpg); background-position: top center; background-repeat: repeat-y; border-bottom: 5px solid #F06E2D;}

div p { text-align: justify; _text-align:justify; text-justify:inter-ideograph; }
p.textRead { font-size: 114.4% !important; font-weight: bold; line-height: 2.0; text-indent: 0em ; color: #000000; paddung: 0px; margin: 30px auto 20px; }
p.textNormal { font-size: 114.4% !important; line-height: 2.0; text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px 0px 20px;}
p.textNormal span { font-weight: bold; margin-right: 1em; }
p.textSmall { font-size: 93% !important; line-height: 1.75; text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px 0px 20px;}

div h3.subtitle { font-size: 171.5% !important; font-weight: bold; line-height: 2.0; text-indent: 0em ; color: #F06E2D; paddung: 0px; margin: 0px 0px 5px; text-align: left; }

.social_buttons::before, .social_buttons::after {
    clear: none  !important;
    content: "";
    display: table;
}



div.titleBox { font-size: 171.5% !important; font-weight: 700; line-height: 1.5; text-indent: 0em ; color: #000000; margin: 0px 0px 20px; text-align: center; border-top: 2px solid #CC0000;  border-bottom: 2px solid #CC0000; padding:10px 0px; }

div.textBox { margin: 0px 0px 40px; }
div.BoxTitle { font-size: 128.6% !important; font-weight: 700; color: #000000; paddung: 0px; margin: 0px 0px 10px; text-align: center; }

div table td a { text-decoration: none; }
div table td a:hover { text-decoration: underline; }
div table td a:hover div img { ilter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;  }
div table td div.device01 { font-size: 100% !important; color:#cc0000; text-decoration: none; margin: 0px 0px 0px; }
div table td div.device02 { font-size: 114.4% !important; color:#222222; font-weight: 700; text-decoration: none; margin: 0px 0px 5px; }
div table td div.device03 { font-size: 100% !important; color:#222222; text-decoration: none; text-align: justify; _text-align:justify; text-justify:inter-ideograph; margin: 0px 0px 10px; }
div.link a:hover img { ilter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;  }


/* kubota fix pc */
body div.wrapper{
	margin-top:0;
}

.container{
	font-size: 16px;
}
.container a,
.container a * {
	transition: all 0.2s ease 0s;
}
.container img{
	max-width:100%;
  width:/***/auto; /* IE8用 */
  height:auto;
	border: none;
	vertical-align: middle;
}

div#TitleArea .container img{
	min-width:inherit;
}

.container p{
	text-align: inherit;
}

/* head */
.container .header {
	line-height: 1;
	background-image: url(head_txt01bg.png);
	background-repeat: repeat-x;
	text-align: center;
}
.container .header h1 {
	margin: 0;
}
.container .header img {
	vertical-align: middle;
}
.container .header .head-img-box {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	max-width: 1200px;
}
.container .header .head-img-box .title-box {
	position: absolute;
	bottom:0;
	right: 0;
	width: 100%;
	text-align: center;
}
.container .header .head-img-box .title-box > .inner {
	padding: 2%;
	text-align: center;
}


@media screen and (max-width: 767px) { /* sp */
}

/* header sub */
.container .header .head-img-box .sub-btn-box{
	position: absolute;
	top:0;
	right: 0;
	z-index: 1;
	width:25%;
	max-width: 240px;
	text-align: right;
	cursor: pointer;
}

.container .header .head-img-box .sub-btn-box img:hover{
	opacity: 0.7;
}

.container .header .head-img-box .sub-box{
	display: none; /* js */
	width:1px;
	height: 1px;
	position: absolute;
	top:0;
	right:0;
	z-index: 3;
	background-color: #ffffff;
	font-weight: bold;
}

div.container .header .head-img-box .open{/* open sub box */
	width:100%;
	height: auto;
	display: block;
}

div.container .header .head-img-box .close{/* close sub box */
	width:1px;
	height: 1px;
}

.container .header .head-img-box .sub-box > .bg-box{
	overflow: hidden;
	padding: 0 2% 2%;
	background-color: #ffffff;
}

.container .header .head-img-box .sub-box > .bg-box > .inner{
	position: relative;
	left:0;
	top:0;
}

.container .header .head-img-box .sub-box .close-btn:hover{
	background-color:#ffece3;
}

.container .header .head-img-box .sub-box .ttl-box{
	font-size: 150.00%; /* 24px */
	border-bottom: 3px solid #000000;
	font-weight: bold;
	padding:8px 8%;
	margin-bottom: 8px;
	position: relative;
	top:0;
	left:0;
}

.container .header .head-img-box .sub-box .ttl-box .close-btn{
	position: absolute;
	bottom:0;
	right:0;
	z-index: 2;
	font-size: 250%;
	font-weight: bold;
	cursor: pointer;
	line-height: 1;
}

.container .header .head-img-box .sub-box .sec{
	margin: 0 auto 8px;
	overflow: hidden;
	text-align: left;
	max-width: 720px;
}

.container .header .head-img-box .sub-box .sec .table{
	display: table;
	width:100%;
}

.container .header .head-img-box .sub-box .sec .num-box{
	display: table-cell;
	width:10%;
	max-width: 72px;
	margin-right:1em;
}

.container .header .head-img-box .sub-box .sec .txt-box{
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	line-height: 1.2;
}

.container .header .head-img-box .sub-box .sec .txt-box .ttl{
	color:#000000;
	font-size: 125.00%; /* 20px */
}

.container .header .head-img-box .sub-box .sec01 .txt-box .ttl-sub{
	color:#ef6e2d;
}

.container .header .head-img-box .sub-box .sec02 .txt-box .ttl-sub{
	color:#00a7a8;
}

.container .header .head-img-box .sub-box .sec03 .txt-box .ttl-sub{
	color:#3e81c7;
}

.container .header .head-img-box .sub-box .sec04 .txt-box .ttl-sub{
	color:#8a75db;
}

.container .header .head-img-box .sub-box .sec05 .txt-box .ttl-sub{
	color:#ffb400;
}

.container .header .head-img-box .sub-box .sec06 .txt-box .ttl-sub{
	color:#99cc00;
}

.container .header .head-img-box .sub-box .sec07 .txt-box .ttl-sub{
	color:#44a9e3;
}

.container .header .head-img-box .sub-box .sec08 .txt-box .ttl-sub{
	color:#b9659f;
}

.container .header .head-img-box .sub-box .sec09 .txt-box .ttl-sub{
	color:#c77578;
}

.container .header .head-img-box .sub-box .sec a{
	text-decoration: none;
	display: block;
	color:#000000;
	font-size: 93.80%; /* 15px */
}

.container .header .head-img-box .sub-box .sec a.current .txt-box *,
.container .header .head-img-box .sub-box .sec a:hover .txt-box *{
	color:#ffffff;
}

.container .header .head-img-box .sub-box .sec01 a.current,
.container .header .head-img-box .sub-box .sec01 a:hover{
	background-color: #ef6e2d;
}

.container .header .head-img-box .sub-box .sec02 a.current,
.container .header .head-img-box .sub-box .sec02 a:hover{
	background-color: #00a7a8;
}

.container .header .head-img-box .sub-box .sec03 a.current,
.container .header .head-img-box .sub-box .sec03 a:hover{
	background-color: #3e81c7;
}

.container .header .head-img-box .sub-box .sec04 a.current,
.container .header .head-img-box .sub-box .sec04 a:hover{
	background-color: #8a75db;
}

.container .header .head-img-box .sub-box .sec05 a.current,
.container .header .head-img-box .sub-box .sec05 a:hover{
	background-color: #ffb400;
}

.container .header .head-img-box .sub-box .sec06 a.current,
.container .header .head-img-box .sub-box .sec06 a:hover{
	background-color: #99cc00;
}

.container .header .head-img-box .sub-box .sec07 a.current,
.container .header .head-img-box .sub-box .sec07 a:hover{
	background-color: #44a9e3;
}

.container .header .head-img-box .sub-box .sec08 a.current,
.container .header .head-img-box .sub-box .sec08 a:hover{
	background-color: #b9659f;
}

.container .header .head-img-box .sub-box .sec09 a.current,
.container .header .head-img-box .sub-box .sec09 a:hover{
	background-color: #c77578;
}

.container .header .head-img-box .sub-box .img-box{
	margin: 0 auto;
	max-width: 720px;
	text-align: center;
}


@media screen and (max-width: 767px) { /* sp */
	div.container .header .head-img-box .sub-box{
		overflow: visible;
	}
	div.container .header .head-img-box .sub-box > .inner{
		background-color: #ffffff;
	}
	
	div.container .header .head-img-box .sub-box .ttl-box{
		font-size: 112.50%; /* 18px */
		padding:8px 8% 8px 0;
	}
	
	div.container .header .head-img-box .sub-box .sec{
		margin: 0 auto 2%;
	}
	
	div.container .header .head-img-box .sub-box .sec .txt-box{
		font-size: 100.00%; /* 16px */
	}
	
	div.container .header .head-img-box .sub-box .sec .txt-box .ttl{
		padding-top: 4px;
		font-size: 125.00%; /* 20px */
	}
	div.container .header .head-img-box .sub-box .sec a{
		font-size: 12px;
	}
}

@media screen and (max-width: 414px) { /* small sp */
	div.container .header .head-img-box .sub-box .sec a{
		font-size: 10px;
	}
	
	div.container div.header .head-img-box .sub-box .ttl-box{
		margin-bottom: 2%;
		font-size: 12px;
		padding:4px 8% 4px 0;
		border-bottom: 1px solid #000000;
	}
	
	div.container div.header .head-img-box .sub-box .sec .txt-box .ttl {
    padding-top: 0;
	}
}

.container .header .head-sub-box{ /* js fix */
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 2;
}

.container .header div.fixed{
	position: fixed;
}

.container .header .head-sub-box > .inner{
	position: relative;
	top:0;
	left:0;
	max-width: 1200px;
	margin:0 auto;
}