@charset "utf-8";

body {
	margin:0;
	padding:0;
}

#flashContainer{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-color:darkgray;
}

.Header {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height: 45px;
	border: solid 0px;
}

.HeaderLink{
	text-align:right;
	border:none;
}

.HeaderLeft {
	border-style:none;
	border: solid 0px;
	text-align:left;
}

.HeaderRight {
	border-style:solid;
	border: solid 0px;
	text-align: right;
}

.Logo  {
	-x-system-font:none;
	color:#000000;
	font-family:"Lucida Grande",Arial,sans-serif;
	font-size:200%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:-2px;
	text-align:left;
	text-decoration:none;
}

.yui-pe-content {
    display:none;
}

/************************************************
* タグ登録フォーム
************************************************/
.tagCommentView {
    clear: both;
    background-color: #FFFFFF;
}
.tagCommentView .jsTemplateChild {
    border: 1px solid #CCCCCC;
    margin: 2px 2px 15px;
    padding-bottom: 5px;
}
.jsTagContent {
    vertical-align: top;
}
.tagCommentView .activeChild {
    background-color: #FFCCCC;
}
.tagCommentView .jsTemplateChild .CommenterInfo {
    background: none repeat scroll 0 0 #F6F6F6;
    line-height: 150%;
}
.tagCommentView .jsTemplateChild h2 {
    background: none repeat scroll 0 0 #EFEFEF;
    border: medium none;
    font-size: 1.1em;
    margin: 2px;
    padding: 2px;
}
.tagCommentView .jsTemplateChild img.jsUserImage {
    float: left;
    margin: 2px 10px 2px 2px;
}
.tagCommentView .jsTemplateChild a.jsUserName {
    font-size: 0.9em;
    text-align: left;
}
.tagCommentView .jsTemplateChild .jsComment {
    padding: 5px;
    text-align: left;
    width: 95%;
}
.jsComment {
    width: 100%;
}

label.RegisterTagForm {
    float: left;
    font-weight: bold;
    padding: 4px;
    text-indent: 0;
    width: 7em;
}

div.clear {
    clear: both;
}


/************************************************
* location
************************************************/
.locations {
    clear: both;
    background-color: #FFFFFF;
    margin: 2px;
}

.location {
    border: 1px solid #CCCCCC;
    margin: 2px 2px 15px;
    padding-bottom: 5px;
    height: 200px;
    background-color: #FFFFFF;
}


h2.locationTitle{
	float: left;
	width:100%;
    background: none repeat scroll 0 0 #EFEFEF;
    border: medium none;
    font-size: 1.1em;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px;
}	
					
p.locationBody {
	clear:left;
}

img.locationImage{
	float: left;
	max-width: 150px;
	max-height: 150px;
}	

dl.locationInfo {
	float: left;
	margin: 0 4px 0px;
	padding: 0 0px 0px;
}

dl.locationInfo dt {
	width: 7em;
	padding: 0px 0;
	font-weight: bold;
	text-indent: 0em;
	line-height: 150%;
}

dl.locationInfo dd {
	padding: 0px 0 0px 0em;
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
	margin:0 0 0 0;
}

.activeLocation {
	border-style: solid;
	border-color: #3399cc;
	border-width: px;
}

/************************************************
* dialog
************************************************/
.dialog .bd {
	overflow:auto !important;
	background-color:#fff !important;
	padding:10px !important;
}

.dialog .ft {
	height:15px !important;
	padding:0 !important;
}

.dialog .yui-resize-handle-br {
	right:0 !important;
	bottom:0 !important;
	height: 8px !important;
	width: 8px !important;
	position:absolute !important;
}

.hide-scrollbars .yui-resize .bd {
	overflow: hidden;
}

.show-scrollbars .yui-resize .bd {
	overflow: auto;
}

/*
	PLEASE NOTE: It is necessary to set the "overflow" property of
	the underlay element to "visible" in order for the 
	scrollbars on the body of a Resizable Panel instance to be 
	visible.  By default the "overflow" property of the underlay 
	element is set to "auto" when a Panel is made visible on
	Gecko for Mac OS X to prevent scrollbars from poking through
	it on that browser + platform combintation.  For more 
	information on this issue, read the comments in the 
	"container-core.css" file.
*/

.show-scrollbars .underlay {
	overflow: visible;
}

.image-resize {
	max-width: 150px;
}

.tooltipDescription {
	display:none;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
    background-color: #FFFFFF !important;
}


/************************************************
* manual
************************************************/

div.manualIndex {
	margin: 10px;
	padding: 10px;
}

div.manualContents {
	margin: 10px;
	padding: 10px;
}

div.manualContents h1 {
	font-weight:bold;
	letter-spacing:2px;
	font-size: 18px;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.manualContents h2 {
	border-style: none none none solid;
	border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #3399cc;
	border-width: medium medium medium 5px;
	padding: 5px 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: transparent;
	border-left: 5px solid #FF0000;
	font-size: 16px;
	border-bottom: 1px #CCCCCC solid;
	font-weight:bold;
}

div.manualContents h3 {
	border-style: none none none solid;
	padding: 5px 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: transparent;
	font-size: 14px;
	border-bottom: 1px #CCCCCC solid;
	font-weight:bold;
}

div.manualContents h4 {
	border-style: none none none solid;
	padding: 5px 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: transparent;
	font-size: 12px;
	border-bottom: 1px #CCCCCC solid;
	font-weight:bold;
}

div.manualParagraph1{
	margin: 10px;
	padding: 10px;
}

div.manualParagraph2{
	margin: 10px;
	padding: 10px;
}


div.manualParagraph3{
	margin:10px; 
	padding: 10px;
}

div.manual img {
	border: 2px #AAAAAA solid;
}

table.image {
	margin-top: 10px;
	margin-bottom: 10px;
}

table.image td {
	text-align: left;
	vertical-align: top;
}


div.box {
	margin: 6px;
	padding: 2px;
	background-color: #CCFFCC;
	opacity: 0.8;
}

div.manualContents ol {
	margin-top: 10px;
}

div.manualContents ol li {
    list-style: decimal;
}


dl.plot3D {
	margin-top: 10px;
	margin-bottom: 10px;
}

dl.plot3D dt {
	font-weight: bold;
}

dl.plot3D dd {
	margin: 10px;
}


ul.indexLevel1 {
	margin-left: 2em;
}

ul.indexLevel1 li {
    list-style: disc;
	margin-top: 7px;
	margin-bottom: 7px;
}

ul.indexLevel2 {
	margin-left: 2em;
}
ul.indexLevel2 li {
    list-style: circle;
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
}


/************************************************
* Stream History
************************************************/
table.standard {
	margin: 0 0 0px;
	padding: 0 0px 0px;
}

table.standard th {
	background-color: #EE0000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

table.standard td {
	border: 1px #CCCCCC solid;
	padding: 5px 5px 5px 5px;
}


/************************************************
* porto map
************************************************/
.portoFloor{
}

.portoMap{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}
/* 著作権表示のCSS（レシピ1,2より若干変更 */
div.olControlAttribution {
    padding: 5px;
    color:#000000;
    background-color:rgba(230,255,255,0.7);
    font-size:12px;
    bottom:5px;
    border-radius: 5px;
	right:5px;
}
/************************************************
* timeline
************************************************/
.jsTagImage{
	max-height: 32px; /* 最大幅 */
	max-width: 32px; /* 最大幅 */
}

#tagContentContainer_c {
    top: 603px;
}

#tagKindSelect{
	width: 100%;
}