@charset "utf-8";

/* Top & ニューストピックス Main Contents */
/*///////////////////////////////////////////////////////*/
div#inner {
float: none;
width: 1024px;
}
div#main {
margin: 0;
padding: 0;
width: 800px;
}
#TopmainBox{
float:right;
width:800px;
}

#TopmainBox h2{
clear:both;
}

#flashContent{
margin-bottom:15px;
}

div.headnews div.col1, div.secoundnews div.col1{
border:1px solid #cbe1ef;
background:#effcff;
margin:4px 0 0 0;
padding:6px;
display:block;
min-height:1px;
}

div.headnews div.col1:after,
.smenu2:after,
.smenu:after,
.cfx:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.headnews div.col1,
* html .smenu2,
* html .smenu,
* html .cfx{ height:1px; }

div.secoundnews div.col1:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.secoundnews div.col1{ height:1px; }

div.headnews2 div.col1 {
border:1px solid #000000;
background:#ffffff;
margin:4px 0 0 0;
padding:6px;
display:block;
min-height:1px;
}

div.headnews2 div.col1:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.headnews2 div.col1{ height:1px; }

div.secoundnews div.col1:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.secoundnews div.col1{ height:1px; }

.secoundnews{
display:block;
min-height:1px;
margin-bottom:20px;
}

.secoundnews:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html .secoundnews{ height:1px; }

div.headnews div.newsright{
padding:0 0 0 10px;
width:660px;
float:left;
}

div.secoundnews div.newsright{
padding:0 0 0 10px;
width:255px;
float:left;
}

div.secoundnews div.under1{
width:384px; float:left; margin-right:4px;
}

div.secoundnews div.under2{
width:384px; float:left;
}

.newsleft{
width:112px;
float:left;
text-align:center;
}

.newsright p.date{
font-size:10px;
min-height:20px;
_height:20px;
letter-spacing:0.1em;
}

.newsright h3{
font-weight:bold;
font-size:12px;
margin-bottom:20px;
}

.newsPh{
border:1px solid #cbe1ef;
background:#9ed8f6;
padding:5px;
margin:6px 0 0 0;
}

#ichioshiBox{
background:url(/img/common/ba2_body.gif) repeat-y;
margin-bottom:10px;
}

#ichioshiBoxBottom{
background:url(/img/common/ba2_bottom.gif) no-repeat left bottom;
padding:10px 20px 0px 20px;
min-height:1px;
}

#ichioshiBoxBottom:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html #ichioshiBoxBottom{ height:1px; }

#ichioshiBox dl{
line-height:200%;
margin-bottom:20px;
height:300px;
overflow:auto;
}

#ichioshiBox dt{
border-top:1px solid #ced7e1;
float:left;
font-size:10px;
width:175px;
padding:3px;
letter-spacing:0.1em;
}

#ichioshiBox dt.top{
border:none;
}

#ichioshiBox dt img{
margin:0 0 0 15px;
vertical-align:middle;
}

#ichioshiBox dd{
border-top:1px solid #ced7e1;
float:left;
width:545px;
padding:3px;
}

#ichioshiBox dd.top{
border:none;
}

#bannerBox{
text-align:center;
}

#bannerBox img{
margin:10px;
}

/* 会社案内Main Contents */
/*///////////////////////////////////////////////////////*/
h3.commar{
margin:0 0 15px 0;
}

h3.commar2{
margin:0 0 25px 0;
}

h3.commar3{
margin:15px 0 0 0;
}

h4.commar{
margin:0 0 15px 0;
}

h4.commar2{
margin:0 0 25px 0;
}

h4.commar3{
margin:15px 0 0 0;
}

table.companyT{
border-collapse:collapse;
width:800px;
margin:0 auto;
clear:both;
}

table.companyT th{
background:#effcff;
color:#0078bf;
width:140px;
line-height:120%;
border:solid 1px #cbe1ef;
border-left:none;
padding:10px;
font-weight:bold;
white-space:nowrap;
text-align:center;
vertical-align:top;
}

table.companyT td{
line-height:120%;
background-color:#FFFFFF;
border:solid 1px #cbe1ef;
border-right:none;
padding:10px;
text-align:left;
line-height:160%
}
table.companyT dl {
margin: 0;
}
table.companyT dt{
float:left;
width:110px;
padding:5px 0;
}

table.companyT .nopad {
padding: 0 0 5px;
}

table.companyT dd{
float:left;
width:450px;
padding:5px 0;
}

table.companyT li{
margin:0 0 0 10px;
line-height:160%
}

p.boxGray{
border:1px solid #CCC;
background:#EEE;
padding:10px;
margin-top:10px;
}

p.boxOrenge{
border:1px solid #ff9900;
background:#fef8ee;
text-align:center;
padding:10px;
margin-top:10px;
}

ul.smenu{
list-style:none;
margin:0 0 1.5em;
padding: 0;
}

ul.smenu li{
float:left;
background:url(/img/common/p_arrow.gif) no-repeat 10px center;
padding:0 0 0 30px;
margin:0 0 10px 0;
}

ul.smenu2{
list-style:none;
margin:0;
padding:0;
}

ul.smenu2 li{
float:left;
margin:0 10px 15px 0;
}

ul.smenu3{
list-style:none;
margin:0;
padding:0;
}

ul.smenu3 li{
background:url(/img/common/p_arrow.gif) no-repeat 10px center;
padding:0 0 0 30px;
margin:0 0 10px 0;
}

h5.txt{
font-size:12px;
color:#FF6600;
margin:10px 0 5px 0;
font-weight:bold;
}

.mar{
margin:0 0 15px 18px;
}

ul.pointarrow{
list-style:none;
}

ul.pointarrow2{
list-style:none;
}

ul.pointarrow li{
background:url(/img/common/p_arrow.gif) no-repeat 10px center;
padding:0 0 0 30px;
line-height:160%;
}

ul.pointarrow2 li{
background:url(/img/common/p_arrow.gif) no-repeat 0px center;
padding:0 0 0 20px;
line-height:160%;
}

div.mapBox h4{
font-weight:bold;
}

div.mapBox div.mapimage{
width:650px;
margin:20px auto;
}

div.mapBox div.moyoriL{
border:none;
border-top:3px solid #00a5e3;
padding:5px;
width:55px;
float:left;
margin:10px 0 20px 0;
}

div.mapBox p.moyoriR{
border:none;
border-left:3px solid #00a5e3;
width:470px;
padding:5px;
float:left;
margin:10px 0 20px 0;
}

/* お問い合わせ */
/*//////////////////////////////////////////////////////////////////*/
table.inquiryT{
border-collapse:collapse;
width:800px;
margin:0 auto;
clear:both;
}

table.inquiryT th{
	line-height:120%;
	padding:10px;
	font-weight:bold;
	white-space:normal;
	vertical-align:middle;
	border:1px solid #cbe1ef;
}

table.inquiryT th.th1 {
	width:210px;
	text-align:left;
	background-color: #EFFCFF;
}

table.inquiryT td{
	line-height:120%;
	padding:10px;
	text-align:left;
	line-height:160%;
	border:1px solid #cbe1ef;
}

table.inquiryT ul{
list-style:none;
}

table.inquiryT li{
	line-height:160%;
	background:url(/img/common/p_dot.gif) no-repeat left center;
	margin:0;
	padding-left: 15px;
}


/* プライバシーポリシーMain Contents */
/*///////////////////////////////////////////////////////*/
div.privacyBox h3{
margin:15px 0;
}

div.privacyBox h3.firstline{
margin:0 0 15px 0;
}

div.privacyBox h4{
margin:15px 0;
}

div.privacyBox h4.mar0{
margin:0;
}

div.privacyBox p{
text-indent:1em;
}

div.privacyBox ul.list,div.privacyBox ol.list{
padding:15px 0 0 25px;
line-height:180%;
}

div.privacyBox div.howto{
	background-color: #ECFBFF;
	border:1px solid #C1DAEA;
	border-top:none;
	margin: 0 0 25px 0;
	padding:10px;
}

div.privacyBox p.send {
margin:15px 0 0 0;
padding:15px 0 0 0;
border-top:1px solid #C1DAEA;
color: #0D305E;
font-weight: bold;
text-indent:0;
}

/* 発売カレンダーMain Contents */
/*///////////////////////////////////////////////////////*/
table.calendarT{
border-collapse:collapse;
width:800px;
margin:0 auto;
clear:both;
}

table.calendarT th{
	line-height:120%;
	padding:10px;
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle;
	border:1px solid #cbe1ef;
}

table.calendarT th.th2 {
	width:140px;
	text-align:left;
	background-color: #EFFCFF;
}

table.calendarT th.th1 {
	width:40px;
	text-align:center;
	border-right-width: 3px;
}

table.calendarT td{
	line-height:120%;
	padding:10px;
	text-align:left;
	line-height:160%;
	border:1px solid #cbe1ef;
}

table.calendarT dt{
float:left;
width:140px;
padding:5px 0;
}

table.calendarT dd{
float:left;
width:470px;
padding:5px 0;
}

table.calendarT ul{
margin: 0;
padding: 0;
list-style:none;
}

table.calendarT li{
	line-height:160%;
	background:url(/img/common/p_dot.gif) no-repeat left center;
	margin:0;
	padding-left: 15px;
}

/* 雑誌・書籍検索Main Contents */
/*///////////////////////////////////////////////////////*/
div.searchBox div.col1{
border:1px solid #cbe1ef;
background:#effcff;
margin:0 0 4px 0;
padding:0 16px 10px 16px;
display:block;
min-height:1px;
}

div.searchBox div.col1:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.searchBox div.col1{ height:1px; }

div.searchBox div.col2{
border:1px solid #cbe1ef;
background:#effcff;
margin:0 0 4px 0;
padding:10px 16px;
display:block;
min-height:1px;
}

div.searchBox div.col2:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.searchBox div.col2{ height:1px; }

div.searchBox div.col1 h4{
color:#174172;
font-weight:bold;
font-size:12px;
margin:10px 0 5px 0;
}

div.searchBox div.col1 form label{
font-size:10px;
margin:0 5px 5px 0;
}

div.searchBox div.col1 .Inner{
border-top:1px solid #cbe1ef;
margin-top:10px;
padding-top:10px;
}

div.searchBox div.searchName{
float:left;
width:130px;
}

div.searchBox div.searchBox{
float:left;
margin-right:10px;
}

div.searchBox div.searchButton{
float:left;
cursor:pointer
}

div.searchBox div#message{
background:url(/search/img/bg_image.jpg) no-repeat;
height:340px;
width:800px;
}

div.searchBox div#message h3{
padding:30px 0 40px 30px;
}

div.searchBox div#message p{
padding:0 30px;
width:460px;
}

/* 最新書籍情報Main Contents */
/*///////////////////////////////////////////////////////*/
.bookcol1{
	border:1px solid #cbe1ef;
	background:#effcff;
	display:block;
	min-height:1px;
	margin: 0 0 10px 0;
	padding: 12px 0 12px 12px;
}

.bookcol1:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.bookbox div.bookcol1{
	height: 1px;
}

.bookright{
	width:306px;
	float:left;
	padding: 0 0 0 10px;
	margin-right: 10px;
	margin-bottom: 12px;
	height: 90px;
}

.bookleft{
width:auto;
float:left;
text-align:center;
}

.bookright p.date{
font-size:10px;
min-height:20px;
_height:20px;
letter-spacing:0.1em;
}

.bookright h5{
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	margin-bottom:2px;
}

.bookright h6{
	font-weight:normal;
	font-size:12px;
	line-height:13px;
}

.bookright p {
	font-size: 10px;
	line-height: 12px;
}

.h4book {
	margin-top: 10px;
}

.bookright dd {
	font-size: 10px;
	float: left;
	width: 245px;
}

.bookright dl {
	line-height: 12px;
}

.bookright dt {
	font-size: 10px;
	float: left;
	width: 35px;
}

.bookPh{
	border:1px solid #0077BF;
	padding:4px;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
}

.bookright p {
	float: left;
}

/* 最新雑誌情報Main Contents */
/*///////////////////////////////////////////////////////*/
.magcol1{
	border:1px solid #cbe1ef;
	background:#effcff;
	display:block;
	min-height:1px;
	margin: 0 0 10px 0;
	padding: 12px 12px 12px 12px;
}

.magbox2 {
	height: auto;
	width: 394px;
	float: left;
}

.fiveline {
	width: 773px;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.magcol1:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html div.magbox div.magcol1{
	height: 1px;
}

.magright{
	width:auto;
	height: auto;
	margin: 0px;
}

.magleft{
	width:154px;
	text-align:center;
	height: auto;
	float: left;
}

.magleft h5{
	font-weight:bold;
	font-size:12px;
	margin:5px 0 5px 0;
}

.h4mag {
	margin-top: 10px;
}

.magleft dd {
	font-size: 10px;
	float: left;
	width: 70px;
	margin-bottom: 2px;
}

.magleft h5 {
	text-align: center;
}

.magleft dl {
	line-height: 12px;
	margin:0 auto 0 auto;
	height: auto;
	width: 110px;
	text-align: left;
}

.newmag {
	text-align: center;
	float: left;
	width: 154px;
	padding-bottom: 5px;
	height: 12px;
}

.magleft dt {
	font-size: 10px;
	float: left;
	width: 40px;
	margin-bottom: 2px;
	text-align: left;
}

.magPh{
	border:1px solid #0077BF;
	margin:0 auto 0 auto;
	background-color: #FFFFFF;
	height: 108px;
	width: 90px;
	text-align: center;
}

.magPh img {
	margin:4px 0 4px 0;
	height: 100px;
}

ul.pagelink{
	list-style:none;
	float: right;
	margin:5px 0 20px 0;
}

ul.pagelink li{
	float:left;
	margin:5px 3px 0 0;
}

.pagetop{
text-align:right;
font-size:10px;
padding-top:0;
clear:both;
color:#0099cc;
}

.pagetop a{
text-decoration: none;
}

.magcol2 {
	border:1px solid #cbe1ef;
	background:#effcff;
	min-height:1px;
	margin: 0 0 10px 0;
	padding-top: 12px;
	padding-bottom: 12px;
	float: left;
	width: 394px;
	text-align: center;
	display: block;
}

.oneline {
	width: 154px;
	height: auto;
	margin-top: 5px auto auto 5px;
}

.magbox3 {
	height: auto;
	width: 394px;
	float: right;
}

.magh3 {
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* お詫びとお知らせMain Contents */
/*///////////////////////////////////////////////////////*/
#owabiBox{
	background:url(/img/common/ba2_body.gif) repeat-y;
	margin-bottom:10px;
	margin-top: 15px;
}

#owabiBoxBottom{
background:url(/img/common/ba2_bottom.gif) no-repeat left bottom;
padding:10px 20px 20px 20px;
min-height:1px;
}

#owabiBoxhead {
	background-image: url(/img/common/ba2_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#owabiBoxBottom:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
* html #owabiBoxBottom{ height:1px; }

#owabiBox dl{
line-height:200%;
margin-bottom:20px;
}

#owabiBox dt{
	float:left;
	font-size:10px;
	width:90px;
	padding:3px;
	letter-spacing:0.1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CED7E1;
}

#owabiBox dt.top{
border:none;
}

#owabiBox dd{
	margin: 0;
	float:left;
	width:630px;
	padding:3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CED7E1;
}

#owabiBox dd.top{
border:none;
}

/* 移行用追加 */
div.content_header	{
	width:800px;
	height:40px;
	background:url(/img/common/contents-header-bgl.gif) left top no-repeat;
	margin:0 0 0 0;
	position:relative;
}
div.content_header h2	{
	position:absolute;
	color:#007dc4;
	font-weight: bold;
	font-size:16px;
	margin:10px 0 0 20px;
}
.lastUpdated {
	text-align:right;
	margin:5px 0 1em;
}
.lastUpdated2 {
    font-size: 10px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    text-align: right;
}
td.nowrap {
white-space: nowrap;
}

ul.mediaContents {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.mediaContents li {
margin: 0 15px 10px 0;
padding-bottom: 5px;
width: 148px;
float: left;
text-align: center;
}
h3.commar02 {
margin: 20px 0 15px;
}
dl.mediaGame {
	margin: 20px 10px 40px;
}
dl.mediaGame dt {
	margin: 0;
	float: left;
}
dl.mediaGame dd {
	margin: 0 0 10px 42px;
}
dl.col2 dd {
	margin: 0 0 10px 80px;
}
/* for order-status */
table.gaiyou {
    width: 800px;
    border-top:1px solid #333333;
    border-right:1px solid #333333;
    border-left:1px solid #333333;
    border-spacing:0;
    border-collapse : collapse;
    background-color:#ffffff;
    empty-cells:show;
}
.gaiyou th{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    background-color:#F8E78C;
    padding:5px;
    font-size:14px;
    text-align:left;
}
.gaiyou td{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:5px;
    font-size:12px;
    text-align:left;
}
.listwrap {
	margin: 0 auto 2em;
	background-color: #EFFCFF;
	border: 1px solid #CBE1EF;
	border-top: 0;
}
.listbox	{
	clear:both;
	padding:18px 0 18px 10px;
}
.listwrap:after,
.listbox:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html .listwrap,
* html .listbox {
	height:1px;
}
.listbox .products-area	{
	float:left;
	width:144px;
	margin:0 0 0 0;
	padding: 0 5px;
	text-align:center;
}
.listbox .products-area .products-ph img {
	padding:5px;
	border:#001745 1px solid;
}
.listbox .products-area h4 {
	margin:5px 0 0 0;
	font-size:12px;
}
.listbox .products-area p {
	margin:5px 0 0 0;
}
.listbox .products-area .products-ph a img {
	background-color: #fff;
}
.listbox .products-area dl {
	margin:5px 0 0 0;
	font-size:10px;
	letter-spacing:0.1em;
}
.listbox .products-area dl dt {
	float:left;
	width:35px;
	text-align:left;
}
.listbox .products-area dl dd {
	width:100px;
	margin-left:35px;
	text-align:left;
}