/* -*- Mode: css; Encoding: Shift_JIS -*- */
/****************************************************************
 *  一般事項
 ***************************************************************/
* {
  margin:                0px;
  padding:               0px;
  border:                none;
  color:                 #333333;
  font-family:           Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, arial, "lucida grande", sans-serif;
  font-size:             small;
  list-style-type:       none;
  text-decoration:       none;
}

/****************************************************************
 *  汎用
 ***************************************************************/
/* 左寄せ */
.align_l {
  text-align:            left;
}

/* 中央寄せ */
.align_c {
  text-align:            center;
  margin-left:           auto;
  margin-right:          auto;
}

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

/* アンカー */
a {
  color:                 #a80bb5;
}

a:hover {
  text-decoration:       underline;
}

/* リスト */
ul.disc li {
  list-style-type:       disc;
}

/****************************************************************
 *  領域設定
 ***************************************************************/
/* ボディ */
body {
  background:            #cfcfcf url('./img/bg_body.gif') repeat-x left top;
  text-align:            center;
}

/* ラッパー（フッターはラッパー内に含まない） */
div#wrapper {
  width:                 924px;
  min-width:             924px;
  margin-left:           auto;
  margin-right:          auto;
  text-align:            left;
}

/* ヘッダー */
div#header {
  background:            #ffffff;
  height:                82px;
  padding-top:           0px;
  padding-bottom:        6px;
}

/* キャッチ */
h2#catch {
  height:                264px;
  width:                 924px;
  /* 背景は下記で指定 */
}
h2#sl {
  height:                268px;
  width:                 934px;
  /* 背景は下記で指定 */
}

/* パンくずリスト */
ul#topic_path {
  margin-top:            20px;
}

/* 内容 */
div#content {
  clear:                 both;
  min-height:            300px;
  height:                auto !important;
  margin-bottom:         20px;
  padding-top:           10px;
  /* clearfix流 */
  overflow:              hidden;
  zoom:                  1;
}

div#content_left {
  float:                 left;
  width:                 637px;
}

div#content_left span.content_left_top, div#content_left span.content_left_bottom {
  height:                15px;
  width:                 637px;
  display:               block;
}

div#content_left span.content_left_top {
  background:            transparent url('./img/bg_content_left_top.gif') no-repeat left bottom;
}

div#content_left div.content_left_mid {
  background:            transparent url('./img/bg_content_left_mid.gif') repeat-y left top;
}

div#content_left span.content_left_bottom {
  background:            transparent url('./img/bg_content_left_bottom.gif') no-repeat left top;
  padding-bottom:        30px;
}

div#content_right {
  float:                 right;
  width:                 250px;
  text-align:            center;
  padding-bottom:        30px;
}

/* フッター */
div#footer {
  clear:                 both;
  height:                129px;
  background:            #ffffff url('./img/bg_footer.gif') repeat-x left -16px;
  text-align:            center;
}

/****************************************************************
 *  パーツ設定（ヘッダ）
 ***************************************************************/
div#header h1#logo a {
  float:                 left;
  display:               block;
  width:                 190px;
  height:                64px;
  background:            transparent url('./img/logo.gif') no-repeat left top;
  text-indent:           -9999px;
}

/* グローバルナビゲーション */
ul#gnavi {
  float:                 right;
  height:                58px;
  width:                 702px;
  /*padding-top:           5px;*/
  padding-top:           0px;
}

ul#gnavi li {
  float:                 left;
}

ul#gnavi li a {
  display:               block;
  width:                 117px;
  height:                58px;
  text-indent:           -9999px;
}

ul#gnavi li#gnavi_01 a {
  background:            transparent url('./img/gnavi.gif') no-repeat left top;
}

ul#gnavi li#gnavi_01 a:hover {
  background:            transparent url('./img/gnavi.gif') no-repeat left -62px;
}

ul#gnavi li#gnavi_01.current a {
  background:            transparent url('./img/gnavi.gif') no-repeat left -63px;
}

ul#gnavi li#gnavi_02 a {
  background:            transparent url('./img/gnavi.gif') no-repeat -120px top;
}

ul#gnavi li#gnavi_02 a:hover {
  background:            transparent url('./img/gnavi.gif') no-repeat -120px -62px;
}

ul#gnavi li#gnavi_02.current a {
  background:            transparent url('./img/gnavi.gif') no-repeat -120px -63px;
}

ul#gnavi li#gnavi_03 a {
  background:            transparent url('./img/gnavi.gif') no-repeat -237px top;
}

ul#gnavi li#gnavi_03 a:hover {
  background:            transparent url('./img/gnavi.gif') no-repeat -237px -62px;
}

ul#gnavi li#gnavi_03.current a {
  background:            transparent url('./img/gnavi.gif') no-repeat -237px -63px;
}

ul#gnavi li#gnavi_04 a {
  background:            transparent url('./img/gnavi.gif') no-repeat -354px top;
}

ul#gnavi li#gnavi_04 a:hover {
  background:            transparent url('./img/gnavi.gif') no-repeat -354px -62px;
}

ul#gnavi li#gnavi_04.current a {
  background:            transparent url('./img/gnavi.gif') no-repeat -354px -63px;
}

ul#gnavi li#gnavi_05 a {
  background:            transparent url('./img/gnavi.gif') no-repeat -471px top;
}

ul#gnavi li#gnavi_05 a:hover {
  background:            transparent url('./img/gnavi.gif') no-repeat -471px -62px;
}

ul#gnavi li#gnavi_05.current a {
  background:            transparent url('./img/gnavi.gif') no-repeat -471px -63px;
}

ul#gnavi li#gnavi_06 a {
  background:            transparent url('./img/gnavi.gif') no-repeat -588px top;
}

ul#gnavi li#gnavi_06 a:hover {
  background:            transparent url('./img/gnavi.gif') no-repeat -588px -62px;
}

ul#gnavi li#gnavi_06.current a {
  background:            transparent url('./img/gnavi.gif') no-repeat -588px -63px;
}

/****************************************************************
 *  パーツ設定（キャッチ）
 *   background:            #ffffff url('./img/bg_catch.gif') no-repeat left top;  text-indent:           -9999px;
 ***************************************************************/
h2#catch {
  background:            #ffffff url('./img/bg_catch.gif') no-repeat left top;
  text-indent:           -9999px;
}
h2#sl {
}

/****************************************************************
 *  パーツ設定（パンくずリスト）
 ***************************************************************/
ul#topic_path li {
  float:                 left;
}

/****************************************************************
 *  パーツ設定（内容）
 ***************************************************************/
div#content div#content_left div.content_left_mid {
  padding-left:          15px;
  padding-right:         15px;
}

div#content div#content_left h2 {
  clear:                 both;
  background:            #ffffff url('./img/bg_h2.gif') no-repeat left top;
  height:                43px;
  margin-bottom:         5px;
  padding-top:           10px;
  padding-left:          40px;
  color:                 #ffffff;
  font-weight:           bold;
  font-size:             18px;
}

div#content div#content_left h3 {
  clear:                 both;
  background:            #ffffff url('./img/bg_h3.gif') no-repeat left 2px;
  margin-top:            20px;
  margin-bottom:         10px;
  margin-right:          10px;
  padding-left:          18px;
  padding-bottom:        2px;
  border-bottom:         1px solid #999999;
}

div#content div#content_left div.column_box {
  clear:                 both;
  margin-top:            10px;
  margin-bottom:         10px;
  /* clearfix流 */
  overflow:              hidden;
  zoom:                  1;
}

div#content div#content_left div.column_box .column_left {
  float:                 left;
  width:                 100px;
  padding:               0px;
}

div#content div#content_left div.column_box .column_right {
  float:                 left;
  width:                 500px;
  padding:               0px;
}

div#content div#content_left p, div#content div#content_left a {
  line-height:           18px;
}

div#content div#content_left a.mark {
  background:            #ffffff url('./img/mark_anchor_purple.gif') no-repeat left 5px;
  padding-left:          18px;
}

div#content div#content_left a:hover {
  color:                 #a80bb5;
  text-decoration:       underline;
}

div#content div#content_left table {
  border-collapse:       collapse;
}

div#content div#content_left table th, div#content div#content_left table td {
  /*border:                1px solid #d1e9ff;*/
  border:                1px solid #dddddd;
  padding:               20px;
  padding-right:         50px;
}

div#content div#content_left table th {
  /*background:            #dfe1ff url('./img/bg_th.gif') repeat-x left top;*/
  background:            #e0bfff url('./img/bg_th.gif') repeat-x left top;
  font-weight:           normal;
  text-align:            left;
}

div#content div#content_left table td {
  /*background:            #f4f5f9;*/
  background:            #f2f2f2;
}

/* サブナビ */
div#content div#content_right ul#snavi li a {
  display:               block;
  width:                 230px;
  margin-bottom:         1px;
  padding-top:           10px;
  padding-bottom:        8px;
  padding-left:          20px;
  background:            #515151 url('./img/mark_snavi.gif') no-repeat left top;
  text-align:            left;
  color:                 #ffffff;
}

div#content div#content_right ul#snavi li a:hover {
  background:            #515151 url('./img/mark_snavi_hover.gif') no-repeat left top;
  text-decoration:none;
}

/****************************************************************
 *  パーツ設定（フッター）
 ***************************************************************/
div#footer * {
  clear:                 both;
  font-size:             10pt;
  color:                 #333333;
}

div#footer ul {
  width:                 450px;
  padding-top:           30px;
  margin-left:           auto;
  margin-right:          auto;
  margin-bottom:         20px;
}

div#footer ul li {
  display:               inline;
  line-height:           20px;
  padding-left:          5px;
  padding-right:         5px;
  white-space:           nowrap;
}

div#footer ul li a {
  padding-bottom:        20px;
}

div#footer ul li a:hover {
  color:                 #a80bb5;
}