@charset "shift_jis";

/* -------------------------------------------------------------
CSSデザインサンプ [ URL ] http://www.css-designsample.com
------------------------------------------------------------- */


/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #aad; }

a:visited { color: #aad; }

a:hover { color: #ccf; }

a:active { color: #aaa; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
html{
height:100%;
}

body {
  font-size: 12px;
  text-align: left;
  font-family: "メイリオ",Meiyo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding:0;
  margin: 0;
  height:100%;
background:#000 url(img/migishita.png) no-repeat right bottom;
color:#aaa;
}

#cent{
color:#fff;
text-shadow:0px 0px 3px #fff;
text-align: center;
}

/* 全体を囲んでいます */
#wrapper {
  text-align: left;
  width: 652px;
height:510px;
overflow:visible;
top:50%;
left:50%;
position:absolute;
margin-top:-250px;
margin-left:-330px;
}

#footer {
  clear: both;
text-align:right;
width:445px;
}
#banner {
  clear: both;
text-align:left;
width:200px;
}

/* 見出し */
h1 {
  font-size: 12px;
  font-weight: normal;
  height: 10px;
  text-align: right;
}

/* サイトタイトル */
.logo {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 3px double #666;
margin-top:-10px;
height:50px;
width:200:
}
#cf1{
height:50px;
width:200:
}
#cf2{
height:50px;
width:200:
}

.logo a {
  text-decoration: none;
  color: #fff;
}

.logo a:hover {
  text-decoration: none;
  color: #aaa;
}

/* -- グローバルナビ部分 -- */

#globalnavi {
  list-style-type: none;
  width: 652px;
  height: 305px;
text-shadow:0px 0px 3px #fff;
}

#globalnavi li {
  width: 163px;
  float: left;
}

#globalnavi a {
  text-align: center;
  text-decoration: none;
  width: 163px;
  height: 285px;
  padding-top: 20px;
  display: block;
  background-image: url(img/navi.png);
  background-repeat: no-repeat;
  color: #fff;
}

#category01 a { background-position: 0 0; }

#category02 a { background-position: -163px 0; }

#category03 a { background-position: -326px 0; }

#category04 a { background-position: -489px 0; }

#globalnavi a:hover {
  text-decoration: none;
  background-image: url(img/navi.png);
  background-repeat: no-repeat;
  color: #aaa;
}

#category01 a:hover { background-position: 0 -304px; }

#category02 a:hover { background-position: -163px -304px; }

#category03 a:hover { background-position: -326px -304px; }

#category04 a:hover { background-position: -489px -304px; }

#footer p { text-align: right; }

#footer #cds {
  font-size: 10px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
}

#footer #cds,
#footer #cds a,
#footer #cds a:hover {
  text-decoration: none;
  color: #aaa;
}
.clear { clear:both; 
  border-bottom: 3px double #666;
margin-top:5px;
}  
#contents{
height:361px;
}
img{
	border:none;
}