@charset "shift_jis";

/* info
++++++++++++++++++++++++++++++++++++++++++++++++++
CSS : design template

media : screen,projection,tv
filename : template.css
--------------------------------------------------
body
container
header
	-logo
	-viucebrowser
footer
	-address
	-back button
menu
	-back button
listmenu
	-menu
	-footer
	-clearfix
mainbody
	-anchor
++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* body
================================================== */
html,body {
	/* HACK start : hide from MacIE \*/
	height: 100%;
	/* HACK end : hide from MacIE */
}
body {
	background-color: #343D46;
	color: #FFF;
	text-align: center;
}

/* container
================================================== */
div#container {
	position: relative;
	width: 782px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #454F59;
	color: #FFF;
	text-align: left;
	word-wrap: break-word;
}
html>body div#container {
	width: 780px;
	height: auto;
	/* HACK start : hide from MacIE \*/
	min-height: 100%;
	/* HACK end : hide from MacIE */
	/* HACK start : for MacIE \*//*/
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	/* HACK end : for MacIE */
}

/* header
================================================== */
div#header {
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: transparent url(../../com_img/bg_header.gif) no-repeat left top;
	color: #FFF;
}
/* logo
-------------------------------------------------- */
div#header h1,
div#header p {
	text-indent: -9999px;
}
div#header h1 a,
div#header p a {
	display: block;
	width: 220px;
	height: 100px;
	margin-left: 560px;
}
/* voicebrowser
-------------------------------------------------- */
div#header dl {
	position: absolute;
	top: -9999px;
}

/* footer
================================================== */
div#footer {
	position: absolute;
	/* HACK start : for MacIE \*//*/
	position: relative;
	/* HACK end : for MacIE */
	right: 0;
	bottom: 0;
	width: 100%;
	height: 105px;
	overflow: hidden;
	background-color: transparent;
	background-image: url(../../com_img/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: 0 30px;
	color: #FFF;
}
/* address
-------------------------------------------------- */
div#footer address {
	position: absolute;
}
div#footer address a {
	position: absolute;
	top: 10px;
	left: 675px;
	display: block;
	width: 105px;
	height: 40px;
}
div#footer address span,
div#footer address a img {
	position: absolute;
	top: -9999px;
}
/* button
-------------------------------------------------- */
div#footer p {
	position: relative;
	/* HACK start : hide from MacIE \*/
	overflow: hidden;
	/* HACK end : hide from MacIE */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	text-indent: -9999px;
}
div#footer p a {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	color: inherit;
}
/* golist */
div#footer p#golist {
	width: 240px;
	height: 18px;
	background-image: url(../../com_img/btn_list.gif);
}
div#footer p#golist a {
	width: 240px;
	height: 18px;
}
div#footer p#golist a:hover,
div#footer p#golist a:focus {
	background-image: url(../../com_img/btn_list_.gif);
}
/* back */
div#footer p.back {
	width: 100%;
	height: 20px;
	background-image: url(../../com_img/bk_ft.gif);
}
div#footer p.back a {
	height: 20px;
}
div#footer p.back a:hover,
div#footer p.back a:focus {
	background-image: url(../../com_img/bk_ft_.gif);
}

/* menu
================================================== */
div#menu {
	width: 100%;
	background-color: #000;
	color: #FFF;
}
/* back button
-------------------------------------------------- */
div#menu p {
	width: 100%;
	height: 50px;
	/* HACK start : hide from MacIE \*/
	overflow: hidden;
	/* HACK end : hide from MacIE */
	background-color: #666;
	background-image: url(../../com_img/bk_hd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	text-indent: -9999px;
}
div#menu p a {
	display: block;
	height: 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	color: inherit;
}
div#menu p a:hover,
div#menu p a:focus {
	background-image: url(../../com_img/bk_hd_.gif);
}
/* in current category */
body#game div#menu p {
	background-color: #600;
	background-image: url(../../com_img/bk_hd_game.gif);
}
body#anime div#menu p {
	background-color: #600;
	background-image: url(../../com_img/bk_hd_anime.gif);
}
body#cddvd div#menu p {
	background-color: #600;
	background-image: url(../../com_img/bk_hd_cddvd.gif);
}
body#book div#menu p {
	background-color: #600;
	background-image: url(../../com_img/bk_hd_book.gif);
}
body#hobby div#menu p {
	background-color: #600;
	background-image: url(../../com_img/bk_hd_hobby.gif);
}
body#other div#menu p {
	background-color: #001E66;
	background-image: url(../../com_img/bk_hd_other.gif);
}
body#news div#menu p {
	background-image: url(../../com_img/bk_hd_news.gif);
}
/* onmouse in current category */
body#game div#menu p a:hover,
body#game div#menu p a:focus,
body#anime div#menu p a:hover,
body#anime div#menu p a:focus,
body#cddvd div#menu p a:hover,
body#cddvd div#menu p a:focus,
body#book div#menu p a:hover,
body#book div#menu p a:focus,
body#hobby div#menu p a:hover,
body#hobby div#menu p a:focus {
	background-image: url(../../com_img/bk_hd_game_.gif);
}
body#other div#menu p a:hover,
body#other div#menu p a:focus {
	background-image: url(../../com_img/bk_hd_other_.gif);
}

/* listmenu
================================================== */
div#menu li,
div#footer li {
	float: left;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div#menu li a,
div#footer li a {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
}
/* menu
-------------------------------------------------- */
div#menu li,
div#menu li a {
	width: 98px;
	height: 25px;
	background-position: left top;
}
/* image */
div#menu li#mn-home {
	background-image: url(../../img/mbt_01.gif);
}
div#menu li#mn-game {
	background-image: url(../../img/mbt_02.gif);
}
div#menu li#mn-anime {
	background-image: url(../../img/mbt_03.gif);
}
div#menu li#mn-cddvd {
	background-image: url(../../img/mbt_04.gif);
}
div#menu li#mn-book {
	background-image: url(../../img/mbt_05.gif);
}
div#menu li#mn-hobby {
	background-image: url(../../img/mbt_06.gif);
}
div#menu li#mn-other {
	background-image: url(../../img/mbt_07.gif);
}
/* in current category */
body#home div#menu li#mn-home,
body#news div#menu li#mn-home,
body#sitemap div#menu li#mn-home,
body#inquiry div#menu li#mn-home {
	background-image: url(../../img/mbt_01_2.gif);
}
body#game div#menu li#mn-game {
	background-image: url(../../img/mbt_02_2.gif);
}
body#anime div#menu li#mn-anime {
	background-image: url(../../img/mbt_03_2.gif);
}
body#cddvd div#menu li#mn-cddvd {
	background-image: url(../../img/mbt_04_2.gif);
}
body#book div#menu li#mn-book {
	background-image: url(../../img/mbt_05_2.gif);
}
body#hobby div#menu li#mn-hobby {
	background-image: url(../../img/mbt_06_2.gif);
}
body#other div#menu li#mn-other {
	background-image: url(../../img/mbt_07_2.gif);
}
/* onmouse */
div#menu li#mn-home a:hover,
div#menu li#mn-home a:focus {
	background-image: url(../../img/mbt_01_.gif);
}
div#menu li#mn-game a:hover,
div#menu li#mn-game a:focus {
	background-image: url(../../img/mbt_02_.gif);
}
div#menu li#mn-anime a:hover,
div#menu li#mn-anime a:focus {
	background-image: url(../../img/mbt_03_.gif);
}
div#menu li#mn-cddvd a:hover,
div#menu li#mn-cddvd a:focus {
	background-image: url(../../img/mbt_04_.gif);
}
div#menu li#mn-book a:hover,
div#menu li#mn-book a:focus {
	background-image: url(../../img/mbt_05_.gif);
}
div#menu li#mn-hobby a:hover,
div#menu li#mn-hobby a:focus {
	background-image: url(../../img/mbt_06_.gif);
}
div#menu li#mn-other a:hover,
div#menu li#mn-other a:focus {
	background-image: url(../../img/mbt_07_.gif);
}
/* footer
-------------------------------------------------- */
div#footer ul {
	position: absolute;
	top: 50px;
}
div#footer li {
	border-right: 1px solid #999;
}
div#footer li,
div#footer li a {
	height: 16px;
	background-position: 10px 1px;
}
/* image */
div#footer li#mn-flash {
	width: 160px;
	background-image: url(../../com_img/mn_ft_flash.gif);
}
div#footer li#mn-sitemap {
	width: 80px;
	background-image: url(../../com_img/mn_ft_sitemap.gif);
}
div#footer li#mn-privacy {
	width: 110px;
	background-image: url(../../com_img/mn_ft_privacy.gif);
}
div#footer li#mn-inquiry {
	width: 86px;
	background-image: url(../../com_img/mn_ft_inquiry.gif);
}
/* onmouse */
div#footer li#mn-flash a:hover,
div#footer li#mn-flash a:focus {
	background-image: url(../../com_img/mn_ft_flash_.gif);
}
div#footer li#mn-sitemap a:hover,
div#footer li#mn-sitemap a:focus {
	background-image: url(../../com_img/mn_ft_sitemap_.gif);
}
div#footer li#mn-privacy a:hover,
div#footer li#mn-privacy a:focus {
	background-image: url(../../com_img/mn_ft_privacy_.gif);
}
div#footer li#mn-inquiry a:hover,
div#footer li#mn-inquiry a:focus {
	background-image: url(../../com_img/mn_ft_inquiry_.gif);
}
/* clearfix : clear floats without structural markup
http://www.kuroduction.com/doc/translation/position_is_everything/easyclearing.html
http://positioniseverything.net/easyclearing.html
-------------------------------------------------- */
div#menu ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div#menu ul {
	display: inline-block;
}
/* HACK start : hide from MacIE \*/
* html div#menu ul {
	height: 1%;
}
div#menu ul {
	display: block;
}
/* HACK end : hide from MacIE */

/* mainbody
================================================== */
div#mainbody {
	padding-bottom: 105px;
	/* HACK start : for MacIE \*//*/
	padding-bottom: 0;
	/* HACK end : for MacIE */
}
/* anchor
-------------------------------------------------- */
div#mainbody a {
	background-color: transparent;
	color: #F90;
	text-decoration: underline;
}
div#mainbody a:hover,
div#mainbody a:focus {
	background-color: #0FC;
	color: #F90;
}