@charset "UTF-8";

/*リセット*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/*基本設定 開始-----------------------------------------------------------------------*/
body{
	margin:0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif,"fontello";
	color:#333;	
	-webkit-text-size-adjust: none;
}
ul, ol{
	list-style:none;
}
img{
	border:0px
}
table{
	border-collapse: collapse;
}
a{
	color: #005FBD;
}
a:hover{
	text-decoration: underline;
}
/*基本設定 終了-----------------------------------------------------------------------*/


/*共通構成要素 開始-----------------------------------------------------------------------*/

/*ヘッダー*/
#header h1{
	float: left;
	padding: 40px 0px 15px;
}
#h_parts{
	width: 300px;
	float: right;
	padding-top: 15px;
}
#header #corpo_logo{
	margin:0;
	padding:0;
	float:right
}
#header #search{
	width:300px;
	margin:0;
	padding:0;
	float:right;
}
#header #search .gsc-control-cse-ja {
    margin:0 !important;
    padding:0 !important;
}

/*ページ全体を包むブロック*/
#page{
	padding-top:25px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	background-color:#fff;
}

/*パンくず*/
#bread{
	font-size:95%;
	margin-bottom:20px;
}
#bread a{
	color:#005FBD;
	text-decoration:none;
}
#bread a:hover{
	text-decoration:underline;
}
#bread ol:after{
	content:"";
	display:block;
	clear:both;
}
#bread li{
	float:left;
	width:auto;
}

/* ローカルナビゲーション */
#menu{
	border: solid 1px #ccc;
}
#menu h2{
	background-color: #8dc21f;
	background-image: url(../img/common/bullet_02.gif);
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 20px 20px 20px 40px;
	background-repeat: no-repeat;
	background-position: 15px center;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu li a{
	display: block;
	border-top: solid 1px #ddd;
	text-decoration: none;
	color: #333;
	font-size: 90%;
	background-repeat: no-repeat;
	background-position: 0.5em 1em;
	background-image: url(../img/common/bullet_01.gif);
	padding: 10px 5px 10px 20px;
	}
#menu li a:hover{
	background-color:#eee;
}
#menu ul li ul{
	margin:0;
	padding:0;
}
#menu li ul li a{
	display:block;
	border-top:solid 1px #ddd;
	text-decoration:none;
	font-size:90%;
	background: url(../img/common/bullet_01.gif) no-repeat 1.5em center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right:5px;
	}
#menu li ul li a:hover{
	background-color:#eee;
}

/*フッター*/
#footer{
	background-image:url(../img/common/footer_back.gif);
	background-repeat:repeat-x;
}
#footer_inner{
	height: 120px;
	padding-left:5px;
	padding-right:5px;
	border-top: solid 2px #8dc21f;
	background-color:#fff;
}
#footer ul {
	margin: 10px 0px 0px 10px;
	line-height: 150%;
	padding: 0px;
}
#footer li {
	float: left;
	width: auto;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../img/common/bullet_01.gif);
	padding: 0px 0px 0px 12px;
	font-size: 95%;
	margin-right: 15px;
}
#footer a{
	color:#005FBD;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer ul:after{
	content:"";
	display:block;
	clear:both;
}

/*ページの先頭へ戻る*/
#pagetop {
	position: fixed;
	bottom: 16px;
	right: 6px;
}
#pagetop a {
	text-decoration: none;
	background: #8dc21f;
	color: #fff;
	padding: 10px;
	text-align: center;
	display: block;
	border: 1px solid #5E8114;
}
#pagetop a:hover {
	opacity:0.8;
}

/*共通構成要素 終了-----------------------------------------------------------------------*/


/*見出しデザイン 開始-----------------------------------------------------------------------*/

/*h2デザイン*/
#contents h2{
	border-left:solid 8px #8dc21f;
	margin-bottom:20px;
	padding-left:8px;
	font-weight:normal;
	clear:both;
}
#contents h2 span{
	font-size:80%;
}
#contents p span{
	font-size: 90%;
}
#contents h2.image{
	border-left:none;
	padding-left:0;
}

/*h3デザイン*/
#contents h3{
	border-left:solid 8px #8dc21f;
	font-size:120%;
	margin-bottom:10px;
	padding-left:8px;
	font-weight:normal;
	clear:both;
}
/*見出しデザイン 終了-----------------------------------------------------------------------*/


/*箇条書きデザイン 開始-----------------------------------------------------------------------*/

/*箇条書き スタイル1 */
.list_style01{
	list-style:disc;
	padding-left:20px;
	line-height:150%;
	margin-bottom:20px;
}

/*箇条書き スタイル2 */
.list_style02 {
	margin-left:20px;
	margin-bottom:20px;
}
.list_style02 li {
	background: url(../img/common/bullet_01.gif) no-repeat left 0.5em;
	line-height: 200%;
	padding: 0px 0px 0px 15px;
}
.list_style02 a{
	color:#005FBD;
	text-decoration:none;
}
.list_style02 a:hover{
	text-decoration:underline;
}

/*箇条書き スタイル3（書籍一覧トップ・ダウンロードトップで使用） */
.list_style03 ul{
	margin-left:20px;
	margin-bottom:20px;
}
.list_style03 li {
	background: url(../img/common/bullet_01.gif) no-repeat left 0.4em;
	line-height: 150%;
	margin-bottom:10px;
	padding: 0px 0px 0px 15px;
	float:left;
	width:22%;
}
.list_style03 li a{
	color:#005FBD;
	text-decoration:none;

}
.list_style03 li a:hover{
	text-decoration:underline;
}
.list_style03 ul:after{
	content:"";
	display:block;
	clear:both;
}

/*箇条書き スタイル（トップページ新刊情報一覧、お知らせ一覧で使用） */
.list_style04 ul{
}

.list_style04 li {
	background: url(../img/common/bullet_01.gif) no-repeat left 0.4em;
	padding: 0px 0px 0px 15px;
}
.list_style04 a{
	color:#005FBD;
	text-decoration:none;
}
.list_style04 a:hover{
	text-decoration:underline;
}

/*箇条書き スタイル5（電子書籍トップで使用） */
.list_style05 ul{
	margin-left:20px;
	margin-bottom:20px;
}
.list_style05 li {
	background: url(../img/common/bullet_01.gif) no-repeat left 0.4em;
	line-height: 150%;
	margin-bottom:10px;
	padding: 0px 0px 0px 15px;
	float:left;
	width:30%;
}
.list_style05 li:nth-child(1) {
	width:26%;
}
.list_style05 li:nth-child(2) {
	width:34%;
}
.list_style05 li a{
	color:#005FBD;
	text-decoration:none;
}
.list_style05 li a:hover{
	text-decoration:underline;
}
.list_style05 li img{
	margin-top:12px;
}
.list_style05 ul:after{
	content:"";
	display:block;
	clear:both;
}

/*PDFマーク＋リンク*/
.dl2_pdf a {
	color: #005FBD;
}

/*箇条書きデザイン 終了-----------------------------------------------------------------------*/

/*テーブルデザイン 開始-----------------------------------------------------------------------*/

/*お知らせページで使用*/
.table_style02 {
	width:100%;
	margin-bottom:20px;
	padding: 0px;
	line-height:130%;
}
.table_style02 th{
	text-align:right;
	vertical-align:top;
	padding:8px;
	font-weight:normal;
	color: #222;
	border: 1px solid #ccc;
	background: #f7f7f7;
	width:100px;
}
.table_style02 td{
	text-align:left;
	vertical-align:top;
	padding:8px;
	border: 1px solid #ccc;
}

/*正誤表ページで使用*/
.table_style03 {
	margin-bottom:30px;
	padding: 0px;
	line-height:130%;
}
.table_style03 a {
	color:#005FBD;
	text-decoration:none;
}
.table_style03 a:hover {
	text-decoration:underline;
}
.table_style03 th{
	text-align:center;
	padding:8px;
	font-weight:normal;
	color: #222;
	border: 1px solid #ccc;
	background: #f7f7f7;
}
.table_style03 td{
	padding:8px;
	border: 1px solid #ccc;
}
.table_style03 caption{
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

/*テキストダウンロードページで使用*/
.table_style04 {
	margin-bottom:30px;
	padding: 0px;
	line-height:130%;
	background-color:#fff;
}
.table_style04 a {
	color:#005FBD;
	text-decoration:none;
}
.table_style04 a:hover {
	text-decoration:underline;
}
.table_style04 th{
	text-align:center;
	padding:8px;
	font-weight:normal;
	color: #222;
	border: 1px solid #ccc;
	background: #f7f7f7;
}
.table_style04 td{
	padding:8px;
	border: 1px solid #ccc;
}
.table_style04 caption{
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.table_style04 td.center{
	text-align:center;
}

/*電子書籍ページで使用 1列目幅660px 2列目幅80px*/
.table_style05 {
	margin-bottom:30px;
	padding: 0px;
	line-height:130%;
}
.table_style05 a {
	color:#005FBD;
	text-decoration:none;
}
.table_style05 a:hover {
	text-decoration:underline;
}
.table_style05 th{
	text-align:center;
	padding:8px;
	font-weight:normal;
	color: #222;
	border: 1px solid #ccc;
	background: #f7f7f7;
}
.table_style05 td{
	padding:8px;
	border: 1px solid #ccc;
}
.table_style05 th:first-child, .table_style05 td:first-child {
	width: 660px;
}
.table_style05 th:last-child, .table_style05 td:last-child {
	width: 80px;
	white-space: nowrap;
}

/*テーブルデザイン 終了-----------------------------------------------------------------------*/


/*段落デザイン 開始-----------------------------------------------------------------------*/
p{
	line-height:170%;
	margin-bottom:20px;
}
.p_style01{
	margin:0;
	padding:0;
}
/*段落デザイン 終了-----------------------------------------------------------------------*/


/*画像デザイン 開始-----------------------------------------------------------------------*/
.img01{
	text-align:center
}
.img_style01{
	width:100%;
	height:auto;
	max-width:580px;
}

.img_style02{    /*eBooksロゴで使用*/
	width:100%;
	height:auto;
	max-width:330px;
}


/*画像デザイン 終了-----------------------------------------------------------------------*/


/*水平線デザイン 開始-----------------------------------------------------------------------*/
hr{
	border: 1px dotted #ccc;
	margin: 30px 0px;
}
/*水平線デザイン 終了-----------------------------------------------------------------------*/


/*各種アイコンデザイン 開始-----------------------------------------------------------------------*/

/* 新刊情報アイコン*/
.top_newbook .notice_shinkan{
	background-color: #f05b46;
	color: #fff;
	font-size: 90%;
	padding: 0px 10px;
	margin-left: 8px;
}
.top_newbook .notice_plan{
	background-color: #eeeeee;
	color: #333333;
	font-size: 90%;
	padding: 0px 10px;
	margin-left: 8px;
}

/* お知らせ各種アイコン*/
.notice_shinkan{
	background-color: #0e7ac4;
	color: #fff;
	font-size: 90%;
	padding: 0px 10px;
	margin-left: 8px;
}
.notice_hosoku{
	background-color: #eaaa40;
	color: #000;
	font-size: 90%;
	padding: 0px 10px;
	margin-left: 8px;
}
.notice_etc{
	background-color: #f05b46;
	color: #fff;
	font-size: 90%;
	padding: 0px 10px;
	margin-left: 8px;
}
.notice_news{
	background-color: #16a6b6;
	color: #fff;
	font-size: 90%;
	padding: 0px 10px;
	margin-left: 8px;
}

/*お知らせ日付*/
.notice_date{
	text-align:right;
}

/* ダウンロードアイコン */
.dl_icon {
	margin: 0px;
	padding: 0px 0px 0px 33px;
	background: url(../img/common/icon_dl.gif) no-repeat 0.4em 0.4em;
}

/* ダウンロードアイコンなしリンク */
.dl_icon_none {
	margin: 0px;
	padding: 0px;
}

/* PDFアイコン */
.dl_pdf {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 33px;
	background-image: url(../img/common/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 1em 1em;
}

/* PDF 講師サイトアイコン */
.dl2_pdf {
	margin: 0px;
	padding: 0px 0px 0px 33px;
	background: url(../img/common/icon_pdf.gif) no-repeat 0.4em 0.4em;
	background-position-y: 40%; 
}

/* PDF 講師サイトアイコン */
.dl3_pdf {
	margin: 0px;
	padding: 0px 0px 0px 33px;
	background: url(../img/common/icon_pdf.gif) no-repeat 0.4em 0.4em;
}

/* PDF 書籍詳細ページ補足資料 */
p.sabun_m365 {
	margin-bottom: 0px;
}
p.sabun_m365 + p.dl2_pdf {
	margin-bottom: 20px;
}

/* PDFアイコン 文章途中 */
.icon-pdf {
	padding: 0px 0px 0px 33px;
	background: url(../img/common/icon_pdf.gif) no-repeat 0.4em 0.2em;
}

/* 新規ウインドウアイコン */
.icon-new {
	margin-bottom:20px;
	padding: 0px 20px 0px 0px;
	background: url(../img/common/icon_new.gif) no-repeat 0.4em 0.4em;
	background-position:right;
}
#contents p span.icon-new {
	font-size: 100%;
}

/*各種アイコンデザイン 終了-----------------------------------------------------------------------*/


/*トップページデザイン 開始-----------------------------------------------------------------------*/

/*メインビジュアル*/
#visual{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#visual img{
	max-width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/* ショートカットメニューボタン */
.shortcut	{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
.shortcut_btn1 a{
	text-align: center;
}
.shortcut_btn1 p{
	margin:0;
	background-color: #ffffff;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 4px solid #77A41A;
	border-left: 2px solid #cccccc;
}
.shortcut_btn1 img{
	max-width:100%;
	vertical-align: middle;
}
.shortcut_btn2 a{
	text-align: center;
}
.shortcut_btn2 p{
	margin:0;
	background-color: #ffffff;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 4px solid #77A41A;
	border-left: 2px solid #cccccc;
}
.shortcut_btn2 img{
	max-width:100%;
	vertical-align: middle;
}
.shortcut_btn3 a{
	text-align: center;
}
.shortcut_btn3 p{
	margin:0;
	background-color: #ffffff;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 4px solid #77A41A;
	border-left: 2px solid #cccccc;
}
.shortcut_btn3 img{
	max-width:100%;
	vertical-align: middle;
}

.shortcut_btn4 a{
	text-align: center;
}
.shortcut_btn4 p{
	margin:0;
	background-color: #ffffff;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-bottom: 4px solid #77A41A;
	border-left: 2px solid #cccccc;
}
.shortcut_btn4 img{
	max-width:100%;
	vertical-align: middle;
}

.shortcut-1, .shortcut-2, .shortcut-3{
	padding-bottom: 10px;
}
.shortcut a:hover{
	opacity: 0.8;
}

/* 新刊情報 */
#top_contents h2{
	background-color:#8dc21f;
	color:#fff;
	font-size:140%;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}
.top_newbook ul{
	text-align:center;
	padding:0;
	margin-top:20px;
}
.top_newbook li a{
	display:block;
	padding:5px;
	margin-bottom:20px;
	color:#005FBD;
	text-decoration:none;
}
.top_newbook li a:hover{
	opacity:0.8;
}
.top_newbook li span{
	display:block;
	padding:5px;
}
.top_newbook ul:after{
	content:"";
	display:block;
	clear:both;
}
.top_newbook li {
	font-size:90%;
	float:left;
	width:20%;
}
.top_newbook img {
	max-width:100%;
	height:auto;
	margin-bottom:5px;
}
.top_release{
	background-color: #fdb622;
	color: #fff;
	font-size: 90%;
	font-weight:bold;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:5px;
}
#notice_bnr{
	clear:both;
}
#booklist{
	margin-bottom:20px;
	float:right;
}
#noticelist{
	margin-top:20px;
	margin-bottom:20px;
	float:right;
}
#top_notice{
	margin-bottom:20px;
}
#top_bnr img{
	max-width:100%;
	margin-bottom:10px;
}

/* TOPICSデザイン*/
#top_topics .dl_style02:last-child dd {
	border-bottom: none;
}

/* お知らせデザイン*/
.dl_style02 {
	padding: 0px;
	margin-left:20px;
}
.dl_style02 dt {
	margin: 0px 0px;
	padding: 30px 0px 10px;
}
.dl_style02 dd {
	margin: 0px 0px;
	border-bottom: 1px solid #CCC;
	padding: 10px 0px 30px 0px;
	vertical-align: top;
}
.dl_style02 dd a{
	color:#005FBD;
	text-decoration:none;
}
.dl_style02 dd a:hover{
	text-decoration: underline;
	text-align: center;
}

/* Tips動画デザイン*/
#top_contents h2#movie{
	clear: both;
	background: #8dc21f;
}
#movie + ul{
	text-align:center;
	padding:0;
	margin-top:10px;
	margin-bottom:20px;
}
#movie + ul:after{
	content:"";
	display:block;
	clear:both;
}
#movie + ul li{
	font-size:90%;
	float:left;
	width:300px;
	margin-left:20px;
}
#movie + ul li .youtube{
	margin:10px 0;
}
#movie + ul li:last-child{
	margin-right:20px;
}
#movielist{
	margin-bottom:20px;
	float:right;
}

/* ランキングデザイン*/
#top_contents h2#rank_p{
	clear: both;
	padding-left: 65px;
	background: #8dc21f url(../img/top/icon_p.gif) no-repeat 15px center;
}
#top_contents h2#rank_e{
	padding-left: 65px;
	background: #8dc21f url(../img/top/icon_e.gif) no-repeat 6px center;
}
#rank_p + ul,
#rank_e + ul{
	text-align:center;
	padding:0;
	margin-top:10px;
}
#rank_p + ul li a,
#rank_e + ul li a{
	display:block;
	padding:0 5px 5px;
	margin-bottom:20px;
	color:#005FBD;
	text-decoration:none;
}
#rank_p + ul li a:hover,
#rank_e + ul li a:hover{
	opacity:0.8;
}
#rank_p + ul:after,
#rank_e + ul:after{
	content:"";
	display:block;
	clear:both;
}
#rank_p + ul li,
#rank_e + ul li {
	font-size:90%;
	float:left;
	width:20%;
}
#rank_p + ul img,
#rank_e + ul img {
	max-width:100%;
	height:auto;
	margin-bottom:5px;
}
#rank_p + ul img.rank,
#rank_e + ul img.rank {
	margin-bottom:0;
	vertical-align: bottom;
}
#rank_p + ul .rank_txt,
#rank_e + ul .rank_txt {
	padding: 12px 0 11px;
	font-weight: bold;
}

/*トップページデザイン 終了-----------------------------------------------------------------------*/


/*セカンドページデザイン 開始-----------------------------------------------------------------------*/

/* セカンドトップ共通h2 */
#second_h2{
	background-color:#8dc21f;
	margin-bottom:30px;
	padding:0px;
}
#second_h2:after{
	content:"";
	display:block;
	clear:both;
}
#second_img{
	max-width:100%;
	float:left;
	padding-right:10px;
	height:98px;
}
#second_lead{
	height:78px;
	background-color:#fff5d9;
	font-size:90%;
	padding:10px;
}

/*新刊情報トップ・書籍一覧インデックス（テキスト表紙画像サムネイル）*/
.book_index ul{
	text-align:center;
	padding:0;
}
.book_index li a{
	display:block;
	padding:5px;
	margin-bottom:20px;
	color:#005FBD;
	text-decoration:none;
}
.book_index li a:hover{
	opacity:0.8;
}
.book_index ul:after{
	content:"";
	display:block;
	clear:both;
}
.book_index li {
	float:left;
	width:25%;
}
.book_index li .longname{
	font-size:85%;
	line-height:175%;
}
.book_index li span.release_plan_wrap{
	display:block;
	padding:5px;
}
.book_index img {
	max-width:100%;
	height:auto;
}
.release_date{
	background-color: #fdb622;
	color: #fff;
	font-size: 90%;
	padding: 0px 10px;
	margin-bottom:5px;
}
.release_plan{
	background-color: #eeeeee;
	color: #333333;
	font-size: 90%;
	padding: 0px 10px;
	margin-bottom:5px;
}

/* QAサポートトップ（ボックスメニュー3分割）*/
.second_menu ul{
	padding:0;
}
.second_menu li a{
	display:block;
	margin-bottom:20px;
	color:#333;
	text-decoration:none;
	border:solid 3px #8dc21f;
	background-color:#fff;
	height:220px;
}
.second_menu li a:hover{
	opacity:0.8;
}
.second_menu ul:after{
	content:"";
	display:block;
	clear:both;
}
.second_menu li {
	float:left;
	width:31%;
	margin-right:2%;
}
.second_menu img {
	margin:0;
	padding:0;
	max-width:100%;
	height:auto;
	background-color:#8dc21f;
}
.second_menu p {
	font-size:95%;
	padding:10px;
}
.img_back {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#8dc21f;
}

/* お知らせページトップ */
.dl_style01 {
	padding: 0px;
	margin:0px;
}
.dl_style01 dt {
	margin: 0px 0px;
	padding: 30px 0px 10px;
}
.dl_style01 dd {
	margin: 0px 0px;
	border-bottom: 1px solid #CCC;
	padding: 10px 0px 30px 0px;
	vertical-align: top;
}
.dl_style01 dd a{
	color:#005FBD;
	text-decoration:none;
}
.dl_style01 dd a:hover{
	text-decoration:underline;
}

/* 法人向け販売トップ（ボックスメニュー2分割）*/
.second_menu2 ul{
	padding:0;
}
.second_menu2 li a{
	display:block;
	margin-bottom:20px;
	color:#333;
	text-decoration:none;
	border:solid 3px #8dc21f;
	background-color:#fff;
	height:160px;
}
.second_menu2 li a:hover{
	opacity:0.8;
}
.second_menu2 ul:after{
	content:"";
	display:block;
	clear:both;
}
.second_menu2 li {
	float:left;
	width:48%;
	margin-right:2%;
}
.second_menu2 img {
	margin:0;
	padding:0;
	max-width:100%;
	height:auto;
	background-color:#8dc21f;
}
.second_menu2 p {
	font-size:95%;
	padding:10px;
}
.img_back {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#8dc21f;
}

/* ダウンロードトップ*/
.noticepoint {
	border: solid 3px #8dc21f;
	padding: 10px;
}
.noticepoint h4 {
	border-left: solid 8px #8dc21f;
	margin-bottom: 10px;
	padding-left: 8px;
	font-weight: normal;

}
.noticepoint p {
	margin-bottom: 0;
}
.noticepoint ul:first-of-type {
	margin-bottom: 10px;
}

/*セカンドページデザイン 終了-----------------------------------------------------------------------*/


/*書籍詳細ページ 開始-----------------------------------------------------------------------*/

/* 箇条書き スタイル（アイコンなし、※などテキスト表記） */
ul.list_astrisk {
	margin-left: 1em;
	line-height: 170%;
}
ul.list_astrisk02 {
	margin-bottom: 20px;
	margin-left: 1em;
	line-height: 170%;
}
ul.list_astrisk li,
ul.list_astrisk02 li {
	padding: 0;
	text-indent: -1em;
}

/*テキスト情報ボックス*/
#text_info{
	margin-top:15px;
}

/*テキスト商品画像ボックス*/
#text_img{
	margin-right:20px;
	margin-bottom:15px;
}

/*テキスト情報表*/
.table_style01 {
	margin-bottom:20px;
	padding: 0px;
	line-height:130%;
}
.table_style01 th{
	text-align:right;
	vertical-align:top;
	padding:8px;
	font-weight:normal;
	color: #222;
	border: 1px solid #ccc;
	background: #f7f7f7;
	width:100px;
}
.table_style01 td{
	text-align:left;
	vertical-align:top;
	padding:8px;
	border: 1px solid #ccc;
}

#text_table ul.list_astrisk {
	margin-bottom: 15px;
	font-size: 90%;
}

/*おすすめページ・立ち読みブロック*/
#preview ul{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;

}
#preview li{
	margin-right:10px;
}
#preview li a:hover{
	opacity:0.8;
}
#preview ul:after{
	content:"";
	display:block;
	clear:both;
}
#preview li{
	float:left;
}
#preview .ranking{
	margin-left:28px;
}
#text_info + #preview ul{
	margin-top:0;
}

/*関連eラーニングブロック*/
#contents #related_el h3{
	border-left:none;
	margin-bottom:5px;
	padding-left:0;
}
#contents #related_el .list_style02 {
	margin-left: 10px;
}

/*ご購入ブロック*/
#purchase{
	margin-top:15px;
}

/* ご購入の通常版（#regular)と電子書籍版(#ebook)を横にに並べる設定 */
#purchase:after{
	content: "";
	display: block;
	clear: both
}
#regular{
	-moz-box-sizing:border-box;
	-wekit-box-sizing:border-box;
	box-sizing:border-box;
	float: left;
	margin-right:2%;
	width: 47%;
	border: 3px solid #8dc21f;
	margin-bottom: 10px;
}
#regular p{
	margin-left:10px;
}
#regular h3{
	text-align: center;
	color: #fff;
	background-color: #8dc21f;
	padding-top: 5px;
	padding-bottom: 5px;
}
#regular ul {
	margin-top: 8px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 3em;
	padding: 0px;
}
#regular li {
	background: url(../img/common/bullet_01.gif) no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 22px;
	font-size:95%;
	min-height: 41px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#regular li a:hover{
	opacity:0.8;
}
#regular a{
	color:#005FBD;
	text-decoration:none;
}
#regular a:hover{
	text-decoration:underline;
}
#regular li img {
	vertical-align: middle;
}
#regular li a + span {
	margin-left: 14px;
}
#ebook{
	-moz-box-sizing:border-box;
	-wekit-box-sizing:border-box;
	box-sizing:border-box;
	float: left;
	width:47%;
	border: 3px solid #7b9bcf;
}
#ebook h3{
	text-align: center;
	color: #fff;
	background-color: #7b9bcf;
	padding-top: 5px;
	padding-bottom: 5px;
	border:none;
}

#ebook h4{
	font-size:95%;

	border-left:solid 5px #7b9bcf;
	margin-left:10px;
	margin-bottom:0px;
	padding-left:5px;
	font-weight:normal;

}






#ebook p{
	margin-left:10px;
}
#ebook ul {
	margin: 0px 0px 25px 10px;
	padding: 0px;
}
#ebook li {
	background: url(../img/common/bullet_01.gif) no-repeat left 17px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 90%;
	min-height: 48px;
}
#ebook li.item-apple {
	margin-bottom: 15px;
}
#ebook li a:hover{
	opacity:0.8;
}
#ebook a{
	color:#005FBD;
	text-decoration:none;
}
#ebook a:hover{
	text-decoration:underline;
}
#ebook li img {
	vertical-align: middle;
}
#ebook li img.logo-kindle {
	margin: 6px 0 5px;
}
#ebook li img.logo-kobo {
	margin: 12px 0;
}
#ebook li img.logo-apple {
	margin: 8px 0 7px;
}
#ebook li img.logo-honto {
	margin: 6px 0;
}
#ebook li img.logo-google {
	margin: 11px 0;
}
#ebook li img.logo-yodobashi-e {
	margin: 11px 0;
}
#ebook li img.logo-ebooks {
	margin: 9px 0;
}
#ebook li a + span {
	margin-left: 14px;
}

/* SNSシェアボタン */
#share ul{
	margin-top:20px;
	list-style:none;
	}
#share li a{
	display:block;
	padding:10px 5px;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	text-decoration:none;
}
#share li a:hover{
	opacity:0.8;
}
#share ul:after{
	content:"";
	display:block;
	clear:both;
}
#share li{
	float:left;
	width:50%;
}
.share-tw{
	background-color:#55acee;
}
.share-fb{
	background-color:#3b5998;
}
.share-gp{
	background-color:#dd4b39;
}

/* タブ */
#tabwrap {
	margin-top:25px;
	overflow: hidden;
	width: 100%;
	min-height: 300px;
	border: 1px solid #ccc;
	-moz-box-sizing:border-box;
	-wekit-box-sizing:border-box;
	box-sizing:border-box;
}
#tabwrap h3{
	font-size:140%;
	border-left:solid 8px #8dc21f;
	margin-top:15px;
	padding-left:8px;
	font-weight:normal;
}
.tabs {
	overflow: hidden;
	background-color: #8DC21F;
}
.tabs li a {
	float: left;
	display: block;
	padding: 15px;
	color: #fff;
	width: auto;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #ccc;
}
.tabs li a:hover {
	background-color:#A4CE4C;
}
.tabs li.current a {
	background: #fff;
	color:#222;
	border-bottom:none;
}
.tab_content > div {
	clear: both;
	display: none;
	padding: 20px;
}
.tab_content .current{
	display: block;
}
.tab_content #merit.first{
	display: block;
}
/* 
.tab_content p{
	line-height: 170%;
	margin-top: 5px;
}
*/
.tab_content a{
	color:#005FBD;
	text-decoration:none;
}
.tab_content a:hover{
	text-decoration:underline;
}


/* 特長タブ内デザイン */
.tab_content #merit ul{
	margin: 5px 0px 10px 10px;
	line-height: 2em;
	padding: 0px;
}
.tab_content #merit li{
	background: url(../img/common/bullet_01.gif) no-repeat 0.4em 0.6em;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	font-size: 95%;
}
#merit p.center img {
	max-width: 100%;
}

/* 特長タブ内　箇条書き スタイル（アイコンなし、※などテキスト表記） */
.tab_content #merit ul.list_astrisk {
	margin-left: 1em;
	line-height: 170%;
}
.tab_content #merit ul.list_astrisk li {
	background: none;
	padding: 0;
	text-indent: -1em;
}

/* 特長タブ内　おすすめページ分割あり */
.tab_content #merit ul.img_page {
	margin: 5px 0px 10px;
}
.tab_content #merit .img_page li {
	float: left;
	width: 330px;
	text-align: left;
	background: none;
	padding: 0;
}
.tab_content #merit .img_page li:nth-child(odd) {
	margin-right: 15px;
	text-align: right;
}
.tab_content #merit .img_page li img {
	max-width: 100%;
}
.tab_content #merit .img_page:after {
	content: "";
	display: block;
	clear: both;
}


/* 特長タブ内　文字の緑枠 */
.tab_content #merit .em_word {
	border: 2px solid #8dc21f;
	padding: 0 3px;
	font-size: 100%;
}


/* MOS模擬試験プログラム */
.tab_content #merit ul.mos_pg_note{
	margin-left: 20px;
}
.tab_content #merit ul.mos_pg_note li{
	background: none;
	padding: 0;
}
.tab_content #merit ul.mos_pg_env li{
	padding-left: 18px;
}

/* 動作環境 */
.tab_content #merit .table_requirements {
	margin-bottom: 30px;
	padding: 0;
	line-height: 130%;
}
.tab_content #merit .table_requirements a {
	color: #005FBD;
	text-decoration: none;
}
.tab_content #merit .table_requirements a:hover {
	text-decoration: underline;
}
.tab_content #merit .table_requirements th{
	text-align: center;
	padding: 8px;
	font-weight: normal;
	color: #222;
	border: 1px solid #ccc;
	background: #f7f7f7;
}
.tab_content #merit .table_requirements td {
	vertical-align: top;
	padding: 8px;
	border: 1px solid #ccc;
}
.tab_content #merit .table_requirements tr th:first-child,
.tab_content #merit .table_requirements tr td:first-child {
	white-space: nowrap;
}
.tab_content #merit .table_requirements ul.list_astrisk {
	margin-top: 1px;
	margin-bottom: 0;
	line-height: 130%;
}
.tab_content #merit .table_requirements ul.list_astrisk li {
	font-size: 100%;
}


/* 目次タブ内デザイン */
.tab_content #b_index ul{
	margin-top: 10px;
	list-style: disc;
	margin-left: 15px;
}
.tab_content #b_index li{
	margin: 0px 0px 0px 15px;
	font-size: 100%;
	padding:0px;
	line-height:170%;
}
.tab_content #b_index ul.list_astrisk {
	list-style: none;
	margin-left: 0;
}

/* データDLタブ内デザイン */
.tab_content #dl ul {
	margin: 10px 0px 20px 5px;
	line-height: 2em;
	padding: 0px;
}
.tab_content #dl li {
	margin: 0px;
	padding: 0px 0px 0px 33px;
	font-size: 95%;
	background: url(../img/common/icon_dl.gif) no-repeat 0.5em 0.6em;
}

/* 正誤表タブ内デザイン */
.tab_content #errata ul {
	margin: 10px 0px 20px 5px;
	line-height: 2em;
	padding: 0px;
}
.tab_content #errata li {
	margin: 0px;
	padding: 0px 0px 0px 33px;
	font-size: 95%;
	background: url(../img/common/icon_dl.gif) no-repeat 0.5em 0.6em;
}

/* 印刷対応 */
.printfor {
	display: none;
}


/*テキスト詳細ページ 終了-----------------------------------------------------------------------*/


/*よくあるご質問ページ 開始-----------------------------------------------------------------------*/

/*QAアコーディオン*/
a {
  text-decoration: none;
  cursor: pointer;
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
}
.ac h3 a {
	color: #333;
}
.ac h3 a:hover {
	color: #333;
	text-decoration: none;
	cursor: default;
}
.ac_q .menu:hover .table_style04,
.ac_q .menu2:hover .table_style04 {
	color: #333;
}
.child {
    display: none;
}
.ac {
  margin: 0;
  padding:0;
 }
.ac a.toggle {
    display: block;
}
.ac .child {　　　　　/*answerのボックス*/
  display: none;
  margin: 0 0 -1px;
  padding: 5px;
  background: #f0fadc;
}
.ac .child > li {
	padding: 10px 16px;
	text-align: center;
}
.switch .menu:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.4rem;
  content: '>';
  font-size: 1.4rem;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
}
.switch .menu.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.menu,
.menu2 {
	display: block;
	position: relative;
	padding: 15px 35px 15px 15px;
}
.ac_q .menu,
.ac_q .menu2 {
	background: #f0fadc;
	border: 2px solid #8dc21f;
	color: #333;
	margin: 15px 0 0px;
}
.ac_q .menu:hover,
.ac_q .menu2:hover {
	background: #8dc21f;
	color: #fff;
	text-decoration: none;
	text-align: left;
}

/*よくあるご質問ページ 終了-----------------------------------------------------------------------*/


/*Tips動画ページ 開始-----------------------------------------------------------------------*/
h2#wide_h2 {
	background: #8dc21f;
	color: #fff;
	padding: 30px;
	font-weight: bold;
	border: none;
}
#movie_lineup {
	padding-right:5px;
}
#movie_lineup ul{
	padding:0;
    display:flex;
    flex-wrap:wrap;
}
#movie_lineup li {
	width:300px;
	margin:10px 30px 30px;
	text-align:center;
}
#movie_lineup li .youtube {
	margin:10px 0;
}
/*Tips動画ページ 終了-----------------------------------------------------------------------*/


/*その他 開始-----------------------------------------------------------------------*/
/* youtube挿入設定 */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* youtube 2段組み*/
#youtube_2column {
	padding-right:5px;
}
#youtube_2column ul{
	padding:0;
}
#youtube_2column ul:after{
	content:"";
	display:block;
	clear:both;
}
#youtube_2column li {
	float:left;
	width:48%;
	margin:1%;
}
#youtube_2column img {
	max-width:100%;
	height:auto;
	border:solid 1px #CCCCCC;
}

/* 画像、テキスト並び＋上下中央 */
.item-img{
	display:flex;
	flex-directon:row;
	justify-content:flex-start;
	align-items:center;
}
.item-img .img{
	max-width:100%;
	padding-right:10px;
}
.item-img .img img{
	vertical-align:middle;
}
.item-img .item{
}

/* 赤文字 */
.emphasis{
	color:#CC0000;
	}


/*その他 終了-----------------------------------------------------------------------*/


/*特設ページ用デザイン 開始-----------------------------------------------------------------------*/

#sp_contents{
	width:100%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#sp_contents img{
	max-width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/* eBooks*/
.ebooksBtn{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}
.ebooksBtn2{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

/*特設ページ用デザイン 終了-----------------------------------------------------------------------*/





/* ###################### 359x以下 ###################### */
@media (max-width: 359px) {
}


/* ###################### 599x以下 ###################### */
@media (max-width: 599px) {
}



/* ###################### 767x以下 ###################### */
@media (max-width: 767px) {

/*共通構成要素 開始-----------------------------------------------------------------------*/

/*共通構成要素 */
#contents{
	clear:both;
}

/*ヘッダー*/
#header h1{
	float: left;
	padding: 20px 15px 10px 0px;
}
#h_parts{
	width: 300px;
	float:left;
	padding-top:20px;
}
#header #corpo_logo{
	display:none;
}

/* グローバルナビゲーション（スマホ用） トグルボタン */
#menubtn{
	padding:6px 12px;
	border:solid 1px #aaaaaa;
	border-radius:5px;
	background-color:#ffffff;
	position:absolute;
	top:20px;
	right:15px;
	cursor:pointer;
}
#menubtn:hover{
	background-color:#dddddd;
}
#menubtn:focus{
	outline:none;
}
#menubtn i{
	color:#888888;
	font-size:18px;
}
#menubtn span{
	display:inline-block;
	text-indent:-9999px;
}

/* グローバルナビゲーション（スマホ用） */
#nav{
	display:none;
	clear:both;
}
#nav li a{
	display:block;
	padding:15px 0;
	color:#FFFFFF;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#8dc21f;
	border-bottom:solid 1px #fff;
}
#nav li a:hover{
	opacity:0.8;
}

/*共通構成要素 終了-----------------------------------------------------------------------*/


/*見出しデザイン 開始-----------------------------------------------------------------------*/

/*h3デザイン*/

/*見出しデザイン 終了-----------------------------------------------------------------------*/


/*箇条書きデザイン 開始-----------------------------------------------------------------------*/

/*箇条書き スタイル1 */

/*箇条書き スタイル2 */

/*箇条書き スタイル3（書籍一覧トップ・ダウンロードトップで使用） */
.list_style03 ul{
	font-size:90%;
}
.list_style03 li {
	width:44%;
}
.list_style03 li:nth-child(3) {
	clear:both;
}

/*箇条書き スタイル4（トップページ新刊情報一覧、お知らせ一覧で使用） */

/*箇条書き スタイル5（電子書籍トップで使用） */
.list_style05 ul{
	font-size:90%;
	margin-bottom:0;
}
.list_style05 li {
	width:100%;
}
.list_style05 li:nth-child(1),
.list_style05 li:nth-child(2) {
	width:100%;
}

/*箇条書きデザイン 終了-----------------------------------------------------------------------*/

/*テーブルデザイン 開始-----------------------------------------------------------------------*/

/*お知らせページで使用*/

/*正誤表ページで使用*/

/*テーブルデザイン 終了-----------------------------------------------------------------------*/


/*段落デザイン 開始-----------------------------------------------------------------------*/

/*段落デザイン 終了-----------------------------------------------------------------------*/


/*画像デザイン 開始-----------------------------------------------------------------------*/

/*画像デザイン 終了-----------------------------------------------------------------------*/


/*水平線デザイン 開始-----------------------------------------------------------------------*/

/*水平線デザイン 終了-----------------------------------------------------------------------*/


/*各種アイコンデザイン 開始-----------------------------------------------------------------------*/

/* お知らせ各種アイコン*/

/*お知らせ日付*/

/* ダウンロードアイコン */

/* PDFアイコン */

/*各種アイコンデザイン 終了-----------------------------------------------------------------------*/


/*トップページデザイン 開始-----------------------------------------------------------------------*/

/*メインビジュアル*/

/* ショートカットメニューボタン */

/* 新刊情報 */
.top_newbook ul{
	font-size:90%;
}
.top_newbook li {
	width:50%;
}
.top_newbook li:nth-child(3) {
	clear:both;
}
.top_newbook li:nth-child(5) {
	clear:both;
}
/* お知らせ*/
#top_notice{
	font-size:90%;
}

/* 右下バナー */
#top_bnr ul{
	clear:both;
	text-align:center;
}

/* h2 */
#top_contents h2{
	background-color:#8dc21f;
	color:#fff;
	font-size:100%;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}

/* Tips動画デザイン*/
#movie + ul{
	font-size:90%;
}
#movie + ul:after{
	content:"";
	display:block;
	clear:both;
}
#movie + ul li{
	float:none;
	width:100%;
	margin-left:0;
}
#movie + ul li:last-child{
	margin-right:0;
}

/* ランキング */
#rank_p + ul,
#rank_e + ul{
	font-size:90%;
}
#rank_p + ul li,
#rank_e + ul li {
	width:50%;
}
#rank_p + ul li:nth-child(3),
#rank_p + ul li:nth-child(5),
#rank_e + ul li:nth-child(3),
#rank_e + ul li:nth-child(5) {
	clear:both;
}

/*トップページデザイン 終了-----------------------------------------------------------------------*/


/*セカンドページデザイン 開始-----------------------------------------------------------------------*/

/* セカンドトップ共通リード文 */
#second_lead{
	clear:both;
}

/*新刊情報トップ・書籍一覧インデックス（テキスト表紙画像サムネイル）*/
.book_index ul{
	font-size:90%;
}
.book_index li {
	width:50%;
}
.book_index li:nth-child(3) {
	clear:both;
}

/* QAサポートトップ（ボックスメニュー3分割）*/
.second_menu li {
	float:left;
	width:100%;
}
.second_menu li a{
	height:auto;
}

/* お知らせページトップ */

/* 法人向け販売トップ（ボックスメニュー2分割）*/
.second_menu2 li {
	float:left;
	width:100%;
}
.second_menu2 li a{
	height:auto;
}

/*セカンドページデザイン 終了-----------------------------------------------------------------------*/

/*書籍詳細ページ 開始-----------------------------------------------------------------------*/
#regular{
	width:100%;
}
#ebook{
	margin-top:10px;
	width:100%;
}
#preview .ranking{
	margin-left:0;
}
#preview .ranking img{
	width:100%;
}

/*テキスト情報ボックス*/

/*テキスト商品画像ボックス*/
#text_img{
	text-align:center;
}

/*テキスト情報表*/

.table_style01 {
	width:100%;
}
/*おすすめページ・立ち読みブロック*/

/*ご購入ブロック*/

/* ご購入の通常版（#regular)と電子書籍版(#ebook)を横にに並べる設定 */

/* SNSシェアボタン */

/* タブ */

/* 特長タブ内デザイン */

/* 特長タブ内　おすすめページ分割あり */
.tab_content #merit .img_page li {
	width: 100%;
	text-align: center;
}
.tab_content #merit .img_page li:nth-child(odd) {
	margin-right: 0;
	text-align: center;
}

/* 動作環境 */
.tab_content #merit .table_requirements {
	font-size: 90%;
}
.tab_content #merit .table_requirements tr td:first-child {
	white-space: normal;
}

/* 目次タブ内デザイン */

/* データDLタブ内デザイン */

/* 正誤表タブ内デザイン */

/*テキスト詳細ページ 終了-----------------------------------------------------------------------*/


/*よくあるご質問ページ 開始-----------------------------------------------------------------------*/

/*QAアコーディオン*/

/*よくあるご質問ページ 終了-----------------------------------------------------------------------*/

/*Tips動画ページ 開始-----------------------------------------------------------------------*/
#movie_lineup li {
	width:100%;
	margin:0;
}
/*Tips動画ページ 終了-----------------------------------------------------------------------*/

/*その他 開始-----------------------------------------------------------------------*/

/* youtube挿入設定 */


/* youtube 2段組み*/
#youtube_2column li {
	width:100%;
}
#youtube_2column li:nth-child(3) {
	clear:both;
}


/* 画像、テキスト並び＋上下中央 */
.item-img{
	display:block;
}


/*その他 終了-----------------------------------------------------------------------*/

}



/* ###################### 500x以下 ###################### */
@media (max-width: 500px) {

/*共通構成要素 開始-----------------------------------------------------------------------*/

/*ヘッダー*/
#header h1{
	padding-top:20px;
}

#h_parts{
	width: 300px;
	padding: 0;
	margin-bottom: 10px;
}

/*パンくず*/
#bread{
	font-size:85%;
}

/* グローバルナビゲーション（スマホ用） トグルボタン */

/* グローバルナビゲーション（スマホ用） */

/* ローカルナビゲーション */
#menu{
	margin-top:20px;
}

/* フッター */
#footer li {
	font-size: 80%;
	padding: 0px 0px 0px 10px;
}

/*共通構成要素 終了-----------------------------------------------------------------------*/


/*見出しデザイン 開始-----------------------------------------------------------------------*/

/*h2*/
#contents h2{
	font-size:120%;
}

/*h3デザイン*/

/*見出しデザイン 終了-----------------------------------------------------------------------*/


/*箇条書きデザイン 開始-----------------------------------------------------------------------*/

/*箇条書き スタイル1 */

/*箇条書き スタイル2 */

/*箇条書き スタイル3（書籍一覧トップ・電子書籍トップ・ダウンロードトップで使用） */

/*箇条書き スタイル（トップページ新刊情報一覧、お知らせ一覧で使用） */

/*箇条書きデザイン 終了-----------------------------------------------------------------------*/


/*テーブルデザイン 開始-----------------------------------------------------------------------*/
.table_style03 {
	font-size:90%;

}
.table_style04 {
	font-size:90%;

}

/*お知らせページで使用*/

/*正誤表ページで使用*/

/*テーブルデザイン 終了-----------------------------------------------------------------------*/


/*段落デザイン 開始-----------------------------------------------------------------------*/
#contents p{
	font-size:90%;
}

/*段落デザイン 終了-----------------------------------------------------------------------*/


/*画像デザイン 開始-----------------------------------------------------------------------*/

/*画像デザイン 終了-----------------------------------------------------------------------*/


/*水平線デザイン 開始-----------------------------------------------------------------------*/

/*水平線デザイン 終了-----------------------------------------------------------------------*/


/*各種アイコンデザイン 開始-----------------------------------------------------------------------*/

/* お知らせ各種アイコン*/

/*お知らせ日付*/

/* ダウンロードアイコン */

/* PDFアイコン */

/*各種アイコンデザイン 終了-----------------------------------------------------------------------*/


/*トップページデザイン 開始-----------------------------------------------------------------------*/

/*メインビジュアル*/

/* ショートカットメニューボタン */

/* 新刊情報 */

/* お知らせ*/
.dl_style02 {
	padding: 0px;
	margin:0px;
}

/* 右下バナー */

/* h2 */

/*トップページデザイン 終了-----------------------------------------------------------------------*/


/*セカンドページデザイン 開始-----------------------------------------------------------------------*/

/* セカンドトップ共通リード文 */

/*新刊情報トップ・書籍一覧インデックス（テキスト表紙画像サムネイル）*/

/*セカンドページデザイン 終了-----------------------------------------------------------------------*/


/*書籍詳細ページ 開始-----------------------------------------------------------------------*/
/*テキスト情報ボックス*/

/*テキスト商品画像ボックス*/
#text_img{
	text-align:center;
	margin-bottom:15px;
}

/*テキスト情報表*/
.table_style01 {
	font-size:90%;
}
.table_style01 th{
	width:80px;
}

/*おすすめページ・立ち読みブロック*/

/*ご購入ブロック*/
#regular h3{
	font-size:100%;
}
#regular li {
	font-size:90%;
}
#ebook h3{
	font-size:100%;
}

#ebook li {
	font-size:90%;
}

/* SNSシェアボタン */
#share li a{
	font-size:80%;
}

/* タブ */
#tabwrap h3{
	font-size:110%;
}
.tabs li a {
	font-size:90%;
}

/*
.tab_content p{
	font-size:90%;
}
*/

/* 特長タブ内デザイン */

/* 目次タブ内デザイン */

/* データDLタブ内デザイン */

/* 正誤表タブ内デザイン */

/*テキスト詳細ページ 終了-----------------------------------------------------------------------*/


/*よくあるご質問ページ 開始-----------------------------------------------------------------------*/

/*QAアコーディオン*/

/*よくあるご質問ページ 終了-----------------------------------------------------------------------*/

/*その他 開始-----------------------------------------------------------------------*/

/* youtube挿入設定 */

/*その他 終了-----------------------------------------------------------------------*/

}



/* ###################### 768px以上 ###################### */
@media (min-width: 768px) {

/*共通構成要素 開始-----------------------------------------------------------------------*/

/*共通構成要素 */
body{
	background-color:#F9F8EC;
}

#header{
	background-image:url(../img/common/header_back.gif);
	background-repeat: repeat-x;
}
#header_inner{
	background-image:url(../img/common/header_inner_back.gif);
	background-repeat: repeat-x;
	padding-left:5px;
	padding-right:5px;
}

/* グローバルナビゲーション（スマホ用） トグルボタン */

#menubtn{
	display:none;
}

/* グローバルナビゲーション（スマホ用） */
#nav{
	display:block !important;
	clear:both;
	padding:0;
	margin:0;
}
#nav ul{
	list-style:none;
}
#nav li a{
	display:block;
	padding:18px 0;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#8dc21f;
}
#nav ul:after{
	content:"";
	display:block;
	clear:both;
}
#nav li{
	float:left;
	width:14.2857142857%;
}
#nav li a:hover{
	opacity:0.8;
}


/*共通構成要素 終了-----------------------------------------------------------------------*/


/*見出しデザイン 開始-----------------------------------------------------------------------*/

/*h3デザイン*/

/*見出しデザイン 終了-----------------------------------------------------------------------*/


/*箇条書きデザイン 開始-----------------------------------------------------------------------*/

/*箇条書き スタイル1 */

/*箇条書き スタイル2 */

/*箇条書き スタイル3（書籍一覧トップ・電子書籍トップ・ダウンロードトップで使用） */

/*箇条書き スタイル（トップページ新刊情報一覧、お知らせ一覧で使用） */

/*箇条書きデザイン 終了-----------------------------------------------------------------------*/

/*テーブルデザイン 開始-----------------------------------------------------------------------*/

/*お知らせページで使用*/

/*正誤表ページで使用*/

/*テーブルデザイン 終了-----------------------------------------------------------------------*/


/*段落デザイン 開始-----------------------------------------------------------------------*/

/*段落デザイン 終了-----------------------------------------------------------------------*/


/*画像デザイン 開始-----------------------------------------------------------------------*/

/*画像デザイン 終了-----------------------------------------------------------------------*/


/*水平線デザイン 開始-----------------------------------------------------------------------*/

/*水平線デザイン 終了-----------------------------------------------------------------------*/


/*各種アイコンデザイン 開始-----------------------------------------------------------------------*/

/* お知らせ各種アイコン*/

/*お知らせ日付*/

/* ダウンロードアイコン */

/* PDFアイコン */

/*各種アイコンデザイン 終了-----------------------------------------------------------------------*/


/*トップページデザイン 開始-----------------------------------------------------------------------*/

/*メインビジュアル*/

/* ショートカットメニューボタン */


.shortcut	{
	width:100%;
	margin-left:5px;
	margin-bottom:15px;
}



.shortcut:after	{content: "";
	display: block;
	clear: both;
}
.shortcut-1	{float: left;
	width: 24%;
	margin-right: 1%;
}
.shortcut-2	{float: left;
	width: 24%;
	margin-right: 1%;
}
.shortcut-3	{float: left;
	width: 24%;
	margin-right: 1%;
}

.shortcut-4	{float: left;
	width: 24%;
}



/* 新刊情報 */

/* お知らせ*/

/* 右下バナー */

/* お知らせとバナー領域を横に並べる設定 */
#notice_bnr:after{
	content:"";
	display:block;
	clear:both;
}
#top_notice{
	float:left;
	margin:0;
	width:75.5%;
	-moz-box-sizing:border-box;
	-wekit-box-sizing:border-box;
	box-sizing:border-box;
}
#top_bnr{
	float:right;
	width:23%;
	-moz-box-sizing:border-box;
	-wekit-box-sizing:border-box;
	box-sizing:border-box;
}

/* h2 */

/*トップページデザイン 終了-----------------------------------------------------------------------*/


/*セカンドページデザイン 開始-----------------------------------------------------------------------*/

/* コンテンツ部分（#contents）とローカルナビ（#menu）を横に並べる設定 */
#page:after{
	content:"";
	display:block;
	clear:both;
}
#contents{
	float:right;
	margin:0;
	width:78%;
	padding-left:2.5%;
	-moz-box-sizing:border-box;
	-wekit-box-sizing:border-box;
	box-sizing:border-box;
}
#menu{
	float:left;
	width:22%;
	-moz-box-sizing:border-box;
	-wekit-box-sizing:border-box;
	box-sizing:border-box;
}

/* セカンドトップ共通リード文 */

/*新刊情報トップ・書籍一覧インデックス（テキスト表紙画像サムネイル）*/

/*セカンドページデザイン 終了-----------------------------------------------------------------------*/


/*書籍詳細ページ 開始-----------------------------------------------------------------------*/

/*テキスト情報ボックス*/

/*テキスト商品画像ボックス*/

/*テキスト情報表*/

/* テキスト画像（#text_info）と内容表（text_table）を横に並べる設定 */
#text_info:after{
	content: "";
	display: block;
	clear: both;
}
#text_img{
	float: left;
	width:auto;
}
#text_table{
	float: left;
	width: auto;
}

/*おすすめページ・立ち読みブロック*/

/*ご購入ブロック*/

/* ご購入の通常版（#regular)と電子書籍版(#ebook)を横にに並べる設定 */

/* SNSシェアボタン */

/* タブ */

/* 特長タブ内デザイン */

/* 目次タブ内デザイン */

/* データDLタブ内デザイン */

/* 正誤表タブ内デザイン */

/*テキスト詳細ページ 終了-----------------------------------------------------------------------*/


/*よくあるご質問ページ 開始-----------------------------------------------------------------------*/

/*QAアコーディオン*/

/*よくあるご質問ページ 終了-----------------------------------------------------------------------*/

/*その他 開始-----------------------------------------------------------------------*/

/* youtube挿入設定 */

/* eBooks */
#second_lead .list_style02 li {
	background: url(../img/common/bullet_01.gif) no-repeat 280px 0.5em;
	padding: 0px 0px 0px 295px;
	font-weight: bold;
}

/*その他 終了-----------------------------------------------------------------------*/


}



/* ###################### 1190x以上 ###################### */
@media (min-width: 980px) {

#header_inner, #page,#footer_inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}


}

td a.a_current {
    display: block;
    color: #000000;
    cursor: text; 
    text-decoration: none;
    pointer-events: none; 
}
td a.a_current:hover {
    color: #000000;
    text-decoration: none;
}