@charset "Shift_JIS";

/* /////////////////////////////////////////////////
 1.head
	
 2.foot
///////////////////////////////////////////////// */

/*HeadWrapper
-------------------------------------------------*/
#HeadWrapper{
	width:100%;
	height:150px;
	background:#ffffff url(image/head_bg.jpg) repeat-x left top;
}

/*Header*/
#HeadWrapper #Header{
	width:950px;
	height:80px;
	_text-align:center;
	margin:0px auto;
}

/*Header headLogoArea*/
#HeadWrapper #Header div.headLogoArea{
	float:left;
	margin-left:12px;
	width:291px;
}
#HeadWrapper #Header div.headLogoArea p.logo01{
	float:left;
	margin-top:19px;
	line-height:0px;
}
#HeadWrapper #Header div.headLogoArea p.logo02{
	float:right;
	margin-top:47px;
	line-height:0px;
}

/*Header headContArea*/
#HeadWrapper #Header div.headContArea{
	float:right;
	width:646px;
	_width:506px;
	margin-right:1px;
	text-align:right;
}
#HeadWrapper #Header div.headContArea div.headCont01{
	width:373px;
	margin-top:6px;
	margin-bottom:13px;
	float:right;
}
#HeadWrapper #Header div.headContArea div.headCont01 div.headSearchArea{
	width:223px;
	float:left;
}
#HeadWrapper #Header div.headContArea div.headCont01 div.headSearchArea p{line-height:0px;}
#HeadWrapper #Header div.headContArea div.headCont01 div.headSearchArea p input{padding:3px; margin:0px; line-height:10px; vertical-align:top;}
#HeadWrapper #Header div.headContArea div.headCont01 div.headFont{
	width:132px;
	height:24px;
	float:right;
	line-height: 0;
	position:relative;
}
#HeadWrapper #Header div.headContArea div.headCont01 div.headFont dl dt,
#HeadWrapper #Header div.headContArea div.headCont01 div.headFont dl dd{
	font-size: 0;
	line-height: 0;
	position: absolute;
}
#HeadWrapper #Header div.headContArea div.headCont01 div.headFont dl dt {
	top: 8px;
	left: 0;
}
#HeadWrapper #Header div.headContArea div.headCont01 div.headFont dl dd#fontChangeS {
	left: 58px;
	bottom: 0;
}
#HeadWrapper #Header div.headContArea div.headCont01 div.headFont dl dd#fontChangeM {
	left: 83px;
	bottom: 0;
}
#HeadWrapper #Header div.headContArea div.headCont01 div.headFont dl dd#fontChangeL {
	left: 108px;
	bottom: 0;
}

/*headCont02*/
#HeadWrapper #Header div.headContArea div.headCont02{
	width:620px;
	margin-right:2px;
	float:right;
}
#HeadWrapper #Header div.headContArea div.headCont02 ul li{
		background:transparent url(image/head_navi_dotline.gif) no-repeat right center;
		text-align:right;
    padding-right: 12px;
		margin-right:11px;
		display:inline-block;
	line-height: 0px;
	font-size:0;
}
html*#HeadWrapper #Header div.headContArea div.headCont02 ul li{
	display:inline;
	zoom:1;
}
#HeadWrapper #Header div.headContArea div.headCont02 ul li img{
	vertical-align:middle;
}
#HeadWrapper #Header div.headContArea div.headCont02 ul li.last{margin:0px; padding:0px; background:none;}

/*GlobalNavi*/
#HeadWrapper #headGlobalNavi{
	width:960px;
	height:64px;
	margin:0px auto;
}
#HeadWrapper #headGlobalNavi ul li{float:left;height:64px;}
html*#HeadWrapper #headGlobalNavi ul li{
	display:inline;
	zoom:1;
}
#HeadWrapper #headGlobalNavi a{
	background-image:url(image/head_globalnavi.jpg);
	height:64px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	overflow:hidden;
}
#HeadWrapper #headGlobalNavi ul li#gNavi01 a{background-position:0px 0px; width:212px;}
#HeadWrapper #headGlobalNavi ul li#gNavi01 a:hover{background-position:0px -64px; width:212px;}
#HeadWrapper #headGlobalNavi ul li#gNavi01 a.on{background-position:0px -128px; width:212px;}
#HeadWrapper #headGlobalNavi ul li#gNavi01 a.on:hover{background-position:0px -128px; width:212px;}
#HeadWrapper #headGlobalNavi ul li#gNavi02 a{background-position:-212px 0px; width:185px;}
#HeadWrapper #headGlobalNavi ul li#gNavi02 a:hover{background-position:-212px -64px; width:185px;}
#HeadWrapper #headGlobalNavi ul li#gNavi02 a.on{background-position:-212px -128px; width:185px;}
#HeadWrapper #headGlobalNavi ul li#gNavi02 a.on:hover{background-position:-212px -128px; width:185px;}
#HeadWrapper #headGlobalNavi ul li#gNavi03 a{background-position:-397px 0px; width:188px;}
#HeadWrapper #headGlobalNavi ul li#gNavi03 a:hover{background-position:-397px -64px; width:188px;}
#HeadWrapper #headGlobalNavi ul li#gNavi03 a.on{background-position:-397px -128px; width:188px;}
#HeadWrapper #headGlobalNavi ul li#gNavi03 a.on:hover{background-position:-397px -128px; width:188px;}
#HeadWrapper #headGlobalNavi ul li#gNavi04 a{background-position:-585px 0px; width:186px;}
#HeadWrapper #headGlobalNavi ul li#gNavi04 a:hover{background-position:-585px -64px; width:186px;}
#HeadWrapper #headGlobalNavi ul li#gNavi04 a.on{background-position:-585px -128px; width:186px;}
#HeadWrapper #headGlobalNavi ul li#gNavi04 a.on:hover{background-position:-585px -128px; width:186px;}
#HeadWrapper #headGlobalNavi ul li#gNavi05 a{background-position:-771px 0px; width:189px;}
#HeadWrapper #headGlobalNavi ul li#gNavi05 a:hover{background-position:-771px -64px; width:189px;}
#HeadWrapper #headGlobalNavi ul li#gNavi05 a.on{background-position:-771px -128px; width:189px;}
#HeadWrapper #headGlobalNavi ul li#gNavi05 a.on:hover{background-position:-771px -128px; width:189px;}

/*Footer
-------------------------------------------------*/

/*footPageTop*/
#footPageTop{
	width:950px;
	margin:0px auto;
}
#footPageTop p{
	text-align:right;
	padding-right:24px;
}

/*footWrapper01*/
#footWrapper01{
	width:100%;
	background-color:#ffe7ce;
}
#footWrapper01 div.footArea{
	width:950px;
	margin:0px auto 0px;
	padding:24px 0px 32px;
}
#footWrapper01 div.footArea div.siteMap{
	width:220px;
	margin-right:17px;
	float:left;
}
#footWrapper01 div.footArea div.siteMap p{margin-bottom:10px;}
#footWrapper01 div.footArea div.siteMap ul li{font-size:85%; line-height:150%;}
#footWrapper01 div.footArea div.siteMap ul li a{text-decoration:none; color:#554444;}
#footWrapper01 div.footArea div.siteMap ul li a:hover{text-decoration:underline;}
#footWrapper01 div.footArea div.siteMap ul.Block2{padding-bottom:13px; margin-bottom:26px; background:transparent url(image/foot_dotline.gif) repeat-x right bottom;}
#footWrapper01 div.footArea div.siteMap p.txtAth{padding-bottom:13px; background:transparent url(image/foot_dotline.gif) repeat-x right bottom;}

/*footWrapper02*/
#footWrapper02{
	width:980px;
	margin:19px auto 70px;
}
#footWrapper02 div.BlockL{
	width:717px;
	float:left;
}
#footWrapper02 div.BlockR{
	width:134px;
	float:right;
}
#footWrapper02 div.BlockL ul li{
	list-style:none;
	padding-bottom:13px;
	line-height:180%;
	font-size:85%;
	display:inline;
}
#footWrapper02 div.BlockL ul li a,
#footWrapper02 div.BlockL ul li a:link{
	text-decoration:none;
	color:#554444;
}
#footWrapper02 div.BlockL ul li a:hover{text-decoration:underline;}
#footWrapper02 div.BlockL p.copyright{
	margin-top:15px;
	font-size:80%;
	color:#554444;
}

/*Popup
-------------------------------------------------*/
#popupWrapper div.popupHead{
	width:700px;
	height:79px;
	position:relative;
}
#popupWrapper div.popupHead p.logo01{
	position:absolute;
	left:0px;
	top:27px;
}
#popupWrapper div.popupHead p.logo02{
	position:absolute;
	left:111px;
	top:47px;
}
/* add for modify 2019.04 start 
-----------------------------------------------------------*/
#HeadWrapper #headGlobalNavi ul li#gNavi01 a:hover{background-position:0px -128px;}
#HeadWrapper #headGlobalNavi ul li#gNavi02 a:hover{background-position:-212px -128px;}
#HeadWrapper #headGlobalNavi ul li#gNavi03 a:hover{background-position:-397px -128px;}
#HeadWrapper #headGlobalNavi ul li#gNavi04 a:hover{background-position:-585px -128px;}
#HeadWrapper #headGlobalNavi.megaMenuContainer{
	position: relative;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer *{
	box-sizing: border-box;
}
#HeadWrapper #headGlobalNavi .megaMenu a {
	background-image: none;
	height: auto;
	text-indent: 0;
	text-decoration: none;
	overflow: auto;
	width: auto
}
#HeadWrapper #headGlobalNavi ul li#gNavi01 .megaMenu a ,
#HeadWrapper #headGlobalNavi ul li#gNavi02 .megaMenu a ,
#HeadWrapper #headGlobalNavi ul li#gNavi03 .megaMenu a ,
#HeadWrapper #headGlobalNavi ul li#gNavi04 .megaMenu a{
	width: auto;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li .megaMenu{
	box-shadow: 0 5px 5px 0 rgba(1,1,1,.15);
	display: none;
	left: 4px;
	padding: 10px 15px 20px 17px;
	position: absolute;
	top: 64px;
	width: 950px;
	z-index: 1001;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li .megaMenu .megaMenuTop{
	padding: 0 6px;
	text-align: right;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li .megaMenu .megaMenuTop a{
	border-radius: 5px;
	display: inline-block;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li .megaMenu .megaMenuList{
	margin: 10px 0 0;
	padding: 10px 10px 4px 4px;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi03 .megaMenu .megaMenuList:nth-of-type(2){
	display: inline-block;
	width: 466px;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi03 .megaMenu .megaMenuList:nth-of-type(3){
	display: inline-block;
	width: 446px;
}

#HeadWrapper #headGlobalNavi.megaMenuContainer ul li .megaMenu .megaMenuList .megaMenuHdg{
	padding: 0 10px 10px;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li .megaMenu .megaMenuList li{
	display: inline-block;
	float: none;
	height: auto;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li .megaMenu .megaMenuList li a{
	display: block;
	margin: 0 0 6px 6px;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li:hover .megaMenu{
	display: block;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi01 .megaMenu a,
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi02 .megaMenu a,
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi03 .megaMenu a,
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi04 .megaMenu a{
	background-image: linear-gradient(#ffffff, #fcf1e7);
	background-position: center top;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi01 .megaMenu a:hover,
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi02 .megaMenu a:hover,
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi03 .megaMenu a:hover,
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi04 .megaMenu a:hover{
	background-image: linear-gradient(#ffffff, #ffe0bc);
	background-position: center top;
}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi01 .megaMenu{ background-color: #a6d3eb; background-color: rgba(166,211,235,.95);}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi01 .megaMenu .megaMenuList{ background-color: #0081c5; background-color: rgba(0,129,197,.8);}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi02 .megaMenu{ background-color: #fabfbf; background-color: rgba(250,191,191,.95);}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi02 .megaMenu .megaMenuList{ background-color: #ee4948; background-color: rgba(238,73,72,.8);}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi03 .megaMenu{ background-color: #ffd6a6; background-color: rgba(255,214,166,.95);}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi03 .megaMenu .megaMenuList{ background-color: #ff8a00; background-color: rgba(255,138,0,.8);}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi04 .megaMenu{ background-color: #c0e2a7; background-color: rgba(192,226,167,.95);}
#HeadWrapper #headGlobalNavi.megaMenuContainer ul li#gNavi04 .megaMenu .megaMenuList{ background-color: #4aad03; background-color: rgba(74,173,3,.8);}

/* add for modify 2019.04 end 
-----------------------------------------------------------*/