@charset "UTF-8";
html { width:100%; background-color: #FFFFFF; }
img  { border: 0px; }
br   { line-height: 12px; }
h1, h2, h3, h4, h5, h6, form, td, p { margin: 0px; padding: 0px; }
li { line-height: 1.3em; }

@media screen
{
	body
	{
		background: url(/images/back.gif) repeat-y; 
		width: 872px;
		margin: 0px auto;
		padding: 0px 11px;
		font-family: "ＭＳ Ｐゴシック", osaka;
		font-size: small;
	}
	a { color: #0000ff; }
	a:hover { color: #9999ff; }

/******************************************************************************
 * HEADER
 *****************************************************************************/
div#header 
{
	width: 850px;
	background-color:#ffffff;
}
	div#header h1
	{
		line-height: 14px;
		font-size: 10px;
		font-weight: normal;
		color: #636363;
		margin-left:10px;
	}
	div#header div.logo
	{
		float: left;
		margin-top: 4px;
		margin-left: 8px;
		width: 440px;
	}
	div#header div.control
	{
		float: right;
		font-size: 12px;
		margin-bottom: 5px;
		padding-right:5px;
	}
		div#header div.control div#header-menu
		{
			float: left;
			margin-top: 26px;
			margin-right: 6px;
		}
		div#header div.control div#header-keyword
		{
			float: left;
			margin-top: 16px;
		}
		div#header div.breadcrumbsnone
		{
			float:right; 
			background-color:#ECEBEB; 
			font-size:10px; 
			padding:3px 10px;
			width:120px;
		}

/******************************************************************************
 * GRAND MENU
 *****************************************************************************/
div#grandmenu 
{
	width: 847px;
	padding: 1px;
	border: solid 1px #cccccc;
	z-index: 100;
	background-color:#ffffff;
}
	div#grandmenu div.menu
	{
		float: left;
		width: 120px;
		height: 26px;
		overflow: hidden;
		line-height: 100%;
	}
	div#grandmenu div.sep
	{
		float: left;
		width: 1px;
		height: 26px;
		overflow: hidden;
		line-height: 100%;
		background: url(/images/header/gmenu/separator.gif) no-repeat;
	}
	
	div#grandmenu div.submenu
	{
		visibility: hidden;
		position: absolute;
		left: auto;
		top: 80px;
		z-index: inherit;
		background-color: #ffffff;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: #FFFFFF;
		border-bottom-color: #FFFFFF;
		border-left-color: #FFFFFF;
	}
	
	div#breadlist
	{
		font-size: 12px;
		padding: 5px;
		text-align: right;
		width: 840px;
		color: #333333;
	}
	
	div#get-adobe-reader
	{
		border: solid 1px #9999cc;
		background-color: #ececff;
		font-size: small;
		width: 500px;
		margin: 20px 50px;
	}
		div#get-adobe-reader div.guide
		{
			float: left;
			padding: 10px;
		}
		div#get-adobe-reader div.icon
		{
			float: left;
			padding: 10px;
		}

/******************************************************************************
 * FOOTER
 *****************************************************************************/
	div#footer 
	{
		clear: both;
		width: 850px;
		font-size: 12px;
	}
		div#footer div#footer-top
		{
			padding: 5px;
			text-align: right;
		}
		div#footer div.link
		{
			padding: 7px 0px 7px 5px;
			background-color: #efefef;
			border-top: solid 1px #bfbfbf;
		}
			div#footer div.link ul
			{
				margin: 0px;
				padding: 0px;
				width: 100%;
				overflow: hidden;
			}
				div#footer div.link ul li
				{
					float: left;
					list-style-type: none;
					list-style-position: outside;
					padding-right: 6px;
				}
					div#footer div.link ul li img
					{
						padding: 0px 4px;
					}
		div#footer div.copyright
		{
			background-color: #ffffff;
			color: #333333;
			font-size: 10px;
			text-align: right;
		}
			div#footer div.copyright p
			{
				line-height: 1.3em;
				margin:0px; 
				padding:0px;
			}
}

@media print
{
	body
	{
		width: 735px;
		margin: 0px;
		padding: 0px;
		font-family: "ＭＳ Ｐゴシック", osaka;
		font-size: 12px;
	}
	
	a { color: #0000ff; }
	a:hover { text-decoration: underline; }
	
	div#header, div#grandmenu, div#breadlist, div#side-menu, div#footer { height: 0px; display: none; }
	
	div#main
	{
		width: 735px;
	}
	
	div#get-adobe-reader
	{
		border: solid 1px #9999cc;
		background-color: #ececff;
		width: 500px;
		margin: 20px 50px;
	}
		div#get-adobe-reader div.guide
		{
			float: left;
			padding: 10px;
		}
		div#get-adobe-reader div.icon
		{
			float: left;
			padding: 10px;
		}
}