@charset "utf-8";

/* ------------------------ サイトの基本構造 ------------------------ */

html{height:100%;overflow-y:scroll;}
body{
	margin:0;
	padding:0;
	color:#333;
	font-size:1.0em;
	font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
	line-height:1.7em;
	letter-spacing:0.03em;
	word-wrap : break-word;
	overflow-wrap : break-word;
    animation:fadeIn 2s ease 0s 1 normal;
    -webkit-animation:fadeIn 2s ease 0s 1 normal;
	-webkit-text-size-adjust:100%;
	/*background:#036;*/
}

@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}


#wrapper{
	width:100%;
	margin:0 auto;
	background:url(/shared/bg_header.gif) repeat-x #fff;
}

	#wrapper > header{
		width:840px;
		margin:0 auto;
	}

	#wrapper > main{
		width:840px;
		margin:0 auto 0;
		background-image:url(/shared/bg_submenu.gif);
		background-repeat:repeat-y;
		background-position:670px 0;
	}
	
	#wrapper > footer{
		width:100%;
		/*height:125px;*/
	}
	
	#wrapper > footer.footeractive{
		position:fixed;
		bottom:0;
	}


/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	line-height:100%;
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:0;
}

rt	{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

form{display:inline;}

a{color:#444;}
a:hover{color:#c00;}


a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
a img{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

input[type="submit"]{-webkit-appearance:none;}


/* ヘッダー-------------------------------- */

	#wrapper > header > strong{
		font-weight:normal;
		display:block;
		float:right;
		text-align:right;
		margin:3px 9px 4px 0;
		color:#999;
		font-size:80%;
	}

	h1{
		float:left;
		margin:12px 0 0;
		width:245px;
		height:38px;
		overflow:hidden;
		background:url(/shared/ttl_main.gif);
	}

		h1 span,
		h1 a{
			display:block;
			width:245px;
			height:38px;
			text-indent:-9999px;
			text-decoration:none;
		}

		.headersubmenu{
			width:330px;
			margin-bottom: 3px;
			float:right;
		}

			.headersubmenu li{
				float:left;
				padding:0 0 0 27px;
				width:auto;
				list-style:none;
			}
			
			.headersubmenu li#linknews{
				padding:0 0 0 31px;
			}

		nav .menu{
			clear:both;
		}

			nav .menu li{
				width:168px;
				height:51px;
				float:left;
				list-style:none;
				background-repeat: no-repeat;
			}

			nav .menu li:nth-of-type(1){background-image:url(/shared/menu1r.gif);}
			nav .menu li:nth-of-type(2){background-image:url(/shared/menu2r.gif);}
			nav .menu li:nth-of-type(3){background-image:url(/shared/menu3r.gif);}
			nav .menu li:nth-of-type(4){background-image:url(/shared/menu4r.gif);}
			nav .menu li:nth-of-type(5){background-image:url(/shared/menu5r.gif);}

			nav .menu li a{
				display:block;
				width:100%;
				height:100%;
			}


nav .menu li a:hover{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
nav .menu li a{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}



/* メイン---------------------------------- */

	#content{
		width:840px;
		margin:0 auto;
		font-size:90%;
	}
	
	#pankuzu{
		padding:10px;
		text-align:right;
		font-size:90%;
		background:#fff;
		color:#999;
	}
		#pankuzu a{color:#999;}
		#pankuzu a:hover{color:#c00;}

	
		#contentleft{
			float:left;
			width:670px;
		}
	
		#contentright{
			float:left;
			width:170px;
			background:url(/shared/bg_submenu-header.gif) no-repeat;
		}
		
	.tablestyle1{
		width:650px;
		margin:0 auto;
	}
	
	.tablestyle1 table{
		border-collapse:collapse;
		width:620px;
	}
	
		.tablestyle1 th{
			background:#f0f7ff;
			font-weight:normal;
			padding:7px;
			color:#294566;
			border:1px solid #ccc;
			width:15%;
			vertical-align:top;
			line-height:1.5em;
		}
		
		.tablestyle1 td{
			border:1px solid #ccc;
			border-left:#294566 5px solid;
			padding:7px 8px 7px 11px;
			width:85%;
			vertical-align:top;
			line-height:1.5em;
		}
		
		.tablestyle1 td .leftlist li{
			margin-right:10px;
			float:left;
			list-style:none;
		}
		.tablestyle1 td .leftlist li:after{
			content:"、";
		}
		.tablestyle1 td .leftlist li:nth-last-of-type(1):after{
			content:"";
		}


	/* サブメニュー */
	
		#contentright ul{
			padding:0 5px 0 5px;
		}
	
			#contentright li{
				list-style:none;
				width:160px;
			}	
			
				#contentright li#submenuindex{
					margin:10px 0 4px;
				}
			
					#contentright li#submenuindex img{
						margin:0 auto;
					}

	#navigation{
		width:820px;
		margin:10px auto 0;
	}


	#navigation:after{
		content: "";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0px;
	}
	* html #navigation{display: inline-table;}
	/* no ie mac \*/
	* html #navigation{height:1%;}
	#navigation{display: block; min-height:0;}	
	
	#navigation p{
		float:left;
	}
	
	#navigation p.nextlist{
		float:right;
	}
	
		

	/* メインボトム */

	#contentbottom{
		clear:both;
		height:28px;
		background:url(/shared/bg_submenu-bottom.gif) no-repeat 100% 0 #fff;
		padding:18px 0 0;
	}
	
		#contentbottom a{
			display:block;
			width:98px;
			margin:0 10px 0 auto;
		}


	#mainbottom{
		width:832px;
		padding:15px 6px;
		margin:0 auto;
		border-top:1px dotted #ccc;
	}

		#mainbottom ul{
			float:right;
			width:260px;
			padding:3px 0 0;
		}

			#mainbottom li{
				float:left;
				padding:0 0 0 27px;
				width:auto;
				list-style:none;
			}

/* フッター-------------------------------- */

	#footermain{
		background:#036;
	}

		#footermain .inner{
			padding:14px 0;
			font-size:0.8em;
			margin:0 auto;
			width:840px;
			color:#fff;
			line-height:160%;
			opacity:0.8;
		}
	
		#footermain strong{
			font-weight:normal;
			font-size:0.9em;
		}
		
		#footermain p{
			margin:0;
			float:right;
			font-size:0.8em;
			font-family:sans-serif;
		}






		/* 一覧リストページリンク */

		#navigation{
			clear:both;
			margin-top:12px;
		}
		
		#navigation:after{
			content: "";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0px;
		}
		* html #navigation{display: inline-table;}
		/* no ie mac \*/
		* html #navigation{height:1%;}
		#navigation{display: block; min-height:0;}
		/* */
		
			#navigation p{
				width:80px;
				margin:0;
			}		
		
			.nextlist{
				float:right;
				text-align:right;
			}
			
			#navigation p a{text-decoration:none;}