@charset "utf-8";

/* 基幹設定変更 */
.inner{
  margin:initial ! important;
  padding:initial ! important;
}

.title{
  margin: 0; ! important;
}


/* 回り込み解除div用 */
.clear {
	clear:both;
}

/*ボックス幅制御*/
.img_fllsiz_box{
	width:100%; margin: 0 auto; max-width:450px;
}

/*画像フルサイズ設定*/
.img_fllsiz img{
	width: 100%;
	max-width: 450px;
}

/*画像サイズ100％設定*/
.toku_img_center img {
	width: 100%;
	max-width: 450px;
}

/**画像横並び 余白つき**/
.img_list {
display:table;
table-layout: fixed;
width:100%;
}
.img_list li {
	display: table-cell;
}
.img_list img {
	width: 100%; max-width:450px;
}

/**画像横並び 余白つき**/
.july_img_list {
display:table;
table-layout: fixed;
width:100%;
}
.july_img_list li {
	display: table-cell;
	padding: 2px;
}
.july_img_list img {
	width: 100%;	max-width: 450px;
}

/**画像横並び 余白なし**/
.july_img_list_fix {
	display:table;
	table-layout: fixed;
	width:100%;
}
.july_img_list_fix li {
	display: table-cell;
	padding: 0px;
}
.july_img_list_fix img {
	width: 100%;	max-width: 450px;
}


/*画像フルサイズ設定*/
.july_img_fllsiz img{
	width: 100%;
	max-width: 450px;
}

/**画像横並び 余白つき　横並び中央揃え**/
.july_img_list_mid {
display:table;
table-layout: fixed;
width:100%;
}
.july_img_list_mid li {
	display: table-cell;
	padding: 2px;
vertical-align:middle;
}
.july_img_list_mid img {
	width: 100%;	max-width: 450px;
}


/**画像横並び 余白なし**/
.july_img_list_fix {
	display:table;
	table-layout: fixed;
	width:100%;
}
.july_img_list_fix li {
	display: table-cell;
	padding: 0px;
}
.july_img_list_fix img {
	width: 100%;	max-width: 450px;
}




/**--------------------------------------toku_ver001.css----------------------------------------**/
/*作品タイトルリンク*/
.toku_title_txtbox a:link{
	/*デフォルトリンク色　*/
	text-decoration: none;
}
.toku_title_txtbox a:visited{
	/*デフォルトリンク色　*/
	text-decoration: none;
}

/*作品タイトルリンク 矢印付*/
.toku_title_txtbox_ya a:link{
	/*デフォルトリンク色　*/
	text-decoration: none;
}
.toku_title_txtbox_ya a:visited{
	/*デフォルトリンク色　*/
	text-decoration: none;
}



/*特集紹介文*/
.box_info_txt p {
	padding:6px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 10px;
}


/*作品タイトル・著者名　ブロック*/
.toku_title_txtbox {
	padding:2px 4px 0 8px;
	line-height: 120%;
	border-width:1px 0 1px 0;
	border-top-style: solid;
	border-bottom-style: solid;
}


/*作品タイトル・著者名　ブロック矢印あり*/
.toku_title_txtbox_ya {
	padding:2px 0 0 8px;
	line-height: 120%;
	border-width:1px 0 1px 0;
	border-top-style: solid;
	border-bottom-style: solid;
}


/*作品タイトルブロック*/
.toku_title_txt {
	font-size: 20px;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	display: block;
	line-height: 120%;
	padding:2px 4px 0 4px;
	margin: 2px 4px 2px 0;
}

/*紹介文エリア設定*/
.toku_abst_txtbox {
	font-size: 12px;
	padding: 8px;
	line-height: 130%;
}

/*紹介文テキスト設定*/
.toku_txt_box {
	font-size:14px;
	padding: 8px 10px 0 10px;
	line-height: 130%;
}

/*紹介文テキスト設定  画像右のテキスト回り込み*/
.toku_box_leftbox {
	float: right;
	line-height: 130%;
	width: 48%;
	padding: 0 10px 5px 0;
}

/*著者名欄*/
.toku_chosha {
	padding: 4px 10px 8px 8px;
	font-weight: bold;
	line-height: 120%;
}


/*著者名欄　余白少な目*/
.toku_chosha_01 {
	padding: 2px 1px 2px 1px;
	font-weight: bold;
	line-height: 120%;
}




/*購入ボタン　位置*/
.kounyu-buttn {
	text-align:center;
	margin:16px 0 20px 0;
}

/*購入ボタン　ボタン化*/
#toku_link_title {
	font-size:16px;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	-webkit-border-radius:6px;
	width: 70%;
	padding: 14px 0 14px 0;

}

/*  作品紹介　中央画像
---------------------------------------------------- */
#toku_box_center {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height: 130%;
}


/*画像サイズ余白あり設定*/
.toku_img_center_space{
	border-top: solid 1px;
}
.toku_img_center_space img {
	 padding:10px 0 0 0;
}


/*  作品紹介　左画像
---------------------------------------------------- */
.toku_comicbox_contents {
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 10px 10px 0 10px;
    height:100%;
}

.toku_comicbox_contents .img_left a img{
	float:left;
	padding:0 10px 6px 0;
}

.toku_list_txt_left {
	font-size:14px;
	height:100%;
	line-height: 136%;
}

/*  作品紹介　右画像
---------------------------------------------------- */
.toku_comicbox_contents .img_right a img{
	float:right;
	padding:0 0 6px 6px;
}

.toku_list_txt_right {
	height:100%;
	line-height: 136%;
}

/*  関連作品border:1px #F00 solid;
---------------------------------------------------- */
/*コーナー帯枠*/
.toku_title_corner-obi {
	font-size: 18px;
	font-weight: bold;
	padding: 6px;
	text-align:center;
	margin-bottom:0px ;
	line-height: 130%;
}

/* タイトル文字サイズ */
.toku_title_list {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2px;
	line-height: 126%;
}


/*　関連作品　著者名欄　*/
.toku_choshamei {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 6px;
}


/* ボックス背景　実線 */
#toku_listbox #line_solid {
	border-bottom-style: solid;
	display:block;
	border-width: 1px 0 1px 0;
	border-top-style: solid;
}

/* テキスト回り込み解除  */
.toku_listbox_contents {
    overflow:hidden;
    height:100%;
}

.toku_listbox_contents p img{
    float:left;
    margin:0 10px 0 0;
}


.toku_list_txt {
	overflow:hidden;
	height:100%;
	line-height: 136%;
	font-size:14px;
}

/* 矢印ボックス */
#toku_listbox li .toku_listbox_contents {
	padding: 0 20px 0 0 ;
}

/* ボックス中身設定 */
#toku_listbox_a {
	background-position:right center;
	-webkit-background-origin: content;
	color: #000000;
	font-size:12px;
	display:block;
	margin:0;
	padding: 8px 0 10px 10px ;
	text-decoration: none;
}

/* ボックス中身設定 */
#toku_listbox ul li a {
	background-position:right center;
	-webkit-background-origin: content;
	color: #000000;
	font-size:12px;
	display:block;
	margin:0;
	padding: 8px 0 10px 10px ;
	text-decoration: none;
}



/* 矢印ボックス　余白少な目 */
#toku_listbox_01 li .toku_listbox_01_contents {
	padding: 0 20px 0 0 ;
}

/*ボックス中身設定　余白少な目*/
#toku_listbox_01 ul li a {
	background-position:right center;
	-webkit-background-origin: content;
	color: #000000;
	font-size:11px;
	display:block;
	margin:0;
	padding: 10px 10px 10px 10px ;
	text-decoration: none;
}


/* 権利表記 */
#maru-c {
	font-size: 10px;
	padding: 8px;
	text-align:center
}


/*--------ジャンルTOPつき共通フッター-------------*/
/*並びマージン無し*/
.img_mymenu {
	display: table;
	height: auto;
	list-style-type: none;
}
.img_mymenu li {
	display: table-cell;
	padding: 0px;
}
/*ペーズ上に戻る*/
.TO_TOP_box{
	padding-top:4px;
	background-color:#CCCCCC;
}
.TO_TOP_box a{
	font-size:14px;
	color:#333333;
	text-decoration:none;
}

.copyright {
  padding: 5px 10px 10px 10px;
  color: #333333;
  font-size: smaller;
  color: #333333;
  font-size:70%;
  background-color: #FFF;
}

/**--------------------------------------top_ver001.css----------------------------------------**/

/*ジャンルTOPメニュータブ*/
.july_navi-menu-tab tr {
	text-align:center;
	border-top:1px solid #CCCCCC;
	border-bottom:2px solid #000000;
	border-right-width: 0px;
	border-left-width: 0px;
}
.july_navi-menu-tab td {
	text-align:center;
	border-right: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
}
.july_navi-menu-tab tr td a {
	display: block;
	width: 100%;
}


/*四角画像角丸*/
.july_img_kadomaru{
	-webkit-box-shadow: 1px 2px 2px #B8B8B8;
	border-radius:5px;
}


/*四角画像角丸ナシ*/
.july_img_kado{
	-webkit-box-shadow: 1px 2px 2px #B8B8B8;
}


/**リンクブロックテキストカラー**/

.july_top_Jacket_3 a:link { color: #333333; }
.july_top_Jacket_3 a:visited { color: #333333; }

a img {border:0px; }


/**並びマージン無し**/
.july_img_mymenu {
	display: table;
	height: auto;
	list-style-type: none;
}
.july_img_mymenu li {
	display: table-cell;
	padding: 0px;
}

/**並びマージン付き**/
.july_img_1-1 {
	display: table;
	height: auto;
	list-style-type: none;
}
.july_img_1-1 li {
	display: table-cell;
	padding: 2px;
}

table tr td .july_lank_box {
	display: block;
	font-size: 10px;
	text-decoration: none;
}

/*会員メニュー*/
.top_aur_box_cell_twin{
	width:100%;
	height:74px;
	background-color:#999999;
	line-height:36px;
	margin:0px;
	padding:0px;
}

.top_aur_box_cell_twin .top_aur_box_cell_twin a{
	font-size:70%;
	font-weight:bold;
	color:#333;
	display:block;
}

.top_aur_box_cell_twinL{
	width:49%;
	float:left;
	height:36px;
	border-bottom:#999999 1px solid;
	line-height:36px;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
	border-right: #999999 1px solid;
}

.top_aur_box_cell_twinL a{
	padding:0 0px 0 5px;
	height:34px;
	display:block;
}

.top_aur_box_cell_twinR{
	width:50%;
	float:left;
	height:36px;
	border-bottom:#999999 1px solid;
	line-height:36px;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
/*	border-right: #999999 1px solid;*/
}

.top_aur_box_cell_twinR a{
	padding:0 0px 0 5px;
	height:34px;
	display:block;
}


.top_aur_box_cell .top_aur_box_cell_twin .top_aur_box_cell_twinL a {
  text-decoration:none;
  color:#333333;
  text-align:center;
}

.top_aur_box_cell .top_aur_box_cell_twin .top_aur_box_cell_twinR a {
  text-decoration:none;
  color:#333333;
  text-align:center;
}

/**ユーザーメニュー用　1行2分割**/
.top_aur_box_cell_twin_1{
	width:100%;
	height:37px;
	background-color:#999999;
	line-height:36px;
	margin:0px;
	padding:0px;
}


.top_aur_box_cell_twin_1 .top_aur_box_cell_twin_1 a{
	font-size:70%;
	font-weight:bold;
	color:#333;
	display:block;
}

.top_aur_box_cell_twinL_1{
	width:49%;
	float:left;
	height:36px;
	border-bottom:#999999 1px solid;
	line-height:36px;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
	border-right: #999999 1px solid;
}

.top_aur_box_cell_twinL_1 a{
	padding:0 0px 0 5px;
	height:34px;
	display:block;
}

.top_aur_box_cell_twinR_1{
	width:50%;
	float:left;
	height:36px;
	border-bottom:#999999 1px solid;
	line-height:36px;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
/*	border-right: #999999 1px solid;*/
}

.top_aur_box_cell_twinR_1 a{
	padding:0 0px 0 5px;
	height:34px;
	display:block;
}



.top_aur_box_cell_1 .top_aur_box_cell_twin_1 .top_aur_box_cell_twinL_1 a {
  text-decoration:none;
  color:#333333;
  margin-left:6px;
}

.top_aur_box_cell_1 .top_aur_box_cell_twin_1 .top_aur_box_cell_twinR_1 a {
  text-decoration:none;
  color:#333333;
  margin-left:6px;
}


/* Footer　ユーザーメニュー */
 
.global-footer {
  margin-top: 0px;
  background-color: #CCCCCC;

}
.global-footer li a {
  color: #FFFFFF;
  text-decoration:none;
}

.another a {
  color: #FFFFFF;
}

.global-navigation li {
  border-bottom: 1px solid #999;
}

.global-navigation li a {
	color:#333333;
	position: relative;
	display: block;
	padding: 10px 20px 10px 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.global-navigation li a:hover{
  color:#333333;
}

.global-navigation li a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  content: "";
  margin-top: -7px;
  width: 9px;
  height: 14px;
  background-image: url(/resources/cms/feature/custom/113640/sprite_gray.png);
  background-position: -2px -2px;
}

.copyright {
  padding: 5px 10px 10px 10px;
  color: #333333;
  font-size: smaller;
  color: #333333;
  font-size:70%;
  background-color: #FFF;
}





/* ボックス背景　実線 */
#july_toku_listbox #july_line_solid {
	border-bottom-style: solid;
	display:block;
	border-width: 1px 0 1px 0;
	border-top-style: solid;
}



/* ボックス背景　実線　余白少な目用 */
#july_toku_listbox_01 #july_line_solid {
	border-bottom-style: solid;
	display:block;
	border-width: 1px 0 1px 0;
	border-top-style: solid;
}




/* テキスト回り込み解除  */
.july_toku_listbox_contents {
    overflow:hidden;
    height:100%;
}
.july_toku_listbox_contents .img img{
    float:left;
    margin:0 10px 4px 0;
}
.july_toku_listbox_contents .img_new img{
    float:left;
    margin:0 0 0 0;
}
.july_toku_list_txt {
	overflow:hidden;
	height:100%;
	line-height: 136%;
	font-size:14px;
}


.july_toku_list_txt_mid {
	overflow:hidden;
	height:100%;
	line-height: 115%;
	font-size:12px;
}


/* テキスト回り込み解除 Table版 */
.july_toku_listbox_contents_table {
    overflow:hidden;
    height:100%;
}
.july_toku_listbox_contents_table lu li {
list-style:none
}
.july_toku_listbox_contents_table .img img{
    float:left;
    margin:0 4px 0 0;
}

.july_toku_list_txt_table {
	overflow:hidden;
	height:100%;
	line-height: 136%;
	font-size:14px;

}


/*aタグ　リンク色*/
#mens .july_toku_title_list{
	color: #06F;
}
#mens .july_keyword_box_mens02_men tr td p {
	color: #06F;
	display: table-cell;
	vertical-align:middle;
}

#girl .july_toku_title_list{
	color: #F66;
}
#girl .july_keyword_box_mens02_girl tr td p {
	display:table-cell;
	color: #F66;
	display: table-cell;
	vertical-align:middle;
}

#otona .july_toku_title_list{
	color: #90C;
}
#otona .july_keyword_box_mens02_oto tr td a {
	color: #90C;
}

#tl .july_toku_title_list{
	color: #F36;
}
#tl .july_keyword_box_mens02_tl tr td a {
	color: #F36;
}
#bl .july_toku_title_list{
	color: #006699;
}
#bl .july_keyword_box_mens02_bl tr td a {
	color: #006699;
}




/* タイトル文字サイズ */
.july_toku_title_list {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2px;
	line-height: 126%;
	color:#333333;
	text-shadow: 0 1px 2px #CCCCCC;
}


.july_toku_title_list_mid {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 2px;
	line-height: 126%;
	color:#333333;
	text-shadow: 0 1px 2px #CCCCCC;
}



.july_toku_author{
	margin:2px 2px 2px 10px;
	font-size:16px;
}






/* 矢印ボックス */
.july_toku_listbox_contents {
	padding: 0 20px 0 0 ;
}

.july_top_linkbox_ya{
background-image:url(/resources/cms/feature/custom/113640/sprite_gray.png) right center no-repeat;
}

/* ボックス　グラデーション */

.july_top_grad_fff{
background:#FFF;
border-top-color: #E1E1E1;
border-bottom-color: #CCCCCC;
}

.july_top_grad_gray{
background: -webkit-gradient(linear, left 50%, left bottom, from(#FFFfff), to(#EFEFEF));
border-top-color: #E1E1E1;
border-bottom-color: #CCCCCC;
}

/* ボックス中身設定 */
#july_toku_listbox ul li a {
	background-position:right center;
	-webkit-background-origin: content;
	color: #000000;
	font-size:12px;
	display:block;
	margin:0;
	padding: 8px 0 10px 6px ;
	text-decoration: none;
}



/* ボックス中身設定　余白少な目 */
#july_toku_listbox_01 ul li a {
	background-position:right center;
	-webkit-background-origin: content;
	color: #000000;
	font-size:12px;
	display:block;
	margin:0;
	padding: 4px 0 5px 3px ;
	text-decoration: none;
}



/**画像横並び 余白つき　上揃え**/
.july_img_list {
display:table;
table-layout: fixed;
width:100%;
}
.july_img_list li {
	display: table-cell;
	padding: 2px;
vertical-align:top;
}
.july_img_list img {
	width: 100%;
}


/**テキスト横並び 余白つき**/

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

ul.july_txt_list li {
float: left;
width: 8em;
margin-right: 5px;
padding: 2px;
border: 1px #ffb366 solid;
background-color: #fffdee;
text-align: center;
}



/**点線ライン**/
.july_line_dotted_gray { 
	margin:4px 0 4px 0;
	border-style : dotted none none none;
	border-width : 1px;
	border-color : #999999;
}



/**コーナー**/
.july_boxCenter{
	padding:8px;
	margin-top:0px;
	border-top:solid 2px #CCC;
	border-bottom:solid 2px #CCC;
}

.july_boxCenter h2 {
	font-size: 18px;
	text-align:center;
}


/**コーナー コメント付**/
.july_boxCenter_txt{
	padding:4px 0 0 0;
	margin-top:0px;
	border-top:solid 2px #CCC;
	border-bottom:solid 2px #CCC;
}

.july_boxCenter_txt h2 {
	font-size: 18px;
	text-align:center;
}


/**↓ジャケット3枚横並び　オススメ枠**/
.july_top_Jacket_osusume table tr td {
	margin:1px;
	padding: 0px;
}



/**↓ジャケット3枚横並び　無料枠**/
.july_top_Jacket_3 table tr td {
	margin:1px;
	padding: 0px;
	border-right: 1px solid #FFF;
	border-bottom: 4px solid #FFF;
}

/**↓ジャケット3枚横並び　ランキング枠**/
.july_top_Jacket_3b{
	margin:0 1px 0 1px;
}

.july_top_Jacket_3b table tr td {
	padding: 0 1px 0 0;
}


.july_top_Jacket_3b a {
	margin:0 1px 4px 1px;

}


/**↓TOPランキング枠画像**/
.july_top_Jacket_box-jake{
	border:solid 1px #999999;
	width:98%;
	vertical-align:top;
	margin:4px 0 4px 0;
}



.july_top_Jacket_box-muryou{
	font-size:12px;
	padding:4px 0 2px 0;
	text-align:center;
	margin-bottom:2px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	font-weight:bold;
}

.july_top_Jacket_box-comictitle{
	padding-bottom:4px;
	font-weight:bold;
}


.july_img_banner_fix{
display:table;
table-layout: fixed;
width:100%;
}

.july_img_banner_fix li {
	display: table-cell;
}
.july_img_banner_fix img {
	width: 100%;	max-width: 450px;
}

/**↑ジャケット3枚横並び**/



/*キーワードリンク　角四角　＜共通＞*/
#july_keyword_box_mens02 tr td {
	width: 33%;
	border: 1px solid  #CCCCCC;
	border-bottom: 2px  solid  #CCCCCC;
/*	padding: 8px 2px;*/
	background:  -webkit-gradient(linear, left 50%, left bottom, from(#FFFFFF), to(#D4D4D4)) ;
	text-shadow: 0 -1px -3px #CCCCCC;
}

#july_keyword_box_mens02 {
	padding:1px 0 10px 0;
	width: 100%;
}

#july_keyword_box_mens02 tr td img {
	padding:4px;
}


/*キーワードリンク　角四角　＜オトナ＞*/
.july_keyword_box_mens02_oto tr td {
	text-align: center;
}
.july_keyword_box_mens02_oto tr td a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 2px;
}

/*キーワードリンク　角四角　＜TL＞*/
.july_keyword_box_mens02_tl tr td {
	text-align: center;
}
.july_keyword_box_mens02_tl tr td a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 2px;
}

/*キーワードリンク　角四角　＜mens＞*/
.july_keyword_box_mens02_men tr td {
	text-align:left;
	vertical-align:middle;
}
.july_keyword_box_mens02_men tr td a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 2px;
}

/*キーワードリンク　角四角　＜girl＞*/
.july_keyword_box_mens02_girl tr td {
	text-align:left;
	vertical-align:middle;
}
.july_keyword_box_mens02_girl tr td a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 2px;
}

/*キーワードリンク　角四角　＜BL＞*/
.july_keyword_box_mens02_bl tr td {
	text-align:center;
	vertical-align:middle;
}
.july_keyword_box_mens02_bl tr td a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 2px;
}

/*バナー　縁取り*/
.july_banner_border01{
	border:solid 1px #B8B8B8
}

/*ジャンルTOP全体　縁取り*/

/*mens　縁取り*/
.july_outline_men {
	border-right: 4px solid #0066FF;
	border-bottom: 4px solid #0066FF;
	border-left: 4px solid #0066FF;
}
/*girls　縁取り*/
.july_outline_girl {
	border-right: 4px solid #FF6699;
	border-bottom: 4px solid #FF6699;
	border-left: 4px solid #FF6699;
}
/*オトナメンズ　縁取り*/
.july_outline_otona {
	border-right: 4px solid #9933CC;
	border-bottom: 4px solid #9933CC;
	border-left: 4px solid #9933CC;
}
/*TL　縁取り*/
.july_outline_tl {
	border-right: 4px solid #FF0099;
	border-bottom: 4px solid #FF0099;
	border-left: 4px solid #FF0099;
}
/*BL　縁取り*/
.july_outline_bl {
	border-right: 4px solid #00C5C5;
	border-bottom: 4px solid #00C5C5;
	border-left: 4px solid #00C5C5;
}