@charset "utf-8";

/*
Copyright (c) 2009/04/09,
*/

 /*　ヘッダー　*/
 
#header_area{
	width:100%;
	font-size:80%;
}

/*ヘッダートップエリア*/

#header_area #header_top{
	width:100%;
	color: #FFF;
	overflow:hidden;
	padding-top:4px;
	padding-bottom:4px;
}

/*マンガなら、販売点数世界最大級の電子書籍ダウンロードサイト。24時間いつでも快適読書　*/

#header_area #header_top p.header_copy{
	width:56%;
	float: left;
	color: #FFF;
	line-height:120%;
}

/*　ヘッダー上段メニュー　*/
#header_area #header_top p.gmenu{
	float:right;
	width: 42%;
	text-align:right;
	line-height:120%;
}

#header_area #header_top p.gmenu a:link { color: #ffffff; text-decoration: none; }
#header_area #header_top p.gmenu a:visited { color: #ffffff; text-decoration: none; }
#header_area #header_top p.gmenu a:hover { color: #DDD; text-decoration: none; }
#header_area #header_top p.gmenu a:active { color: #DDD; text-decoration: none; }


 /*　ヘッダー中段　*/
 
#header{
	overflow: hidden;
	width:100%;
	height:36px;
	background-image: url(../image/common/header_bg.gif);
	background-repeat: repeat-x;
}

#header .header_left{
	width:10px;
	height:36px;
	background-image: url(../image/common/header_bg_left.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
}

#header .header_center{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	height: 36px;
}

 /*　ヘッダー中段　メニュー　*/
#header .submenu{
	margin:0;
	padding:0;
	width:355px;
	float:right;
}

#header .submenu ul{
	margin-top:10px;
	padding:0px;
}

#header .submenu li{
	float:left;
	margin:0 0 0 0;
	display:block;
	height:25px;
}

#header .submenu li p{
	width:93px;
}

#header .submenu li p.sub_off{
	color: #FFF;
	width:113px;
	font-size: 12px;
	height:25px;
	background: url(../image/common/menu_bg_gray.gif) no-repeat ;
	line-height:25px;
	margin:0;
	background-repeat: no-repeat;
} 

#header .submenu li p.sub_off a:link,
#header .submenu li p.sub_off a:visited { color: #FFF; text-decoration: none; display:block; width:93px; height:25px; padding-left:25px;}
#header .submenu li p.sub_off a:hover,
#header .submenu li p.sub_off a:active { color: #FFF; text-decoration: none; display:block; width:93px; height:25px; padding-left:25px; background:url(../image/common/menu_bg_gray2.gif) no-repeat;}

.submenu li p.sub_on{
	color: #FFF;
	width:113px;
	font-size: 12px;
	background-image: url(../image/common/menu_bg_red.gif);
	background-repeat:no-repeat;
	line-height:22px;
	margin:0;
	background-repeat: no-repeat;
} 

.submenu li p.sub_on a:link,
.submenu li p.sub_on a:visited { color: #FFF; text-decoration: none; display:block; width:93px; height:25px; padding-left:25px; }
.submenu li p.sub_on a:hover,
.submenu li p.sub_on a:active { color: #FFF; text-decoration: none; display:block; width:93px; height:25px; padding-left:25px; background:url(../image/common/menu_bg_red2.gif) no-repeat; }

#header .header_right{
	width:10px;
	height:38px;
	background-image: url(../image/common/header_bg_right.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
}

#header h1.header_logo{
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 218px;
}

#header p.header_logo{
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 218px;
}



 /*　電子各種販売数：27,315点　*/
#header .header_comment{
	margin: 0px;
	padding-left: 10px;
	padding-top: 5px;
	float: left;
	font-size: 12px;
	color: #333;
}


 /*　ヘッダー ナビ部分　*/
 
#header_navi{
	overflow: hidden;
	width:100%;
	height: 24px;
	background-color: #ffffff;
}

 
#header_navi .navi_left{
	width:10px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#header_navi .navi_center{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	height: 24px;
}

#header_navi .navi_right{
	width:10px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: right;
}


 /*グローバルナビ*/

.gnavi{
	margin: 0px;
	color: #FFF;
}

.gnavi ul{
	margin: 0px;
}

.gnavi li{
	float: left;
	font-size: 12px;
	font-weight:bold
	
}

.gnavi li.l_cate{
	height:23px;
	line-height:23px;
	border-left:solid 1px #FFF;
	border-right:solid 1px #3F0009;
	background: url(../image/common/gnavi_bg.gif) repeat-x;
}

.gnavi li.l_cate a:link,
.gnavi li.l_cate a:visited { color: #ffffff; text-decoration: none; display:block;padding:0 15px;}
.gnavi li.l_cate a:hover,
.gnavi li.l_cate .active { color: #FFF!important;; text-decoration: none; background: url(../image/common/gnavi_bg2.gif) repeat-x; display:block;padding:0 15px;}

.gnavi li.l_cate_begin{
	height:23px;
	line-height:23px;
	border-right:solid 1px #3F0009;
	background: url(../image/common/gnavi_bg_begin.gif) repeat-x;
	display:block;
}

.gnavi li.l_cate_begin a:link,
.gnavi li.l_cate_begin a:visited { color: #ffffff; text-decoration: none; display:block;padding:0 15px 0px 17px;}
.gnavi li.l_cate_begin a:hover,
.gnavi li.l_cate_begin .active { color: #FFF!important; text-decoration: none; background:url(../image/common/gnavi_bg2_begin.gif) no-repeat; display:block;padding:0 15px 0px 17px;}

.gnavi li.l_cate_end{
	height:23px;
	line-height:23px;
	background: url(../image/common/gnavi_bg_end.gif) repeat-x right top;
	display:block;
	border-left:solid 1px #FFF;
}

.gnavi li.l_cate_end a:link,
.gnavi li.l_cate_end a:visited { color: #ffffff; text-decoration: none; display:block;padding:0 15px;}
.gnavi li.l_cate_end a:hover,
.gnavi li.l_cate_end .active { color: #ffffff!important; text-decoration: none; background:url(../image/common/gnavi_bg2_end.gif) no-repeat right top; display:block;padding:0 15px;} 

.gnavi li.s_cate{
	height:18px;
	line-height:18px;
	margin-top:5px;
	border-right:solid 1px #000;
	border-left:solid 1px #FFF;
	background: url(../image/common/gnavi2_bg.gif) repeat-x;
	font-weight:normal;
	display:block;
}

.gnavi li.s_cate a:link,
.gnavi li.s_cate a:visited { color: #ffffff; text-decoration: none; padding:0px 8px; display:block;}
.gnavi li.s_cate a:hover,
.gnavi li.s_cate .active { color: #000; text-decoration: none; padding:0px 8px; display:block; background: url(../image/common/gnavi2_bg2.gif) repeat-x;}

.gnavi li.s_cate_begin{
	height:18px;
	line-height:18px;
	margin-top:5px;
	border-right:solid 1px #000;
	background: url(../image/common/gnavi2_bg_begin.gif) no-repeat;
	font-weight:normal;
	display:block;
}

.gnavi li.s_cate_begin a:link,
.gnavi li.s_cate_begin a:visited { color: #ffffff; text-decoration: none; padding:0px 8px; display:block;}
.gnavi li.s_cate_begin a:hover,
.gnavi li.s_cate_begin .active { color: #000; text-decoration: none; padding:0px 8px; display:block; background:url(../image/common/gnavi2_bg2_begin.gif) no-repeat}

.gnavi li.s_cate_end{
	height:18px;
	line-height:18px;
	margin-top:5px;
	border-left:solid 1px #FFF;
	background: url(../image/common/gnavi2_bg_end.gif) no-repeat top right;
	font-weight:normal;
	display:block;
}

.gnavi li.s_cate_end a:link,
.gnavi li.s_cate_end a:visited { color: #ffffff; text-decoration: none; padding:0px 8px; display:block;}
.gnavi li.s_cate_end a:hover,
.gnavi li.s_cate_end .active { color: #000; text-decoration: none; padding:0px 8px; display:block; background:url(../image/common/gnavi2_bg2_end.gif) no-repeat top right}

 /*　ヘッダー 検索部分　*/

#header_search{
	overflow: hidden;
	height:30px;
	background-color: #ffffff;
}

 
#header_search .search_left{
	width:10px;
	height:30px;
	float: left;
}

#header_search .search_center{
	margin:0px 10px;
	height: 30px;
	background-color: #dfdfdf;
	overflow:hidden;
}

#header_search .search_right{
	width:10px;
	height:30px;
	float: right;
}

 /*　検索ボックス　*/

#header_search .search_center .search_area{
	width:500px;
	margin:5px auto;
	text-align:center;
	
}

#header_search .search_center .search_area .st_box{
	padding:0px;
	margin-right:10px;
	height:15px;
}

/*　検索ボックス　カート　*/
 
#header_search .search_center .searchcart{
	width: 80px;
	height:26px;
	float:right;
	position: relative;
	margin-top: 2px;
	margin-right:7px;
	padding-left: 23px;
	line-height:26px;
	font-size:12px;
	color:#FFF;
	background: url(../image/common/shopping.jpg) no-repeat;
}

#header_search .search_center .searchcart a{
	color:#FFF;
	text-decoration:none;
	display:block
}

/*　ヘッダー 特設部分　*/

#header_special{
	overflow: hidden;
	width:100%;
	height:35px;
	background-color: #ffffff;
}
 
#header_special .special_left{
	width:10px;
	height:35px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#header_special .special_center{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	height: 35px;
}

#header_special .special_right{
	width:10px;
	height:35px;
	margin: 0px;
	padding: 0px;
	float: right;
}

 /*特設サイト*/

.special_site{
	position: relative;
	margin: 0px;
	color: #333;
	font-size: 12px;
	float:left;
	width:545px;
	text-align:left;
	padding: 0px;
}

.special_site ul{
	margin: 0px;
}

.special_site li{
	float: left;
}

.special_site li.title{
	padding:0px 4px;
	height:26px;
	line-height:26px;
	background:url(../image/common/special_bg.gif) repeat-x;
	font-weight: normal;
	color: #FFF;
	border: 2px solid #000;
}

.special_site li.menu{
	height:26px;
	line-height:26px;
	background: url(../image/common/special2_bg.gif) repeat-x;
	border-bottom:solid 2px #000;
	border-right:solid 2px #000;
	border-top:solid 2px #000;
	font-weight: normal;
	color: #000;
	display:block;
}

.special_site li.menu a:link,
.special_site li.menu a:visited { color: #000; text-decoration: none; padding:0px 11px; display:block;}
.special_site li.menu a:hover,
.special_site li.menu .active { color: #FFF!important; text-decoration: none; padding:0px 11px; display:block; background: url(../image/common/special2_bg2.gif) repeat-x;}

/*　目　録　*/

.table_area{
	float: right;
	position: relative;
	margin-top: 6px;
	font-size: 12px;
	width: 415px;
	display: block;
}

.table_area a:link,
.table_area a:visited { color: #ffffff; text-decoration: none; display:block;}

.table_area ul{
	margin: 0px;
}

.table_area li{
	margin-left: 1px;
}

.table_area ul li.table01{
	float:left;
	color:#FFF;
	background-image: url(../image/common/table_iphone.gif);
	font-weight:normal;
	background-repeat: no-repeat;
	text-align:center;
	line-height:20px;
	width: 94px;
	height:20px;
}

.table_area li.table02{
	float:left;
	color:#FFF;
	background-image: url(../image/common/table_windowsmobile.gif);
	font-weight:normal;
	background-repeat: no-repeat;
	text-align:center;
	line-height:20px;
	width: 135px;
	height:20px;
}

.table_area li.table03{
	float:left;
	color:#FFF;
	background-image: url(../image/common/table_mac.gif);
	font-weight:normal;
	background-repeat: no-repeat;
	text-align:center;
	line-height:20px;
	width: 81px;
	height:20px;
	line-height: 20px;
}

.table_area li.table04{
	float:left;
	color:#FFF;
	background-image: url(../image/common/table_windows.gif);
	font-weight:normal;
	background-repeat: no-repeat;
	text-align:center;
	line-height:20px;
	width: 97px;
	height:20px;
	line-height: 20px;
}


/* ヘッダー 「eBookJapanとは」エリア */
#header_beginner{
	position: relative;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #ffffff;
}
#header_beginner .special_center{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	height: 125px;
	background-color: #ffffff;
}



/*　ヘッダー ニュースエリア　*/

#header_news{
	width:100%;
	height:36px;
	background: url(../image/common/header_bg_bottom.gif) repeat-x bottom;
}
 
#header_news .news_left{
	width:10px;
	height:36px;
	background: url(../image/common/header_bg_left_bottom.gif) no-repeat bottom;
	float: left;
}

#header_news .news_center{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	height: 36px;
}

#header_news .news_right{
	width:10px;
	height:36px;
	background: url(../image/common/header_bg_right_bottom.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	float: right;
}

/*　ニュース記事　*/

#header_news .news_center .news_area{
	position: relative;
	padding: 0px;
	margin: 0px;
	background-image: url(../image/common/news_title.gif);
	height: 20px;
	background-repeat: no-repeat;
	text-align:left;
	width: 100%;
	overflow: hidden;
}

#header_news .news_center .news_area ul{
	margin-left: 60px;
}

#header_news .news_center .news_area li{
	float: left;
/*	padding-right:10px; */
	padding-right:4px;
	padding-left:12px;
	height:20px;
	line-height:20px;
	font-weight:normal;
	white-space:nowrap;
	background:url(../image/common/news_list.gif) no-repeat;
	font-size:12px;
}

 /*　ヘッダー キャンペーンエリア　*/
 
#header_campaign{
	width:100%;
	font-size:80%;
	height: 50px;
}

#campaign{
	width:100%;
	height:42px;
	background-image: url(../image/top/top_banner_bg_center.gif);
	background-repeat: repeat-x;
}

 /*　キャンペーンバナー部分　*/
 
#campaign .campaign_left{
	width: 10px;
	height: 42px;
	background-image: url(../image/top/top_banner_bg_left.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
}

#campaign .campaign_center{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	height: 42px;
	background-repeat: repeat-x;
	text-align: center;
}

#campaign .campaign_center .campaign_bannar{
	margin: 0 auto;
	height: 30px;
	text-align: center;
	padding:6px 0px;
}

#campaign .campaign_center .campaign_bannar .c_bannar{
	width:471px;
	height:30px;
	padding:0px 0px;
}

#campaign .campaign_right{
	width: 10px;
	height: 42px;
	margin: 0px;
	background-image: url(../image/top/top_banner_bg_right.gif);
	background-repeat: no-repeat;
	padding: 0px;
	float: right;
}

/* パンくず　*/

#contents_area #pankuzu{
	overflow: hidden;
	background-color: #FFF;
	height:25px;
	font-size: 80%;
	margin-bottom: 10px;
	position: relative;
}

#contents_area #pankuzu a:link,
#contents_area #pankuzu a:visited{
	text-decoration:underline;
	color:#D41D24;
}

#contents_area #pankuzu a:hover{
	text-decoration:none;
	color:#999;
}

#contents_area #pankuzu .title_left{
	width:5px;
	height: 25px;
	padding: 0px;
	float: left;
	background-image: url(../image/common/pankuzu_l.gif);
	background-repeat: no-repeat;
}

#contents_area #pankuzu .title_center{
	background-color: #FFF;
	margin-left: 1px;
	height: 25px;
	font-size:80%;
	line-height:25px;
}

#contents_area #pankuzu .title_right{
	width:5px;
	height: 25px;
	float: right;
	background-image: url(../image/common/pankuzu_r.gif);
	background-repeat: no-repeat;
}

.pagenavi{
	font-size:80%;
	text-align:right;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: 130%;
}