@charset "utf-8";
/* CSS Document */

body {
	padding-top: 0px;
}

img {
    max-width: 100%;
    /*height: auto;
    width: auto;*/
}

hr {
  clear: both;
}

/*img hover*/
.img-hover a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/*clearfix*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*blockquote*/

blockquote {
  font-size: 14px;
  background-color: #efefef;
  border-left: 5px solid #ccc;
  clear: both;
}

/*slide*/
.carousel-control.left {
    background-image: none;
}
.carousel-control.right {
    background-image: none;
}
/*accordion*/
dl.accordion {
}
dl.accordion dt {
	cursor:pointer;
}
dl.accordion dt.open {
}
dl.accordion dd {
	display:none;
}


/* モバイルレイアウト : 480 px およびそれ以下. */
.nav {
	margin-bottom: 20px;
}

.navbar-brand {
	float: left;
	width: 80%;
	padding: 5px 15px 15px 15px;
	font-size: 18px;
	line-height: 20px;
}

.navbar {
	margin-bottom: 10px;
}

.navbar-header {
	height: 85px;
}

.navbar-form {
	border-top: none;
	border-bottom: none;
	box-shadow: none;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
	border-top: 5px solid #41bb3b;
}

header .form-search {
	margin-top: 20px;
}

/* タブレットレイアウト : 481 px ～ 767 px。モバイルレイアウトからスタイルを継承。 */

@media (min-width: 481px) and (max-width: 767px) {
	.navbar-brand {
		float: left;
		width: 85%;
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}
	.navbar-nav > li > a {
		border-top: 1px solid #ccc;
	}
}

/* デスクトップレイアウト : 768 px ～最大 1000 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand {
		float: left;
		width: 100%;
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}
}

/*Extra*/

@media (min-width: 992px) {
	.navbar-brand {
		float: left;
		width: 100%;
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}

	.navbar-right {
		margin-top: 15px;
	}

}

.carousel-control {
	width: 5%;
}

/*---whatsnew----*/
.tab-content {
	overflow: auto;
}
.whatsNewMrg {
	margin-top: 20px;
}

/*---footer----*/
footer{
	margin: 0 0 20px 0;
	padding:20px 0;
	background:#ffffff;
}

.footer-divider {
	border-color: #41bb3b;
}

footer .navbar-right {
	margin-top: 0px;
}
footer .nav > li > a {
	color: #777;
}
footer .nav > li > a:hover, footer .nav > li > a:focus {
    text-decoration: none;
		color: #000;
    background-color: #fff;
}

/*---menu----*/
.catMenu {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #e4f5e3;
}

.catMenuMrg {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*---label----*/
.label-rsd {
  background-color: #56a13e;
}
.label-med {
  background-color: #3d9ec7;
}
.label-dct {
  background-color: #6185e1;
}
.label-tma {
  background-color: #f3923c;
}

/*---Topic----*/
.topicMrg {
	margin-top: 15px;
	/*margin-bottom: 10px;*/
}

.topicMrg a {
  color: #222;
  text-decoration: none;
}
.topicMrg a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

.topicBox {
	border-radius: 4px;
	border: 1px solid #d6d6d6;
	background-color: #fbfbfb;
	background-position: 95% 95%;
	background-repeat: no-repeat;
    min-height: 8em;
}

.topicBox p {
	margin: 0px 10px 10px 20px;
    font-size: 13px;
}

.topicBox a {
  color: #222;
  text-decoration: none;
}
.topicBox a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

.topic_bg_rsd h2 {
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #56a13e;
	margin: 0 10px 5px 10px;
	padding: 10px 10px 10px 15px;
}

.topic_bg_rsd {
	background-image: url(../../images/bg_tpc_rsd.png);
}

.topic_bg_med h2 {
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #3d9ec7;
	margin: 0 10px 5px 10px;
	padding: 10px 10px 10px 15px;
}
.topic_bg_med {
	background-image: url(../../images/bg_tpc_med.png);
}

.topic_bg_dct h2 {
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #6185e1;
	margin: 0 10px 5px 10px;
	padding: 10px 10px 10px 15px;
}
.topic_bg_dct {
	background-image: url(../../images/bg_tpc_dct.png);
}

.topic_bg_tma h2 {
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #f3923c;
	margin: 0 10px 5px 10px;
	padding: 10px 10px 10px 15px;
}
.topic_bg_tma {
	background-image: url(../../images/bg_tpc_tma.png);
}

/*---Pagetop----*/
#pagetop {
	margin-top: 20px;
	margin-bottom: 20px;
}


/*---Slide Banner----*/
.slideMrg {
	margin-top: 20px;
}

#slider-bnr .item{
	margin: 3px;
}
#slider-bnr .item img{
	display: block;
	width: 100%;
	height: auto;
}

/*---Content Menu----*/
.cntMenu {
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: #e4f5e3;
}

/*---breadcrumb----*/
.breadcrumb {
  padding: 5px 15px;
	margin-top: 10px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}

/*---common----*/
.ctg_Title {
	padding: 15px 15px 25px;
	background-color: #366227; /*ctg*/
}
.ctg_Title h1 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

/*---WYSIWYG----*/
#WYSIWYG {
    /*min-height: 150px;*/
}

#WYSIWYG img {
    margin-top: 15px;
    margin-bottom: 15px;
}

#WYSIWYG .icon {
    margin-top: -5px;
    margin-bottom: 0px;
}


#WYSIWYG table {
	border-collapse: collapse;
	border: 1px #ddd solid;
	margin: 10px auto;
}

#WYSIWYG th {
	padding: 8px;
	border: 1px #d2d2d2 solid;
	background: #ededed;
}

#WYSIWYG td {
	padding: 8px;
	border: 1px #ddd solid;
}

#WYSIWYG .borderNone {
	border: none;
}

#WYSIWYG .borderNone th {
	border: none;
	background: #FFFFFF;
}

#WYSIWYG .borderNone td {
	border: none;
	background: #FFFFFF;
}

#WYSIWYG h2 {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 24px;
    border-left: 5px solid #333;
    clear: both;
}

#WYSIWYG h3 {
    padding: 10px 20px 10px 30px;
    margin: 20px 0 10px;
    font-size: 22px;
    color: #333;
    background-image: url(../../images/arrow_h3.png);
    background-repeat: no-repeat;
    background-position: left center;
    clear: both;
}

#WYSIWYG h4 {
    padding: 15px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
    background-color: #ededed;
    border-color: #d2d2d2;
    border-radius: 4px;
    clear: both;
}

#WYSIWYG h5 {
    font-size: 16px;
    color: #333;
    clear: both;
}

#WYSIWYG h6 {
    font-size: 16px;
    color: #666;
    clear: both;
}

.entry-header h2 {
    font-size: 24px;
}
.nav-header {
    margin-left: 10px;
    font-weight: bold;
}

/*Form*/
.must {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ff0000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-important {
    color: #ff0000;
}

.control-group {
    margin: 20px 0;
}
.contact-form-text-full {
    width: 40%;
}

.input-xxlarge {
    width: 80%;
}
.control-label {
    margin-bottom: 5px;
}
.form-label {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: -5px;
    font-weight: bold;
}

.contact-form ul li {
display: inline-block;
}

/*5 div*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}

/*extra*/
.p-indent {
    margin-left: 3rem;
}

/* Bootstrap Spacing Utilities */

/* Margin Top */
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}

/* Margin Bottom */
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}

/* Margin Start (Left in LTR, Right in RTL) */
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}

/* Margin End (Right in LTR, Left in RTL) */
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}

/* Margin X (Left and Right) */
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Margin Y (Top and Bottom) */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* Margin All Sides */
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}

/* Padding Top */
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}

/* Padding Bottom */
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}

/* Padding Start (Left in LTR, Right in RTL) */
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}

/* Padding End (Right in LTR, Left in RTL) */
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}

/* Padding X (Left and Right) */
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

/* Padding Y (Top and Bottom) */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Padding All Sides */
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}