@charset "shift_jis";

body{
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Arial, Helvetica, sans-serif;
}
/* CSS Document */
/* ====================
common */
body {
 margin:0;
 padding:0;
 background:#f2f2f2 url(../img/bg.gif) repeat-y 776px;
 font-size:0.8em;
 line-height:1.2em;
 color:#494949;
}

h1, h2, h3, table, tr, td, th, p, div {
 vertical-align:top;
 margin:0;
 padding:0;
}
h1{
 font-size:1em;
 line-height:1.4em;
}
h2{
 font-size:1em;
 line-height:1.2em;
 color:#05578e;
}
img {
 margin:0;
 padding:0;
 border:0;
}
th {
 text-align:left;
}
pre {
 margin:0;
 padding:0;
 font-size:12px;
 line-height:1.3em;
}
a {
 color:#0869a9;
 text-decoration: none;
}
a:hover {
 text-decoration:underline;
}
.txt {
 margin:5px;
}
.txt_s {
 font-size:0.7em;
}
.txt_b {
 font-weight:bold;
}
.txt_blue {
 color:#06578c;
}
.point {
 color:#d43939;
 margin:5px;
}
.memo {
 margin:5px 10px;
}
p.gotop {
 float:right;
 text-align:right;
 padding-left:13px;
 padding-right:5px;
 background: url(../img/link_gotop.gif) no-repeat 0px center;
}

/*========================================
          Journal Top Menu links
========================================*/
a.journalmenu01, a.journalmenu02, a.journalmenu03, a.journalmenu04, a.journalmenu05 {
 color:#575a97;
 font-weight:bold;
 padding-left:15px;
}
a.activ01 {
 color:#ffffff;
}
a.activ02, a.activ03, a.activ04, a.activ05 {
 color:#000000;
}
a.journalmenu01 {
 background:url(../img/link_journalmenu01.gif) no-repeat left;
}
a.journalmenu02 {
 background:url(../img/link_journalmenu02.gif) no-repeat left;
}
a.journalmenu0
 {
 background:url(../img/link_journalmenu03.gif) no-repeat left;
}
a.journalmenu04 {
 background:url(../img/link_journalmenu04.gif) no-repeat left;
}
a.journalmenu5 {
 background:url(../img/link_journalmenu05.gif) no-repeat left;
}
a.journalmenu01:hover {
 color:#ffffff;
 text-decoration:none;
}
a.journalmenu02:hover, a.journalmenu03:hover, a.journalmenu04:hover, a.journalmenu05:hover {
 color:#000000;
 text-decoration:none;
}
a.activ {
 color:#ffffff;
}
/*========================================
          Journal Top Menu links
========================================*/


/* ====================
header */
#header {
 background:#ffffff;
}
#header .topmenu {
 text-align:center;
 vertical-align:middle;
 color:#05578d;
 line-height:190%;
}
#header .topmenu img {
 margin-top:11px;
}
#header .topmenu a {
 color:#05578d;
}

/* search */
#header table.search {
 background: #0b5f97 url(../img/bg_search.gif) repeat-x;
 vertical-align:top;
}
#header .search td{
 color:#ffffff;
 vertical-align:middle;
}
#header .search td.serieslist{
 background: #0e7cb4 url(../img/btn_sries.gif) repeat-x top;
}
#header .search td.shoplist{
 background: #0e7cb4 url(../img/bg_shoplist.gif) repeat-x top;
}
#header .search a {
 color:#cfe2e9;
 text-decoration: none;
}
#header form.search {
 margin:0;
 padding:0;
 vertical-align:top;
}
#header form.search select {
 margin:8px 0 0 2px;
 padding:0;
 vertical-align:top;
}
#header form.search select option {
 margin:0;
 padding:0;
}
#header form.search input {
 margin:8px 0 0 2px;
 padding:0;
 vertical-align:top;
 width:180px;
}
#header form.search img{
 margin:6px 0 0 0;
 padding:0;
}

/* ====================
content */
#content {
}

/* ====================
left_menu */
#left_menu {
 background: #ffffff url(../img/bg_main.gif) repeat-x top;
 width:185px;
}
#left_menu ul {
 margin:0;
 padding:0;
 list-style-position:outside;
 list-style-type:none;
 line-height:1.7em;
}

/* category */

#left_menu .category {
 background:#f7f7f7;
 border:1px solid #0a5d95;
 border-top:none;
}
#left_menu .level1 td {
 height:1.8em;
 padding-top:5px;
 padding-left:11px;
 border-bottom:1px dotted #c5c5c5;
}
#left_menu .level1 td.lst {
 background:none;
 border-bottom:none;
}
#left_menu .category .level2 {
 padding-left:1.5em;
 line-height:1.8em;
 margin-top:3px;
 margin-bottom:4px;
}
#left_menu .level2 li {
 padding-left:0.6em;
 background:url(../img/list_level2.gif) no-repeat -2px 8px;
 border-bottom:none;
}

/* customer */
#left_menu .customer {
 background:#ffffff;
 border:1px solid #0a70b3;
 border-top:none;
}
#left_menu .customer li {
 padding-left:2.3em;
 background:url(../img/list_level1_red.gif) no-repeat 11px 7px;
 border-bottom:1px dotted #c5c5c5;
}
#left_menu .customer li.lst {
 border-bottom:none;
}
/* company */
#left_menu .company {
 background:#ffffff;
 border:1px solid #117a8d;
 border-top:none;
}
#left_menu .company li {
 padding-left:2.3em;
 background:url(../img/list_level1_red.gif) no-repeat 11px 7px;
 border-bottom:1px dotted #c5c5c5;
}
#left_menu .company li.lst {
 border-bottom:none;
}

/* ====================
main content */
#main {
 background: #ffffff url(../img/bg_main.gif) repeat-x top;
}
/* ==============================
top main */
#top #main {
 width:406px;
}
#top #main .bg_toptitle {
 background: url(../img/bg_title_top.gif) no-repeat right;
}
#top #main .bg_toptitle_j {
 background: url(../img/bg_title_top_j.gif) no-repeat right;
}
#top #main .title_link_069 {
 font-size:0.8em;
 vertical-align:bottom;
 padding:0 12px;
 background: url(../img/link_069.gif) no-repeat left 2px;
}
#top #main .title_link_fff {
 font-size:0.8em;
 padding:0 12px;
 color:#ffffff;
 text-align:right;
 vertical-align:bottom;
 background: url(../img/link_fff.gif) no-repeat left 2px;
}
#top #main .top_new {
 text-align:right;
 vertical-align:middle;
 border:1px solid #b2b2b2;
 background:#ffffff;
 padding:5px;
}
#top #main .top_new .book {
 text-align:left;
 padding:8px;
 background:#f3f3f3;
}
#top #main .top_new .bt_more {
 text-align:right;
 vertical-align:bottom;
}

#top #main .journal {
 text-align:center;
}
#top #main .info ul {
 list-style-type:none;
 margin:0;
 padding:0;
}
#top #main .info ul li {
 padding:5px 5px 5px 10px;
 background:url(../img/line_dot_l.gif) no-repeat bottom;
}
#top #main .info ul li.lst {
 background:none;
}
#top #main .info ul li span.day {
 color:#04568d;
 font-weight:bold;
}

/* ==============================
second main */
#second #main {
 padding-left:13px;
}
#second #main table.title {
 margin:0;
}
#second #main table.maincontent {
 margin:0 1px;
}
#second #main a img.map {
 border:10px solid #ececec;
 margin:10px;
}
#second #main table.layout {
 border:1px solid #c4c4c4;
 background:#ffffff;
}
#second #main table.layout th {
 background:#f6f6f6;
 padding:5px;
}
#second #main table.layout td {
 padding:5px;
}
#second #main table.layout .r {
 border-right:1px solid #c4c4c4;
}
#second #main table.layout .t {
 border-top:1px solid #c4c4c4;
}
#second #main table.layout th.subtitle {
 background:#f6f6f6 url(../img/bg_subtitle.gif) no-repeat left 5px;
 padding-left:13px;
 padding-top:5px;
}
/* search_list */
#second #main .detail_title{
 background:url(../img/title_detail.gif) no-repeat left top;
 padding-left:24px;
 height:66px;
 vertical-align:middle;
}

#second #main .search_list_top {
 border-bottom:1px solid #b2b2b2;
}
#second #main .search_list_tag {
 border-bottom:1px solid #5faed6;
}
#second #main .search_list {
 border-left:1px solid #b2b2b2;
 border-right:1px solid #b2b2b2;
 background:#ffffff;
 padding:5px;
}
#second #main .search_list_bottom {
 border-top:1px solid #b2b2b2;
}

#second #main .booklist {
 text-align:left;
 padding:10px 5px;
 line-height:1.5em;
}
#second #main .booklist span.price {
 padding-left:20px;
}
#second #main .booklist .journal {
 text-align:left;
 background:url(../img/icon_journal.gif) no-repeat left;
 padding:10px 5px;
 padding-left:3em;
}
#second #main img.journal {
 background:#dfe4e6;
 padding:10px;
 margin-left:1px;
}
#second #main img.book {
 background:#dfe4e6;
 padding:5px;
 margin-left:1px;
}

#second #main .bt_more {
 text-align:right;
 vertical-align:middle;
 padding:10px 5px;
}
#second #main .dotline {
 padding:3px 0;
 background:url(../img/line_dot_l.gif) repeat-x center;
}
#second #main .pages {
 text-align:left;
 font-size:0.8em;
 padding-bottom:5px;
}
#second #main .pages .activ {
 font-weight:bold;
}
#second #main .pages a {
 text-decoration:underline;
}
#second #main .pages a hover {
 text-decoration:none;
}

#second #main .pages .allpages {
 font-weight:bold;
 margin-left:10px;
}
#second #main .next {
 text-align:right;
 font-weight:bold;
 padding-bottom:5px;
}
#second #main .next a {
 background: url(../img/link_next.gif) no-repeat left 3px;
 padding-left:14px;
}

#second #main .search_list ul {
 margin:8px 0;
 padding:0;
 list-style-position:outside;
 list-style-type:none;
 line-height:1.5em;
 text-align:left;
}
#second #main .search_list li {
 display:inherit;
 float:left;
 width:240px;
 padding:0 14px;
 background: url(../img/link_069.gif) no-repeat left 6px;
}

#second #main .item_plink {
}

#second #main .item_plink a {
 line-height:1.5em;
 padding-left:8px;
 background: url(../img/link_item.gif) no-repeat left 4px;
}



/* ====================
form customer */
form.customer {
 margin:0;
 padding:0;
}

#second #main .layout table.c_form {
 margin:0;
 padding:0;
 margin-left:5px;
 vertical-align:top;
}
#second #main .layout table.c_form th {
 margin:0;
 padding:5px 0 2px 12px;
 font-weight: normal;
 height:1.5em;
 background:#ffffff url(../img/bg_form_label.gif) no-repeat left 3px;
}
#second #main .layout table.c_form td {
 margin:0;
 padding:2px 0;
 height:1.5em;
 background:#ffffff;
}


#second #main .layout input {
 margin:0;
 padding:0;
 margin-right:3px;
 height:1.2em;
}
 
#second #main .layout p.check {
 margin-top:2px;
}
#second #main .layout p.c_block {
 margin-left:4px;
 margin-top:5px;
}
#second #main .layout p.check input, #second #main .layout p.c_block input {
 margin-top:2px;
 margin-bottom:-2px;
}

#second #main .layout table.c_list {
 margin-left:5px;
}

#second #main .layout table.c_list th {
 background:#a5b704;
 color:#ffffff;
 text-align:center;
 vertical-align:middle;
}
#second #main .layout table.c_list td {
 padding:5px;
 background:#ededed;
}

td.price {
 text-align:right;
}

#second #main .layout table.c_cart {
 border-top:1px solid #05578e;
 margin-top:3px;
 margin-left:6px;
}
#second #main .layout table.c_cart td {
 border-top:1px solid #05578e;
 padding:6px;
}

#second #main .layout .bg_block {
 background:#ffffff url(../img/bg_shopcart.gif);
 vertical-align:middle;
}
#second #main .layout .bg_block input  {
 height:30px;
}
#second #main .layout .bt_block input  {
 height:24px;
}


/* ====================
right-menu */
#right {
 background: #ffffff url(../img/bg_main.gif) repeat-x top;
 width:185px;
 text-align:center;
 padding-left:11px;
 padding-right:12px;
}

#right .serise {
 width:160px;
 background:#ffffff;
 border:1px solid #b2b2b2;
 border-top:none;
 text-align:center;
}
#right .serise img {
 margin:10px 0;
}
#right .serise_txt {
 background:url(../img/bg_serise_txt.gif) repeat-x;
 color:#ffffff;
 text-align:left;
 padding:1px;
 margin:1px;
}
#right .serise_txt a {
 color:#ffffff;
 font-weight:bold;
 text-decoration:underline;
}

/* ====================
footer */
#footer {
 background:#f2f2f2 url(../img/bg_footer.gif) repeat-x top;
 height:68px;
 text-align:right;
}
#footer img {
 margin:22px 10px 0 0;
}





/*========================================
          今日シリーズ
========================================*/
/*初期設定*/

#wrap ul,
#wrap li {margin: 0; padding: 0;}

#wrap li {list-style: none;}

.fnt-red {
	font-weight: bold;
	color: #d43939;
}
.fnt-bl {
	font-weight: bold;
	color: #095d95;
}
.fnt-catch {
	font-weight: bold;
	color: #89a200;
	margin-bottom: 1em;
}
h2.h2-konniti {
	font-size: 120%;
	font-weight: bold;
	color: #095d95;
}
h2.h2-konniti span {
	font-size: 80%;
}
#wrap ul.li-mark li {
	list-style: none;
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(../images/mark_li.gif) no-repeat 0 3px !important;
	background: url(../images/mark_li.gif) no-repeat 0 0;
}

.marg-05 {
	margin-bottom: 0.5em;
}
.marg-1 {
	margin-bottom: 1em;
}

#wrap {
	padding: 15px 20px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #c4c4c4;
}
#wrap .col {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../images/line_dot.gif) repeat-x left bottom;
}
#wrap .col-last {
	padding-bottom: 20px;
	background: none;
}
#wrap .col .col-l,
#wrap .col-last .col-l {
	float: left;
	text-align: center;
	width: 158px;
}
#wrap .col .col-l div,
#wrap .col-last .col-l div {
	margin-bottom: 10px;
}
#wrap .col .col-r,
#wrap .col-last .col-r {
	float: right;
	width: 350px;
}


.col:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col {display: inline-block;}
/* Hides from IE-mac \*/
 * html .col {height: 1%;}
.col {display: block;}
/* End hide from IE-mac */

.col-last:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col-last {display: inline-block;}
/* Hides from IE-mac \*/
 * html .col-last {height: 1%;}
.col-last {display: block;}
/* End hide from IE-mac */



/*========================================
          雑誌年間購読
========================================*/
#wrap ul,
#wrap li {margin: 0; padding: 0;}
#wrap li {list-style: none;}
h2.h2-nennkan {
	font-size: 120%;
	font-weight: bold;
	color: #095d95;
}
.large {
	font-size: 120%;
}
.fnt-red {
	color: #d43939;
}
.fnt-bl {
	font-weight: bold;
	color: #095d95;
}
.fnt-catch {
	font-weight: bold;
	color: #89a200;
	margin-bottom: 1em;
}
.btn-center {
	text-align: center;
	margin-bottom: 20px;
}
.marg-05 {
	margin-bottom: 0.5em;
}
.marg-1 {
	margin-bottom: 1em;
}

#wrap {
	padding: 15px 20px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #c4c4c4;
}
#wrap .col {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../images/line_dot.gif) repeat-x left bottom;
}
#wrap .col-last {
	padding-bottom: 20px;
	background: none;
}
#wrap .col .col-l,
#wrap .col-last .col-l {
	float: left;
	text-align: center;
	width: 158px;
}
#wrap .col .col-l div,
#wrap .col-last .col-l div {
	margin-bottom: 10px;
}
#wrap .col .col-r,
#wrap .col-last .col-r {
	float: right;
	width: 350px;
}


.col:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col {display: inline-block;}
/* Hides from IE-mac \*/
 * html .col {height: 1%;}
.col {display: block;}
/* End hide from IE-mac */

.col-last:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col-last {display: inline-block;}
/* Hides from IE-mac \*/
 * html .col-last {height: 1%;}
.col-last {display: block;}
/* End hide from IE-mac */