@charset "utf-8";

/* レイアウト（配置）関連のスタイル */


div.windw_all {
    text-align:center;
    background-color:#FFFFFF;
}

div.w600{
 width:600px;
}

.visibility_hidden{
 display:none
}

div.contents_all {
    width:1024px;
    margin:0 auto 0 auto;
    text-align:center;
        background-color:#FFFFFF;
}

div.body_base div {
    margin:0 auto 0 auto;
}

div.body_base table{
    text-align:center;
    margin:0 auto 0 auto;
}

.body_base{
    text-align:center;
}
div.body_base{
    background-color:#FFFFFF;
     text-align:center;
    /*    align:left;  */
    /* width:1024px; */
    font-size:11pt;
}

div.list_header{
    text-align:left;
    height:30px;
    width:1024px;
}

div.list_header input{
    float:right;
}

div.list_footer{
    margin:5px;
    height:30px;
    width:1024px;
    text-align:left;
    padding-left:5px;

}

div.list_footer2{
    margin:5px;
    height:30px;
    width:350px;
    text-align:left;
}

div.list_footer3{
    margin:5px;
    height:30px;
    /* width:580px; */
    width:auto;
    text-align:left;
}

/* 検索結果一覧表のスクロール設定 */
div.listSelect{
	width:850px;
	overflow:auto;
}

div.listSelect1{
	width:1024px;
	overflow:auto;
}

/* div.list_footer input{
    align:left;
}
*/

.vTop {
    vertical-align:top;
}

div.btn_area{
    height:30px;
    width:1024px;
}

div.btn_area_center{
    width:1024px;
}
div.div_info{
    width:300px;
    float:right;
    text-align:right;
}

div.div_rank{

    width:300px;
}

.float_left{
    float: left;
}

.float_right{
    float: right;
}

.noFloat{
	clear:both;
}

div.paging a{
    margin:0px 3px 0px 3px;
}

div.CsvFooter{
    height:30px;
    width:1024px;
    margin:5px;
    text-align:left;
}

div.header      {font-size:9pt; width:1024px; text-align:left;}
div.footer      {text-align:center; font-size:9pt; width:1024px;margin-top:30px;}
div.title       {margin:10px 0px 10px 20px; font-size:12pt; font-weight:bold;}
div.description {margin:5px 0px 5px 30px; font-weight:bold;}

/* 中央寄せ */
.align_c {
    text-align:center;
}

/* 右寄せ */
.align_right {
    text-align:right;
}
div.align_right {
    text-align:right;
}
/* 左寄せ */
.align_left {
    text-align:left;
}

div.align_left {
    text-align:left;
}

/* 必須 */
.required{color:crimson;}

.paddingTop5 {
    padding-top:5px;
}

div.err {
    width: 500px;
    margin-top: 30px;
}

/* カレンダー設定*/
 .ui-datepicker {
    font-size: 90%;
}
.ui-datepicker SELECT.ui-datepicker-year{
    width : 40%;
}

/* 矢印ボタン用スタイルシート */
div.list_header3{
    text-align:left;
    height:30px;
    /* width:580px; */
    width:auto;
}

div.list_header3 input{
    float:right;
}

div.float_left{
    float:left;
}

div.div_scroll{
	float:left;
	display: inline;
}

div.div_scroll_himoku{
    height: 225px;
    overflow-y: scroll;
    width: auto;
    float:left;
	display: inline;
}
div.div_sort{
	float:left;
	display: inline;
}
/* メニュー画面レイアウト  */
DIV.body_base Table.menuTable{
	text-align: left;
	border-collapse:collapse;
	width:1024px;
	border-spacing:6;
}

.top{
	vertical-align: top;
	padding:0;
	font-size:14pt;
}

/* 画面説明設定画面用*/
div.gamenItiran
{
	overflow:hidden;
	/* width:850px; */
	width:auto;
}

div.gamenLeft {
	float:left;

	/* width: 230px; */
	width: 410px;
	margin-right: 15px;
    text-align:left;
    font-size:10pt;
    overflow:auto ;
    height: 450px ;
    border:#ccccfc 1px solid;
}

div.gamenRight{
    text-align:left;
    width:590px;
    padding-left:20px;
    float: left;
	position:relative;
}
div.gamenLeft ul{
	list-style-type:none;
	margin:10px;
	padding:0px;
}

div.gamenLeft ul li{
	padding-bottom: 10px;
}

div.body_base div.gamenFooterCenter{
    margin:0px auto 0px 0px;
    height:30px;
    width:590px;
    text-align:center;
}

/* ジャンル一覧画面用 Footerアリア*/
div.body_base div.genreFooter{
    margin:0px auto 0px 0px;
    height:30px;
    width:520px;
    text-align:left;
}

/* 矢印含んだ画面用 Bodyエリア */
div.Yajirushibody_base{
	overflow:hidden;

}
/* 矢印含んだ画面用 リストエリア */
div.YajirushiArea{
	/* width: 700px; */
	width: auto;
	position:relative;
	top:20px;
}
/* 矢印含んだ画面用 説明文言エリア */
div.SeitsumeiArea{
	/* width: 500px; */
	width: auto;
	bottom:5px;
	position:relative;
}

/* テンプレート設定画面用 説明文言エリア */
div.body_base div.SetsumeiAreaTemplateset{
	margin-top: 5px;
	margin-bottom: 10px;
}

/* 矢印含んだ画面用 ボタン */
input.YajirushiFooterBtn{
	margin-bottom: 20px;
}

/* IE10 li前の黒点削除*/
div.genreItiran ul{
	list-style-type:none;
}

div.genreDiv ul{
	list-style-type:none;
}

/* サムネイル表示 */
div.detail_img img{
	display: block;
	width: 180px;
	height: 252px;
}

/* マージン5px*/
.margin_top_5{
	margin-top:5px;
}

/* マージン20px*/
.margin_top_20{
	margin-top:20px;
}

/* テーブル上部にマージン50px*/
div.body_base table.margin_top_50{
	margin-top:50px;
}

/* テーブル上部にマージン10px*/
div.body_base table.margin_top_10{
	margin-top:10px;
}

div.body_base table tr.margin_top_10{
	margin-top:10px;
}

/* テーブル上部にマージン5px*/
div.body_base table.margin_top_5{
	margin-top:5px;
}

/* テーブル上部にマージン30px*/
div.body_base table.margin_top_30{
	margin-top:30px;
}

div.body_base table.margin_top_10{
	margin-top:10px;
	margin-right:0px;
}

div.body_base table.margin_top_8{
	margin-top:8px;
	margin-right:0px;
}

div.body_base table.margin_top_5{
	margin-top:5px;
	margin-right:0px;
}

div.body_base .frame{
	 border-left:1.0px solid #666666;
    border-top:1px solid #666666;
    border-bottom:1px solid #666666;
    border-right:1px solid #666666;
}

div.body_base table.frame_2{
	 border-left:0px solid #000000;
    border-top:0px solid #000000;
    border-bottom:0px solid #000000;
    border-right:0px solid #000000;
}

div.body_base div.w350_frame{
 width: 297px;
 margin-left:724px;
 	 border-left:1px solid #666666;
    border-bottom:1px solid #666666;
    border-right:1px solid #666666;
}


/* テーブル上部にマージン10px*/
div.body_base div.margin_top_10px{
	margin-top:10px;
}
/* 雑誌基本情報スクロール */
div.zasshiScroll{
	overflow: scroll;
	overflow-x:hidden;
	height: 200px;
}


div.set_scroll{
	/*overflow: scroll;*/
	overflow-x:hidden;
	max-height: 484px;
}

div.set_shohin_scroll{
	/*overflow: scroll;*/
	overflow-x:hidden;
	max-height: 625px;
}
/*バナー表示用*/
div.bana_img_left img{
	max-width: 300px;
	max-height: 100px;
	text-align:left;
}

div.body_base div.margin-left_30{
     margin-left:20px;
     margin-right:10px;
}

div.body_base div.margin-left_32{
     margin-left:32px;
}

div.body_base div.margin-left_17{
     margin-left:17px;
}

div.bana_img_right img{
	max-width: 300px;
	max-height: 100px;
	text-align:right;
}

div.bana_img img{
	max-width: 300px;
	max-height: 100px;
}

div.bana_div{
	width:300px;
}


/* 表示画像表示 */
div.hyoshi_img img{
	display: block;
	max-width: 180px;
	max-height: 252px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/*お知らせ表示*/
div.oshirase_img img{
	max-width: 89px;
	max-height: 123px;
	border: 1px solid #ccc;
	box-sizing: border-box;
/*	float: left */
}

/*ランキング表示*/
div.rank_img img{
	max-width:85px;
	max-height:119px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/*商用コンテンツ詳細表紙画像*/
div.ebook_img img{
	max-width: 180px;
	max-height: 252px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
/*コンテンツ詳細表示画像*/
img.contents_img{
	max-width: 180px;
	max-height: 252px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
/*表紙画像一覧用*/
img.hyoshi_gazo_ichiran_img{
	max-width: 60px;
	max-height: 85px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.clear {
 clear:both;
 }

.font_size_9{
font-size:9pt;
}

.setsumei{
font-size:10pt;
}

.setsumei_10f{
font-size:10.5pt;
}

.setsumei_11{
font-size:11pt;
}

.min_height_10{
	min-height:10px;
}

.ranking_no{
font-size:15pt;
}

.osusume{
font-size:15pt;
}

table.list_area th.font_red,td.font_red {
    margin-bottom: 10px;
    font-weight: bold;
    color: #F00;
}

table.list_area th.font_strong {
    font-weight: bold;
}


.oshirase{
font-size:12pt;
}


.hot_set{
font-size:15pt;
}

.hot_title{
font-size:10pt;
}

.new_contents_color{
background-color:#666666;
}

.new_contents_color_rank{
background-color:#4c1e1e;
}
.osusume_contents_color{
background-color:#FFD700;
}
div.float_left{
float:left;
}table.list_area td.font_top {vertical-align: 1px;}
div.list_headT{text-align: left;	height: 15px;	width: 1024px;}

tr.license_buy{
background-color:#FFA07A;
}

tr.license_end{
background-color:#a9a9a9;
}
/* 2019/02/27 CRL安藤 修正開始(ABJ対応) */
.foot-abjmark { 
  margin: 2em auto 3em;
  max-width: 594px;
}
.foot-abjmark p {
  margin: 0 0 1em;
  line-height:1.4;
  text-align:left;
}
.foot-abjmark p a {
  display: inline-block;
}
.foot-abjmark .abjmark {
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 640px) {
  .foot-abjmark { 
  margin: 1em auto 3em;
  max-width: auto;
  }
  .foot-abjmark p a {
  display: block;
  }
}
/* 2019/02/27 CRL安藤 修正終了(ABJ対応) */