@charset "UTF-8";
@import url(b_common.css);
@import url(b_textsettings.css);

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

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



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



/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
  background: #fff2be;
  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;
}



/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  padding-left: 215px;
  padding-right: 0;
  background: tranparent;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	2カラム：サイドメニュー部分
 * ---------------------------------------------------------------- */

#sidenavi {
  background: #fff2be;
  /* ★ --- メニュー幅 --- */
  width: 210px;
  top: auto;
  left: 0;
  right: auto;
  padding-top: 20px;
  padding-bottom: 0;
  z-index: 1;
}

#sidenavi ul {
    margin: 0;
    padding: 8px;
   
}

#sidenavi ul li {
    margin: 0;
    padding: 5px 20px 5px 25px;
    border-bottom: 1px;
    background: #fff;
    list-style-type: none;
}

  /* Note：上マージン確保，IE6/IE7垂直配置ズレ回避 */
[id="sidenavi"]#sidenavi {
  /* Note：コンテンツ部分の上マージンと同値 */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}

/* ---------------------------------------------------------------- *
	2カラム：コンテンツ部分
 * ---------------------------------------------------------------- */

#contents {
  /* --- 背景）--- */
  background: #fff2be;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
 }




/* ---------------------------------------------------------------- *
	1カラム：コンテンツ部分
 * ---------------------------------------------------------------- */
 
 
 
 /* ムービー */
 
 
 .cate_animation {
 width:420px;
 padding-top:10px;
 padding-bottom:10px;
  padding-left:220px;
  padding-right:215px;
 background:#000000 url(animation/img/back_movie.jpg) no-repeat;
 border-bottom: 5px solid #85ACF7;
 }
 
 
 .cate_animation2 {
 width:420px;
 padding-top:10px;
 padding-bottom:10px;
  padding-left:220px;
  padding-right:215px;
 background:#000000 url(animation/img/back_hisaisong.jpg) no-repeat;
 border-bottom: 5px solid #85ACF7;
 }
 


 

/* ---------------------------------------------------------------- *
	マーク部分
 * ---------------------------------------------------------------- */


ul.cl {
 zoom: 100%;
background: #FFFFFF ;
margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;

}


li.cl {
color:#f67d07;
font-weight:bold;
 margin: 0;
 padding: 3px;
float: left;
list-style:none;
}

.cl:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
 
 
/* ---------------------------------------------------------------- *
	コンテンツ画像
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	linkロゴ
 * ---------------------------------------------------------------- */
 
 .logoFloat{
 margin-top:7px;
 }
 
/* ---------------------------------------------------------------- *
	画像のみのボックス
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	フッタ
 * ---------------------------------------------------------------- */

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

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



 
 /* ---------------------------------------------------------------- *
	個別設定
 * ---------------------------------------------------------------- */
 
.gaiyo{
 padding:3px 3px 3px 10px;
 background:url(http://www.bobmercy.com/img/line.jpg) no-repeat;
 background-position:0 12px;
 line-height:15px;
 }
 
.gaiyoMap{
padding:3px 3px 3px 10px;
background:url(http://www.bobmercy.com/img/line.jpg) no-repeat;
background-position:0 20px;
 }