
@charset "euc-jp"; 

body {
//	margin:0;
//	padding:0;
	text-align: center;
}

#header {
	height: 80px;
	background-image: url(/img/header.jpg);
	position: relative;
}

#wrapper {
	width: 800px;
	background-color: #ffffff;
	text-align: center;
	border-style: none solid solid solid;
	border-width: 0px 1px 1px 1px;
	border-color: #666666;
}

/*#header {
	height: 80px;
	background-image: url(/img/header.jpg);
	position: relative;
}*/

#footer {
	clear: both;
	background-image: url(/img/footer.jpg);
	height: 80px;
}

#menu {
	height: 30px;
	background-color: #eeeeee;
}

#information {
/*	height: 25px;*/
	height: 0px;
	background-color: #eeeeee;
	line-height: 1.5em;
	text-align: left;
	padding: 2px 10px;
}

#contents {
	width: 800px;
	height: 500px;
/*	position: relative; */
	background-color: #ffffff;
}

#left {
	width: 600px;
	height: 500px;
	background-color: #ccffcc;
	float: left;
}

#right {
	width: 196px;
	height: 500px;
	background-color: #ffffff;
	position: relative;
	margin-left: 600px;
overflow: hidden;
}


#navi1 {
	background-color: #6666ff;
}

#navi2 {
	background-color: #ff6666;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 198px;
}

#help {
	display: none;
	background-color: #ffffff;
	position: absolute;
	width: 198px;
	height: 500px;
	top: 0px;
	left: 0px;
	text-align:left;
	overflow:scroll;
	padding: 3px;
}

 #help h4 { font-size:100% ; font-weight:bold ; margin:0px}
 #help span { font-size:85% }
 #help dt { font-size:85% ; margin:2px; font-weight:bold}
 #help dd { margin-left: 0px ; font-size:85%; margin-bottom:5px;}
 #help .kaisetsu { font-size:85% }
 #help dl { margin:20px,10px }

#ad {
	display: none;
	background-color: #ffffff;
	position: absolute;
	width: 198px;
	height: 500px;
	top: 0px;
	left: 0px;
}

#ad img {
	margin-bottom: 5px;
}

#cat {
	display: none;
	background-color: #ff6666;
	position: absolute;
	width: 198px;
	height: 500px;
	top: 0px;
	left: 0px;
}

#auth {
	display: none;
	background-color: #eeeeee;
	position: absolute;
	width: 198px;
	height: 500px;
	top: 0px;
	left: 0px;
	text-align: left;
}

#auth td {
	text-align: right;
}

.explain {
	margin: 3px;
	background-color: #cccccc;
	padding: 5px;
}

#auth .explain ul {
	padding-left: 0px;
	margin-left: 0px;
}

#auth .explain li {
	padding-left: 0px;
	margin-left: 0px;
}


#name {
	display: none;
	background-color: #eeeeee;
	position: absolute;
	width: 198px;
	height: 150px;
	top: 10px;
	right: 10px;
	text-align: left;
	padding: 10px 0px;
}

#list {
	display: none;
	position: absolute;
	background-color: #eeeeee;
	text-align: left;
	width: 198px;
	height: 500px;
	top: 0px;
	left: 0px;
}

#list td {
	text-align: left;
	border-bottom: dotted 1px #666666;
}



#map  { width: 600px; height: 500px; background-color: #eeeeee; text-align: left;}

#map_msg { width: 600px; height: 36px; background-color: #999999; position: relative;}

#map_ctrl {
	width: 255px; 
	height: 34px; 
	position: absolute;
	top: 0px;
	right: 1px;
	background-color: #ffffff;
	border: solid 1px #000000;
}

#map_ctrl table {
	width: 255px;
}

#selectArea {
	width: 190px;
	height: 24px;
	position: absolute;
	padding: 2px 2px 0px 3px;
	top: 3px;
	left: 140px;
	background-color: #ffffff;
	border: solid 1px #000000;
}

/* slider */
#slider-bg {
    position: relative;
    background:url(/js/yui/images/slider/bg-fader148w.gif) 5px 0 no-repeat;
    height:28px;
    width:158px; 
}

#slider-thumb {
    cursor:default;
    position: absolute;
    top: 4px;
}

a#a_GMAP {
	display: block;
	width: 120px;
/*	line-height: 160%;
	position: absolute;
	top: 5px;
	left: 40px;*/
	border: solid 1px #000000;
	margin: 7px 0px 0px 7px;
	background-color: #ffffff;
	padding: 2px;
	text-align: center;
}

#map_img {  width: 560px; height: 445px; margin: 10px 20px 0px 20px; position: relative; overflow: hidden;}
#map_btn { position: absolute; right: 20px; top: 3px; }
#gmap { width: 600px; height: 500px; background-color: #ffcccc; display:none;}
#cursor  {
	width: 100px; 
	height: 60px; 
/*	border: solid 1px red; */
/*    border-color: transparent; */
	position: absolute; 
	top:5px; 
	right: 50px;
    background-color: #000066;
    filter:alpha(opacity=30);
	-moz-opacity: 0.3; 
    opacity:0.30;
    z-index: 10;
    display: none;
}


#infowindow {
	text-align: left;
	width: 250px;
}

#infowindow h3 {
	font-size: 110%;
	border-style: none none solid double;
	border-width: 0px 0px 2px 5px;
	border-color: #ff9999;
	padding-left: 5px;
	margin: 0px 0px 5px 0px;
}

#infowindow table {
	border-style: solid none none solid;
	border-width: 1px 0px 0px 1px;
	border-color: #000000;
	width: 250px;
}

#infowindow th {
	width: 60px;
	text-align:center;
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #000000;
	background-color: #cccccc;
}

#infowindow td {
	text-align: left;
	padding: 0px 0px 0px 5px;
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #000000;
}

#pnlEFORM {
	text-align: left;
}

#example {height:30em;}
label { display:block;float:left;width:45%;clear:left; }
.clear { clear:both; }

#pnlAFORM {
	text-align: left;
}

#HeaderForm {
	width: 420px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	background-color:#234FAE;
	text-align: left;
	padding: px 5px;
	border: solid 1px #587CC6;
}

#HeaderForm{
	color:#CCFFFF;
	vertical-align:middle;
	/*margin-top:20px;*/
	font-size:13px;

}

#HeaderFormBody{
	padding-top:20px;
}

#HeaderForm a{
	color:#ffffff;
}


#s_help{
	/*background-color:#ffffff;*/}

#HeaderFormLogo {
	float: left;
	width: 90px;
}

#HeaderFormBody {
	float: left;
	width: 325px;
	text-align: left;
}

.s_type {
	padding: 2px 10px;
	border-style: none dotted none none;
	border-width: 1px;
	border-color: #999999;
}

#nowLoading {
	display: none;
	width: 240px;
	color: white;
	background-color: #000066;
	border: solid 1px #000000;
	padding-top: 3px;
	position: absolute;
	top: 400px;
	left: 400px;
}

.yui-skin-sam {
	text-align: left;
	margin: 5px;
}

#pnlCFORM .bd {
	height: 500px;
	overflow-y: scroll;
	background-color: #ffffff;
}

#tamappy {
	display: none;
}

h1.asset-name {
	margin: 20px 10px 20px 10px;
/*	width: 750px;*/
	padding: 5px;
	border: solid 1px #999999;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
}

.topicpath {
	text-align: left;
	font-size: 80%;
	padding: 0px 5px 5px 5px;
}

h1.archive-title {
	margin: 20px 10px 10px 10px;
/*	width: 720px;*/
	padding: 5px 20px;
	border: solid 1px #999999;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	background-image: url(/js/yui/build/assets/skins/sam/sprite.png);
	background-position: 0px 0px;
}

#main {
	padding: 5px;
}

dl.entry-list {
	text-align: left;
	margin: 10px;
}

dl.entry-list dt {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}

dl.entry-list dd {
	margin-left: 10px;
}

/* top */

#top_left {
	width: 200px;
	background-color: #eeeeee;
	float: left;
}

#top_right {
	width: 600px;
	background-color: #ffffff;
	float: right;
}

#top_main {
	padding: 0px;
}

.top_menu a {
	width: 190px;
	display: block;
}

.main_block {
	text-align: left;
	padding: 5px;
}

.main_block h2 {
	font-size: 130%;
	font-weight: bold;
	padding: 3px 3px 3px 20px;
	border: solid 1px #999999;
	margin: 0 0 10px 0;
	background-image: url(/js/yui/build/assets/skins/sam/sprite.png);
	background-position: 0px 0px;

}


.top_new {
	margin: 10px;
	border: solid 2px #cccccc;
	padding: 10px;
}


.top_new h3 {
	display: none;
}

.top_new a,
.top_new a:visited {
	text-decoration: none;
	color: #0000ff;
}

.top_new dt {
	font-weight: bold;
}

.top_new dd {
	padding-left: 10px;
	margin-bottom: 10px;
}

/* from here 2008 05/19 add tamura */
#main {
	font-size: 100%;
}

#main td {
	font-size: 110%;
	text-align: left;
}

font {
	font-size: 110%;
}

#footer {
	font-size: 80%;
}

.size5pt { font-size:5pt }
.size6pt { font-size:6pt }
.size7pt { font-size:7pt }
.size8pt { font-size:8pt }
.size9pt { font-size:9pt }
.size10pt { font-size:10pt }
.size12pt { font-size:12pt }
.size14pt { font-size:14pt }
.size16pt { font-size:16pt }
.size18pt { font-size:18pt }
.size20pt { font-size:20pt }
.size22pt { font-size:22pt }
.size24pt { font-size:24pt }
.size26pt { font-size:26pt }
.size28pt { font-size:28pt }
.size36pt { font-size:36pt }
.size48pt { font-size:48pt }
.size72pt { font-size:72pt }
.size12px { font-size:12px; }

.BOLD5pt { font-size:5pt; font-weight: bold; }
.BOLD6pt { font-size:6pt; font-weight: bold; }
.BOLD7pt { font-size:7pt; font-weight: bold; }
.BOLD8pt { font-size:8pt; font-weight: bold; }
.BOLD9pt { font-size:9pt; font-weight: bold; }
.BOLD10pt { font-size:10pt; font-weight: bold; }
.BOLD12pt { font-size:12pt; font-weight: bold; }
.BOLD14pt { font-size:14pt; font-weight: bold; }
.BOLD16pt { font-size:16pt; font-weight: bold; }
.BOLD18pt { font-size:18pt; font-weight: bold; }
.BOLD20pt { font-size:20pt; font-weight: bold; }
.BOLD22pt { font-size:22pt; font-weight: bold; }
.BOLD24pt { font-size:24pt; font-weight: bold; }
.BOLD26pt { font-size:26pt; font-weight: bold; }
.BOLD28pt { font-size:28pt; font-weight: bold; }
.BOLD36pt { font-size:36pt; font-weight: bold; }
.BOLD48pt { font-size:48pt; font-weight: bold; }
.BOLD72pt { font-size:72pt; font-weight: bold; }