@charset "UTF-8";

/* common.css */ 
/*
========== TABLE of CONTENTS ==========

1:reset
2:clearfix
3:layout

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

html {
  overflow-y: scroll; /* Firefox scroll-on */
  background-color: #000000;
  color: #c8c8c8;
}

body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
/*
  background-image: url(../images/00body_bck01.gif);
  background-position: left top;
  background-repeat: repeat-x;
*/
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 13px;
  font-family: Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 12px;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th,caption {
  text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

img,fieldset {
  border: none;
}

/* Default Link Style */

a,a:link,a:active,a:visited {
  color: #c8c8c8;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a img {
  border: 0;
}

/* ---------- /1:reset  ---------- */

/* ---------  2:clearfix --------- */

.clearfix:after {
  content: url(../images/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

/* --------- /2:clearfix --------- */

/* ---------- 2:layout  ---------- */

#wrapper {
  width: 980px;
  margin: 0 auto;
  padding:0 35px;
  background-color:#1e1e1e;
  background-image: url(../images/00wrapper_bck.gif);
  background-position: left top;
  background-repeat: repeat-y;
}

#header {
  width: 950px;
  margin:0 auto;
  position:relative;
}

#header h1{
  width:222px;
  height:61px;
}

/* ヘッダー部navi */
#header #hdr_navi{
  width:700px;
  float:right;
  text-align:right;
  position:absolute;
  right:0;
  top:24px;
}

#header #hdr_navi a,
#header #hdr_navi a:link,
#header #hdr_navi a:active,
#header #hdr_navi a:visited{
  margin-left:10px;
}

#header #hdr_navi img{
  margin-left:10px;
  vertical-align:-1px;
}

/* グローバル */
#header #global{
  width:951px;
  margin-left:-1px;
}

#header #global img{
  vertical-align:top;
}

#header #global li{
  float:left;
  border-left:1px solid #1e1e1e;
}

#header #headline{
  width:950px;
  height:27px;
  margin:10px 0;
  background-image:url(../images/01hdline_bck.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#header #headline dl{
  width:950px;
}

#header #headline dt{
  width:116px;
  float:left;
  clear:both;
}

#header #headline dt img{
  vertical-align:top;
}

#header #headline dd{
  margin-left:130px;
  line-height:27px;
  padding-right:14px;
}

#header #headline dd a{
  color:#f1f61e;
}

#header #headline dd a:hover{
  color:#ff0000;
}

#contents {
  width: 950px;
  margin: 0 auto;
  padding: 0 0 50px 0;
  background-image:url(../images/00cnts_bck2col.gif);
  background-position:left top;
  background-repeat:repeat-y;
}

#contents a{
  color:#ffffff;
}

#contents a:hover{
  color:#ff0000;
}

#contents #main {
  float: right;
  width: 745px;
}

#main #main_img{
  width:745px;
  margin-bottom:10px;
}

#main #contents_inr{
  width:745px;
}

#main #contents_inr #info{
  width:486px;
  float:left;
}

#info #topics{
  border:1px solid #505050;
  background-color:#000000;
  width:484px;
  margin-bottom:5px;
}

#info #topics h2{
  margin-bottom:10px;
}

#info #topics table{
  width:438px;
  margin:0 auto;
  border-top:1px dotted #646464;
}

#info #topics th{
  border-bottom:1px dotted #646464;
  padding:6px 5px;
  width:18ex;
  line-height:1.3em;
  vertical-align:top;
}

#info #topics td img{
  margin: 0 0 -3px 4px;
}

#info #topics td{
  width:auto;
  border-bottom:1px dotted #646464;
  padding:6px 4px 6px 8px;
  vertical-align:top;
  line-height:1.3em;
  background-image:url(../images/01topi_icn_arw.gif);
  background-position:left 11px;
  background-repeat:no-repeat;
}

#info #topics td a{
  display:inline-block;
  color:#f1f61e;
}

#info #topics td a:hover {
  color: #ff0000;
}

#info #topics p{
  padding:12px 23px 18px 0;
  text-align:right;
}

#info #topics p a{
  background-image:url(../images/01topi_icn_arw.gif);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:8px;
}

#info #photoalbum{
  border:1px solid #505050;
  background-color:#000000;
  width:484px;
}

#info #photoalbum p{
  padding:2px 23px 8px 0;
  text-align:right;
}

#info #photoalbum p a{
  background-image:url(../images/01topi_icn_arw.gif);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:8px;
}

#info #photoalbum #album_img{
  margin:9px 25px 0 25px;
}

#main #contents_inr #event{
  width:254px;
  float:right;
}

#event li{
  padding-bottom:5px;
}

#event li img{
  vertical-align:top;
  border:1px solid #505050;
}

#contents #sub {
  float: left;
  width: 199px;
  padding:1px 0 0 0;
}

#sub li img{
  vertical-align:top;
}

#sub #side_navi{
  width:199px;
  margin-bottom:8px;
}

#sub #side_navi li{
  padding-bottom:1px;
}

#sub #side_navi li img{
  border:1px solid #464646;
}

#sub #bn_m{
  width:199px;
  margin-bottom:1px;
}

#sub #bn_m li{
  padding-bottom:11px;
  text-align:center;
}

#sub #bn_m li img{
  border:1px solid #505050;
}

#sub #bn_s{
  width:199px;
  margin-bottom:1px;
}

#sub #bn_s li{
  padding-bottom:5px;
  text-align:center;
}

#sub #bn_s li img{
  border:1px solid #4e4e4e;
}


/* ヘッダー下部テキストリンク */
#contents_footer {
  width: 950px;
  height:27px;
  padding:5px 15px;
  background-image:url(../images/00cntftr_bck.gif);
  background-position:left top;
  background-repeat:repeat-x;
  line-height:27px;
}

#contents_footer p{
}

#contents_footer p.link{
  float:left;
  width:78%;
  background-image:url(../images/00cntftr_line.gif);
  background-position:left center;
  background-repeat:no-repeat;
}

#contents_footer p.link a{
  background-image:url(../images/00cntftr_line.gif);
  background-position:right top;
  background-repeat:no-repeat;
  padding:0 10px;
}

#contents_footer p.pgtop{
  float:right;
  width:16%;
  text-align:right;
}

#contents_footer p.pgtop a{
  background-image:url(../images/00cntftr_icn_pgtop.gif);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:14px;
}

#footer {
  width: 950px;
  padding:15px;
}