@charset "euc-jp";

/*-------------------
 layout
 head
 global menu
 global menu sub
 search
 search2
 topics
 side
 foot
 text
 btn
 pagetop
-------------------*/

/*-------------------
 layout
-------------------*/

#all {
	width:780px;
	margin:0 auto;
}

#head,
#globalMenu,
#container,
#foot {
	zoom:1;
	width:100%;
}

#side {
	width:180px;
	float:left;
}

#main {
	width:580px;
	float:right;
}

#head:after,
#globalMenu:after,
#container:after,
#foot:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}


/*-------------------
 head
-------------------*/

#head {
	position:relative;
	height:75px;
	background:url(img/double_line.gif) repeat-x left bottom;
}

#head p#logo {
	width:220px;
	height:25px;
	background:url(img/head_logo.gif) no-repeat;
	position:absolute;
	top:34px;
	left:0;
	text-indent:-9999px;
}

#head p#logo a {
	display:block;
	width:220px;
	height:25px;
}

#head ul {
	position:absolute;
	top:46px;
	left:465px;
	list-style:none;
}

#head li {
	display:block;
	float:left;
	height:10px;
	text-indent:-9999px;
	line-height:1;
	font-size:1px;
}

#head li a {
	display:block;
	height:10px;
}

#head li#headHoujin {
	width:170px;
	margin-right:10px;
}

#head li#headHoujin a {
	width:170px;
	background:url(img/head_houjin.gif) no-repeat;
}

#head li#headGuide {
	width:50px;
	margin-right:10px;
}

#head li#headGuide a {
	width:50px;
	background:url(img/head_guide.gif) no-repeat;
}

#head li#headShopping {
	width:170px;
	margin-right:10px;
}

#head li#headShopping a {
	width:179px;
	background:url(img/head_cart.gif) no-repeat;
}

#head li#headShotenList {
	width:69px;
}

#head li#headShotenList a {
	width:69px;
	background:url(img/head_shop.gif) no-repeat;
}

#head p#headLogin {
	position:absolute;
	width:60px;
	height:19px;
	top:41px;
	left:720px;
	text-indent:-9999px;
	background:url(img/btn_login_f2.gif) no-repeat;
}

#head p#headLogin a {
	display:block;
	width:60px;
	height:20px;
	background:url(img/btn_login.gif) no-repeat;
}

#head p#headLogin a:hover {
	background:none;
}

#head p#headLogoff {
	position:absolute;
	width:60px;
	height:19px;
	top:41px;
	left:720px;
	text-indent:-9999px;
	background:url(img/btn_logoff_f2.gif) no-repeat;
}

#head p#headLogoff a {
	display:block;
	width:60px;
	height:20px;
	background:url(img/btn_logoff.gif) no-repeat;
}

#head p#headLogoff a:hover {
	background:none;
}

#head p#headShoten {
	position:absolute;
	width:60px;
	height:20px;
	top:41px;
	left:720px;
	text-indent:-9999px;
	background:url(img/head_btn_shoten_f2.gif) no-repeat;
}

#head p#headShoten a {
	display:block;
	width:60px;
	height:20px;
	background:url(img/head_btn_shoten.gif) no-repeat;
}

#head p#headShoten a:hover {
	background:none;
}


/*-------------------
 global menu
-------------------*/

ul#globalMenu {
	list-style:none;
	border-bottom:2px solid #2D62FF;
	margin:5px 0 10px;
}

ul#globalMenu li {
	height:40px;
	float:left;
	line-height:1;
	font-size:1px;
	text-indent:-9999px;
}

ul#globalMenu li a {
	display:block;
	height:40px;
}

ul#globalMenu li#gmShoseki a:hover,
ul#globalMenu li#gmBunko a:hover,
ul#globalMenu li#gmBusiness a:hover,
ul#globalMenu li#gmLicense a:hover,
ul#globalMenu li#gmKaisha a:hover,
ul#globalMenu li#gmVideo a:hover,
ul#globalMenu li#gmDigital a:hover,
ul#globalMenu li#gmMook a:hover ,
ul#globalMenu li#gmPremiere a:hover {
	background:none;
}


ul#globalMenu li#gmShoseki,
ul#globalMenu li#gmBunko,
ul#globalMenu li#gmMook,
ul#globalMenu li#gmShoseki a,
ul#globalMenu li#gmBunko a,
ul#globalMenu li#gmMook a {
	width:86px;
}

ul#globalMenu li#gmBusiness,
ul#globalMenu li#gmPremiere,
ul#globalMenu li#gmLicense,
ul#globalMenu li#gmKaisha,
ul#globalMenu li#gmVideo,
ul#globalMenu li#gmDigital,
ul#globalMenu li#gmBusiness a,
ul#globalMenu li#gmPremiere a,
ul#globalMenu li#gmLicense a,
ul#globalMenu li#gmKaisha a,
ul#globalMenu li#gmVideo a,
ul#globalMenu li#gmDigital a{
	width:87px;
}

ul#globalMenu li#gmShoseki a {
	background:url(img/gm_shoseki.jpg) no-repeat;
}

ul#globalMenu li#gmShoseki {
	background:url(img/gm_shoseki_o.jpg) no-repeat;
	margin-left:40px;
}

ul#globalMenu li#gmBunko a {
	background:url(img/gm_bunko.jpg) no-repeat;
}

ul#globalMenu li#gmBunko  {
	background:url(img/gm_bunko_o.jpg) no-repeat;
}

ul#globalMenu li#gmBusiness a {
	background:url(img/gm_business.jpg) no-repeat;
}

ul#globalMenu li#gmBusiness  {
	background:url(img/gm_business_o.jpg) no-repeat;
}

ul#globalMenu li#gmLicense a {
	background:url(img/gm_license.jpg) no-repeat;
}

ul#globalMenu li#gmLicense  {
	background:url(img/gm_license_o.jpg) no-repeat;
}

ul#globalMenu li#gmKaisha a{
	background:url(img/gm_kaisha.jpg) no-repeat;
}

ul#globalMenu li#gmKaisha {
	background:url(img/gm_kaisha_o.jpg) no-repeat;
}

ul#globalMenu li#gmVideo a{
	background:url(img/gm_video.jpg) no-repeat;
}

ul#globalMenu li#gmVideo  {
	background:url(img/gm_video_o.jpg) no-repeat;
}

ul#globalMenu li#gmDigital a {
	background:url(img/gm_digital.jpg) no-repeat;
}

ul#globalMenu li#gmDigital {
	background:url(img/gm_digital_o.jpg) no-repeat;
}

ul#globalMenu li#gmMook a {
	background:url(img/gm_mook.jpg) no-repeat;
}

ul#globalMenu li#gmMook  {
	background:url(img/gm_mook_o.jpg) no-repeat;
}

ul#globalMenu li#gmPremiere a {
	background:url(img/gm_premiere.jpg) no-repeat;
}

ul#globalMenu li#gmPremiere  {
	background:url(img/gm_premiere_o.jpg) no-repeat;
}

/*-------------------
 global menu sub
-------------------*/

#gmSub {
	position:relative;
	z-index:100;
}

#gmSub ul {
	background:#F7F7F7;
	border:1px solid #C7CBD9;
	list-style:none;
	width:150px;
	font-size:10px;
	position:absolute;
	visibility:hidden;
	top:-12px;
}

#gmSub li {
	padding:3px;
	line-height:1.2;
}

#gmSub li a {
	display:block;
	padding-left:15px;
	background:url(img/linkarrow_blue.gif) no-repeat left 0.2em;
}

#gmSub ul#gmShosekiGenre {
	left:0;
}

#gmSub ul#gmPremiere{
}


#gmSub ul#gmPremiereGenre {
}

#gmSub ul#gmBunkoGenre {
	left:112px;
}

#gmSub ul#gmBusinessGenre {
	left:224px;
}

#gmSub ul#gmLicenseGenre {
	left:335px;
}

#gmSub ul#gmVideoGenre {
	left:557px;
	z-index:110;
}

#gmSub ul#gmDigitalGenre {
	left:667px;
	z-index:110;
}


/*-------------------
 search
-------------------*/

#side #search {
	background:#E9E9E9;
	border:1px solid #CCCCCC;
	padding:7px 9px;
	width:160px;
	margin-bottom:10px;
}

#side #search li {
	line-height:1;
	font-size:1px;
}

#side #search ul#mainSearch,
#side #search ul#subSearch {
	list-style:none;
	width:100%;
	height:12px;
}

#side #search ul#mainSearch {
	height:58px;
	position:relative;
}

#side #search ul#mainSearch li.searchText {
	width:100%;
	height:22px;
	position:absolute;
	top:0;
	left:0;
}

#side #search ul#mainSearch input.text {
	width:152px;
}

/* IE用hack */
*:first-child+html #side #search ul#mainSearch input.radio {
	position:absolute;
	top:0;
	left:-3px;
}
* html #side #search ul#mainSearch input.radio {
	position:absolute;
	top:0;
	left:-3px;
}

#side #search ul#mainSearch li.searchGenre,
#side #search ul#mainSearch li.searchAll {
	width:100px;
	position:absolute;
	vertical-align:middle;
}

#side #search ul#mainSearch li.searchGenre {
	top:25px;
	left:0;
}

#side #search ul#mainSearch li.searchGenre label {
	position:absolute;
	top:1px;
	left:15px;
	text-indent:-9999px;
	width:80px;
	height:11px;
}

/* IE用hack */
*:first-child+html #side #search ul#mainSearch li.searchGenre label {
	top:3px;
	left:15px;
}
* html #side #search ul#mainSearch li.searchGenre label {
	top:3px;
	left:15px;
}

#side #search ul#mainSearch li.searchAll {
	top:41px;
	left:0;
}

#side #search ul#mainSearch li.searchAll label {
	position:absolute;
	top:1px;
	left:15px;
	text-indent:-9999px;
	width:80px;
	height:11px;
	background:url(img/search_all.gif) no-repeat;
}

/* IE用hack */
*:first-child+html #side #search ul#mainSearch li.searchAll label {
	top:3px;
	left:15px;
}
* html #side #search ul#mainSearch li.searchAll label {
	top:3px;
	left:15px;
}

#side #search ul#mainSearch li.searchBtn {
	width:58px;
	position:absolute;
	top:28px;
	left:102px;
}
	
#side #search ul#subSearch {
	position:relative;
	height:15px;
}

#side #search ul#subSearch li.searchDetail {
	width:56px;
	height:12px;
	background:url(img/search_detail2.gif) no-repeat;
	text-indent:-9999px;
	margin-right:10px;
	position:absolute;
	top:3px;
	left:0;
}

#side #search ul#subSearch li.searchDetail a {
	display:block;
	width:56px;
	height:12px;
}

#side #search ul#subSearch li.searchAuthor {
	width:57px;
	height:12px;
	background:url(img/search_author.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:3px;
	left:61px;
}

#side #search ul#subSearch li.searchAuthor a {
	display:block;
	width:57px;
	height:12px;
}


/*-------------------
 search2
-------------------*/

#search2 {
	background:#E9E9E9;
	border:1px solid #CCCCCC;
	padding:7px 9px;
	margin-bottom:10px;
	zoom:1;
}

#search2:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#search2 input.text {
	width:180px;
}

#search2 ul {
	list-style:none;
}

#search2 li {
	display:block;
	float:left;
	margin-right:15px;
}

#search2 li.searchText {
	width:188px;
	margin-right:0;
}

/* IE6用ハック */
* html #search2 li.searchText {
	width:180px;
}

#search2 li.searchBtn {
	width:50px;
	margin-left:10px;
}

#search2 li.searchDetail {
	width:56px;
	height:12px;
	float:left;
	background:url(img/search_detail2.gif) no-repeat;
	text-indent:-9999px;
	margin-top:5px;
}

#search2 li.searchDetail a {
	display:block;
	width:56px;
	height:12px;
}

#search2 li.searchAuthor {
	width:57px;
	height:12px;
	float:left;
	background:url(img/search_author.gif) no-repeat;
	text-indent:-9999px;
	margin-top:5px;
}

#search2 li.searchAuthor a {
	display:block;
	width:57px;
	height:12px;
}

#search2 li.searchGenre {
	width:78px;
	height:12px;
	float:left;
	background:url(img/search_genre.gif) no-repeat;
	text-indent:-9999px;
	margin-top:5px;
}

#search2 li.searchGenre a {
	display:block;
	width:78px;
	height:12px;
}

#search2 li.searchRecent {
	width:90px;
	height:12px;
	float:left;
	background:url(img/search_recent.gif) no-repeat 15px top;
	text-indent:-9999px;
	margin-top:5px;
	padding-left:15px;
	border-left:1px solid #999;
}

#search2 li.searchRecent a {
	display:block;
	width:90px;
	height:12px;
}

#search2 li.searchComing {
	width:111px;
	height:12px;
	float:left;
	background:url(img/search_coming.gif) no-repeat;
	text-indent:-9999px;
	margin-top:5px;
}

#search2 li.searchComing a {
	display:block;
	width:111px;
	height:12px;
}

/*-------------------
 topics
-------------------*/

#main #topics h2 {
	margin-bottom:10px;
	font-size:116%;
	line-height:1.2;
	color: #003399;
}

#topics h2.img {
	height:25px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(img/subttl_topics.gif) no-repeat;
	font-size:1px;
	line-height:1;
}

#topics table {
	width:100%;
	margin-bottom:10px;
}

#topics table th,
#topics table td {
	vertical-align:top;
	border-bottom:1px dashed #999;
	padding:5px 0;
}

#topics table th {
	padding:5px 7px 5px 47px;
	white-space:nowrap;
}

#topicsBack #topics table th,
#topicsBack #topics table td {
	padding-top:10px;
	padding-left:52px;
	border-bottom:1px solid #999;
}

#topicsBack #topics table th {
	padding-right:10px;
	border-right:1px dashed #ccc;
	font-weight:bold;
}

#topicsBack #topics table td {	
	padding-left:15px;
	line-height:1.6;
}

#topics table .topicsEvent th {
	background:url(img/topics_genre_event.gif) no-repeat left 5px;
}

#topics table .topicsShohyo th {
	background:url(img/topics_genre_shohyo.gif) no-repeat left 5px;
}

#topics table .topicsNews th {
	background:url(img/topics_genre_news.gif) no-repeat left 5px;
}

#topics table .topicsShoten th {
	background:url(img/topics_genre_shoten.gif) no-repeat left 5px;
}

#topics table .topicsSeminar th {
	background:url(img/topics_genre_seminar.gif) no-repeat left 5px;
}

#topicsBack #topics table .topicsEvent th {
	background:#EAEFFB url(img/topics_genre_event.gif) no-repeat 5px 10px;
}

#topicsBack #topics table .topicsShohyo th {
	background:#EAEFFB url(img/topics_genre_shohyo.gif) no-repeat 5px 10px;
}

#topicsBack #topics table .topicsNews th {
	background:#EAEFFB url(img/topics_genre_news.gif) no-repeat 5px 10px;
}

#topicsBack #topics table .topicsShoten th {
	background:#EAEFFB url(img/topics_genre_shoten.gif) no-repeat 5px 10px;
}

#topicsBack #topics table .topicsSeminar th {
	background:#EAEFFB url(img/topics_genre_seminar.gif) no-repeat 5px 10px;
}


/*-------------------
 side
-------------------*/

#side {
	line-height:1;
}

#side a {
	color:#0000FF;
}

#side dd {
	margin:6px 10px;
	line-height:1.2;
}

/* sideMenu */

#side .sideMenu {
	background:#F7F7F7;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

#side .sideMenu dl {
	border-top:3px solid #0033CC;
	padding-bottom:5px;
}

#side dt {
	display:block;
	width:100%;
	height:25px;
	text-indent:-9999px;
}

#side .sideMenu dl#sideGenre dt {
	background:url(img/side_genre.gif) no-repeat;
}

#side .sideMenu dl#sideSeries dt {
	background:url(img/side_series.gif) no-repeat;
}

#side .sideMenu dl#sideBook dt {
	background:url(img/side_relation.gif) no-repeat;
}

#side .sideMenu dd a {
	display:block;
	padding-left:12px;
	background:url(img/linkarrow_blue.gif) no-repeat left 0.3em;
}

/* sideBtn */

#side ul.sideBtn {
	list-style:none;
}

#side ul.sideBtn li {
	display:block;
	width:100%;
	height:28px;
	font-size:1px;
	line-height:1;
	text-indent:-9999px;
	margin-bottom:10px;
}

#side ul.sideBtn li a {
	display:block;
	width:100%;
	height:28px;
}

/* sideRank */

#side #sideRank {
	background:#E2FAE4;
	margin-bottom:10px;
}

#side #sideRank dl {
	border-top:3px solid #66CC00;
	padding-bottom:5px;
}

#side #sideRank dt {
	background:url(img/side_ranking.gif) no-repeat;
}

#side #sideRank dd li {
	list-style:none;
	padding-left:17px;
	padding-bottom:3px;
}

#side #sideRank dd li#rank01 {
	background:url(img/side_rank_01.gif) no-repeat;
}

#side #sideRank dd li#rank02 {
	background:url(img/side_rank_02.gif) no-repeat;
}

#side #sideRank dd li#rank03 {
	background:url(img/side_rank_03.gif) no-repeat;
}

#side #sideRank dd li#rank04 {
	background:url(img/side_rank_04.gif) no-repeat;
}

#side #sideRank dd li#rank05 {
	background:url(img/side_rank_05.gif) no-repeat;
}

#side #sideRank dd.link {
	text-align:right;
}

/* bannerS */

#side  ul#bannerS {
	list-style:none;
}

#side  ul#bannerS li {
	display:block;
	float:left;
	font-size:1px;
	line-height:1;
	margin-bottom:8px;
}


/*-------------------
 foot
-------------------*/

#foot {
	background:url(img/double_line.gif) repeat-x left 30px;
}

#foot address {
	line-height:1;
	padding-top:10px;
	font-style:normal;
	font-size:10px;
	font-family:Verdana, Arial, sans-serif;
	color:#666;
}

#foot p#footLink {
	line-height:1.5;
	padding-top:10px;
	font-size:10px;
}

#foot p#footLogo {
	width:131px;
	height:22px;
    background:url(img/foot_logo.gif) no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	margin-bottom:10px;
}

#foot p#footBottom {
	width:70%;
	float:right;
	clear: right;
	text-align:right;
	line-height:1.2;
	margin-bottom:10px;
	font-size:10px;
}

/*-------------------
 text
-------------------*/

a.arrow {
	padding-left:15px;
	background:url(img/linkarrow_blue.gif) no-repeat left 0.2em;
}

.tax {
	font-size:80%;
}

.price {
	padding-left:20px;
	background:url(img/icon_yen.gif) no-repeat;
}

.red
{
	color:#f00;
}

/*-------------------
 btn
-------------------*/

a.btnRead {
	display:block;
	width:76px;
	height:22px;
	text-indent:-9999px;
	background:url(img/btn_read.gif) no-repeat;
}

a.btnRead:hover {
	background:url(img/btn_read_f2.gif) no-repeat;
}

a.btnDownload {
	display:block;
	width:100px;
	height:22px;
	text-indent:-9999px;
	background:url(img/btn_download.gif) no-repeat;
}

a.btnDownload:hover {
	background:url(img/btn_download_f2.gif) no-repeat;
}

a.btnErrataDownload {
	display:block;
	width:135px;
	height:22px;
	text-indent:-9999px;
	background:url(img/btn_errata_download.gif) no-repeat;
}

a.btnErrataDownload:hover {
	background:url(img/btn_errata_download_f2.gif) no-repeat;
}

a.btnPopDownload {
	display:block;
	width:126px;
	height:22px;
	text-indent:-9999px;
	background:url(img/btn_pop_download.gif) no-repeat;
}

a.btnPopDownload:hover {
	background:url(img/btn_pop_download_f2.gif) no-repeat;
}


a.btnBuy {
	display:block;
	width:154px;
	height:27px;
	text-indent:-9999px;
	background:url(img/houjin_logo.gif) no-repeat;
}

a.btnBuy:hover {
	background:url(img/houjin_logo.gif) no-repeat;
}

a.btnMore {
	display:block;
	width:73px;
	height:22px;
	text-indent:-9999px;
	background:url(img/btn_more_green.gif) no-repeat;
}

a.btnMore:hover {
	background:url(img/btn_more_green_f2.gif) no-repeat;
}

a.btnConfirm {
	display:block;
	width:108px;
	height:26px;
	text-indent:-9999px;
	background:url(img/btn_confirm.gif) no-repeat;
}

a.btnConfirm:hover {
	background:url(img/btn_confirm_f2.gif) no-repeat;
}

a.btnFinish {
	display:block;
	width:146px;
	height:26px;
	text-indent:-9999px;
	background:url(img/btn_finish.gif) no-repeat;
}

a.btnFinish:hover {
	background:url(img/btn_finish_f2.gif) no-repeat;
}

a.btnReload {
	display:block;
	width:61px;
	height:19px;
	text-indent:-9999px;
	background:url(img/btn_reload.gif) no-repeat;
}

a.btnReload:hover {
	background:url(img/btn_reload_f2.gif) no-repeat;
}

a.btnNkblog {
	display:block;
	width:171px;
	height:22px;
	text-indent:-9999px;
	background:url(img/btn_nkblog.gif) no-repeat;
}

a.btnNkblog:hover {
	background:url(img/btn_nkblog_f2.gif) no-repeat;
}

a.btnNkmeigara {
	display:block;
	width:215;
	height:25px;
	text-indent:-9999px;
	background:url(img/btn_nkshimen.gif) no-repeat;
}

a.btnNkmeigara:hover {
	background:url(img/btn_nkshimen_f2.gif) no-repeat;
}

a.btnNkseigo {
	display:block;
	width:215;
	height:25px;
	text-indent:-9999px;
	background:url(img/btn_nkseigo.png) no-repeat;
}

a.btnNkseigo:hover {
	background:url(img/btn_nkseigo_f2.png) no-repeat;
}

a.btnNksample {
	display:block;
	width:171px;
	height:25px;
	text-indent:-9999px;
	background:url(img/btn_nktachiyomi.gif) no-repeat;
}

a.btnNksample:hover {
	background:url(img/btn_nktachiyomi_f2.gif) no-repeat;
}

a.btnNkteisei {
	display:block;
	width:171px;
	height:25px;
	text-indent:-9999px;
	background:url(img/btn_nkerra.gif) no-repeat;
}

a.btnNkteisei:hover {
	background:url(img/btn_nkerra_f2.gif) no-repeat;
}

/*-------------------
 pagetop
-------------------*/

p.gotoPageTop {
	text-align:right;
        font-size:10px;
	line-height:1;
	padding:10px 0 10px;
}

p.gotoPageTop a {
	padding-left:12px;
	background:url(img/gototop.gif) no-repeat left center;
}