@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: #ffffff;
  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;
  color:#c8c8c8;
  text-decoration: underline;
}

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

#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 12px 0;
  background-image:url(../images/00cnts_bck2col.gif);
  background-position:left top;
  background-repeat:repeat-y;
}

#contents #main {
  float: right;
  margin-top:3px;
  width: 743px;
  border:1px solid #646464;
  background-color:#1e1e1e;
}

#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 a{
  color:#c8c8c8;
}

#contents_footer p a:hover{
  color:#ff0000;
}

#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;
}