@charset "shift_jis";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url(../import.css);


/* CSS Document */

.left-img01 {
width:640px;
height:77px;
padding-bottom:10px;
}

.left-img03 {
width:640px;
height:35px;
background-image: url(../../images/observatory/index-img00.gif);
margin-bottom: 20px;
padding-left: 12px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: left center;
font-size: 25px;
color: #7DBF69;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

.left-img03 img {
margin-left:308px;
margin-top:1px;
}

.left-img04 img {
margin-left:268px;
margin-top:1px;
}

.left-img04 {
width:640px;
height:35px;
background-image: url(../../images/observatory/index-img00.gif);
margin-bottom: 20px;
margin-top: 30px;
padding-left: 12px;
padding-top: 10px;
background-repeat: no-repeat;
background-position: left center;
font-size: 25px;
color: #7DBF69;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

.sub-title {
width:624px;
height:100%;
border-left:5px solid #135E40;
border-bottom:1px solid #135E40;
padding:5px 0 5px 11px;
font-weight:bold;
margin-bottom:15px;
color:#135E40;
line-height:160%;
}

/*-------------box00----------------*/

.box00 {
height:100%;
margin-bottom:20px;
}

.box00 .box00-left {
float:left;
width:315px;
height:100%;
}

.box00 .box00-right {
float:right;
width:315px;
height:103px;
height:100%;
}

.box00 .box00-left .box00-left-box {
float:left;
width:156px;
line-height:160%;
}

.box00 .box00-left .box00-right-box {
float:right;
width:156px;
}

.box00 .box00-right .box00-left-box {
float:left;
width:156px;
}

.box00 .box00-right .box00-right-box {
float:right;
width:156px;
}

/*-------------list-box----------------*/

.list-box {
padding:15px 5px 0 5px;
}

.list-box ul li {
display:block;
height:25px;
line-height:160%;
clear:both;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dashed #CCCCCC;
}

.list-box ul li .size {
display:block;
width:135px;
height:25px;
float:left;
padding-top:5px;
letter-spacing:0.1em;
}

.list-box ul li .btn {
display:block;
width:150px;
height:25px;
float:right;
}


/*-------------list-box02----------------*/

.list-box02 {
line-height:160%;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dashed #CCCCCC;
height:19px;
padding-left:10px;
padding-right:10px;
padding-top:20px;
}

.list-box02 .size {
width:55px;
height:19px;
float:left;
padding-top:1px;
letter-spacing:-0.07em;
}

.list-box02 .btn {
width:118px;
height:19px;
float:right;
}


/*-------------list-box03----------------*/

.list-box03 .list-box-title {
height:16px;
padding-bottom:10px;
}

.list-box03 ul {
padding-left:10px;
}

.list-box03 ul li {
line-height:160%;
list-style-type:decimal;
list-style-position:inside;
padding-top:10px;
}


/*-------------box----------------*/

.box {
padding:0 10px 0 10px;
}


/*-------------box02----------------*/

.box02 {
width:640px;
height:100%;
margin-bottom:10px;
}

.box02 .box02-left {
float:left;
width:206px;
}

.box02 .box02-center {
float:left;
width:206px;
margin-left:11px;
}

.box02 .box02-right {
float:right;
width:206px;
}


/*-------------box04----------------*/

.box04 .box04-left {
float:left;
width:400px;
}

.box04 .box04-right {
float:right;
width:230px;
}

table.table-style01 {
width:400px;
border:1px solid #CCCCCC;
border-collapse:collapse;
}

table.table-style01 td {
padding:5px;
text-align:center;
border-right:1px solid #CCCCCC;
border-bottom:1px dashed #CCCCCC;
}

table.table-style01 th {
padding:5px;
background-color:#D8ECD1;
text-align:center;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

table.table-style02 {
width:230px;
border:1px solid #CCCCCC;
border-collapse:collapse;
}

table.table-style02 td {
padding:5px;
text-align:center;
border-right:1px solid #CCCCCC;
border-bottom:1px dashed #CCCCCC;
}

table.table-style02 th {
padding:5px;
background-color:#FFE6E6;
text-align:center;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
color:#CC0000;
}


.box01 .box {
margin-left:10px;
margin-right:10px;
width:620px;
}


/*------------right-menu--------------*/

#right-img02 {
margin-bottom:20px;
}

#right-img02 ul  {
	background-image:url(../../images/observatory/right-img02.jpg);
	background-repeat:no-repeat;
	width:202px;
	height:290px;
	/*margin-left:5px;*/
	text-align:center;
}

#right-img02 ul li a {
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	width:202px;
	vertical-align:top;	
}

#right-img02 #right-img02-0 a {
	height:37px;
}

#right-img02 #right-img02-1 a {
	height:46px;
}

#right-img02 #right-img02-2 a,
#right-img02 #right-img02-3 a,
#right-img02 #right-img02-4 a,
#right-img02 #right-img02-5 a {
	height:39px;
}

#right-img02 #right-img02-6 a {
	height:51px;
}

#right-img02 #right-img02-0 a:active,
#right-img02 #right-img02-0 a:focus,
#right-img02 #right-img02-0 a:hover {
	background:url(../../images/observatory/right-img02.jpg) no-repeat -202px 0px;
}

#right-img02 #right-img02-1 a:active,
#right-img02 #right-img02-1 a:focus,
#right-img02 #right-img02-1 a:hover {
	background: url(../../images/observatory/right-img02.jpg) no-repeat -202px -37px;
}

#right-img02 #right-img02-2 a:active,
#right-img02 #right-img02-2 a:focus,
#right-img02 #right-img02-2 a:hover {
	background: url(../../images/observatory/right-img02.jpg) no-repeat -202px -83px;
}

#right-img02 #right-img02-3 a:active,
#right-img02 #right-img02-3 a:focus,
#right-img02 #right-img02-3 a:hover {
	background: url(../../images/observatory/right-img02.jpg) no-repeat -202px -122px;
}

#right-img02 #right-img02-4 a:active,
#right-img02 #right-img02-4 a:focus,
#right-img02 #right-img02-4 a:hover {
	background: url(../../images/observatory/right-img02.jpg) no-repeat -202px -161px;
}

#right-img02 #right-img02-5 a:active,
#right-img02 #right-img02-5 a:focus,
#right-img02 #right-img02-5 a:hover {
	background: url(../../images/observatory/right-img02.jpg) no-repeat -202px -200px;
}

#right-img02 #right-img02-6 a:active,
#right-img02 #right-img02-6 a:focus,
#right-img02 #right-img02-6 a:hover {
	background: url(../../images/observatory/right-img02.jpg) no-repeat -202px -239px;
}
.right-img03,
.right-img04,
.right-img05 {
width:202px;
height:50px;
background-color:#CCCCCC;
margin-bottom:10px;
}

.right-img06 {
width:202px;
height:38px;
}

/*------------txt_style----------------*/

.txt_style01 {
line-height:160%;
}

.txt_style02 {
font-weight:bold;
font-size:115%;
}

.txt_style03 {
line-height:160%;
color:#CC0000;
}

.txt_style04 {
font-size:90%;
text-align:right;
padding-top:5px;
}



