@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */

body {
  color: #000000;
  background: #fff2be;
}

#container {
  background: transparent;
  width: 856px;
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景 --- */
  background: #FFFFFF;
  /* --- マージン --- */
  /* Note：上下マージン折りたたみ */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディング --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分
 * ---------------------------------------------------------------- */

#navi {
height:32px;
background:url(img/navibg.jpg) no-repeat;
}

#navi ul {
 margin: 0;
 padding: 0;
line-height:0;
}


#navi ul li {
 display:inline;
list-style-type:none;
}



#navi ul li a{
height:32px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}





#navi li.home a{
background:url(img/navi.jpg) no-repeat  0  0;
width:107px;
}
#navi li.news a{
background:url(img/navi.jpg) no-repeat  -107px 0;
width:107px;
}
#navi li.char a{
background:url(img/navi.jpg) no-repeat -214px 0;
width:107px;
}
#navi li.anim a{
background: url(img/navi.jpg) no-repeat -321px 0;
width:107px; 
}
#navi li.acce a{
background:url(img/navi.jpg) no-repeat -428px 0;
width:107px;
}
#navi li.game a{
background:url(img/navi.jpg) no-repeat -535px 0;
width:107px;
}
#navi li.goods a{
background:url(img/navi.jpg) no-repeat -642px 0;
width:107px;
}
#navi li.link a{
background: url(img/navi.jpg) no-repeat -749px 0;
width:107px;
}



#navi li.home a:hover {
background:url(img/navi.jpg) no-repeat 0px -33px;
width:107px;
}
#navi li.news a:hover {
background:url(img/navi.jpg) no-repeat -107px -33px;
width:107px;
}
#navi li.char a:hover{
background: url(img/navi.jpg) no-repeat -214px -33px;
width:107px;
}
#navi li.anim a:hover {
background:url(img/navi.jpg) no-repeat -321px -33px;
width:107px;
}
#navi li.acce a:hover {
background: url(img/navi.jpg) no-repeat -428px -33px;
width:107px;
}
#navi li.game a:hover {
display: block;
background: url(img/navi.jpg) no-repeat -535px -33px;
width:107px;
}
#navi li.goods a:hover {
background:url(img/navi.jpg) no-repeat -642px -33px;
width:107px;
}
#navi li.link a:hover {
background:url(img/navi.jpg) no-repeat -749px -33px;
width:107px;
}




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

#mainbox {
  /*  --- 背景--- */
  background-image: url(img/topimg.jpg);
  height:385px;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分
 * ---------------------------------------------------------------- */

#contentsbox {
  background: transparent;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 150px;
  height: auto;
  top: 190px;
  bottom: auto;
  left: 20px;
  right: auto;
  border:0;
}

#contentsbox ul {
  /* --- リスト左マージン --- */
  margin-left: 2em;
  padding-top: 0.6em;
  padding-right: 0.6em;
  padding-bottom: 0.6em;
  padding-left: 0.4em;
  /* --- コンテンツテキスト色 --- */
  color: #FFFFFF;
  font-size: 90%;
}

/* ---------------------------------------------------------------- *
	バナー
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみ注意 */
  margin-top: 0;
  margin-bottom: 8px;
}


/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

#footer {
  /* --- 背景--- */
  background: #fff2be;
  /* --- マージン --- */
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0;
  border-top: 1px dotted #3EBAEE;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
    border-left: 1px solid #CCCCCC;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  border-right: 1px solid #CCCCCC;
  /* Note：16×16 ピクセル以下 */
  background-image: none;
}


.red{
color:#FF0025;
}

.green{
color:#04970B;
}

.yellow{
color:#FFFF00;
}