@charset "shift_jis";
/* CSS Document */

		* {
			margin: 0;
			padding: 0;
		}
		html, body {
			width: 100%;
			height: 100%;
			color: #999;
			background-color: #fff;
			font-weight: normal;
			font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴPro W3",Meiryo,"メイリオ","MS P Gothic","MS Pゴシック", Sans-serif;
			-webkit-text-size-adjust: none; /* 文字サイズをブラウザで変更不可 */
		}
		
		/* 全体のセンタリング */
		* html body {
			text-align: center;
		}
		* html #header_inner,
		* html #works_about_inner,
		* html #works_list,
		* html #contents_inner {
			text-align: left;
		}
		/* */
		
		a:link {
			color: #999;
			text-decoration: none;
		}
		a:visited {
			color: #999;
			text-decoration: none;
		}
		a:hover {
			color: #999;
			text-decoration: none;
		}
		a:active {
			color: #999;
			text-decoration: none;
		}			
		a img {
			border-width: 0;
			border-style: none;
		}
		.none {
			display: none;
		}
		h1 {
			font-size: 100%;
			font-weight: normal;
		}
		h2 {
			padding: 10px 0 5px 11px;
			font-weight: bolder;
			font-size: 100%;
			color: #633;
			border-top: solid 1px #CCC;
			border-bottom: solid 1px #CCC;
			margin-top: 15px;
		}
		h3 {
			padding: 15px 0 0 5px;
			font-weight: normal;
			font-size: 90%;
		}
		ul {
			padding: 0;
			list-style-type: none;
		}
		ol {
			list-style-type: none;
		}
		em {
			font-style: normal;
			font-weight: bold;
		}
		#wrapper {
			width: 100%;
			height: 100%;
			position: relative;
			z-index: 10;
		}
		#header {
			position: absolute;
			width: 100%;
			height: 178px;
			z-index: 40;
		}
		#header_inner {
			position: relative;
			width: 698px;
			height: 177px;
			margin: 0 auto;
			border-bottom: solid 1px #CCC;
			border-left: solid 1px #CCC;
			border-right: solid 1px #CCC;
			z-index: 41;
		}
		#header_inner h1 {
			padding: 20px;
		}
		#header_inner ul {
			position: absolute;
				top: 150px;
				left: 20px;
			width: 390px;
			height: 19px;
			line-height: 1;
			z-index: 42;
		}
		#header_inner ul li {
			background-color: #fff;
			width: 71px;
			height: 17px;
			float: left;
			margin-right: 5px;
			font-size: 85%;
			border: 1px solid #CCC;
			z-index: 43;
		}
		#header_inner ul li a {
			display: block; /* インライン要素をブロックレベルにし、リンク領域を広げる */
			zoom: 1; /* IE6以前に対応 */
			line-height: 17px;
			padding-left: 10px;
			z-index: 43;
		}
		#header_inner ul li.select {
			background-color:#CCC;
			z-index: 43;
		}
		#header_inner ul li.select a {
			color: #fff;
			z-index: 43;
		}
		#header_inner ul li a:active {
			background-color: #CCC;
			color: #fff;
			z-index: 43;
		}
		#works_about {
			position:absolute;
			left: 0;
			top: 178px;
			width: 100%;
			height: 100%;
			z-index: 20;
		}
		#works_about_inner {
			width: 248px;
			height: 100%;
			margin: 0 auto;
			padding: 10px 451px 0 0;
			line-height: 1.8;
			font-size: 90%;
			z-index: 21;
		}
		#works_about_inner p {
			padding-left: 12px;
			z-index: 22;
		}
		#works_about_inner ol {
			padding-left: 20px;
			z-index: 22;
		}
		#works_about_inner span.works2005 {
			color: #900;
			letter-spacing: 3px;
			z-index: 22;
		}
		#works_about_inner span.works2008 {
			color: #036;
			letter-spacing: 3px;
			z-index: 22;
		}
		#works_about_inner span.works2011 {
			color: #F60;
			letter-spacing: 3px;
			z-index: 22;
		}
		#works_about_inner span.works2013 {
			color: #6C3;
			letter-spacing: 3px;
			z-index: 22;
		}
		#works_list {
			position: relative;
			width: 100%;
			z-index: 30;
		}
		#works_list_inner {
			width: 449px;
			line-height: 2;
			margin: 0 auto;
			padding-top: 177px;
			padding-left: 249px;
			padding-bottom: 20px;
			border-right: solid 1px #CCC;
			border-left: solid 1px #CCC;
			z-index: 31;
		}
		#works_list_inner ul li {
			margin-left: 25px;
			padding: 0px;
			font-size: 90%;
			z-index: 32;
		}
		#works_list_inner ul li span {
			margin-left: -12px;
			letter-spacing: 2px;
			z-index: 32;
		}
		#works_list_inner ul li span.works2005 {
			color: #900;
			font-size: 90%;
			vertical-align: 1.5px;
			letter-spacing: 3px;
			z-index: 32;
		}
		#works_list_inner ul li span.works2008 {
			color: #036;
			font-size: 90%;
			vertical-align: 1.5px;
			letter-spacing: 3px;
			z-index: 32;
		}
		#works_list_inner ul li span.works2011 {
			color: #F60;
			font-size: 90%;
			vertical-align: 1.5px;
			letter-spacing: 3px;
			z-index: 32;
		}
		#works_list_inner ul li span.works2013 {
			color: #6C3;
			font-size: 90%;
			vertical-align: 1.5px;
			letter-spacing: 3px;
			z-index: 32;
		}
		#works_list_inner ul li ul li{
			font-size: 100%;
			z-index: 32;
		}
		#works_list_inner ul li a img {
			border: solid 1px #CCC;
			margin-bottom: 5px;
			z-index: 32;
		}
		#contents_wrapper {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 30;
		}
		#contents {
			position: relative;
			width: 698px;
			min-height: 100%;
			margin: 0 auto;
			border-right: solid 1px #CCC;
			border-left: solid 1px #CCC;
			background-color: #FFF;
			z-index: 30;
		}
		* html #contents {
			height: 100%; /* IE6,IE7がmin-heightに対応していないため */
		}
		#contents_inner {
			width: 698px;
			height: 698px;
			z-index: 31;
		}
		#contents_inner h1 {
			position: absolute;
				top: 198px;
				left: auto;
			margin: 0 0 0 20px;
			z-index: 34;
		}
		#contents_inner p {
			position: absolute;
				top: 218px;
				left: auto;
			margin: 0 0 0 555px;
			z-index: 34;
		}
		#contents_inner .yg_01 {
			position: absolute;
				top: 178px;
				left: auto;
			padding: 80px 0 60px 0;
			width: 698px;
			height: 380px;
			z-index: 32;
		}
		#contents_inner .yg_01 ul {
			margin-left: 50px;
			z-index: 33;
		}
		#contents_inner .yg_01 ul li {
			float: left;
			margin: 0 50px 40px 0;
			z-index: 34;
		}
		#contents_inner .yg_01 address {
			position: relative;
				top: 0;
				left: auto;
			margin: 0 0 0 48px;
			z-index: 34;
			clear: both;
		}		
		#contents_inner .yg_02 {
			position: absolute;
				top: 178px;
				left: auto;
			padding: 80px 0 60px 0;
			width: 698px;
			height: 380px;
			z-index: 32;
		}
		#contents_inner .yg_02 ul {
			margin-left: 38px;
			z-index: 33;
		}
		#contents_inner .yg_02 ul li {
			float: left;
			margin: 0 38px 40px 0;
			z-index: 34;
		}
		#contents_inner .yg_02 address {
			position: relative;
				top: 0;
				left: auto;
			margin: 0 0 0 48px;
			z-index: 33;
			clear: both;
		}		
		#contents_inner dl {
			position: absolute;
				top: 178px;
				left: auto;
			padding: 40px 0 0 60px;
			width: 580px;
			font-size: 100%;
			z-index: 32;
		}
		#contents_inner dl dt {
			position: absolute;
			line-height: 2;
			z-index: 33;
		}
		#contents_inner dl dd {
			position: absolute;
				left: 48px;
			z-index: 33;
		}
		#footer {
			position: absolute;
				top: 698px;
				left: 0;
			width: 100%;
			height: 51px;
			z-index: 40;
		}
		#footer_works {
			background-color: #fff;
			position: relative;
				top: 0;
				left: 0;
			width: 100%;
			height: 51px;
			z-index: 40;
		}
		#footer_inner {
			position: relative;
			margin: 0 auto;
			text-align: right;
			border-top: solid 1px #CCC;
			border-right: solid 1px #CCC;
			border-left: solid 1px #CCC;
			width: 698px;
			min-height: 100%;
			z-index: 41;
		}
		* html #footer_inner {
		height: 100%;
		}
		#footer_inner address { 
			padding: 5px 25px 0 0;
			font-size: 85%;
			height: 16px;
			z-index: 42;
		}
		#footer_inner p {
			height: 35px;
			padding-right: 25px;
		}