@charset "utf-8";

/* -------------------------------------------------------------------
  スクロールバー  [IE専用]
------------------------------------------------------------------- */
html, body {
  scrollbar-3dlight-color : #FFCCFF;
  scrollbar-arrow-color : #000000;
  scrollbar-darkshadow-color : #000000;
  scrollbar-face-color : #FFCCFF;
  scrollbar-highlight-color : #FFFFFF;
  scrollbar-shadow-color : #000000;
}

/* -------------------------------------------------------------------
  背景・背景色・フォント・前景色・下線  [デフォルト]
------------------------------------------------------------------- */
body {
  background-image : url("../image/background.png");
  background-repeat : repeat-x;
  background-attachment : fixed;
  background-color : #FFFFFF;
  color : #000000;
  font-family : "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "Droid Sans", sans-serif;
}

#main {
  background-color : #FFFFFF;
}

a:link {
  color : #0066CC;
}

a:visited {
  color : #B973B9;
}

a:hover {
  background-color : #FFCCCC;
  text-decoration : none;
}

/* -------------------------------------------------------------------
  タグ指定スタイル  [デフォルト]
------------------------------------------------------------------- */
html {
  overflow-y : scroll;
}

body {
  word-wrap : break-word;
}

img {
  vertical-align : text-bottom;
}

ol {
  list-style-type : decimal-leading-zero;
}

/* -------------------------------------------------------------------
  タグ指定スタイル・ベース  [共通]
------------------------------------------------------------------- */
html, body, #base {
  height : 100%;
}

/* -------------------------------------------------------------------
  ベース

    幅980pxで中央配置
------------------------------------------------------------------- */
#base {
  width : 980px;
  margin : 0 auto;
}

/* -------------------------------------------------------------------
  ヘッダー

    ※IE6、IE7の高さは、ボーダー幅を含めない
------------------------------------------------------------------- */
#header {
  position : relative;
  height : 146px;
  *height : 144px; /* IE6, IE7 */
  border : 1px solid #999999;
  background-image : url(../image/header.png);
  background-repeat : no-repeat;
  background-color : #C0C0C0;
  line-height : normal;
}

#header .modeGroup {
  height : 50px;
  *height : 30px; /* IE6, IE7 */
  padding : 10px;
  line-height : 30px;
}

#header .mode, #header .script {
  list-style-type : none;
  margin : 0;
  padding : 0;
}

#header .mode li, #header .script li {
  float : left;
  padding : 0;
  background-color : transparent;
}

#header .mode li.paddingLeft10, #header .script li.paddingLeft10 {
  padding-left : 10px;
}

#header .mode a:link, #header .mode a:visited, #header .script a:link, #header .script a:visited {
  color : #0066CC;
}

#header .mode a:hover, #header .script a:hover {
  background-color : #FFCCCC;
  text-decoration : none;
}

#header .title {
  height : 144px;
  line-height : 144px;
  text-align : center;
  vertical-align : middle;
}

#header .title img {
  height : 74px;
  _margin : 24px 0; /* IE6 */
  vertical-align : middle;
}

/* -------------------------------------------------------------------
  メインベース

    ヘッダーとフッターの高さ分を内側の余白とみなし、領域を狭める

    ※IE6、IE7は、display:table非対応
    ※IE8以下は、メディアクエリ非対応
    ※IE6、IE7の幅は、ボーダー幅を含めない
    ※IE6は、min-height非対応のため、CSSハックで代用
------------------------------------------------------------------- */
#mainBase {
  display : table;
  *display : block; /* IE6, IE7 */
  width : 100%;
  *width : 978px; /* IE6, IE7 */
  height : inherit !important;
  _height : 100%; /* IE6 */
  min-height : 100%;
  margin : -146px 0 -52px 0;
  padding : 146px 0 52px 0;
  border-right : 1px solid #999999;
  border-left : 1px solid #999999;
  table-layout : fixed;
}

#mainBase .tbody {
  display : table-row-group;
}

#mainBase .tr {
  display : table-row;
}

#mainBase .td {
  display : table-cell;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  height : 100%;
}

/* -------------------------------------------------------------------
  メイン

    ※IE6、IE7は、display:table非対応
    ※IE8以下は、メディアクエリ非対応
    ※IE6は、min-height非対応のため、CSSハックで代用
------------------------------------------------------------------- */
#main {
  display : table;
  *display : block; /* IE6, IE7 */
  width : 100%;
  height : inherit !important;
  _height : 100%; /* IE6 */
  min-height : 100%;
  table-layout : fixed;
}

/* -------------------------------------------------------------------
  サイドバー(左側)

    ※IE6、IE7は、display:table-cell非対応のため、inline-block相当の代用
    ※IE6、IE7は、display:inline-block非対応のため、display:inline、zoom:1で代用
    ※IE6、IE7の幅は、ボーダー幅、paddingを含めない
    ※IE6、IE7は、インライン要素のためボーダーはなし
    ※IE6、IE7は、インライン要素のため、透明色を設定し#mainを継承
------------------------------------------------------------------- */
#leftSidebar {
  display : table-cell;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  width : 182px;
  *width : 172px; /* IE7 */
  _width : 170px; /* IE6 */
  padding : 10px 0 10px 10px;
  text-align : center;
  vertical-align : top;
  height : 100%;
}

#leftSidebar * {
  _height : auto; /* IE6 */
}

/* -------------------------------------------------------------------
  コンテンツ

    ※IE6、IE7は、display:table-cell非対応のため、inline-block相当の代用
    ※IE6、IE7は、display:inline-block非対応のため、display:inline、zoom:1で代用
------------------------------------------------------------------- */
#content {
  display : table-cell;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  padding : 10px;
  *width : 776px; /* IE6, IE7 */
  max-width : 776px;
  vertical-align : top;
  height : 100%;
}

#content p {
  _height : auto; /* IE6 */
}

/* -------------------------------------------------------------------
  メニュー
------------------------------------------------------------------- */
#menu {
  border : 1px solid #999999;
  -moz-border-radius : 7px;
  -webkit-border-radius : 7px;
  border-radius : 7px;
  background-color : #C0C0C0;
}

#menu ul {
  list-style-type : none;
  margin-top : 5px;
  margin-bottom : 0;
  padding : 0 5px;
  color : transparent;
}

#menu li {
  padding-top : 0px;
  padding-bottom : 0px;
  margin-bottom : 5px;
  line-height : 0;
}

#menu li a {
  line-height : normal;
}

/* -------------------------------------------------------------------
  フッター

    ※IE6、IE7の高さは、ボーダー幅を含めない
------------------------------------------------------------------- */
#footer {
  height : 52px;
  *height : 50px; /* IE6, IE7 */
  border : 1px solid #999999;
  background-color : #C0C0C0;
  font-size : small;
  line-height : 50px;
  text-align : center;
}

#footer div {
  line-height : 1.5;
  vertical-align : middle;
}

/* -------------------------------------------------------------------
  SP用メニューベース
------------------------------------------------------------------- */
#spMenuBase {
  display : none;
}

/* -------------------------------------------------------------------
  ページトップへ戻るボタンベース
------------------------------------------------------------------- */
#backToTopBase {
  display : none;
  position : fixed;
  bottom : 30px;
  width : inherit;
  padding-right : 10px;
  text-align : right;
  background-color : transparent;
}

/* -------------------------------------------------------------------
  内部用ボタン・外部用ボタン・シェア用ボタン  [共通]
------------------------------------------------------------------- */
.buttonBorder, .shareButtonBorder {
  *padding-right : 2px; /* IE7 */
  _padding-right : 0; /* IE6 */
  overflow : hidden;
  -moz-border-radius : 7px;
  -webkit-border-radius : 7px;
  border-radius : 7px;
}

.shareButtonBorder {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  -moz-border-radius : 3px;
  -webkit-border-radius : 3px;
  border-radius : 3px;
}

.buttonBorder a, .buttonBorder .buttonBody, .shareButtonBorder a {
  display : block;
  width : 100%;
  height : 100%;
  padding : 7px 0;
  border : 1px solid #999999;
  -moz-border-radius : 7px;
  -webkit-border-radius : 7px;
  border-radius : 7px;
  -moz-box-shadow : inset 1px 1px #FBC1D0;
  -webkit-box-shadow : inset 1px 1px #FBC1D0;
  box-shadow : inset 1px 1px #FBC1D0;
  -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FFFFCCCC, EndColorStr=#FFFF6699)"; /* IE8, IE9 */
  *filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FFFFCCCC, EndColorStr=#FFFF6699); /* IE6, IE7 */
  background-image : -moz-linear-gradient(top, #FFCCCC, #FF6699);
  background-image : -o-linear-gradient(top, #FFCCCC, #FF6699);
  background-image : -webkit-linear-gradient(top, #FFCCCC, #FF6699);
  background-image : linear-gradient(to bottom, #FFCCCC, #FF6699);
  background-color : #FF6699;
  color: #FFFFFF;
  text-decoration : none;
  text-align : center;
  text-shadow : 0 1px 1px #FF6699;
  outline : none;
  -moz-transition : all .3s;
  -o-transition : all .3s;
  -webkit-transition : all .3s;
  transition : all .3s;
}

.shareButtonBorder a {
  _width : 90px;
  border : 0;
  padding : 2px 4px;
  -moz-border-radius : 3px;
  -webkit-border-radius : 3px;
  border-radius : 3px;
  font-size : 10px;
}

.externalSite a, .externalSite .buttonBody {
  -moz-box-shadow : inset 1px 1px #66B3FF;
  -webkit-box-shadow : inset 1px 1px #66B3FF;
  box-shadow : inset 1px 1px #66B3FF;
  -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FF99CCFF, EndColorStr=#FF2894FF)"; /* IE8, IE9 */
  *filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FF99CCFF, EndColorStr=#FF2894FF); /* IE6, IE7 */
  background-image : -moz-linear-gradient(top, #99CCFF, #2894FF);
  background-image : -o-linear-gradient(top, #99CCFF, #2894FF);
  background-image : -webkit-linear-gradient(top, #99CCFF, #2894FF);
  background-image : linear-gradient(to bottom, #99CCFF, #2894FF);
  background-color : #2894FF;
  text-shadow : 0 1px 1px #2894FF;
}

.buttonBorder a:link {
  color: #FFFFFF;
}

.buttonBorder a:visited {
  color: #FFFFFF;
}

.buttonBorder a:hover, .buttonBorder .buttonBody:hover {
  -moz-box-shadow : inset 1px 1px #FBC1D0;
  -webkit-box-shadow : inset 1px 1px #FBC1D0;
  box-shadow : inset 1px 1px #FBC1D0;
  -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FFFF6699, EndColorStr=#FFFFCCCC)"; /* IE8, IE9 */
  *filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FFFF6699, EndColorStr=#FFFFCCCC); /* IE6, IE7 */
  background-image : -moz-linear-gradient(top, #FF6699, #FFCCCC);
  background-image : -o-linear-gradient(top, #FF6699, #FFCCCC);
  background-image : -webkit-linear-gradient(top, #FF6699, #FFCCCC);
  background-image : linear-gradient(to bottom, #FF6699, #FFCCCC);
  background-color : #FF6699;
  color : #913944;
}

.externalSite a:hover, .externalSite .buttonBody:hover {
  -moz-box-shadow : inset 1px 1px #66B3FF;
  -webkit-box-shadow : inset 1px 1px #66B3FF;
  box-shadow : inset 1px 1px #66B3FF;
  -ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FF2894FF, EndColorStr=#FF99CCFF)"; /* IE8, IE9 */
  *filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#FF2894FF, EndColorStr=#FF99CCFF); /* IE6, IE7 */
  background-image : -moz-linear-gradient(top, #2894FF, #99CCFF);
  background-image : -o-linear-gradient(top, #2894FF, #99CCFF);
  background-image : -webkit-linear-gradient(top, #2894FF, #99CCFF);
  background-image : linear-gradient(to bottom, #2894FF, #99CCFF);
  background-color : #2894FF;
  color : #386592;
}

.buttonBorder a:active, .buttonBorder .buttonBody:active {
  -moz-box-shadow : 1px 1px #FFFFFF, inset 0 1px 1px rgba(0, 0, 0, .3);
  -webkit-box-shadow : 1px 1px #FFFFFF, inset 0 1px 1px rgba(0, 0, 0, .3);
  box-shadow : 1px 1px #FFFFFF, inset 0 1px 1px rgba(0, 0, 0, .3);
}

/* -------------------------------------------------------------------
   コンテンツ内ボタン
------------------------------------------------------------------- */
.contentButton {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  width : 9em;
  _padding-right : 2px; /* IE6 */
  vertical-align : bottom;
}

/* -------------------------------------------------------------------
  ページトップへ戻るボタン
------------------------------------------------------------------- */
.backToTopButton {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  -ms-filter : "alpha(opacity=90)"; /* IE8, IE9 */
  *filter : alpha(opacity=90); /* IE6, IE7 */
  -moz-opacity : 0.9;
  opacity : 0.9;
  width : 9em;
  cursor : pointer;
}

/* -------------------------------------------------------------------
  ページトップへ戻るボタンテキスト
------------------------------------------------------------------- */
.backToTopButtonText {
  margin-left : 10px;
  vertical-align : middle;
}

/* -------------------------------------------------------------------
  SP用メニューボタンマーク・ページトップへ戻るボタンマーク(共通)
------------------------------------------------------------------- */
.backToTopButtonMark, .spMenuButtonMark {
  font-size : xx-small;
  vertical-align : middle;
}

/* -------------------------------------------------------------------
  ページトップリンク
------------------------------------------------------------------- */
.links {
  margin-bottom : 7px;
  background-color : #FFFFFF;
}

/* -------------------------------------------------------------------
  シェア機能
------------------------------------------------------------------- */
.share {
  text-align : right;
  line-height : 1;
}

.share ul {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  list-style-type : none;
  margin : 0;
  padding : 0;
  text-align : right;
}

.share * {
  vertical-align : middle;
  line-height : 1;
}

.share li {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  padding : 0;
  margin-bottom : 10px;
}

.share a {
  line-height : 100%;
}

/* -------------------------------------------------------------------
  見出し1
------------------------------------------------------------------- */
.caption1 {
  margin-bottom : 10px;
  padding : 10px;
  border-width : 3px 3px 3px 10px;
  border-style : solid;
  border-color : #FF99CC;
  background-color : #FFCCFF;
  font-size : large;
}

.caption1 * {
  background-color : #FFCCFF;
}

.caption1 .date {
  font-size : small;
  text-align : right;
}

/* -------------------------------------------------------------------
  見出し2
------------------------------------------------------------------- */
.caption2 {
  margin-bottom : 10px;
  padding : 5px;
  border-width : 1px 1px 1px 5px;
  border-style : solid;
  border-color : #FF99CC;
  background-color : #FFCCFF;
}

.caption2 * {
  background-color : #FFCCFF;
}

/* -------------------------------------------------------------------
  見出し3
------------------------------------------------------------------- */
.caption3 {
  margin-bottom : 10px;
  padding : 5px;
  border-width : 1px 1px 1px 5px;
  border-style : solid;
  border-color : #66CCFF;
  background-color : #E0FFFF;
}

.caption3 * {
  background-color : #E0FFFF;
}

/* -------------------------------------------------------------------
  見出しグループインデント・リストグループインデント [共通]
------------------------------------------------------------------- */
.contentGroupIndent, .captionGroupIndent, .listGroupIndent {
  padding-left : 1em;
}

/* -------------------------------------------------------------------
  情報ボックス(ヘッダー)
------------------------------------------------------------------- */
.infoBoxHeader {
  padding : 7px;
  border : 1px solid #999999;
  -moz-border-radius : 7px 7px 0 0;
  -webkit-border-radius : 7px 7px 0 0;
  border-radius : 7px 7px 0 0;
  background-color : #E9EEF1;
  text-align : center;
}

/* -------------------------------------------------------------------
  情報ボックス(本体)
------------------------------------------------------------------- */
.infoBoxBody {
  padding : 7px;
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color : #999999;
  -moz-border-radius : 0 0 7px 7px;
  -webkit-border-radius : 0 0 7px 7px;
  border-radius : 0 0 7px 7px;
  background-color : #E0FFFF;
  text-align : left;
}

.infoBoxBody li {
  background-color : #E0FFFF;
}

.infoBoxBody li p {
  background-color : #E0FFFF;
}

/* -------------------------------------------------------------------
  カレンダー表示部分(親)
------------------------------------------------------------------- */
.calendarParent {
  margin-left : 23em;
  *margin-left : 0; /* IE6, IE7 */
}

/* -------------------------------------------------------------------
  カレンダー左側
------------------------------------------------------------------- */
.calendarLeft {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  width : 100%;
  *width : 23em; /* IE6, IE7 */
  margin-left : -23em;
  *margin-left : 0; /* IE6, IE7 */
  text-align : left;
  vertical-align : top;
}

/* -------------------------------------------------------------------
  更新情報
------------------------------------------------------------------- */
.updateInfoBody {
  padding-top : 2px;
  padding-bottom : 2px;
  height : 17em;
  overflow : auto;
  -moz-border-radius : 0;
  -webkit-border-radius : 0;
  border-radius : 0;
}

.updateInfoBody td, .updateInfoBody th {
  border-width : 0 0 1px 0;
  border-style : dashed;
  border-color : #999999;
}

.updateInfoBody td {
  padding : 3px 5px;
  vertical-align : top;
}

.updateInfoBody th {
  padding : 5px;
  text-align : left;
  white-space : nowrap;
  vertical-align : top;
}

.updateInfoBody td.end, .updateInfoBody th.end {
  border-bottom : 0;
}

.updateInfoBody ul {
  margin-top : 0;
  margin-bottom : 0;
  padding : 0px 0 0 20px;
}

.updateInfoBody li {
  background-color : #E0FFFF;
}

/* -------------------------------------------------------------------
  カレンダー
------------------------------------------------------------------- */
#MiwaAppCalendar {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  margin-left : 10px;
}

/* -------------------------------------------------------------------
  タイマーメッセージ
------------------------------------------------------------------- */
#timerMessage {
  margin-top : 10px;
  padding : 10px;
  border : 1px solid #999999;
  -moz-border-radius : 7px;
  -webkit-border-radius : 7px;
  border-radius : 7px;
  background-color : #FFFFFF;
  text-align : center;
}

/* -------------------------------------------------------------------
  コンテンツメニュー
------------------------------------------------------------------- */
.contentMenu {
  padding : 7px;
  border : 1px solid #999999;
  -moz-border-radius : 7px;
  -webkit-border-radius : 7px;
  border-radius : 7px;
  background-color : #E0FFFF;
}

.contentMenu p {
  background-color : #E0FFFF;
}

.contentMenu .group {
  margin-top : 10px;
  padding : 0 10px;
}

.contentMenu .info {
  font-size : small;
}

/* -------------------------------------------------------------------
  コンテンツ インデックス・コンテンツ リスト [共通]
------------------------------------------------------------------- */
.contentIndex, .contentList {
  padding-right : 0;
}

.contentIndex, ul.contentList {
  padding-left : 30px;
}

ul.contentListNested {
  padding-left : 20px;
}

.contentIndex p, ul.contentList p {
  margin-top : 3px;
  margin-bottom : 3px;
}

/* -------------------------------------------------------------------
  境界線
------------------------------------------------------------------- */
.groupRule {
  border-bottom : 1px dashed #999999;
}

/* -------------------------------------------------------------------
  サイト情報
------------------------------------------------------------------- */
.siteInfo {
  padding : 7px;
  border : 1px solid #999999;
  -moz-border-radius : 7px;
  -webkit-border-radius : 7px;
  border-radius : 7px;
  background-color : #E0FFFF;
}

.siteInfo p {
  background-color : #E0FFFF;
}

.siteInfo table {
  width : 100%;
  border-collapse : collapse;
}

.siteInfo td {
  vertical-align : middle;
}

.siteInfo .info {
  font-size : small;
}

/* -------------------------------------------------------------------
  ダウンロードファイル一覧エリア
------------------------------------------------------------------- */
.downloadFiles {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  width : 100%;
  *width : 350px;
  max-width : 350px;
  vertical-align : top;
}

/* -------------------------------------------------------------------
  ダウンロードファイル一覧
------------------------------------------------------------------- */
.downloadFilesBody {
  padding-right : 0;
  padding-left : 0;
}

.downloadFilesBody ul {
  margin-top : 0;
  margin-right : 10px;
  margin-bottom : 0;
}

.downloadFilesBody li {
  background-color : #E0FFFF;
}

/* -------------------------------------------------------------------
  ダウンロードエリア
------------------------------------------------------------------- */
.downloadArea {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  vertical-align : top;
}

.downloadBox {
  width : 100%;
  *width : 350px; /* IE6, IE7 */
  max-width : 350px;
  margin-left : 10px;
  padding : 10px;
  border : 1px solid #999999;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius : 7px;
  background-color : #E0FFFF;
}

/* -------------------------------------------------------------------
  サンプル・コマンド・コンソール出力・引用・公式 [共通]
------------------------------------------------------------------- */
.sample, .command, .consoleOutput, .quote, .formula, .contentInfo {
  width : 100%;
  *width : 748px; /* IE6, IE7 */
  padding : 10px;
  border : solid 1px #999999;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius : 7px;
  background-color : #E0FFFF;
}

.contentList .command {
  *width : 714px; /* IE6, IE7 */
}

.sample, .command p, .consoleOutput p, .quote p, .formula p, .contentInfo * {
  background-color : #E0FFFF;
}

.sample {
  margin-bottom : 10px;
}

.command, .consoleOutput, .quote, .contentInfo {
  padding-top : 0;
  padding-bottom : 0;
}

.sample .group {
  padding : 10px;
}

.sample textarea {
  width : 100%;
}

/* -------------------------------------------------------------------
  スペーサー(5px)
------------------------------------------------------------------- */
.spacer5 {
  clear : both;
  width : 5px;
  height : 5px;
}

/* -------------------------------------------------------------------
  スペーサー(10px)
------------------------------------------------------------------- */
.spacer10 {
  clear : both;
  width : 10px;
  height : 10px;
}

/* -------------------------------------------------------------------
  スペーサー(20px)
------------------------------------------------------------------- */
.spacer20 {
  clear : both;
  width : 20px;
  height : 20px;
}

/* -------------------------------------------------------------------
  スキル証明書
------------------------------------------------------------------- */
.certificate {
  width : 100%;
  _width : 776px; /* IE6 */
  height : auto;
  _height : 753px; /* IE6 */
}

/* -------------------------------------------------------------------
  お願い
------------------------------------------------------------------- */
.request {
  width : 100%;
  max-width : 600px;
  margin : 0 auto;
}

.request ul {
  margin-top : 0;
  margin-bottom : 0;
  padding-right : 0;
  padding-left : 30px;
}

/* -------------------------------------------------------------------
  コードタイトル
------------------------------------------------------------------- */
.descriptionTitle {
  margin : 0;
  padding : 0;
  line-height : 1.2;
  font-family : monospace;
}

/* -------------------------------------------------------------------
  コード行
------------------------------------------------------------------- */
.description .codeLine {
  zoom : 1;
  border-width : 0 1px 0 1px;
  border-style : solid;
  border-color : #999999;
  overflow : hidden;
  overflow-x : hidden;
  overflow-y : hidden;
}

/* -------------------------------------------------------------------
  コード行改行
------------------------------------------------------------------- */
.description .codeLineClear {
  clear : both;
  height : 0;
}

/* -------------------------------------------------------------------
  行番号・コード [共通]
------------------------------------------------------------------- */
.description .line, .description .code {
  padding : 3px;
  border-top : 1px dotted #999999;
  font-size : medium;
  line-height : 1.3;
  font-family : monospace;
}

/* -------------------------------------------------------------------
  行番号
------------------------------------------------------------------- */
.description .line {
  float : left;
  width : 3.8em;
  text-align : center;
}

/* -------------------------------------------------------------------
  コード
------------------------------------------------------------------- */
.description .code {
  margin-left : 3.8em;
  border-left : 2px solid #009900;
  word-wrap : break-word;
}

/* -------------------------------------------------------------------
  1行目・1行のみ [共通]
------------------------------------------------------------------- */
.description .top, .description .only {
  border-top : 1px solid #999999;
}

/* -------------------------------------------------------------------
  最終行・1行のみ [共通]
------------------------------------------------------------------- */
.description .end, .description .only {
  border-bottom : 1px solid #999999;
}

/* -------------------------------------------------------------------
  1行目・1行のみ [共通]
------------------------------------------------------------------- */
.description .top .line, .description .top .code, .description .only .line, .description .only .code {
  border-top : 0;
}

/* -------------------------------------------------------------------
  奇数行
------------------------------------------------------------------- */
.description .odd {
  background-color: #FFFFFF;
}

/* -------------------------------------------------------------------
  偶数行
------------------------------------------------------------------- */
.description .even {
  background-color: #E9EEF1;
}

/* -------------------------------------------------------------------
  行高
------------------------------------------------------------------- */
.lineHeight {
  line-height : 1.5;
}

/* -------------------------------------------------------------------
  インデント
------------------------------------------------------------------- */
.indent {
  text-indent : 1em;
}

/* -------------------------------------------------------------------
  グループ
------------------------------------------------------------------- */
.group {
  margin-top : 10px;
  margin-bottom : 10px;
}

/* -------------------------------------------------------------------
  min-height相当セル

    table要素では、min-height非対応のため、高さを設定した、幅0pxの透明セルで代用

    ※IE6、IE7は、display:table-cell非対応のため、inline-block相当の代用
    ※IE6、IE7は、display:inline-block非対応のため、display:inline、zoom:1で代用
------------------------------------------------------------------- */
.minHeightCell {
  display : table-cell;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  width : 0;
  height : 100%;
  background-color : transparent;
}

/* -------------------------------------------------------------------
  float解除
------------------------------------------------------------------- */
.floatClear {
  display : block;
  visibility : hidden;
  clear : both;
  height : 0;
  font-size : 0;
}

/* -------------------------------------------------------------------
  中央揃え
------------------------------------------------------------------- */
.textCenter {
  text-align : center;
}

/* -------------------------------------------------------------------
  右寄せ
------------------------------------------------------------------- */
.textRight {
  text-align : right;
}

/* -------------------------------------------------------------------
  左寄せ
------------------------------------------------------------------- */
.textLeft {
  text-align : left;
}

/* -------------------------------------------------------------------
  上寄せ
------------------------------------------------------------------- */
.textTop {
  vertical-align : top;
}

/* -------------------------------------------------------------------
  中央揃え
------------------------------------------------------------------- */
.textMiddle {
  vertical-align : middle;
}

/* -------------------------------------------------------------------
  下寄せ
------------------------------------------------------------------- */
.textBottom {
  vertical-align : bottom;
}

/* -------------------------------------------------------------------
  要素幅で強制改行
------------------------------------------------------------------- */
.wordBreakAll {
  word-break : break-all 
}

/* -------------------------------------------------------------------
  要素下に10pxの余白
------------------------------------------------------------------- */
.marginBottom10 {
  margin-bottom : 10px;
}

/* -------------------------------------------------------------------
  表示
------------------------------------------------------------------- */
.displayBlock {
  display : block;
}

.displayInline {
  display : inline;
}

.displayInlineBlock {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
}

/* -------------------------------------------------------------------
  非表示
------------------------------------------------------------------- */
.displayNone {
  display : none;
}

/* -------------------------------------------------------------------
  等幅フォント
------------------------------------------------------------------- */
.fontMonospace {
  font-family : monospace;
}

/* -------------------------------------------------------------------
  文字色
------------------------------------------------------------------- */
.fontColorFF0000 {
  color : #FF0000;
}

.fontColor0000FF {
  color : #0000FF;
}

.fontColor2B91AF {
  color : #2B91AF;
}

.fontColor008000 {
  color : #008000;
}

.fontColorA31515 {
  color : #A31515;
}

.fontColor808080 {
  color : #808080;
}

/* -------------------------------------------------------------------
  PRバナー
------------------------------------------------------------------- */
#PRBanner {
  text-align : center;
}

#PRBanner .border {
  display : inline-block;
  *display : inline; /* IE6, IE7 */
  *zoom : 1; /* IE6, IE7 */
  max-width : 748px;
  padding : 0 10px;
  border : 1px solid #999999;
  -moz-border-radius : 7px;
  -webkit-border-radius : 7px;
  border-radius : 7px;
  background-color : #E0FFFF;
  text-align : left;
}

#PRBanner .border p {
  background-color : #E0FFFF;
}

#PRBanner img {
  width : 100%;
  max-width : 728px;
  height : auto;
  max-height : 90px;
}

#PRBanner a:hover {
  background-color : transparent;
}