@charset "UTF-8";
body { width:100%; margin: 0 auto; }

html body { max-width:640px; min-width: 320px; }

/* ===== BP Area =========================== */
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; }

#top div img { width: 100%; max-width: 640px; min-width: 320px; height:auto; vertical-align:bottom; }


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

div#TitleArea { width:100%; min-width: 320px; max-width: 640px; margin:0px auto 30px; padding-bottom: 10px; border-bottom:2px solid #999999; }
	div#TitleArea img { width: 100%; max-width: 640px; min-width: 320px; height:auto; vertical-align:bottom; }
	div#TitleArea div.SiteTitle { font-size: 143% !important; font-weight: 700; line-height: 1.75; text-indent: 0.0em ; color: #B6144E; text-align:center; }
	div#TitleArea div.textRead { font-size: 108% !important; font-weight: 700; line-height: 1.75; text-indent: 0.0em ; color: #333333; padding: 10px 0px; text-align: justify; _text-align:justify; text-justify:inter-ideograph; width:95%; margin: auto; }


div.ContentsArea { width:92%; min-width: 320px; max-width: 640px; margin: 0 auto; background: #ffffff; margin: 0px auto; overflow: visible;}
	div.m_ph img { width: 90%; max-width: 600px; min-width: 300px; height:auto; vertical-align:bottom; margin: 0px auto; }
	div.m_ph50 img { width: 50% !important; height:auto; vertical-align:bottom; margin: 0px auto; }
	div.m_ph100 img { width: 100%; max-width: 640px; min-width: 320px; height:auto; vertical-align:bottom; margin: 0px auto; }

	.m_ph100 img { width: 100% !important; max-width: 640px; min-width: 320px; height:auto; vertical-align:bottom; }
	.m_ph90 img { width: 90% !important; max-width: 576px; min-width: 288px; height:auto; vertical-align:bottom; }
	.m_ph80 img { width: 80% !important; max-width: 512px; min-width: 256px; height:auto; vertical-align:bottom; }
	.m_ph75 img { width: 75% !important; max-width: 480px; min-width: 240px; height:auto; vertical-align:bottom; }
	.m_ph60 img { width: 60% !important; max-width: 384px; min-width: 192px; height:auto; vertical-align:bottom; }
	.m_ph50 img { width: 50% !important; max-width: 320px; min-width: 160px; height:auto; vertical-align:bottom; }
	.m_ph25 img { width: 25% !important; max-width: 160px; min-width: 80px; height:auto; vertical-align:bottom; }



	p { text-align: justify; _text-align:justify; text-justify:inter-ideograph; }
	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.5; text-indent: 0em ; color: #000000; paddung: 0px; margin: 5px 0px 20px;}
	div h3.subtitle { font-size: 143% !important; font-weight: bold; line-height: 1.25; text-indent: 0em ; color: #F06E2D; paddung: 0px; margin: 0px 0px 5px; text-align: left; }


div .underline  { vertical-align: bottom; } 
div .underline a { color: #E61E28 ; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #E61E28; } 
div .underline a:hover { color: #F77784 ; border-bottom: 1px solid #F77784; } 
div .underline a span { font-size: 171.5% !important; margin-right:0.5em;  } 

body#sp_Index div div.pagelink { text-align: right; padding: 10px 10px 0px 0px; margin-top: 5px; font-size: 100% !important; }
body#sp_Index div div.pagelink a { text-decoration: none; color:#ffffff; }
body#sp_Index div div.pagelink:hover { text-decoration: underline; }

body#sp_Index div.linkout { bbackground: #ffffff; filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;  }

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

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




/* Extra large CSS */
/* -------------------------------------------------------------------------------- */
@media screen and (min-width:1200px) {
}

/* Large CSS */
/* -------------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Medium CSS */
/* -------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Small CSS */
/* -------------------------------------------------------------------------------- */
@media (min-width: 544px) and (max-width: 768px) {
}

/* Extra small CSS */
/* -------------------------------------------------------------------------------- */
@media screen and (max-width:543px) {
}


/* kubota fix sp */
.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;
}

@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; */
	max-width: 640px;
	margin:0 auto;
}