/*
 * base.css
 *
 * Copyright 2010 ONGS Inc.
 * All rights reserved.
 */

body {
 margin-left: auto;
 margin-right: auto;
 padding-left: 20px;
 padding-right: 20px;
 min-width: 880px; /* 最小画面幅。上メニューに影響。要注意。 */
}

.mainbox {
 width: 100%;
}

.clear_float {
 width: 100%;
 height: 0px;
 clear: left;
}

.leftbox {
 position: relative;
 width: 170px;
 float: left;
 z-index: 10;
}

.titlebox {
 margin-top: 20px;
 margin-bottom: 20px;
}

.title {
 font-size: 32px;
 font-weight: bold;
 text-align: center;
}

.title a {
 color: black;
 text-decoration: none;
}

.menu {
 border: solid #333 1px;
 margin-bottom: 20px;
}

.menu a {
 color: #505050;
 text-decoration: none;
}

.menu_item {
 height: 40px;
 width: 100%;
 font-weight: bold;
 line-height: 40px;
 text-align: center;
 vertical-align: middle;
 border-bottom: solid #ccc 1px;
 background-image: url("menu.png");
 background-repeat: repeat-x;
}

.menu_item_tail {
 height: 40px;
 width: 100%;
 font-weight: bold;
 line-height: 40px;
 text-align: center;
 vertical-align: middle;
 background-image: url("menu.png");
 background-repeat: repeat-x;
}

.menu_item_multiline {
 padding: 10px 0px;
 width: 100%;
 font-weight: bold;
 line-height: 25px;
 text-align: center;
 vertical-align: middle;
 border-bottom: solid #ccc 1px;
 background-image: url("menu_multiline.png");
 background-repeat: repeat-x;
 background-position: bottom;
}

.menu_item_tail_multiline {
 padding: 10px 0px;
 width: 100%;
 font-weight: bold;
 line-height: 25px;
 text-align: center;
 vertical-align: middle;
 background-image: url("menu_multiline.png");
 background-repeat: repeat-x;
 background-position: bottom;
}

.main_content_float_box {
 position: relative;
 width: 100%;
 float: left;
 margin-left: -170px;
 z-index: 5;
}

.main_content_float_box > * {
 margin-left: 180px;
 margin-top: 20px;
}

.globals {
 position: absolute;
 font-size: x-small;
 top: -20px;
 left: auto;
 right: 5px;
 color: gray;
}

.globals a {
 color: gray;
 font-size: x-small;
 text-decoration: none;
}

.main_content_box {
 position: relative;
 border: solid gray 2px;
 min-height: 400px; /* 最小コンテンツ領域高さ。左メニューに合わせる */
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.main_content {
 padding: 10px;
}

.logo {
 position: absolute;
 width: 40px;
 height: 18px;
 top: 18px;
 left: auto;
 right: 30px;
 background-repeat: no-repeat;
 background-image: url(ongs_logo.png);
}

.rss {
 position: absolute;
 width: 20px;
 height: 20px;
 top: 20px;
 left: auto;
 right: 0px;
 text-decoration: none;
 background-repeat: no-repeat;
 background-image: url(feed2.0-icon.png);
}

.content_link {
 height: 40px;
 margin-top: 5px;
 padding-left: 10px;
 border-top: 1px solid #d8d8d8;
 border-bottom: 1px solid #bebebe;
 background-repeat: repeat;
 background-image: url(head.png);
}

.content_link_item {
 height: 40px;
 line-height: 40px;
 padding-left: 10px;
 padding-right: 30px;
 vertical-align: middle;
 float: left;
 background-repeat: no-repeat;
 background-image: url(split.png);
 background-position: right;
}

.content_link_item a {
 font-size: large;
 font-weight: bold;
 color: #505050;
 text-decoration: none;
}

.content_box {
 border-bottom: solid gray 1px;
 padding: 10px;
}

.content_box a{
 color: blue;
 text-decoration: none;
}

.tail {
 height: 2em;
 width: 100%;
 margin-top: 10px;
 border-top: solid gray 1px;
 padding-top: 10px;
}

.tailtext {
 color: gray;
 font-size: x-small;
 text-align: center;
}

.tailtext a {
 color: gray;
 font-size: x-small;
 text-decoration: none;
}

.copyright {
 color: gray;
 font-size: x-small;
 text-align: center;
}