@charset "UTF-8";
table#table-01 {
	width: 838px;
	border: 1px #502e16 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table#table-01 th {
	padding: 5px;
	border: #502e16 solid;
	border-width: 0 0 1px 1px;
	line-height: 120%;
}
table#table-01 td {
	padding: 5px;
	border: 1px #502e16 solid;
	border-width: 0 0 1px 1px;
}


table#table-01 {
	width: 838px;
	border: 1px #502e16 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table#table-01 th {
	padding: 5px;
	border: #502e16 solid;
	border-width: 0 0 1px 1px;
	line-height: 120%;
}
table#table-01 td {
	padding: 5px;
	border: 1px #502e16 solid;
	border-width: 0 0 1px 1px;
}


table#table-02 {
	width: 660px;
	border: 1px #502e16 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table#table-02 th {
	padding: 5px;
	border: #502e16 solid;
	border-width: 0 0 1px 1px;
	line-height: 120%;
}
table#table-02 td {
	padding: 5px;
	border: 1px #502e16 solid;
	border-width: 0 0 1px 1px;
}
#line858_authors {
	width: 858px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: 1px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #744822;
}
#cont_box_non880 {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#series_list_title {
	width: 902px;
	text-align: left;
/*	height: 122px;	*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	background-image: url(/images/front/cmn/series_list_title_bk02.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #6F420B;
}
#flash {
	height: 259px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#index_h2 {
/*	min-height: 379px;*/
        height: auto !important;   
/*	height: 379px;*/
	margin-top: 3px;
}
#index01 {
	height: 390px;
	width: 346px;
	background-image: url(/images/front/cmn/index_01bk.gif);
	background-repeat: repeat-y;
}
#tree_column {
	width: 902px;
	margin-top: 14px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#box1 {
/*	min-height: 452px;*/
        height: auto !important;   
        /*border:1px solid #D8CEB4;
*/	/*width: 344px;*/
	text-align: left;
	float: left;
	margin: 0px;
	/*position: absolute;*/
}
#box2 {
/*	min-height: 452px;*/
        height: auto !important;
        border:1px solid #D8CEB4;
	width: 344px;
	text-align: left;
	margin-left: 356px;
}
#box3 {
/*	min-height: 452px;*/
        height: auto !important; 
/*        height: 452px;*/
/*        border:1px solid #C3DCD4;	*/
	width: 188px;
	text-align: left;
	float: right;
	margin: 0px;
	padding-bottom: 10px;
}
#index01text {
	padding:0;
}
#index01text_a {
	background-image: url(/images/front/cmn/index_icon01.gif);
	background-repeat: no-repeat;
	margin-left: 8px;
	padding-right: 0;
	padding-left: 54px;
	padding-top: 13px;
	margin-right: 8px;
	padding-bottom: 6px;
	text-decoration:none;
}

#index01text_a2 {
	background-image: url(/images/front/cmn/index_icon01.gif);
	background-repeat: no-repeat;
	margin-left: 8px;
	padding-right: 0;
	padding-left: 54px;
	padding-top: 13px;
	margin-right: 8px;
	padding-bottom: 14px;
	text-decoration:none;
}
#index01text_b {
	background-image: url(/images/front/cmn/index_icon02.gif);
	background-repeat: no-repeat;
	margin-left: 8px;
	padding-right: 0;
	padding-left: 54px;
	padding-top: 12px;
	margin-right: 9px;
	padding-bottom: 8px;
}
.category {
	font-size: 80%;
	line-height: 140%;
	text-decoration:none;
}
.category a:link {
	text-decoration:none;
}
.category a:visited {
	text-decoration:none;
}
.category a:hover {
	text-decoration:underline;
}
.category a:active {
	text-decoration:underline;
}
#index02text {
	margin-left: 8px;
	padding-right: 0;
	padding-left: 20px;
	padding-top: 10px;
	margin-right: 10px;
}
#index02text .maru {
	margin-top: 3px;
	margin-right: 2px;
}
#index02text .category3 {
	font-size: 80%;
	margin-left: 8px;
	padding-right: 0;
	padding-left: 20px;
	margin-right: 10px;
	line-height: 140%;
	text-align: right;
        margin-bottom: 7px;
}
 * html #index02text .category3 {
        margin-bottom: 10px;
}
.category3 a:link {
	text-decoration:none;
}
.category3 a:visited {
	text-decoration:none;
}
.category3 a:hover {
	text-decoration:underline;
}
.category3 a:active {
	text-decoration:underline;
}
#index03text {
	line-height: 140%;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	width: 166px;
	padding-right: 13px;
}
#shop_list_858box {
	width: 858px;
	height: auto;
	margin-bottom: 10px;
}
#review_858box {
	width: 858px;
	height: auto;
}
#review_858box_txt1 {
	float: left;
}
#review_858box_yajirushi {
	height: 14px;
	width: 14px;
	margin-top: 3px;
	margin-right: 4px;
}
#review_838box {
	width: 838px;
	height: auto;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}
#series_list_title2 {
	width: 902px;
	height: 56px;
	float: left;
}
#series_list_title3 {
	width: 882px;
	margin-left: 20px;
	clear: both;
}

#series_list_title4 {
	width: 902px;
	float: left;
}

#series_list_title4 .seriesinfo {
	margin-top: 10px;
}

#bunya_box {
	width: 170px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2e6e7f;
	font-size: 80%;
	color: #2e6e7f;
	margin-bottom: 10px;
	line-height: 140%;
	font-weight: bold;
}
#cont_brown_authors {
	width: 880px;
	text-align: left;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
#authors1 {
	border-collapse: collapse;
	margin-bottom: 10px;
	font-size: 90%;
	color: #744822;
	margin-left: 10px;
}
#authors1 tr {
	font-size: 100%;
}
#authors1 td.colora1 {
	border: 1px #744822 solid;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	text-align: center;
	background-color: #FFF5DE;
}
#authors1 td.colora2 {
	background: #ffffff;
	border: 1px #744822 solid;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	text-align: center;
}
#authors2 {
	width: 278px;
	border-collapse: collapse;
	border: solid 1px #744822;
}
#authors2 td {
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}
#authors2 tr.head1 {
	background: #ffffff;
	font-size: 80%;
}
#authors2 td.top1 {
	background: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #744822;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
	text-align: center;
}
#authors2 td.top2 {
	background: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #744822;
	text-align: center;
}
#authors2 td.name {
	text-align: center;
	width: 80px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
}
#authors2 td.cyosaku {
	text-align: left;
        font-size: 80%;
}
#authors2 tr.color1 {
	background: #ffffff;
	font-size: 80%;
	color: #2f2f2f;
}
#authors2 tr.color2 {
	background: #faf8f2;
	font-size: 80%;
	color: #2f2f2f;
}
#authors_cont_brown_c2 {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#authors_cont_brown_c3 {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#shops_list {
	width: 858px;
	border-collapse: collapse;
	border: solid 1px #744822;
	margin-bottom: 20px;
}
#shops_list td {
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}
#shops_list tr.head1 {
	background: #ffffff;
	font-size: 80%;
	font-weight: bold;
}
#shops_list td.top1 {
	background: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #744822;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
	text-align: center;
}
#shops_list td.top2 {
	background: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #744822;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
	text-align: center;
}
#shops_list td.top3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #744822;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
	text-align: center;
}
#shops_list td.top4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #744822;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
	text-align: center;
}
#shops_list td.top5 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #744822;
	text-align: left;
}
#shops_list td.syoten {
	text-align: left;
	width: 206px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
}
#shops_list td.adress {
	width: 355px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
}
#shops_list td.tel {
	width: 85px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #744822;
}

#shops_list td.backnumber {
	text-align: center;
	width: 120px;
}
#shops_list tr.color1 {
	background: #ffffff;
	font-size: 80%;
	color: #2f2f2f;
}
#shops_list tr.color2 {
	background: #faf1d8;
	font-size: 80%;
	color: #2f2f2f;
}
#shoplist_pref {
	width: 848px;
	margin-bottom: 10px;
	background-color: #b47c32;
	padding-left: 10px;
	padding-top: 8px;
	height: 22px;
}
#magazin01 {
	margin-right: 10px;
	margin-left: 20px;
}
#magazin02 {
	margin-right: 20px;
	margin-left: 10px;
	width: auto;
	text-align: left;
	white-space: normal;
}
.serieslist {
	margin-left: 10px;
}
#magazin03 {
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 20px;
}
.green1 {
	color: #657419;
}
.green2 {
	color: #1d9b3d;
}
.brown1 {
	color: #888842;
}
.green3 {
	color: #166d2c;
}
.purple1 {
	color: #5d5bc6;
}
.blue1 {
	color: #2f62d9;
}
.purple2 {
	color: #a97fff;
}
.purple3 {
	color: #c500d2;
}

#cart_title {
	margin-bottom: 5px;
}

table#cart-01 {
	font-size: 80%;
	width: 838px;
	border: 1px #502e16 solid;
	border-collapse: collapse;
	border-spacing: 0;
}


table#cart-01 tr.colorcart1 {
	color: #2f2f2f;
	background-color: #faf1d8;
}



table#cart-01 th {
	padding: 5px;
	border: #502e16 solid;
	border-width: 0 0 1px 1px;
	line-height: 120%;
	white-space: nowrap;
	text-align: center;
}
table#cart-01 td.td1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #502e16;
	text-align: center;
	padding: 5px;
}
table#cart-01 td.td2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #502e16;
	text-align: left;
	padding: 5px;
}
table#cart-02 {
	font-size: 100%;
	width: 838px;
}
table#cart-01 td.td3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #502e16;
	text-align: center;
	padding: 5px;
}

#review_838box_margin {
	width: 718px;
	height: auto;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	padding-right: 60px;
	padding-left: 60px;
}
#form_818_einquiry_end1{
	width: 818px;
	height: auto;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 20px;
}
#form_818_einquiry_end2{
	width: 818px;
	height: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 70px;
}
.updatetitle {
/*	width: 190px;	*/
	height: 36px;
	background:url(/images/front/cmn/index_01_18.gif) no-repeat;
}
.updatetitle p {
	text-indent: -9999px;
}

.updatetitle img.btnrss {
	margin-top: 10px;
}

table#table-02 {
	border: 1px #502e16 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table#table-02 th {
	padding: 5px;
	border: #502e16 solid;
	border-width: 0 0 1px 1px;
	line-height: 120%;
}
table#table-02 td {
	padding: 5px;
	border: 1px #502e16 solid;
	border-width: 0 0 1px 1px;
}

/* 20090826 Dcube追加 */
.topnewsbox {
	padding-bottom: 10px;
	border:1px solid #C3DCD4;
}

.topmagazinebox {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 80%;
	border: 1px solid #CCC;
	background-color: #eaeaea;
}

.topmagazinebox .topmagazine {
	width: 83px;
	float: left;
	text-align: center;
	line-height: 1.3;
}

.topmagazinebox .topmagazineboxR {
	margin-right: 10px;	
}

/* --------------------------------------------
   2016.3 改修
----------------------------------------------- */
.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;}
  
/* topページ */
.box1_wrappe{}
.box1_wrappe .mainArea{width:502px; float:right;margin-left: 12px;}
.box1_wrappe .leftArea{width:188px; float:left;}

.mainBanner{ padding:9px 0; text-align:center; margin-bottom: 11px;}
 
.topBox{ border:1px solid #cec2a2; width:500px;margin-bottom: 27px;}
.topBox .titleBar{ background:url(/images/front/top_bg_title.png) 0 0 no-repeat; width:500px; height:34px;border-bottom:1px solid #cec2a2;}
.topBox .titleBar h2{ float:left;}

.topBox .titleBar .title01{margin-top:3px;}
.topBox .titleBar .title02{margin-top:-9px;}
.topBox .titleBar .title03{margin-top:-3px;}
.topBox .titleBar .title04{margin-top:-3px;margin-left: 13px;}

.topBox .titleBar .ichiran{float:right;margin:11px 7px 0 0;}
.topBox .bookWrappe{margin:14px 0 7px 20px;}
.topBox .bookWrappe dl{ float:left; box-sizing:border-box; width:155px;padding-right: 10px;}
.topBox .bookWrappe dl:last-child{padding-right: 0px;}
.topBox .bookWrappe dt{margin-bottom: 5px;}
.topBox .bookWrappe dt img{box-shadow: 1px 1px 3px 0px rgba(119, 121, 123, 0.75);}
.topBox .bookWrappe dd h3{ margin-bottom: 5px;}

.topBox .websupport{ padding:12px 0 20px;}

.topLeft_btn li{margin:0 0 5px 0 ; list-style:none;}

.txt13_brown{ font-size:85%; color:#855620;}
.txt12s{font-size:75%;}
.mt30{margin-top: 30px;}

/* topページ 左 分野で探す*/
#searchField {
  font-size: 13px;
  display: block !important;
  text-align: left;
  width: 188px;
  height: auto !important;
  padding-bottom: 5px;
  background:url(/images/front/nav_pictUnder.png) no-repeat 0 bottom ;
  margin-bottom: 47px;
}
#searchField ul{ 
  border-left:1px solid #dfd5c0;
  border-right:1px solid #dfd5c0;
  margin-top: 0;}
#searchField li {
  line-height: 40px;
  background: #fff;
  border-bottom: 1px solid #dfd5c0;
  z-index: 2;
  position: relative;
  list-style:none;
  margin-left:0;
}
#searchField li a {
  background: #fff url(/images/front/nav_arrow.png) no-repeat 5px 50%;
  display: block;
  padding: 11px 0px 10px 16px;
  position: relative;
  z-index: 1;
  text-decoration:none;
  font-weight:bold;
  line-height:1.3;
}
#searchField li ul.sub {
  font-size: 13px;
  width: 204px;
  z-index: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  opacity: 0;
}
#searchField li ul.sub li {
  line-height: 1.5;
  background: #9a7956;
  display: table;
  width: 100%;
  border-bottom: 1px solid #fff;
  border-top-style: none;
}
#searchField li ul.sub li a {
  color: #fff;
  background: #9a7956 url(/images/front/nav_arrow2.png) no-repeat 5px 50%;
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
  height: 32px;
  padding: 5px 0px 5px 16px;
  text-decoration:none;
  font-weight:normal;
}

/* 書籍・雑誌詳細 */
.store{margin-right: 9px;margin-top: 11px;}
.store_s{margin-bottom: 18px; padding-right: 9px;}
.insideDetail{ display:none;}
.insideDetail ul{width:420px; box-sizing:border-box; padding:6px 0 0 2px; overflow:auto;}
.insideDetail li{ float:left; list-style:none; margin:0 10px 6px 0;}
/*.insideDetail li img{ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);}*/
.insideDetail li img{ border:1px solid #cccccc;}
.insideDetail p{ text-indent:-1.0em; color:#777777; margin-left:1em; font-size:70%; line-height:1.2; text-align:left; margin-top: 5px;}

.snsWrappe{ text-align:right; margin-bottom: 6px;}
.snsWrappe_mag{ text-align:right;margin-right: 10px;margin-top: -8px;position:relative;}
.snsWrappe_mag .backnum{position:absolute; top:20px; right:0px;z-index:9999;}
.snsTw{ float:right;}
.snsFb{ float:right;margin-left: 7px;}

/* 受賞図書・書評等一覧 */
.bookList{ text-align:left;}
.bookList dl:first-child{margin-top: 0px;}
.bookList dl{ border-bottom:1px solid #d8ceb4; display:table; width:100%; padding-bottom: 15px;margin-top: 12px;}
.bookList dt, .bookList dd{ display:table-cell;vertical-align: top;}
.bookList dt{ width:124px; text-align:right;}
.bookList dt img{box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);}
.bookList dd{padding-left: 20px;padding-top: 4px;}
.bookList dd p{ text-align:right;margin-right: 8px;}
.bookList a{ color:#744822;}
.bookList h2, .bookList h3{margin-bottom: 20px;}
.bookList h2{font-size:90%;}
.bookList h3{font-size:80%; font-weight:normal; line-height:1.4;}
.bookList h4{font-size:80%; color:#ff3333; line-height:1.4;}

/* 立ち読み一覧 */
.bookList li{ float:left;margin-right: 8px; list-style:none;}
.bookList .naiyo{ text-align:left;font-size:80%; width:90%; margin-bottom: 20px;}
.bookList .field{border-bottom:1px solid #806044;}
.bookList .field h2{margin-bottom: 0;border-top-left-radius: 3px;border-top-right-radius: 3px;background-color: #806044; color:#ffffff; width:178px; text-align:center;font-size:80%;padding: 3px 0;}
.bookList{margin-bottom: 20px;}
.bookList dl:last-child{ border-bottom:none;}

/* サポート情報一覧 */
.bookList .field_websp{border-bottom:1px solid #3482cd;}
.bookList .field_websp h2{margin-bottom: 0;border-top-left-radius: 3px;border-top-right-radius: 3px;background-color: #3482cd; color:#ffffff; width:178px; text-align:center;font-size:80%;padding: 3px 0;}

/*.support{ display:table;box-shadow: 0 8px 6px -6px #ccc;margin-top: 16px;}*/
.support{ display:table;box-shadow: 0 6px 4px -4px #d2d2d2;margin-top: 16px;width:100%;}
.support .web{ display:table-cell; vertical-align:top;}
.support .web:first-child{ width:40%;}
.support .web:first-child h2{margin-bottom: 10px;margin-left: 10px;}
.support .web:first-child h3{margin-left: 10px;font-size:80%;}
.support .web:last-child{ width:120px;}
.support .web.txtArea{ width:380px;padding: 0 10px;}
.support .web .naiyo{ font-weight:bold; line-height:1.6; width:100%;}

.bookList .support:last-child{margin-bottom: 40px;}

/* 分野別ドロップダウンメニュー*/
.dropmenu ul,.dropmenu li{margin: 0;padding: 0;}
.fieldMenu{ background-color:#e8e3dd;margin-bottom: 43px; position:relative;}
.fieldMenu p{ font-size:80%; text-align:left; padding:9px 0 0 19px; }
.fieldMenu p span{ font-weight:bold;}
.col_brown{ color:#744822;}
.col_blue{ color:#246fb7;}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 830px;
  margin: 5px auto 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 19%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  box-sizing:border-box;
  list-style:none;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 14px 0 12px;
  background: #ffffff;
  border:2px solid #7c4f16;
  color: #7c4f16;
  font-size: 80%;
  line-height: 1;
  text-decoration: none;
  border-radius:6px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  /*width: 100%;*/
  width: 158px;
}
.dropmenu li ul li a{
  padding: 12px 14px;
  background: #d8caba;
  text-align: left;
  border-right:none;
  border-left:none;
  border-top:0px;
  border-bottom: 1px solid #b09679;
  border-radius:0px;
}
.dropmenu li ul li:last-child a{border-bottom:none;}

.dropmenu li a:hover{background: #fff;}

.dropmenu li ul li a:hover{background: #beab97;}

/*ノーマル*/
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}
/*アニメーション付*/
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
/*フェードイン*/
#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

.dropmenu >li{ font-weight:bold;margin-right: 10px;}
.dropmenu >li:last-child{margin-right: 0px;}

/*立ち読み ページトップへ戻る*/
.btnTop {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 999999;
  display:none;
}
/*トップ websupport */
ul#websupportNew {display: flex;display:-webkit-box;margin: 0 0 0 12px;padding: 0;box-sizing:border-box;}
ul#websupportNew li {
	font-weight:bold;
	list-style:none;
	margin:0 13px 0 0 ;
	}
ul#websupportNew li a {
    border-radius: 8px;
	border:10px solid;
	background-color: #ffffff;
    color: #333;
    display: inline-block;
	width:150px;
    height:173px;/**/
    padding: 8px 10px 10px 10px;
    text-decoration: none;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35); box-sizing:border-box;
	font-size:13px;}
ul#websupportNew li.col_pink a{ border-color:#f5c8c8;}
ul#websupportNew li.col_green a{ border-color:#c0ded0;}
ul#websupportNew li.col_blue a{ border-color:#b8c8dc;}
ul#websupportNew li.col_pink p{ color:#dc6e68;}
ul#websupportNew li.col_green p{ color:#478e6c;}
ul#websupportNew li.col_blue p{ color:#47528e;}
ul#websupportNew li h3{ color:#855620;line-height:1.0;}
ul#websupportNew li p{ margin:9px 0;line-height:1.2;}


/*2016.8 電子書籍リニューアル */
/* 分野別のところはwebサポートと同様プルダウンメニュー仕様にしているが、リリース時には小分野の展開はなし */
.ebookFaq a{ float:right; background-color:#694211; color:#fff; font-weight:bold; padding:6px 10px; border-radius:3px; font-size:12px; display:block; text-decoration:none; margin-top:25px; position:relative; right:20px;}
.ebookFaq a:hover{ color:#f9db4f;}
.ebooks_nav{
  *zoom: 1;
  list-style-type: none;
  width: 830px;
  margin: 5px auto 0;
  padding: 0;
}
.ebooks_nav:before, .ebooks_nav:after{
  content: "";
  display: table;
}
.ebooks_nav:after{
  clear: both;
}
.ebooks_nav li{
  position: relative;
  width: 13.66%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  box-sizing:border-box;
  list-style:none;
}
.ebooks_nav li a{
  display: block;
  margin: 0;
  padding: 14px 0 12px;
  background: #ffffff;
  border:3px solid;
  color: #333;
  font-size: 80%;
  line-height: 1;
  text-decoration: none;
  border-radius:6px;
}
.ebooks_nav li a:hover{background: #fff;}
.ebooks_nav li.line01 a:hover{color:#3482cd;}
.ebooks_nav li.line02 a:hover{color:#3da372;}
.ebooks_nav li.line03 a:hover{color:#eb8a35;}
.ebooks_nav li.line04 a:hover{color:#369dbc;}
.ebooks_nav li.line05 a:hover{color:#aa88d0;}
.ebooks_nav li.line06 a:hover{color:#de80b1;}
.ebooks_nav li.line07 a:hover{color:#debd23;}
.ebooks_nav li.line01 a{border-color:#3482cd;}
.ebooks_nav li.line02 a{border-color:#3da372;}
.ebooks_nav li.line03 a{border-color:#eb8a35;}
.ebooks_nav li.line04 a{border-color:#369dbc;}
.ebooks_nav li.line05 a{border-color:#aa88d0;}
.ebooks_nav li.line06 a{border-color:#de80b1;}
.ebooks_nav li.line07 a{border-color:#c49b0b;}

.ebooks_nav >li{ font-weight:bold;margin-right: 6px;}
.ebooks_nav >li:last-child{margin-right: 0px;}
.ebooks_price{ font-size:10px !important; text-align:right; position:absolute;top:2px; right:15px; color:#666; letter-spacing:0.1em; line-height:1.0;}

/*大分野見出し*/
.cat_ebook{ background-color:#f4f4f4; height:30px; padding-top:6px; margin-top:-20px;}
.cat_ebook ~ .cat_ebook{ margin-top:50px;}
.cat_ebook h2{ border-left:4px solid; line-height:24px; padding:0 0 0 13px;}
.cat_ebook h2.line01{border-color:#3482cd;}
.cat_ebook h2.line02{border-color:#3da372;}
.cat_ebook h2.line03{border-color:#eb8a35;}
.cat_ebook h2.line04{border-color:#369dbc;}
.cat_ebook h2.line05{border-color:#aa88d0;}
.cat_ebook h2.line06{border-color:#de80b1;}
.cat_ebook h2.line07{border-color:#c8a424;}

/*小分野見出し*/
.field_ebook{border-bottom:3px solid; margin-top:30px; position:relative;}
.haishin{ position: absolute; top:-6px; right:5px;}
.cat_ebook+.field_ebook{ margin-top:25px;}
.field_ebook h2{margin-bottom: 0;border-top-left-radius: 3px;border-top-right-radius: 3px; color:#ffffff; width:178px; text-align:center;font-size:80%;padding: 5px 0 3px;}
.line01{border-color:#3482cd;}
.line01 h2{background-color:#3482cd;}
.line02{border-color:#3da372;}
.line02 h2{background-color:#3da372;}
.line03{border-color:#eb8a35;}
.line03 h2{background-color:#eb8a35;}
.line04{border-color:#369dbc;}
.line04 h2{background-color:#369dbc;}
.line05{border-color:#aa88d0;}
.line05 h2{background-color:#aa88d0;}
.line06{border-color:#de80b1;}
.line06 h2{background-color:#de80b1;}
.line07{border-color:#b69521;}
.line07 h2{background-color:#b69521;}

/*各電子書籍内容*/
/*.ebookBox{ display:table;box-shadow: 0 6px 4px -4px #d2d2d2;padding-top: 10px;width:100%; padding-bottom:10px; margin-top:10px;}*/
.ebookBox{ display:table;box-shadow: 0 6px 4px -4px #d2d2d2;padding-top: 20px;width:100%; padding-bottom:10px;}
.ebookBox dl{ border-bottom:none;}
.ebookBox dt{ text-align:left;display:table-cell; padding-left:5px;}
.ebookBox dd{ padding:0 0 0 0;display:table-cell;}
.ebookBox h2{margin-bottom: 10px; font-size:16px;}
.ebookBox h3{font-size:14px;margin-bottom: 15px;}
.ebookBox .info{ background-color:#ebdfb6; border-radius:4px; font-size:80%; padding:12px; line-height:1.6; margin-bottom:10px;}
.catchphrase{color:#6d1530; font-weight:bold;}
.ebookBox .info a{ font-weight:bold;}
.ebookBox dl dd:first-of-type{ width:252px; padding:0 15px 0 10px;}

/*電子書籍 配信先btnエリア*/
.ebooksBtn{ background-color:#eeeeee; width:465px; box-sizing:border-box; border-radius:12px; padding:12px 0px 0 15px; }
.ebooksBtn li{ float:left; list-style:none; margin:0 15px 10px 0; height:40px;}
.ebooksBtn li:nth-child(4n){margin-right: 0px;}
.ebooksBtn ul li img{ opacity:0.75; border-radius:6px;}
.ebooksBtn ul li a img{border-width: 1px;
	border-color: #9fdcff;
	border-style: solid;
	background-color: #fefefe;
	box-shadow: 0px 0px 6px 0px rgba(8, 164, 254, 0.93);
	opacity:1.0;}
.ebooksBtn ul li a:hover img{border-color:#49bdff;box-shadow: 0px 0px 6px 0px rgba(4, 160, 254, 0.93);}

/*電子書籍 リフロー・固定*/
.bookList dd p.paperDetail{text-align:left;}
.bookList dd p.ebookType{ background-color:#efeeea; padding:2px 8px; text-align:left; font-weight:bold; display:inline-block; margin:0 0 15px; font-size:80%; border-radius:2px;}
.kotei{ color:#676a9b;}
.reflow{ color:#dd6a6a;}