@charset "utf-8";
@import "custom.css";

/**
 * HTML Tag Styles
 **/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Mozilla */
	-khtml-box-sizing : border-box ; /* KDE kHTML / for Safari */
}

html,body{
	margin:0;padding:0;
}
body{
	font: 12px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Geneva, Arial, Verdana, sans-serif;
	line-height: 1.5em;
	text-align:center;
}

img {
	border: 0;
}

p {
	line-height: 1.5em;
}


/**
 * Layout Styles
 **/


/** most outer block **/
div#container{
	width:820px;
	margin:0 auto;
	text-align:left;
	background-image:url('../elements/backgraund.gif');
	background-position: center;
	background-repeat:repeat-y;
}

	div#wrapper {
		padding:0 10px;
	}
	
		div#header{
			height:82px;
			margin:0;
			padding:0;
		}
	
		div#mainNavigation{
			height:34px;
			margin:0;
			padding:0px;
			background-image:url(../elements/mainNavigationBack.gif);
			background-repeat:repeat-x;
			text-align: center;
		}
				div#mainNavigation ul {
					margin: 0;
					padding: 0;
					height: 52px;
					border-left:#ede8e4 solid 1px;
				}
				div#mainNavigation ul li {
					margin:0;
					padding: 0;
					float: left;
					height: 34px;
					width: 114px;
					list-style: none;
					overflow:hidden;
				}
				div#mainNavigation ul li span,div#mainNavigation ul li a {
					display:block;
					margin:0;
					padding: 0;
					height: 34px;
					width: 114px;
					line-height: 39px;
					font-size: 12px;
					font-weight: bold;
					color: #FFF;
					text-decoration: none;
					list-style: none;
					background-image:url(../elements/mainNavigationButton.gif);
					background-repeat:no-repeat;
				}
				div#mainNavigation ul li.twoLine span,div#mainNavigation ul li.twoLine a {
					padding-top: 5px;
					line-height: 12px;
				}

				div#mainNavigation ul li a {
					background-position: 0 -36px;
				}
				div#mainNavigation ul li a:hover {
					background-position: 0 0;
				}
				
				

		div#content{
			float:right;
			width:600px;
		}
			div#breadCrumbs{
				padding: 5px;
				padding-left: 30px;
			}
			
			div#content h3, div#content h4{
				margin: 30px;
				margin-top: 0;
				font-size: 18px;
				line-height:1.4;
				letter-spacing: 9px;
				border-bottom: #000 solid 2px;
			}
			div#content h3 div{
				margin: 0;
				padding: 0;
				float: right;
				font-size: 12px;
				line-height: 30px;
				letter-spacing: normal;
				font-weight: normal;
			}

			div#content h4{
				margin-bottom: 15px;
				font-size: 14px;
				line-height:1.4;
				letter-spacing: normal;
				border-bottom: #000 solid 1px;
			}

			div#content p{
				margin: 30px;
				margin-top: 0;
				line-height:1.4;
			}

		div#subNavigation{
			float:left;
			width:200px;
			background:#B9CAFF;
		}
			div#subNavigation ul {
				margin: 0;
				padding: 0;
			}
			div#subNavigation ul li {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			div#subNavigation ul li span,div#subNavigation ul li a { 
				display: block;
				margin:0;
				padding-left: 13px;
				height: 22px;
				color: #FFF;
				background: #00B6CB;
				border-bottom: #FFF solid 1px;
				line-height: 23px;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
			}
				div#subNavigation ul li a {
					background-color: #92d2de;
				}
				div#subNavigation ul li a:hover {
					background-color: #00B6CB;
				}

			div#subNavigation ul li.sub {
				margin: 0;
				padding: 0;
			}
			
			div#subNavigation ul li.sub span,div#subNavigation ul li.sub a { 
				color: #000;
				padding-left: 26px;
				background: #dce8a9;
				text-decoration: none;
			}
				div#subNavigation ul li.sub a{
					color: #FFF;
					font-weight: bold;
					background: #c5e7ed;
				}
				div#subNavigation ul li.sub a:hover { 
					background: #dce8a9;
					color: #000;
				}

		/* extra contents not use */
		div#extra{
			float:left;
			clear:left;
			width:200px;
			display: none;
		}

		div#footer{
			margin: 0;
			padding: 0;
			clear: both;
			width: 100%;
			text-align: center;
			background: #FFF;
			border-top: #ede8e4 solid 1px;
		}
		
			div#footer p{
				margin: 0;
				padding: 5px 10px;
				line-height: 2em;
				font-size: 10px;
			}

			div#footer a{
				color:#000;
			}
			
div#containerFooter{
	width: 820px;
	height: 4px;
	margin: 0 auto;
	padding: 0;
	background:#FFF;
	background-image: url('../elements/backgraundFooter.gif');
	background-position: bottom;
	background-repeat: no-repeat;
}

ul.linkList {
	margin: 0;
	margin-left: 80px;
	margin-bottom: 60px;
}