@charset "UTF-8";
/* CSS Document */

		
		#slide {
			width:1280px;
			height:550px;
			margin:0 auto;
			position:relative;
			}
		#slide img {
			position:absolute;
			left:0;
			top:0;
			}
		#slide p{
			background: url("../image/index/daily3.png") top left no-repeat;
			background-size: 404px 200px;overflow:hidden; width:404px; height:200px;
			border-bottom:#fff 3px solid;
			position:absolute;
			top:208px; right:16px;
			z-index:900;
                }
		#slide font {
			padding:2px 2px 0 2px;color:#000;font-family:"Arial Black";
                    }
/*
		#slide p span{
		display:none;
		}
*/

		article {
			width:1280px;
			height:550px;
			margin: 0 auto;
			text-align: center;
			line-height: 1.9;
		}
		article p {
			margin-bottom: 1em;
		}
		a {
			color: #FFA060;
		}
	
	
		#menu-banner{
			margin:-48px 0 24px 16px;
			width:842px;
			height:160px;
			overflow:hidden;
			position:relative;
		}

		#menu-banner div{
			float:left;
			margin:0 24px 0 0;
			width:397px;
			height:160px;
			background:#FFAA21;
		}
	
		#menu-banner div a{
			display:block;
			background-size: 397px 160px;overflow:hidden;
			width:397px; height:160px;
			box-shadow: inset 0 0 0 8px #FFAA21;
			transition: all .3s;
			/*border:#6CAB44 8px solid;*/
		}
		
		a.mb-01{
			background: url("../image/index/menu-banner_01.png") top left no-repeat;}
		a.mb-02{
			background: url("../image/index/menu-banner_02.png") top left no-repeat;}

		#menu-banner div a:hover{
			display:block;
			width:397px; height:160px;
			/*border:#ff9900 8px solid;*/
			box-shadow: inset 0 0 0 8px #fff;
		}

	/*ニュースリリース*/
	
		dl#topics{
			float:right;
			margin:72px 16px 16px 0;
			width:404px;
			height:328px;
			overflow:hidden;
			background:#fff;
			text-align:left;
			border-bottom:#DFD6B8 3px solid;
		}
	
		dl#topics dt{
			margin:24px 16px 12px 16px;
			text-align:left;
			font-size:x-large;
			font-weight:bold;
		}
	
		dl#topics dt span{
			float:right;
			margin:10px 0 0 0;
			display:block;
			padding:4px 8px;
			background:#FFAA21;
			color:#fff;
			font-size:small;
			font-weight:normal;
    		border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-moz-border-radius: 8px;
		}	
	
		dl#topics dt span a{
			color:#fff;
			text-decoration:none;
		}	
		dl#topics dt span a:hover{
			color:#fff;
			text-decoration: underline;
		}	
		
		dl#topics div#scroll{
			overflow-x: hidden;
			overflow-y:scroll;
			margin:16px 0 0 0;
			height:525px;
			border-top:#DFD6B8 3px solid;
		}


		dl#topics dd{
			margin:0 16px;
			padding:16px 0 8px 80px;text-indent:-80px;
			border-bottom:#FFAA21 1px dotted;
			font-size: smaller;
			line-height:150%;
		}	
	
		dl#topics dd a{
			color:#FFA060;
			text-decoration:none;
		}	
		dl#topics dd a:hover{
			text-decoration:underline;
		}	
		dl#topics dd span{
			color:#333;
			width:80px;display:inline-block;
			text-indent:8px;
			letter-spacing: 0;
		}	
		dl#topics dd font{
			padding:2px 2px 0 2px;color:#F00;font-size:x-small;background:#FCC;
		}	
			
	
	
	/*コンテンツバナー*/

		#content{
			float:left;
			margin:0 16px;
			width:818px;
			overflow:hidden;
		}
	
		#content dl dd{
			float:left;
			margin:0;
			width:365px;
		}
		#content dl dd.ddr{
			margin-left:56px;
		}
		#content div{
			width:397px;
			margin-bottom:24px;
			padding:0 0 8px 0;
			background:#fff;
			text-align:left;
			font-size:smaller;
			border-bottom:#DFD6B8 3px solid;
		}

		#content div img{
			margin:0;
			width:397px;
		}
		#content div p{
			margin:10px 16px 0 16px;
			font-weight:bold;
			font-size: large;
			line-height:130%;
		}
		#content div span{
			display:block;
			margin:10px 16px 0 16px;
			line-height:170%;
			text-align: justify; text-justify: inter-ideograph;
		}

		#content div a.view{
			display:block;
			text-align:right;
			margin:0 16px 0 0;
			color:#FFAA21;
			text-decoration:none;
		}
		#content div a.view:hover{
			text-decoration:underline;
		}	


	/*リンク設定　画像拡大*/

.img {
    width: 397px;
    height: 160px;
    overflow: hidden;
	display:block;	
}

.img-1{
    width: 397px;
    height: 80px;
    overflow: hidden;
	display:block;	
}


.img-2 {
    width: 397px;
    height: 80px;
    overflow: hidden;
	display:block;	
}

.img img,.img-2 img{
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
	transition: all 0.3s linear;
}
.img img:hover,.img-2 img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}



	/*リンクコーナー*/

		#link{
			float:left;
			margin:0 16px 32px 16px;
			padding:0 0 0 220px;
			width:1028px;
			height:80px;
			overflow:hidden;
			border-bottom:#DFD6B8 3px solid;
			background:#fff url("../image/index/link.png") top left no-repeat;
			background-size: 220px 80px;overflow:hidden;;
		}

		#link a{
			display:block;
			float:left;
			width:220px;
			height:80px;
			margin:0 0 0 24px;
		}

		#link a img{
			width:220px;
			height:80px;
		}
		
		
		
		
		
		
		
		
		
/* commonと同内容 */

		* {
			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;
		}

		/* 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 .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 .contact a{
			display:block;
			margin:0;
			padding:0;
			width:160px;
			height:60px;
		}

		
		#global-nav ul {
			float: left;
			list-style: none;
			margin:77px -1px 0 0;
			border-right:#FFA060 1px solid;
			letter-spacing: 0em;
		}
		#global-nav ul li {
			float: left;
			position: relative;
			border-left:#FFA060 1px solid;
			font-size: 14px;
			font-weight:bold;
			width:159px;
			padding:24px 0 8px 0;
			text-align:center;
			white-space:nowrap;
		}
		


		#global-nav ul li a {
			padding: 0 8px;
			white-space:nowrap;
		}

		#global-nav ul li a span {
			margin:0;
			padding:0;
			display:block;
			color:#FFA060;
			font-size:8px;
			line-height:200%;
		}



		/* 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: #FFAA21;
			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: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 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: #FFAA21;
			bottom: 0;
		}

		/* transition */
		#top-head,
		#top-head:after,
		#top-head .logo,
		#global-nav ul li,
		#global-nav ul li a {
			transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
		}

/*フッター*/

		footer {
			padding: 16px 0;
			text-align: right;
			background:#FFC15D;
			color:#000;
			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 span.banner{
			display:block;
			text-align:left;
			margin:-20px 0 0 0;
		}
		
		footer a {
			color: #000;
			text-decoration: none;
		}
		footer a:hover {
			border-bottom:1px solid #000;}

