@import url(top.css);

@import url(about.css);

@import url(anime.css);

@import url(original.css);

@import url(comics.css);

@import url(event.css);

@import url(print.css);

@import url(special.css);

@import url(DVD.css);

@import url(goods.css);

@import url(radio.css);

@import url(movie.css);





/* 基本設定

----------------------------------------------------*/



* {

	margin: 0;

	padding: 0;

}

img {

	border: none;

	font-size: 1px;

	line-height: 0;

}

p {

	color: #3C231E;

	line-height: 1.4;

}

a {

	color: #B9292F;

}

a:hover {

	color: #EC6666;

}

ul {

	list-style: none;

}

h1,h2 {

	font-size: 1px;

	line-height: 0;

	text-indent: -10000em;

}

body {

	text-align: center;

	background: url(../images/bg_body.gif) 0 0 repeat;

	font-family: 'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;

}

#wrapper {

	width: 810px;

	margin: 0 auto;

}

#shadow {

	float: left;

	width: 810px;

	background: url(../images/bg_shadow.gif) 0 0 repeat-y;

}

#container {

	width: 780px;

	margin: 0 auto;

}



/* ヘッダー

----------------------------------------------------*/



#header {

	width: 780px;

	text-align: left;

}

#header a {

	display: block;

	outline: none;

	text-decoration: none;

}



/* タイトルバー

----------------------------------------------------*/



#titleBar {

	height: 80px;

	background: url(../images/bg_titlebar.jpg) 0 0 no-repeat;

}

#titleBar h1 {

	padding: 3px 0 0 8px;

}

#titleBar h1 a {

	width: 252px;

	height: 76px;

}



/* ナビゲーション

----------------------------------------------------*/



#navigation {

	position: relative;

	width: 780px;

	height: 72px;

	background: url(../images/bg_navigation_s.jpg) 0 0 no-repeat;

}

#navigation li {

	position: absolute;

	width: 124px;

	height: 26px;

	font-size: 1px;

	line-height: 0;

	text-indent: -10000em;

}

#navigation li a {

	display: block;

	width: 124px;

	height: 26px;

	outline: none;

	text-decoration: none;

}



/* ナビゲーション・狼と香辛料とは？

----------------------------------------------------*/



#naviAbout {

	left: 14px;

	top: 10px;

}

#naviAbout a:hover {

	background: url(../images/bg_navigation_h.jpg) -14px -10px no-repeat;

}

.currentAbout {

	background: url(../images/bg_navigation_g.jpg) -14px -10px no-repeat;

}



/* ナビゲーション・ＴＶアニメ情報

----------------------------------------------------*/



#naviAnime {

	left: 139px;

	top: 10px;

}

#naviAnime a:hover {

	background: url(../images/bg_navigation_h.jpg) -139px -10px no-repeat;

}

.currentAnime {

	background: url(../images/bg_navigation_g.jpg) -139px -10px no-repeat;

}



/* ナビゲーション・原作情報

----------------------------------------------------*/



#naviOriginal {

	left: 265px;

	top: 10px;

}

#naviOriginal a:hover {

	background: url(../images/bg_navigation_h.jpg) -265px -10px no-repeat;

}

.currentOriginal {

	background: url(../images/bg_navigation_g.jpg) -265px -10px no-repeat;

}



/* ナビゲーション・トピックス

----------------------------------------------------*/



#naviComics {

	left: 391px;

	top: 10px;

}

#naviComics a:hover {

	background: url(../images/bg_navigation_h.jpg) -391px -10px no-repeat;

}

.currentComics {

	background: url(../images/bg_navigation_g.jpg) -391px -10px no-repeat;

}



/* ナビゲーション・ＤＶＤ/ＣＤ

----------------------------------------------------*/



#naviDVD {

	left: 517px;

	top: 10px;

}

#naviDVD a:hover {

	background: url(../images/bg_navigation_h.jpg) -517px -10px no-repeat;

}

.currentDVD {

	background: url(../images/bg_navigation_g.jpg) -517px -10px no-repeat;

}





/* ナビゲーション・グッズ情報

----------------------------------------------------*/



#naviGoods {

	left: 643px;

	top: 10px;

}

#naviGoods a:hover {

	background: url(../images/bg_navigation_h.jpg) -643px -10px no-repeat;

}

.currentGoods {

	background: url(../images/bg_navigation_g.jpg) -643px -10px no-repeat;

}



/* ナビゲーション・Ｗｅｂラジオ

----------------------------------------------------*/



#naviRadio {

	left: 75px;

	top: 37px;

}

#naviRadio a:hover {

	background: url(../images/bg_navigation_h.jpg) -75px -37px no-repeat;

}

.currentRadio {

	background: url(../images/bg_navigation_g.jpg) -75px -37px no-repeat;

}



/* ナビゲーション・ムービー

----------------------------------------------------*/



#naviMovie {

	left: 201px;

	top: 37px;

}

#naviMovie a:hover {

	background: url(../images/bg_navigation_h.jpg) -201px -37px no-repeat;

}

.currentMovie {

	background: url(../images/bg_navigation_g.jpg) -201px -37px no-repeat;

}



/* ナビゲーション・スタッフブログ

----------------------------------------------------*/



#naviBlog {

	left: 327px;

	top: 37px;

}

#naviBlog a:hover {

	background: url(../images/bg_navigation_h.jpg) -327px -37px no-repeat;

}



/* ナビゲーション・イベント情報

----------------------------------------------------*/



#naviEvent {

	left: 453px;

	top: 37px;

}

#naviEvent a:hover {

	background: url(../images/bg_navigation_h.jpg) -453px -37px no-repeat;

}

.currentEvent {

	background: url(../images/bg_navigation_g.jpg) -453px -37px no-repeat;

}



/* ナビゲーション・スペシャル

----------------------------------------------------*/



#naviSpecial {

	left: 579px;

	top: 37px;

}

#naviSpecial a:hover {

	background: url(../images/bg_navigation_h.jpg) -579px -37px no-repeat;

}

.currentSpecial {

	background: url(../images/bg_navigation_g.jpg) -579px -37px no-repeat;

}



/* 本文

----------------------------------------------------*/



#pageBody {

	float: left;

	width: 780px;

	text-align: left;

	background: #FFF url(../images/balance.jpg) 12px 100% no-repeat;

}



/* 本文外枠

----------------------------------------------------*/



#innerPage {

	float: right;

	width: 605px;

	background: url(../images/bg_contents.jpg) 0 0 no-repeat;

}



/* 本文メイン

----------------------------------------------------*/



#contents {

	width: 573px;

	margin: 10px 0 0 15px;

}

.mainTitle {

	height: 34px;

}

.pageTop {

	float: left;

	width: 573px;

	padding-bottom: 15px;

	text-align: right;

}

.pageTop p {

	font-size: 100% !important;

}

.pageTop a {

	color: #4E1600;

}

.pageTop a:hover {

	color: #EC6666;

}



/* 左サイド

----------------------------------------------------*/



#leftMenu {

	float: left;

	width: 175px;

	height: 340px;

}



/* 左サイド・タイトル

----------------------------------------------------*/



#leftMenu h2 {

	height: 90px;

}



/* 左サイド・メニュー

----------------------------------------------------*/



#leftMenu ul {

	float: left;

	text-align: left;

}

#leftMenu li {

	width: 175px;

	height: 28px;

	font-size: 1px;

	line-height: 1.8;

	text-indent: -10000em;

}

#leftMenu li a {

	display: block;

	width: 175px;

	height: 28px;

	outline: none;

	text-decoration: none;

}



/* フッター

----------------------------------------------------*/



#footer {

	clear: both;

	width: 780px;

	height: 32px;

	text-align: left;

	font-size: 1px;

	line-height: 0;

	text-indent: -10000em;

	background: url(../images/bg_footer.jpg) 0 0 no-repeat;

}

.pageTop {

	clear: both;

	font-size: 12px;

	text-align: right;

	padding-top: 40px;

}

.no-border {

	border: 0 !important;

}