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

		* {
			margin: 0;
			padding: 0;
		}
		body {
			font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; letter-spacing: 0.1em; 
			background:#F2EEE3;
		}
		

		.inner {
			width: 1280px;
			position:fixed;
			top:0;
			left:50%;
			margin: 0 0 24px -640px;
		}
		.inner:after {
			content: "";
			clear: both;
			display: block;
		}

/*ここから追加*/
ul2 {
	margin:20px -1px 0 0;
    padding: 0px;
    list-style: none;
}
 
.item {
    position: relative;
}

.child {
    visibility: hidden;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0px;
}
 
.item:hover .child {
    visibility: visible;
}

.item a {
			padding: 0 8px;
			white-space:nowrap;
		}

.item a span {
			margin:0;
			padding:0;
			display:block;
			color:#6cab44;
			font-size:8px;
			line-height:200%;
		}

.item2:hover{
    position: relative;
    pointer-events: auto;
}

.grandchild {
    position: relative;
    left:160px;
    top:-7px;
    visibility: hidden;
    width: 100%;
    position: absolute;
}
 
.item2:hover .grandchild {
    visibility: visible;
}


.table1{
padding: 0px 10px 0 0;
float:left;
}
/*ここまで*/

		/* header */
		#top-head {
			position: fixed;
			width: 100%;
			margin: 0 auto;
			padding: 0;
			line-height: 1;
			background: #fff;
			z-index: 999;
		}
		#top-head:after {
			content: "";
			display: block;
			height: 1px;
			background: #fff;
			width: 1280px;
			margin: 0 auto;
		}
	
		#top-head a,
		#top-head {
			color: #000;
			text-decoration: none;
		}

		#top-head .inner {
			position: relative;

		}
		#top-head .logo {
			float: left;
			background: url("../image/common/logo.png") top left no-repeat;
			background-size: 320px 160px;text-indent:100%;white-space:nowrap;overflow:hidden; width:320px; height:160px;
		}

		#top-head .logo a{
			display:block;
			margin:0;
			padding:0;
			width:320px;
			height:160px;
		}

        #top-head .headerbanner{
            display:block;
            float: right;
            width:320px;
            height: 60px;
        }

		#top-head .contact {
			float: right;
			background: url("../image/common/contact.png") top right no-repeat;
			background-size: 160px 60px;text-indent:100%;white-space:nowrap;overflow:hidden; width:160px; height:60px;
		}

		#top-head .handouts {
			float: right;
			background: url("../image/common/handouts.svg") top right no-repeat;
			background-size: 160px 60px;text-indent:100%;white-space:nowrap;overflow:hidden; width:160px; height:60px;
		}

		#top-head .handouts a{
			display:block;
			margin:0;
			padding:0;
			width:160px;
			height:60px;
		}

		#top-head .contact a{
			display:block;
			margin:0;
			padding:0;
			width:160px;
			height:60px;
		}

		#global-nav ul {
			float: left;
			list-style: none;
			margin:24px -1px 0 0;
			border-right:#6cab44 1px solid;
			letter-spacing: 0em;
		}
		#global-nav ul li {
			float: left;
			position: relative;
			border-left:#6cab44 1px solid;
			font-size: 14px;
			font-weight:bold;
			width:159px;
			padding:24px 0 8px 0;
			text-align:center;
			white-space:nowrap;
		}
/*追加*/
        #global-nav ul li2 {
			float: left;
			position: relative;			/*border-left:#fff 1px solid;*/
			font-size: 14px;
			font-weight:bold;
			width:159px;
            height: 32px;
			padding:6px 0 2px 0;
            margin:-8px 0 8px;
			text-align:left;
			white-space:nowrap;
            background: rgba(225,245,215,0.9);
		}/*#F2EEE3 linear-gradient(155deg, #ffffff 0%, *//*#E5FFD9 100%)*/

        #global-nav ul li2:hover{
            background:  rgba(180,250,235,0.9);
        }

        #global-nav ul li2 a{
            float:left;
            margin-top:8px;
        }

        #global-nav ul3{
            float:left;
            position:relative;
            margin-top: -21px;
            margin-left: -1px;
        }

        #global-nav li3{
			float: left;
			position: relative;			/*border-left:#fff 1px solid;*/
			font-size: 14px;
			font-weight:bold;
			width:159px;
            height: 32px;
			padding:6px 0 2px 0;
			text-align:center;
			white-space:nowrap;
            background: rgba(240,250,235,0.9);
            /*background: rgba(255,255,255,1);*/
		}

        #global-nav ul li3:hover{
            background:  rgba(180,250,235,0.9);
        }

/*ここまで*/

		#global-nav ul li a {
			padding: 0 8px;
			white-space:nowrap;
		}

		#global-nav ul li a span {
			margin:4px 0 0 0;
			padding:0;
			display:block;
			color:#6cab44;
			font-size:8px;
			line-height:100%;
		}



		/* Btn Hover */
		#global-nav ul li:after {
			position: absolute;
			content: "";
			display: block;
			width: 100%;
			height: 3px;
			bottom: 8px;
			transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3 ease;
			-o-transition: all 0.3 ease;
		}
		#global-nav ul li:hover:after {
			background: #6cab44;
			bottom: 0;
		}

		/* Fixed */
		#top-head.fixed {
			padding-top: 0;
			background: #fff;
			background: rgba(255,255,255,.9);
		}
		#top-head.fixed .logo {
			margin: 0 16px 0 0;
			background: url("../image/common/logo_after.png") top left no-repeat;
			background-size: 192px 60px;text-indent:100%;white-space:nowrap;overflow:hidden; width:192px; height:60px;
		}
		
		#top-head.fixed .logo a{
			display:block;
			margin:0;
			padding:0;
			width:192px;
			height:60px;
		}
		
        #top-head.fixed .headerbanner{
            display:block;
            float: right;
            width:160px;
            height: 60px;
        }

		#top-head.fixed .contact {
			float: right;
			background: url("../image/common/contact_after.png") top right no-repeat;
			background-size: 160px 30px;text-indent:100%;white-space:nowrap;overflow:hidden; width:160px; height:30px;
		}

		#top-head.fixed .handouts {
			float: right;
			background: url("../image/common/handouts_after.svg") top right no-repeat;
			background-size: 160px 31px;text-indent:100%;white-space:nowrap;overflow:hidden; width:160px; height:31px;
		}

		#top-head.fixed:after {
			width: 100%;
			margin: 0;
		}

		#top-head.fixed .inner {
			margin-bottom:0;
		}

		#top-head.fixed #global-nav ul{
			margin:32px 0 0 0;
		}

		#top-head.fixed #global-nav ul li{
			font-size: 12px;
			width:136px;
			padding:8px 0;
			white-space:nowrap;
		}

		#top-head.fixed #global-nav ul li a {
			color: #333;
			padding: 8px;
			white-space:nowrap;
		}
		#top-head.fixed #global-nav ul2{
			margin:-25px 0 0 0;
		}

		#top-head.fixed #global-nav ul2 li2{
			font-size: 12px;
			width:136px;
            height: 15px;
			padding:8px 0;
			white-space:nowrap;
		}

		#top-head.fixed #global-nav ul2 li2 a {
            float:left;
			color: #333;
			margin-top: -5px;
			white-space:nowrap;
		}

        #top-head.fixed #global-nav ul3{
			margin:-25px 0 0 -24px;
		}

		#top-head.fixed #global-nav ul3 li3{
			font-size: 12px;
			width:136px;
            height: 15px;
			padding:8px 0;
			white-space:nowrap;
		}

		#top-head.fixed #global-nav ul li a span {
			display:none;
		}


		/* Fixed Btn Hover */
		#top-head.fixed #global-nav ul li:after {
			bottom: 8px;
		}

		#top-head.fixed #global-nav ul li:hover:after {
			background: #6cab44;
			bottom: 0;
		}

		/* transition */
		#top-head,
		#top-head:after,
		#top-head .logo,
		#global-nav ul li,
        #global-nav ul li2,
        #global-nav ul li3
		/*#global-nav ul li a*/{
			transition: all 0.3s ease;
			-webkit-transition: all 0s ease;/*0.3だった*/
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
		}






/*フッター*/

		footer {
			padding: 16px 0;
			text-align: right;
			background:#000;
			color:#fff;
			font-size:small;
		}
		
		footer p{
			width:1250px;
			margin:0 auto;
		}
			
		footer span.submenu{
			display:block;
			text-align:left;
			font-weight:bold;
			font-size:small;
			margin:0 0 8px 0;
		}
		footer span.copy{
			font-size:x-small;
		}
		
		footer a {
			color: #fff;
			text-decoration: none;
		}
		footer a:hover {
			border-bottom:1px solid #fff;}


/*ページトップへ*/
		#pagetop {
			position: absolute;
			right:0;
			bottom:0;
			width:50px;
			height:50px;
			z-index: 1000;
		}
		
		#pagetop a{
			display:block;
			width:50px;
			height:50px;
			font-size:xx-large;
			line-height:150%;
			text-align:center;
			margin:0;
			color: #fff;
			text-decoration: none;
			background:hsla(0,0%,0%,1.00);
			z-index: 1000;
		}


/*article*/
		article {
			width:1280px;
			padding-top:200px;
			height:auto;
			overflow:hidden;
			margin: 0 auto;
			text-align: left;
			line-height: 1.9;
			/*background: url("../image/common/musubimaru.png") bottom right no-repeat;*/
			background-size: 290px 181px;
		}
		article p {
			margin-bottom: 1em;
		}
		a {
			color: #6CAB44;
		}


	/*右カラム　メニュー*/
	
		dl#side-menu{
			float:right;
			margin:0 16px 16px 0;
			padding:16px;
			width:322px;
			overflow:hidden;
			background:#fff;
			text-align:left;
			border-bottom:#DFD6B8 3px solid;
		}
	
		dl#side-menu dt{
			margin:8px 16px;
			text-align:left;
			font-size:large;
			font-weight:bold;
		}
		
		dl#side-menu dd{
			margin:16px;
			padding:0 8px;
			font-size:medium;
			color:#058419;
		}	

		dl#side-menu dd a{
			color:#058419;
			text-decoration:none;
			font-weight:bold;
		}	
		dl#side-menu dd a:hover{
			text-decoration:underline;
		}	
	
		dl#side-menu dd span{
			display:block;
			padding:8px 0 0 24px;
			font-size:small;
			line-height:250%;
		}	

		dl#side-menu dd span a{
			font-weight:normal;
		}	


	/*右カラム　バナー*/
	
		dl#side-banner{
			float:right;
			margin:30px 16px 16px 0;
			padding:0;
			width:354px;
			overflow:hidden;
		}
	
		dl#side-banner dd{
			margin:0 0 30px 0;
			padding:0;
		}	

		dl#side-banner dd a{
			text-decoration:none;
		}	
		
		dl#side-banner dd a img{
			width:354px;
			border-bottom:#DFD6B8 3px solid;
		}
		
		dl#side-banner dd a:hover img{
			opacity: 0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha(opacity=70)";
		}



	/*タイトル*/
		h2 {width:1200px;height:80px;margin:0 0 16px 16px;text-indent:100%;white-space:nowrap;overflow:hidden;
		}

	
	/*コンテンツ*/
		#content{
			float:left;
			margin:0 20px 32px 16px;
			padding:24px 32px;
			width:800px;
			overflow:hidden;
			background:#fff;
			position:relative;
			z-index: 100;
		}

		#content_list{
			float:left;
			margin:0 20px 32px 16px;
			padding:24px 32px;
			width:1280px;
			overflow:hidden;
			background:#fff;
			position:relative;
			z-index: 100;
		}
		
		#title{
			font-size:x-large;
			font-weight:bold;
		}
		
		.sub-title{
			font-size:x-large;
			font-weight: bold;
			margin:24px 16px;
			padding:0 0 0 16px;
			border-left:#6cab44 5px solid;
		}
	
		#content p{
			margin:16px 40px;
			padding-bottom:24px;
			text-align:justify;
		}
		
		.maker{
			font-weight:bold;
			font-size:larger;
			background: linear-gradient(transparent 60%, #FFEB2D 0%);
		}
		
		ul.disc{
			margin:-16px 40px 0 56px;
			list-style-type:disc;
			text-align: justify; text-justify: inter-ideograph;
		}

		ul.disc li{
			padding-top:8px;
			color:#6cab44;
		}
	
		ul.disc li font{
			color:#000;
		}
		
		
		.box{
			margin:40px 40px 24px 40px;
			padding:16px 24px;
			border:#aaa 1px solid;
			color:#aaa;
			font-size:large;
			font-weight:bold;
		}

		.box a{
			color:#058419;
			text-decoration:none;
		}

		.box a:hover{
			text-decoration:underline;
		}	

		.red{
			margin:0 40px 24px 64px;
			color:#F00;
			font-size:small;
			font-weight:bold;
			line-height:175%;
		}