@charset "utf-8";
@import url("unit.css");
/* タグ再定義 */
html,body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #990000;
    color: #ffffff;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    font-size: 90%;
    line-height: 1.4;
}
p {
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    margin: auto auto auto 1.5em;
    padding: inherit;
}
img {
    border: 0;
}
fieldset {
    clear: both;
    margin: 0 15px 5px;
    border: none;
    padding: 0;
}
label {
    float: left;
    display: inline;
    margin: 0;
    padding: 3px;
    width: 12em;
    height: auto;
    font-weight: bold;
}
input.text,
textarea.text {
    width: 300px;
}
input.submit {
    margin: 10px 0 0;
}
a:link,
a:visited {
    background: transparent;
    color: #505050;
}
a:hover {
    background: transparent;
    color: #cc0000;
}
/* 共通クラス */
.hide {
    display: none;
}
.adr {
    background: transparent;
    color: #ffffff;
}
.clr {
    clear: both;
    height: 1px;
    overflow: hidden;
}
.hr {
    width: 100%;
    background: url(page_asset/horizon.gif) center no-repeat;
}
.spacer {
    margin: 0 0 1em;
    padding: 0;
    width: 0.1em;
    height: 1em;
}
.bottom-spacer {
    margin: 2em 0 4em;
}
.add-textbox {
    margin: 1em 0 1em;
}
.annotation-box {
    margin: 20px 10px;
    border: 1px solid #c8c8c8;
    padding: 8px 15px;
    background: #f5f5f5;
}
.indent {
    margin-left: 1em;
}
.list {
    display: list-item;
    list-style-position: inside;
    margin: 0 0 0.5em 1em;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
/* 装飾クラス */
.x-small {
    font-size: 88%;
}
.normal-size,
.small {
    font-size: 90%;
}
.large {
    font-size: 110%;
}
.x-large {
    font-size: 120%;
}
.xx-large {
    font-size: 140%;
}
.bold {
    font-weight: bold;
}
.black {
    background: transparent;
    color: #333333;
}
.silver {
    background: transparent;
    color: #c8c8c8;
}
.red {
    background: transparent;
    color: #cc0000;
}
.serif {
    font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
}
/* 見出しクラス */
.content h4 {
    margin: 0 0 20px 10px;
    padding: 1px 5px 0px;
    width: auto;
    height: auto;
    background: url(page_asset/crosshead_back.jpg) left repeat-y;
    color: #ffffff;
    font-size: 100%;
    font-weight: normal;
}
.content h5 {
    margin: 0 0 20px;
    border-left: 5px solid #ff4040;
    padding: 1px 14px 0px;
    width: auto;
    height: auto;
    color: #990000;
    font-size: 120%;
}
.content h6 {
    margin: 0 0 10px;
    padding: 0 0 0 5px;
    color: #333333;
    font-size: 120%;
    font-weight: normal;
}
.content .auther {
    padding-left: 5em;
    color: #000000;
    font-size: 90%;
    font-weight: normal;
}
.auther-box {
    float: right;
    display: inline;
    margin: 0 15px 0 0;
    padding: 0;
    width: auto;
    height: auto;
    font-size: 110%;
}
.auther-box img {
    margin: 0 0 0 15px;
    border: 1px solid #dcdcdc;
    width: 50px;
    height: 50px;
}
/* コンテンツクラス */
.text-box {
    margin: 0 0 0 7px;
    padding: 12px 8px;
    width: auto;
    height: auto;
}
.content-header {
    margin: 20px 0 0 18px;
    padding: 0;
    width: 742px;
    height: auto;
}
.content {
    margin: 0;
    padding: 50px 0 50px 40px;
    width: 702px;
    height: auto;
    overflow: hidden;
}
.content p {
    margin: 0;
    padding: 0 15px 0;
}
.content p img{
    margin: 0 10px 0 0;
    border: 1px solid #dcdcdc;
}
.content p table {
    margin: 0;
    padding: 0;
}
.content ul,
.content ol {
    margin-right: 15px;
}
.msg-box {
    margin: 0 10px;
    border-right: 2px solid #f5f5f5;
    border-bottom: 3px solid #f5f5f5;
    padding: 1px 20px 20px;
    width: 600px;
    background-image: url(page_asset/msg_box_back.gif);
}
.msg-box-inner {
    background-image: url(page_asset/msg_box_line.gif);
}
.msg-box-inner div,
.msg-box-inner p {
    margin-top: 0px;
    padding: 0 1em 0;
    font-weight: bold;
    line-height: 20px;
}
.msg-box-inner p {
    margin-top: 20px;
}
.comment-box-left {
    float: left;
    display: inline;
    margin: 20px auto;
    width: 120px;
}
.comment-box-left p {
    margin-top: 0;
    padding: 10px 0 0 60px;
    color: #666666;
    font-size: 89%;
    line-height: 1.2;
    text-align: left;
    text-indent: -0.9em;
}
.comment-box-inner {
    margin: 20px auto auto 130px;
    background-image: url(page_asset/msg_box_line.gif);
}
.comment-box-inner div,
.comment-box-inner p {
    margin-top: 0;
    padding: 0 1em 0;
    color: #f00000;
    font-size: 89%;
    line-height: 20px;
}
/* プロフィールクラス */
.prof-box {
    float: left;
    display: inline;
    margin: 0 20px 20px 0;
    padding: 0;
    width: 328px;
    height: auto;
}
.prof-box img {
    float: left;
    display: inline;
    margin: 0 8px 0 0;
    border: 1px solid #dcdcdc;
    padding: 0;
}
.prof-box h4 {
    margin: 0;
    border-bottom: 1px solid #990000;
    padding: 16px 0 1px;
    width: auto;
    height: auto;
    background: none;
    color: #000000;
    font-size: 120%;
    font-weight: bold;
}
.prof-box .data {
    margin: 1px 0 1em;
    border-top: 2px solid #990000;
    padding: 5px 0;
}
.prof-box table {
    margin: 0;
}
#profile-right {
    float: right;
    display: inline;
    margin: 0 38px 0 0;
    padding: 0;
    width: 232px;
    height: auto;
}
#profile-left {
    float: right;
    display: inline;
    margin: 0 15px;
    padding: 0;
    width: 394px;
    height: auto;
}
#profile-left img {
    display: block;
    margin: 0 auto;
    padding: 0;
}
#profile-left table {
    margin: 40px 0 0;
    padding: 0;
    width: auto;
    height: auto;
}
#profile-left table th,
#profile-left table td {
    padding-left: 5px;
    vertical-align: top;
}
#profile-left table th {
    text-align: left;
}
/* テーブルクラス */
#schedule-table th,
#schedule-table td {
    padding: 3px;
    font-size: 90%;    
}
#schedule-table th {
    background: #990000;
    color: #ffffff;
}
#schedule-table td {
    border-bottom: 1px solid #990000;
}
#schedule-table .data {
    width: 81px;
    overflow: hidden;
    text-align: center;
}
#schedule-table .title {
    width: 194px;
    overflow: hidden;
}
#schedule-table .stadium {
    width: 164px;
    overflow: hidden;
}
#schedule-table .athlete {
    width: 138px;
    overflow: hidden;
    text-align: center;
}
#schedule-table .result {
    width: 74px;
    overflow: hidden;
    text-align: center;
}
#photo-box table {
    margin: 0 auto;
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
}
#photo-box th,
#photo-box td {
    padding: 2px 5px 8px;
    width: 250px;
    height: auto;
}
#photo-box img {
    border: 1px solid #dcdcdc;
}
.list-table th,
.list-table td {
    padding: 1px 0.5em 1px 1px;
    vertical-align: top;
}
.list-table th {
    text-align: left;
}
.list-table img {
    float: left;
    display: inline;
    margin: 1px 10px 1px 1px;
    border: 1px solid #dcdcdc;
    padding: 0;
}
.dl {
    display: block;
    margin: 1.4em 0 1.4em 2.5em;
    padding: 0;
    width: auto;
    height: auto;
}
.dt {
    padding: 0 1em 1.4em 0;
    vertical-align: top;
}
.dd {
    padding: 0 0.5em 0 0;
    vertical-align: top;
}
/* カレンダー */
#clen {
    margin-left: 15px;
    padding: inherit;
    width: 133px;
    height: auto;
    font-size: 90%;
}
#clen th {
    width: 21px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 72%;
    font-weight: normal;
    line-height: 1.1;
}
#clen th#sun {
    color: #ff4040;
}
#clen th#sat {
    color: #4040ff;
}
#clen td {
    border: 1px solid #ffffff;
    width: 21px;
    text-align: right;
    line-height: 1.1;
}
#clen td#today {
    border: 1px solid #ff4040;
}
/* ページ構造 */
#outframe {
    margin: 0 auto;
    padding: 0;
    width: 970px;
    height: auto;
    overflow: hidden;
    background: url(page_asset/outframe_back.jpg) repeat-y;
}
#main {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(page_asset/main_back.jpg) top left no-repeat;
}
/* サイドバー部構造 */
#left {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 205px;
    height: auto;
    overflow: hidden;
}
#logo {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 188px;
    overflow: hidden;
}
#logo a {
    display: block;
    margin: 56px 0 0;
    padding: 0;
    width: 205px;
    height: 70px;
}
#menu {
    margin: 0 3px 0;
    padding: 0;
    width: 195px;
    height: auto;
}
#menu .item {
    margin: 0 0 3px;
    padding: 0;
    width: 100%;
    height: 33px;
}
#menu #message {
/*    margin: 0 0 80px*/
    height: 68px;
}
#menu #campaign {
    margin: 80px 0 3px;
    height: 120px;
}
#menu #astavita {
    height: 120px;
}
#menu #about-asta {
    height: 120px;
}
#left-bottom {
    margin: 0;
    padding: 0;
    width: auto;
    height: 140px;
}
/* 本体部構造 */
#right {
    float:left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 760px;
    height: auto;
    overflow: hidden;
}
/* ヘッダー部構造 */
#header {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 337px;
}
#top-image {
    margin: 0;
    padding: 34px 50px 0;
    width: 660px;
    height: 275px;
    overflow: hidden;
}
/* コンテンツ部構造 */
#page-body {
    margin: 0 8px 0 0;
    padding: 0 0 70px;
    width: 625px;
    height: auto;
    background: #ffffff;
    color: #000000;
}
#blog-right {
    float: right;
    display: inline;
    margin: 0 0 50px 0;
    padding: 0;
    width: 165px;
    height: auto;
}
#blog-right.blog {
    margin-top: 32px;
}
#blog-right li {
    list-style-type: none;
}
#blog-left {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 520px;
    height: auto;
}
/* ページナビ部構造 */
#page-header-navi,
#page-footer-navi {
    margin: 2px 0 5px;
    font-size: 90%;
}
#page-footer-navi {
    margin-right: 20px;
    text-align: right;
}
/* フッター部構造 */
#copy {
    color: #808080;
    font-size: 90%;
}
#footer {
    margin: 0;
    padding: 0;
    width: 984px;
    height: 8px;
    overflow: hidden;
    background: url(page_asset/footer.gif) top left no-repeat;
}