@charset "Shift_JIS";

/*=============================================

	File name		:	base.css

	//INDEX
		1 : Universal settings
		2 : Modules
		3 :
		4 :
		5 :
		6 :
		7 :
		8 :
		9 :

=============================================*/



/*========================================
1 : Universal settings
========================================*/

#tainavi{
margin:10px 0 0 0;
padding:0;
text-align:center;
}

#pagetopTarget{
position:absolute;
top:0;
left:0;
}


/*========================================
2 : Modules
========================================*/

.mBtm0{ margin-bottom:0 !important; }
.mBtm5{ margin-bottom:5px !important; }
.mBtm10{ margin-bottom:10px !important; }
.mBtm15{ margin-bottom:15px !important; }
.mBtm20{ margin-bottom:20px !important; }
.mBtm25{ margin-bottom:25px !important; }
.mBtm30{ margin-bottom:30px !important; }
.mBtm40{ margin-bottom:40px !important; }
.mBtm50{ margin-bottom:50px !important; }
.mBtm1em{ margin-bottom:1em !important; }

.mRight0{ margin-right:0 !important; }
.mRight5{ margin-right:5px !important; }
.mRight10{ margin-right:10px !important; }
.mRight15{ margin-right:15px !important; }
.mRight20{ margin-right:20px !important; }
.mRight25{ margin-right:25px !important; }
.mRight30{ margin-right:30px !important; }
.mRight40{ margin-right:40px !important; }
.mRight50{ margin-right:50px !important; }
.mRight1em{ margin-right:1em !important; }

.mLeft0{ margin-left:0 !important; }
.mLeft5{ margin-left:5px !important; }
.mLeft10{ margin-left:10px !important; }
.mLeft15{ margin-left:15px !important; }
.mLeft20{ margin-left:20px !important; }
.mLeft25{ margin-left:25px !important; }
.mLeft30{ margin-left:30px !important; }
.mLeft40{ margin-left:40px !important; }
.mLeft50{ margin-left:50px !important; }
.mLeft1em{ margin-left:1em !important; }

.tCenter{ text-align:center; }
.w60{ width:60px; }
.w100{ width:100px; }
.w130{ width:130px; }
.w160{ width:160px; }
.w260{ width:260px; }
.w300{ width:300px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w500{ width:500px; }
.w550{ width:550px; }
.w600{ width:600px; }
.textArea600{ width:600px; height:160px; font-weight:normal; font-size:12px; }
.mb20{ margin-bottom:20px !important; }
.fwB { font-weight:bold !important; }

/*========================================
2 : Container
========================================*/

#wrapper{
width:100%;
text-align:center;
}

#container{
width:950px;
margin:0 auto;
text-align:left;
}

#container .leftColumn{
width:660px;
float:left;
margin-bottom:20px;
}

#container .leftColumnTop{
width:680px;
float:left;
margin-bottom:20px;
}

#container .rightColumn{
width:240px;
float:right;
margin-bottom:20px;
}

#container .leftColumn h3,
#container .leftColumnTop h3,
#container .rightColumn h3{
margin-bottom:15px;
}

/* サイドメニュー */

#container .rightColumn .snv{
background:url(../img/bg_snv.gif) 0 0 no-repeat;
text-align:center;
padding:5px 0px;
margin-bottom: 20px;
}

.snv_library{
	border: 5px solid #8fc31f;
	margin-bottom: 25px;
}
.snv_library ul{
	padding: 5px;
	font-size: 14px;
	line-height: 1;
}
.snv_library li{
	height: 40px;
}

.snv_library li a{
	color: #000 !important;
	display: block;
	padding: 8px 10px;
	text-decoration: none !important;
	border-bottom: 1px dotted #babbbb;
}
.snv_library li:nth-last-child(1) a{
	border: none !important;
}
.snv_library li a:hover{
	color: #67a031 !important;
}

/* 新しいhのレイアウト */

#container .leftColumn h1{
font-size: 30px;
padding-left: 30px;
background-image: url(../img/lib_h1_bg.gif);
background-position: center left;
background-repeat: no-repeat;
margin-bottom: 20px;
}
#container .leftColumn h1 span{
	font-size: 20px;
}
#container .leftColumn h1.h1_1{
background-image: url(../img/h1_bg_1.gif);
}
#container .leftColumn h1.h1_2{
background-image: url(../img/h1_bg_2.gif);
}
#container .leftColumn h1.h1_3{
background-image: url(../img/h1_bg_3.gif);
}

#container .leftColumn h2.bar660{
  background: url(../img/bg_subttl.gif) 0 0 no-repeat;
  width: 660px;
  height: 40px;
  padding-left: 15px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.leftColumnTop h2.bar660{
  background: url(../img/bg_subttl.gif) 0 0 no-repeat;
  width: 660px;
  height: 40px;
  padding-left: 15px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
#container .leftColumn h2.redbar660{
  background: url(../img/bg_subttl.gif) 0 0 no-repeat;
  width: 660px;
  height: 40px;
  padding-left: 15px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

#container .leftColumn h3{
margin-bottom:15px;
clear:both;
}

#container .leftColumn h3.sub{
background:url(../img/bg_ttl_sub.gif) 0 0 no-repeat;
line-height:30px;
padding-left:15px;
height:30px;
color: #62911E;
font-weight: bold;
}

/* 新しいhのレイアウトここまで */

#container .column{
margin-bottom:35px;
}

#container .column p{
margin-bottom:1em;
}

#container .column .box{
width:630px;
margin:0 15px;
}




/*----- Form -----*/
.formPage #container{
/* width:830px !important; */
width:950px !important;
}

.formPage h3{
margin-bottom:10px;
}

.formPage h3.bar830{
background:url(../img/bg_subttl_830.gif) 0 0 no-repeat;
width:830px;
height:40px;
padding-left:15px;
line-height:40px;
}
.formPage h3.bar950{
background:url(../img/bg_subttl_950.gif) 0 0 no-repeat;
width:950px;
height:40px;
padding-left:15px;
line-height:40px;
}

/*========================================
3 : Header
========================================*/

#header{
width:100%;
background:url(../img/glnv_bg.gif) 50% 0 no-repeat;
}

#header .hdContents{
width:951px;
margin:0 auto;
text-align:left;
}

#header .hdContents_top{
width:951px;
margin:0 auto;
text-align:left;
}

#header .hdContents h1{
margin-bottom:2px;
}

#header .hdContents .glnv li{
float:left;
}

.secondary #header{
margin-bottom:2px;
}

/*----- Form -----*/
.formPage #header{
background:url(../img/glnv_bg_950.gif) 50% 0 no-repeat !important;
margin-bottom:20px;
}

.formPage #header .hdContents{
width:950px !important;
height:100px !important;
}

/*========================================
3 : Footer
========================================*/

#footer{
width:100%;
background:url(../img/ft_bg.gif) 50% 0 no-repeat;
}

#footer .ftContents{
width:950px;
margin:0 auto;
text-align:left;
}

#footer .ftContents .btnPagetop{
text-align:right;
margin-bottom:15px;
}

#footer .ftContents .ftnv{
width:720px;
float:left;
}

#footer .ftContents .ftnv li{
background:url(../img/bg_line_ftnv.gif) 100% 50% no-repeat;
margin-right:15px;
padding-right:15px;
float:left;
}

#footer .ftContents .ftnv li.last{
background:none;
margin:0;
padding:0;
}

#footer .ftContents .copyright{
width:225px;
float:right;
margin-bottom:20px;
}

/*----- Form -----*/
.formPage #footer{
background:url(../img/ft_bg_830.gif) 50% 0 no-repeat !important;
}

.formPage #footer .ftContents{
width:830px !important;
}

.formPage #footer .ftContents .copyright{
text-align:right;
float:none !important;
width:auto !important;
}


/*========================================
3 : Topic Path
========================================*/

.topicPath{
background:url(../img/line_dot_gray.gif) 0 100% repeat-x;
margin-bottom:30px;
padding-bottom:5px;
}

.topicPath li{
display:inline;
background:url(../img/icon_path_arrow.gif) 0 0 no-repeat;
padding-left:13px;
margin-right:8px;
}

.topicPath .home{
background:url(../img/icon_path_home.gif) 0 0 no-repeat;
padding-left:12px;
}

.sidemenu_title{
	margin: 15px 0 15px 5px;
	text-align: left;
}

/*========================================
3 : Button CTA
========================================*/

.int-mitsumori__btn {
	margin: 0px 0px 0px 10px;
}

.int-mitsumori__btn .box-cta__submit-btn {
	font-weight: bold;
	text-decoration: none !important;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 10px;
	display: block;
	color: white !important;
	text-align: center;
	padding: 20px;
	border-radius: 5px;
	background: url(../img/ico_arrow03.svg) center right 20px no-repeat, linear-gradient(to right, #ff5d00, #ff8a00);
	background-size: 25px, contain;
	cursor: pointer;
	outline: none;
  }

  .int-mitsumori__btn .box-cta__submit-btn:hover{
	opacity: .7 !important;
}