@charset "utf-8";

/* formatting style
--------------------------*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

html {
	overflow: hidden;
}

body {
	color: #666666;
	font-size: 75%;
	line-height: 1.7;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-image: url(../images/haikei-yoko0020.gif);
	background-repeat: no-repeat;
	background-position: 0px 87px;
	overflow: hidden;
}

h1 {
	font-size: 115%;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: right;
}

h2 {
	font-size: 115%;
	color: #333333;
	border-bottom: 1px solid #333333;
}

h3 {
	font-size: 100%;
	line-height: 1.8;
	color: #FF0000;
}

img {
	border-style: none;
}

a {
	text-decoration: underline;
}

a:link {
	color: #666666;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FF9933;
}


/* basic layout
------------------------------*/

.main {
	width: 1600px;
	height: 1200px;
}

.content,#top-content {
	width: 768px;
	height: 570px;
	float: left;
	margin-top: 85px;
	margin-left: 192px;
	display: inline;
	background-repeat: no-repeat;
}

.panelContainer {
	float:left;
	position: relative;
	width: 768px;
	height: 550px;
}

.panel {
	float:left;
	position: relative;
	overflow: hidden;
}

.wrapper {
	width: 671px;
	margin-top: 30px;
	margin-left: 42px;
	padding-right: 13px;
	padding-left: 20px;
	position: relative;
	z-index: 20;
	border: 1px solid #999999;
}

.wrapper-last {
	width: 671px;
	margin-top: 30px;
	margin-left: 42px;
	padding-right: 13px;
	padding-left: 20px;
	position: relative;
	z-index: 20;
}

.wrapper p {
	margin-left: 20px;
	margin-bottom: 12px;
}


/* background images styles
------------------------------*/

.architect {
	background-color: #000000;
	margin-top: 460px;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	line-height: 1.5;
	display: inline;
}

.opa {
	filter:alpha(opacity=78);/*IE6,IE7*/
	-moz-opacity:0.78;/*Firefox,Netscape*/
	opacity:0.78;/*Opera,Safari,Firefox*/
	z-index: 10;
	width: 705px;
	left: 42px;
	top: 30px;
	position: absolute;	
}


/* navigation styles
------------------------------*/

.stripViewer {
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 768px;
	height: 545px;
	clear: both;
	list-style-type: none;
}

.stripNav {
	width: 800px;
	height: 25px;
	float: left;
	margin-top: -20px;
}

.stripNav ul {
	list-style: none;
	width: 800px;
	height: 25px;
	margin-left: 43px;
}

.stripNav ul li {
	float: left;
	margin-top: 8px;
	margin-right: 15px;
}

.stripNavL {
	height: 15px;
	width: 44px;
	position: relative;
	left: 635px;
	top: 540px;
	z-index: 100000;
	background-image: url(../images/san_l.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
	border-right: 1px solid #999999;
	line-height: 1.2;
	font-size: 95%;
}

.stripNavR {
	height: 15px;
	width: 48px;
	position: relative;
	left: 693px;
	top: -25px;
	z-index: 100000;
	background-image: url(../images/san_r.gif);
	background-repeat: no-repeat;
	background-position: 31px 4px;
	margin-left: 14px;
	line-height: 1.2;
	font-size: 95%;
}

.number,#main-number,#top-number,#long-number {
	font-size: 110%;
	color: #FFFFFF;
	padding-left: 32px;
	padding-top: 87px;
	letter-spacing: 1px;
	height: 500px;
	width: 192px;
	margin-left: -960px;
	float: left;
	display: inline;
}

#photo {
	position: fixed;
	filter:alpha(opacity=50);/*IE6,IE7*/
	-moz-opacity:0.50;/*Firefox,Netscape*/
	opacity:0.50;/*Opera,Safari,Firefox*/
	z-index: 30;
	left: 82px;
	top: 128px;
}


/* sidemenu styles
------------------------------*/

.sidemenu {
	width: 170px;
	height: 500px;
	position: fixed;
	z-index: 30;
	left: 60px;
	top: 138px;
}

.sidemenu dl dt {
	float: left;
	margin-right: 8px;
	color: #333333;
	letter-spacing: 1px;
}

.sidemenu dl dd {
	margin-bottom: 9px;
	margin-right: 0px;
}

.sidemenu ul  {
	margin-top: 54px;
	margin-left: 3px;
	width: 100px;
}

.sidemenu ul li {
	margin-bottom: 5px;
	padding-left: 25px;
	list-style: none;
	color: #333333;
}

#side5 {
	font-weight: bolder;
	color: #FF0000;
	margin-top: 20px;
	font-size: 100%;
}


/* footer styles
------------------------------*/

#footer {
	position: fixed;
	height: 25px;
	width: 1600px;
	left: 0px;
	top: 655px;
	z-index: 100;
	border-top: 1px solid #666666;
}

#footer p{
	padding-left: 32px;
	width: 500px;
	height: 25px;
	float: left;
	color: #666666;
	letter-spacing: 2px;
}

address {
	width: 428px;
	height: 25px;
	float: left;
	text-align: right;
	color: #666666;
	letter-spacing: 2px;
}


/* detail styles
------------------------------*/

.mar {
	margin-top: 25px;
}

.noreturn {
	margin-top: 40px;
}

.no-return {
	margin-top: -18px;
}

.sub {
	text-align: right;
	margin-top: -5px;
	padding-right: 15px;
	background-image: url(../images/san_r.gif);
	background-repeat: no-repeat;
	background-position: 640px 7px;
}

.return {
	text-align: right;
	margin-top: -30px;
	padding-right: 15px;
	background-image: url(../images/san_u.gif);
	background-repeat: no-repeat;
	background-position: 640px 6px;
}

#noborder,#noborder1,#noborder2,.start{
	border-style: none;
}

.start1 {
	font-size: 180%;
	margin-right: 0px;
	padding-left: 0px;
	border-bottom: 1px solid #333333;
	letter-spacing: 2px;
	font-weight: normal;
}

.start2 {
	font-size: 100%;
	margin-left: 70px;
	padding-left: 15px;
	padding-bottom: 15px;
	letter-spacing: 2px;
	color: #FF0000;
}

.wrapper ol {
	padding-left: 4px;
	margin-left: 14px;
	margin-bottom: 15px;
}

.wrapper ul {
	margin-left: 14px;
	margin-bottom: 15px;
}

.wrapper dl {
	margin-bottom: 12px;
	margin-top: 0px;
}

.wrapper dl dd{
	margin-bottom: 4px;
}

#top-content dl {
	float: right;
	margin-top: 247px;
}

#top-content dl dt{
	float: left;
	text-align: right;
	width: 140px;
	letter-spacing: 3px;
	color: #838383;
}

#top-content dl dd{
	margin-left: 140px;
	margin-bottom: 7px;
}

#dl1 dd{
	margin-bottom: 10px;
}

.dl-top {
	margin-left: 20px;
}

.dl-top dt{
	float: left;
	letter-spacing: 1px;
	color: #838383;
}

.dl-top dd{
	padding-left: 93px;
}

.dl-short {
	margin-left: 20px;
}

.dl-short dt{
	float: left;
	letter-spacing: 8px;
	color: #838383;
}

.dl-short dd{
	padding-left: 60px;
}

.dl-long,.dl-longer {
	margin-left: 20px;
}

.dl-long dt,.dl-longer dt{
	float: left;
	letter-spacing: 3px;
	color: #838383;
}

.dl-long dd{
	padding-left: 79px;
}

.dl-longer dd{
	padding-left: 90px;
}

.step1 {
	background-image: url(../images/logo01.gif);
	background-repeat: no-repeat;
	padding-left: 62px;
	margin-top: 0px;
	margin-left: 0px;
	border-bottom: 1px solid #333333;
}

.step2 {
	background-image: url(../images/logo02.gif);
	background-repeat: no-repeat;
	padding-left: 62px;
	margin-left: 0px;
	border-bottom: 1px solid #333333;
}

.step3 {
	background-image: url(../images/logo03.gif);
	background-repeat: no-repeat;
	padding-left: 62px;
	margin-left: 0px;
	border-bottom: 1px solid #333333;
}

.step4 {
	background-image: url(../images/logo04.gif);
	background-repeat: no-repeat;
	padding-left: 62px;
	margin-left: 0px;
	border-bottom: 1px solid #333333;
}

.step5 {
	background-image: url(../images/logo05.gif);
	background-repeat: no-repeat;
	padding-left: 62px;
	margin-left: 0px;
	border-bottom: 1px solid #333333;
}

#slider1 .steptext,#slider2 .steptext,#slider3 .steptext,#slider4 .steptext,#slider5 .steptext,#slider6 .steptext{
	margin-left: 78px;
	margin-top: 1px;
	margin-bottom: 25px;
}

#slider2 .matome,#slider3 .matome,#slider4 .matome,#slider5 .matome,#slider6 .matome {
	padding: 7px 10px 17px;
	border: 1px solid #999999;
	width: 467px;
	margin: 20px 23px 50px 19px;
}

#slider2 .matome li,#slider3 .matome li,#slider4 .matome li,#slider5 .matome li,#slider6 .matome li{
	margin-left: 20px;
	margin-top: 5px;
}


/* 01.Introduction styles
------------------------------*/

#flow {
	margin-top: 10px;
	line-height: 1.5;
}

#flow h2 {
	padding-left: 62px;
	margin-left: 0px;
	font-size: 115%;
}
 
#flow .sub1 {
	text-align: right;
	margin-top: -20px;
	padding-right: 15px;
	margin-bottom: 0px;
	background-image: url(../images/san_r.gif);
	background-repeat: no-repeat;
	background-position: 640px 6px;
}

.info{
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: -2px;
}


/* 04.Subject styles
------------------------------*/

#yoteihyou {
	margin: 0px 23px 23px 19px;
	padding-bottom: 15px;
	border: 1px solid #999999;
}

#yoteihyou p {
	margin-bottom: 0px;
	margin-left: 23px;
	margin-right: 23px;
}

.yo {
	background-repeat: no-repeat;
	margin-top: 8px;
	color: #838383;
}

#yotei {
	margin-left: 40px;
}

#yotei0 {
	letter-spacing: 81px;
}


#stepup li{
	margin-bottom: 5px;
}


/* 06.Qustion and Answer styles
------------------------------*/

.dltop-a {
	margin-top: 5px;
	margin-bottom: 0px;
}


.dltop-a dt {
	float: left;
	color: #FF9900;
	font-weight: bold;
}

.dltop-a dd {
	color: #333333;
	padding-left: 32px;
}


/* 07.Links styles
------------------------------*/

#a07 .relevant-name{
	text-align: left;
	width: 596px;
	margin: 0px;
	padding: 0px;
} 

#a07 .relevant-text{
	padding-left: 22px;
	height: 26px;
	border-top: 1px solid #999999;
	vertical-align: top;
	text-align: left;
	color: #838383;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}  

/* 08.About the Use styles
------------------------------*/

#list3 ul {
	margin-bottom: 10px;
}

#list3 ul li {
	padding-bottom: 6px;
}


/* 09.Download styles
------------------------------*/

#acro {
	float: left;
	margin-top: 4px;
	margin-bottom: 25px;
}

#slider9 #adobe {
	width: 382px;
	float: left;
	margin-left: 0px;
	padding-left: 4px;
}

#slider9 .dl-short2 {
	margin-left: 20px;
	margin-top: -7px;
}

#slider9 .dl-short2 dt {
	float: left;
	width: 64px;
	letter-spacing: 4px;
	color: #838383;
}

#slider9 .dl-short2 dd {
	margin-left: 68px;
}

#slider9 .dl-long2 dt {
	float: left;
	width: 140px;
	letter-spacing: 1px;
	color: #838383;
	padding-left: 20px;
}

#slider9 .dl-long2 .page {
	float: left;
	margin-left: 0px;
	color: #838383;
}

#slider9 .dl-long2 dd {
	margin-left: 240px;
	margin-bottom: 4px;
	background-image: url(../images/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: 140px 3px;
}

#slider9 .dl-long2 .down {
	background-position: 150px 3px;
}


/* link styles
------------------------------*/

#flow .sub1 a {
	text-decoration: none;
}

#footer p a:link {
	text-decoration: none;
	color: #666666;
}

#footer p a:visited {
	text-decoration: none;
	color: #666666;
}

#footer p a:hover {
	text-decoration: none;
	color: #666666;
}

#side5 a:link {
	color: #FF0000;
}

#side5 a:visited {
	color: #FF0000;
}

#side5 a:hover {
	color: #FF9933;
}

.relevant-name a:link {
	color: #333333;
	text-decoration: none;
}

.relevant-name a:visited {
	color: #333333;
	text-decoration: none;
}

.relevant-name a:hover {
	color: #FF9933;
	text-decoration: none;
}

.sidemenu dl dd a:link {
	color: #333333;
	text-decoration: none;
	padding-right: 10px;
}

.sidemenu dl dd a:visited {
	color: #333333;
	text-decoration: none;
	padding-right: 10px;
}

.sidemenu dl dd a:hover {
	color: #333333;
	text-decoration: none;
	border-right: 3px solid #000000;
	padding-right: 7px;
}

.stripNavL a:link, .stripNavR a:link {
	color: #333333;
}

.stripNavL a:visited, .stripNavR a:visited {
	color: #333333;
}

.stripNavL a:hover, .stripNavR a:hover {
	color: #FF9933;
	margin: 0px;
	padding: 0px;
}

.stripNav li a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
}

.stripNav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
}

.stripNav li a:hover {
	color: #FFFFFF;
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.stripNav li a.current {
	color: #FFFFFF;
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}


/* img styles
------------------------------*/

img.middle {
	vertical-align: middle;
	margin-top: -2px;
}

img.sikaku {
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 14px;
}

.sikaku {
	background-image: url(../images/blue.gif);
	background-repeat: no-repeat;
	background-position: 27px 3px;
}
	
.sikaku1 {
	background-image: url(../images/red.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 19px;
}

.sikaku2 {
	background-image: url(../images/yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 19px;
}

.sikaku3 {
	background-image: url(../images/blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 19px;
	clear: both;
}

.sikaku4 {
	background-image: url(../images/green.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 19px;
}

#iconlist01-1{
	background-image: url(../images/iconlist00-1.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}

#iconlist01-2{
	background-image: url(../images/blue.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}
#iconlist02-1{
	background-image: url(../images/iconlist02-1.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}

#iconlist02-2{
	background-image: url(../images/iconlist02-2.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#iconlist03-1{
	background-image: url(../images/iconlist03-1.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#iconlist03-2{
	background-image: url(../images/iconlist03-2.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#iconlist04-1{
	background-image: url(../images/iconlist04-1.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}

#iconlist04-2{
	background-image: url(../images/iconlist04-2.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#iconlist05-1{
	background-image: url(../images/iconlist05-1.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}

#iconlist05-2{
	background-image: url(../images/iconlist05-2.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#iconlist06-1{
	background-image: url(../images/red.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}

#iconlist06-2{
	background-image: url(../images/iconlist06-2a.gif);
	background-repeat: no-repeat;
	background-position: right 18px;
}

#iconlist07-1{
	background-image: url(../images/yellow.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#iconlist07-2{
	background-image: url(../images/iconlist07-2a.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#iconlist08-1{
	background-image: url(../images/yellow.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#iconlist08-2{
	background-image: url(../images/iconlist08-2a.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#iconlist09-1{
	background-image: url(../images/red.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}

#iconlist09-2{
	background-image: url(../images/iconlist09-2.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#a01 .content {
	background-image: url(../images/bauhaus.gif);
	background-position: 10px 75px;
	
}

#a02 .content {
	background-image: url(../images/casa.gif);
	background-position: 52px 100px;
	
}

#a03 .content {
	background-image: url(../images/ron.gif);
	background-position: 78px 60px;
	
}

#a04 .content {
	background-image: url(../images/rito.gif);
	background-position: 115px 60px;
	
}

#a05 .content {
	background-image: url(../images/yoyogi.gif);
	background-position: 82px 50px;
	
}

#a06 .content {
	background-image: url(../images/savowa.gif);
	background-position: 80px 130px;
	
}

#a07 .content {
	background-image: url(../images/kahn.gif);
	background-position: 62px 150px;
	
}

#a08 .content {
	background-image: url(../images/daigaku.gif);
	background-position: 82px 60px;
	
}

#a09 .content {
	background-image: url(../images/so-ku.gif);
	background-position: 72px 60px;
	
}

#yotei1 {
	padding-left: 40px;
	background-image: url(../images/yotei01.gif);
	background-position: -15px 8px;
}

#yotei2 {
	background-image: url(../images/yotei03.gif);
	background-position: 30px 8px;
	padding-left: 130px;
}

#yotei3 {
	padding-left: 178px;
	background-image: url(../images/yotei01.gif);
	background-position: 120px 8px;
}

#yotei4 {
	padding-left: 222px;
	background-image: url(../images/yotei01.gif);
	background-position: 165px 8px;
}

#yotei5 {
	padding-left: 282px;
	background-image: url(../images/yotei02.gif);
	background-position: 212px 8px;
}

#yotei6 {
	padding-left: 328px;
	background-image: url(../images/yotei01.gif);
	background-position: 270px 8px;
}

#side1{
	background-image: url(../images/red.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;	
}

#side2{
	background-image: url(../images/yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#side3{
	background-image: url(../images/blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#side4{
	background-image: url(../images/green.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


/* table styles
------------------------------*/

.table  {
	margin-left: 0px;
	margin-bottom: 20px;
	background-image: url(../images/green.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 19px;
	line-height: 1.6;
}	

#table1 table,#table7 table,#table8 table,#table10 table,#table11 table {
	width: 420px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse:collapse;
}

#table2 table,#table9 table,#table12 table {
	width: 640px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse:collapse;
}

#table3 table {
	width: 640px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse:collapse;
	margin-top: 5px;
	line-height: 1.5;
}

#table4 table {
	width: 490px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse:collapse;
	margin-bottom: 0px;
}

#table5 table {
	width: 640px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse:collapse;
	margin-bottom: 0px;
}

#table6 table {
	width: 340px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse:collapse;
}

#table15,#table16,#table17,#table18,#table19,#table20,#table21,#table22 {
	background-image: none;
	margin-bottom: 18px;
}

#table15 table,#table16 table,#table17 table,#table18 table,#table19 table,#table20 table,#table21 table,#table22 table {
	width: 618px;
	border-collapse:collapse;
	margin-top: -5px;
	line-height: 1.3;
	margin-left: 11px;
}

#table15 table td,#table16 table td,#table17 table td,#table18 table td,#table19 table td,#table20 table td,#table21 table td,#table22 table td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

caption{
	font-size: 115%;
	padding-left: -19px;
	text-align: left;
	font-weight: bold;
	color: #333333;
}

.table th {
	font-weight: normal;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
	background-color: #F3F3F3;
}

#table1 table th {
	padding: 5px 3px;
}

#table3 table th {
	padding: 0px;
}

#table4 table th {
	padding-top: 1px;
	padding-bottom: 1px;
}

#table5 table th,#table6 table th {
	font-size: 100%;
	padding: 0px 0px;
}

#table1 table th,#table7 table th,#table8 table th,#table10 table th{
	width: 170px;
	text-align: left;
	padding-left: 10px;
}

#table12 table th {
	width: 50px;
}

.table td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 2px;
	text-align: left;
}

#table1 table td,#table2 table td,#table7 table td,#table8 table td,#table10 table td,#table11 table td{
	padding-left: 10px;
}

#table3 table td,#table5 table td,#table6 table td {
	padding: 0px;
	text-align: center;
}

#table4 table td {
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#table9 table td {
	padding-left: 8px;
	padding-right: 8px;
	width: 288px;
}

#table12 table td {
	padding-left: 5px;
}

#tablesub0 {
	width: 120px;
}

#tablesub1 {
	width: 95px;
}

#tablesub2 {
	width: 96px;
}

#tablesub3 {
	width: 70px;
}

#tablesub4 {
	width: 26px;
}

#tablesub5 {
	width: 210px;
}

#tablesub51 {
	width: 120px;
}

.tablesub7 {
	background-color: #D9FFFF;
}

#tablesub7 {
	width: 30px;
}

.tablesub8 {
	background-color: #FFD9FF;
}

#tablesub12 {
	width: 30px;
}

#table9 .tablesub14 {
	text-align: center;
}

#tablesub52 {
	height: 23px;
}

.tablesub01 {
	background-color: #B3FFFF;
}

.tablesub02 {
	background-color: #FFBBFF;
}