@charset "utf-8";
/* CSS Document */
.info h4{margin-bottom:10px;}
/*.info01{width:229px;}
.info02{width:236px;}
.info03{width:152px;}
.info04{width:123px;}
.info05{width:162px;}*/

.content_nav li{width:25%;}

.info .box01{margin-bottom:46px; background:url(../../information/img/infor_1_bg.gif) no-repeat; padding:25px 0 51px;}
.info .box01 .cont{padding:0 19px 0 16px;}
.info .box01 .cont .cont_1{width:310px; margin-right:5px;}
.info .box01 .cont .cont_2{width:246px; margin-right:6px;}
.info .box01 .cont .cont_3{width:300px;}
.info .lightbox_01{margin-bottom:12px;}
.info .lightbox_02,info .lightbox_03{margin-bottom:4px;}
.lightbox{display:none; position:relative;}
.lightbox a.rollover{display: block;}
.lightbox .title{background:url(../../information/img/infor_1_bgtit.png) left bottom repeat-x; padding-bottom:8px; margin-bottom:8px;}
.lightbox .box05{margin-bottom:13px;}
.lightbox .box05 .boxl{width:219px;}
.lightbox .box05 .boxr{width:242px;}
/*ligh box 02*/
.lightbox .box06{position:relative;}
.lightbox .box06 .txt02{margin-bottom:10px;}
.lightbox .box06 .boxl{width:302px;}
.lightbox .box06 .boxr{width:187px; position:absolute; right:0; top:24px;}
/*light box03*/
.lightbox .box07{ margin-bottom:5px;}
/*light box04*/
.lightbox .box08 {position:relative;}
.lightbox .box08 .txt02{margin-bottom:213px;}
.lightbox .box08 .img{position:absolute;width:486px; top:86px;}
/* info2 */
#info_popup{background:url(../../information/img/info_pop_bg01.gif)repeat 0 0; margin: 0 auto; width:979px;}
#pop_wrap{background:url(../../information/img/info_bg02.png) no-repeat left bottom; padding: 0 38px; position: relative; *height: 100%;}
#pop_header{padding-top: 70px; position: relative; z-index: 1;}
#pop_header .header_tit{ text-align: center;}
#pop_header .head_img01,#pop_header .head_img02{position: absolute;}
#pop_header .head_img01{left: 86px; top: 70px;}
#pop_header .head_img02{right: 31px; top: 0;}
#pop_main{font-size: 13px; line-height: 1.6; padding: 0 52px 184px 45px; position: relative; top: -9px; z-index: 10;}
#pop_main .pop_l{width: 464px;}
#pop_main .pop_r{
    padding-top: 30px;
    width: 323px;
}
.pop_txt{
    padding-bottom: 30px;
}
.pop_img{font-size: 14px;}
.pop_img img{margin-bottom: 15px;}
.pop_img01, .pop_btn{position: absolute; z-index: 1000;}
.pop_img01{right: 262px; bottom: 69px;}
.pop_btn{right: 55px; bottom: 190px;}
#btn_close{padding-bottom: 12px; text-align: center;}
/* slider */
.pop_slider{width: 100%;}
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pop_container{background:url(../../information/img/slider_bg.gif) no-repeat 0 0; margin-bottom:10px; padding: 14px; position: relative; *zoom: 1; z-index:1000;}
.cycle-slideshow {margin: 0 auto; padding: 0; position: relative;}
.cycle-slideshow img {position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block;}
.cycle-slideshow img:first-child {position: static; z-index: 100;}
/* pager */
#no-template-pager img{background:#fff; float: left; margin-left: 20px; display: block; cursor: pointer;}
#no-template-pager img.first{margin-left: 0;}
#no-template-pager img:hover,#no-template-pager img.cycle-pager-active{opacity: 0.6; filter: alpha(opacity=60);-moz-opacity: 0.6; -webkit-opacity: 0.6; -o-opacity: 0.6;}
/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700;}
/* prev / next links */
.slide_option{background:#fffff6;  border: 2px solid #5f96e1; margin-bottom: 10px;  padding: 2px 3px;position: relative;}
#alt-caption{border: 1px solid #84ace3;color: #333;display: block;  font-size: 14px;padding: 4px 48px;}
#prev, #next { position: absolute; top: 0; width: 10%; z-index: 800; height: 100%; cursor: pointer; }
#prev{ left: 10px;  background:url(../../information/img/prev_btn.gif) 50% 50% no-repeat;}
#next { right: 10px; background: url(../../information/img/next_btn.gif) 50% 50% no-repeat;}
#prev:hover, #next:hover { opacity: 0.8; filter: alpha(opacity=80);-moz-opacity: 0.8; -webkit-opacity: 0.8; -o-opacity: 0.8; }
.disabled { opacity: .5; filter:alpha(opacity=50); }
/*info 3*/
.info_cont{padding:0 97px;}
.info_cont table td,.info_cont table th{border:solid 1px #008bd2;}
.info .txt{margin-bottom:25px;}
.info .box02{margin-bottom:15px;}
.info_cont table .td_first{background:#e5f7ff; font-weight:bold;}
.info_cont table .td_first01{background:#ffe8ef; font-weight:bold;}
.info .box02 table {width: 100%; box-sizing: border-box;}
.info .box02 table th{background:#59c8fc; text-align:center; box-sizing: border-box;}
.info .box02 table td{text-align:right; padding:5px 8px; box-sizing: border-box;}
/* add '18.05.01 */
.info .info-txtbox{ position: relative; padding-left: 35px; max-width: 680px; margin: 0 auto 20px;}
.txt-att{ position: absolute; top: 0; left: 0;}


/*info 4*/
.info .box03{font-size:14px; line-height:25px;margin-bottom:40px;}
.info .box03 a{text-decoration: underline;}
.info .box03 a:hover{text-decoration: none;}
.info .box03 .tit{margin-bottom:22px;}
.info .box03 .boxl{width:166px; padding:0 60px 0 20px;}
.info .box03 .boxl01{width:205px; padding:0 30px 0 20px;}
.info .box03 .boxr{width:642px;}
.info .box03 .boxr .text{margin-bottom:15px;}
.info .box03 .text01{padding-top:10px;}

.info .box_txt{ background:#faf4b6; margin: 0 0 30px; font-size:14px; line-height:1.7; padding:40px;}
.info .box_txt .contactIn{ margin: 20px 0 0;}
.info .box_txt a{ display:block; word-break:break-all;}
.info .box_txt a:hover{ text-decoration:underline;}

.info .txt_Red{ font-size: 18px; color: #ff3a00; text-align: center; font-weight: bold; padding: 0 0 30px; letter-spacing: 0.05em; line-height: 1.3;}
.info .txt_Red.txtPd{ padding: 0;}
.info .txt_Red span{ display: inline-block;}

/*info 5*/
.sub_nav{margin-bottom:35px;}
.sub_nav ul li{float:left; margin-right:9px;}
.sub_nav ul li.last{margin-right:0 !important;}
.top{font-size:11px;color:#008ccf;}
.top a{color:#008ccf; text-decoration:underline; float:right; padding-right:5px;}
.info .box04{width:432px; margin-right:18px; font-size:14px; line-height:24px;}
.info .box04 .tit{padding:10px 0 10px 15px; background:#e8f8ff; font-size:14px; margin-bottom:15px; color:#0074ab;}
.info .box04 .txt01{padding-left:15px;}
.info .box04 .child{margin-bottom:30px;}
.info .box04 .btn{padding-top:15px;}
.info .box04 .img01,.info .box04 .img02{padding-top:40px;}
.info .box04 .img01{margin-bottom:20px;}
#anckor_1 h4,#anckor_2 h4,#anckor_3 h4,#anckor_4 h4,#anckor_5 h4,#anckor_6 h4,#anckor_7 h4{margin-bottom:25px !important;}
.info .box04 .box_child{padding-top:40px;}
.info .box04 .box_child01{padding-top:20px;}
.info .box04  .boxl{width:150px;padding-right:10px; float:left;}
.info .box04 .pb20{padding-bottom:20px;}
.info .box04 .pr10{padding-right:10px;}
.info .box04 .txt01 p a{color:#008ccf; text-decoration:underline; word-wrap:break-word;}


/*Add 20160318 */
.mr_btn_10{margin-bottom:10px}
.f_bold{font-weight:bold}
.info_app .pc{display:block}
.info_app .sp{display:none}
.info_app .text{margin-bottom:15px}
.info_app a{color:#008ccf}
.info_app a:hover{text-decoration:underline !important}
.info_app table,.info_app tbody{width:100%;color:#008ccf}
.info_app table th{background:#f2f2f2;text-align:center}
.info_app table td,.info_app table th{border: 1px solid #cacaca;padding:4% 0 4% 7% }

.info_app table td.g3,.info_app table th.g3{padding-left:0;text-align:center }
.info_app .btn_app{margin:30px auto 60px auto;text-align:center}

.info_form table.total{width:100%;margin-top:40px;margin-bottom:40px}
.info_form .form_sent table.total td{border: 1px solid #43b5eb;padding:10px 2%;}
.info_form table.total td span{margin-left:2%}
.info_form table.total th{border: 1px solid #43b5eb;padding:10px 0;text-align:center}
.info_form table.total tr.bg_01{background:#e8f8ff;padding:0}
.info_form table.total tr.bg_01 td{padding:10px 0;text-align:center}
.info_form table.total tr.bg_01 td.txt_l{text-align:left;padding:10px 2%}
.info_form table.total input{width:40%;height:35px;padding-left:3%}

.info_form .form_sent span.red{color:red ;font-size:14px}
.info_form .form_sent .f_bold{font-weight:bold;font-size:16px;margin-bottom:10px}
.info_form .form_sent table {width:100%;margin-bottom:20px}
.info_form .form_sent table td{border: 1px solid #43b5eb;padding:10px 2%}
.info_form .form_sent th{font-size:16px;font-weight:bold;border: 1px solid #43b5eb;padding:10px 0;width:30%;text-align:center;background:#e8f8ff}
.info_form .form_sent input{height:35px;margin-left:1%;width:90%}
.info_form .form_sent td.two input{width:20%}
.info_form .form_sent .btn{width:400px;margin:30px auto 10px auto}
.info_form .form_sent .btn button{padding:5px 40px;width:46%;margin-right:20px}
.info_form .form_sent .btn button.last{margin-right:0}

.info_form table.total th.c3{width:20%}
table tr.hide1{display:none !important}
.form_sent .cap_l{font-size:14px;margin:30px 0 50px 0}

.info_form .form_sent input.btn{height:35px;margin-left:1%;width:40%;}

/* add 2017-08-31 */
.info_form .form_sent .btnControl{max-width:400px;margin:30px auto 10px; text-align:center; width:100%;}
.info_form .form_sent .btnControl .btnChild{height:35px; width:40%; margin:0 1%;}


/******.info_method******* 2016-04-22*/
.info_method .box_01{padding:5px 0 30px 0}
.info_method table {width:100%;}
.info_method table td{border:1px solid #CCC;padding:15px }
.info_method table td.color1{background:#f2f2f2}

/*THANKS*/
.cont_thanks{width:720px;margin:0 auto;padding-bottom:200px;padding-top:40px}
.cont_thanks .title{font-size:28px;text-align:center;margin:0px 0 80px 0;line-height:28px}
.cont_thanks p{font-size:18px;line-height:1.4}

.confirm table input{border:none}

.tb_cap{ text-align: right; margin-bottom: 5px;}


/*Info 5 Edit 20170608*/
.qa #box01, .qa #box02{display:none;}
.qa #subnav ul li{width:49%;margin-right:2%;padding:15px 1%;box-sizing:border-box;float:left;text-align:center;background:#e5f9ff;font-weight:bold;cursor:pointer;font-size:14px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border: 0px solid #000000;}
.qa #subnav ul li.active_t{background:#00b7f0;color:#fff;}
.qa #subnav ul li:last-child{margin-right:0;}
.qa #subnav ul li:nth-child(1){}
.qa #subnav ul li:nth-child(2){}
.qa .inner_bx{border:10px solid #00b7f0 ;box-sizing:border-box;padding:20px;font-size:14px;}
.qa .inner_bx .child_gr{margin-bottom:30px;}
.qa .inner_bx .child_gr .tit_gr{padding:10px 0;background:#e5f9ff;margin-bottom:10px;padding-left:1%;font-weight:bold;}
.qa .inner_bx .child_gr .txt_gr{padding-left:1%;}
.qa .inner_bx .child_gr .txt_gr p{line-height:1.7em;}
.qa .inner_bx .child_gr .txt_gr .img_qa{margin-top:10px;padding:1%;}
.qa .inner_bx .child_gr .txt_gr .img_qa li{float:left;}
.qa .inner_bx .child_gr .txt_gr .img_qa li:nth-child(1){width:54%;}
.qa .inner_bx .child_gr .txt_gr .img_qa li:nth-child(2){width:39%;float:right;}
.qa .inner_bx .child_gr .txt_gr .tbl_01{margin-top:10px;}
.qa .inner_bx .child_gr .txt_gr .tbl_01 td{padding:3px;}
.qa .inner_bx .child_gr .txt_gr .tbl_01 tr td:first-child{width:170px;}
.qa .inner_bx .child_gr .txt_gr .link{color:#3aa4db;text-decoration:underline;}
.qa .inner_bx .child_gr .txt_gr .link:hover{color:#71c3dd;}
.qa #box02 .child_gr .txt_gr .img_02{width:550px;margin:0 auto;margin-top:20px;}
.qa #box02 .child_gr .txt_gr .img_02 .img_out{text-align:center;}
.qa #box02 .child_gr .txt_gr .img_02 .cap_img{margin-top:10px;text-align:right;}
.qa #box02 .child_gr .txt_gr .img_03{width:330px;margin:0 auto;margin-top:20px;}
.qa #box02 .child_gr .txt_gr .img_03 .img_out{text-align:center;}
.qa #box02 .child_gr .txt_gr .img_03 .cap_img{margin-top:10px;text-align:right;}

/*MEDIA
===================================*/
@media only screen and (max-width:980px) {
/*.info01{width:25.39%;}
.info02{width:28.16%;}
.info03{width:15.95%;}
.info04{width:11.63%;}
.info05{width:17.97%;}*/

.content_nav ul li{width:22%;}
.content_nav ul li:nth-of-type(1){width:34%;}
/*info*/
.info .box01{margin-bottom:5%; background-size:100% 100%; padding:2.5% 0 5.1%;}
.info .box01 .cont{padding:0 1.9% 0 1.6%;}
.info .box01 .cont .cont_1{width:35.75%; margin-right:0.5%;}
.info .box01 .cont .cont_2{width:28.37%; margin-right:0.6%;}
.info .box01 .cont .cont_3{width:34.60%;}
.info .lightbox_01{margin-bottom:12px;}
.info .lightbox_02,info .lightbox_03{margin-bottom:4px;}
.lightbox .box05 .boxl{width:42.85%;}
.lightbox .box05 .boxr{width:47.35%;}
/*ligh box 02*/
.lightbox .box06 .boxl{width:59%;}
.lightbox .box06 .boxr{width:36%; top:2.4%;}
/*light box03*/
/*light box04*/
.lightbox .box08 .txt02{margin-bottom:46%;}
.lightbox .box08 .img{position:absolute;width:98%; top:89%;}
/***/
/* info2 */
#info_popup{width: 98%;}
#info_popup img{max-width: 100%;}
#pop_wrap { background-size: 100% 100%; padding: 0 3.8%;}
#pop_main {padding: 0 7.2% 36% 7.2%; top: 0;}
#pop_main .pop_l{width:58.38%;}
#pop_main .pop_r{padding-top: 5.6%; width:38.77%;}
.pop_container{background-size: 100% 100%;}
#pop_header .head_img01 {left: 9.7%; top: 32%; width:14.39%;}
#pop_header .head_img02 {right: 3.5%; width:22.59%;}
.header_tit img{width:74.08%;}
#no-template-pager img{width: 21.58%; margin-left: 4.5%;}
.pop_img01 { bottom: 6.9%; right: 26.2%; width:17.55%;}
.pop_btn {bottom: 19%; right: 5.5%; width:21.12%;}
.pop_txt {padding-bottom: 5.5%;}

/*info 4*/
.info .box03{margin-bottom:4%;}
.info .box03 .tit{margin-bottom:2.2%;}
.info .box03 .boxl{width:18%; padding:0 6% 0 2%;}
.info .box03 .boxl01{width:21%; padding:0 3% 0 2%;}
.info .box03 .boxr{width:74%;}
.info .box03 .boxr .text{margin-bottom:3.2%;}
.info .box03 .text01{padding-top:1%;}
/*info 5*/
.sub_nav{margin-bottom:3.5%;}
.sub_nav ul li{float:left; margin-right:0.9%;width:13.4%;}
.top a{color:#008ccf; text-decoration:underline; float:right; padding-right:0.5%;}
.info .box04{width:47.8%; margin-right:1.2%;}
.info .box04 .child{margin-bottom:10%;}
#anckor_1 h4,#anckor_2 h4,#anckor_3 h4,#anckor_4 h4,#anckor_5 h4,#anckor_6 h4,#anckor_7 h4{margin-bottom:2.5% !important;}
.info .box04 .box_child{padding-top:8%;}
.info .box04 .box_child01{padding-top:2%;}
.info .box04  .boxl{width:35%;padding-right:1%; float:left;}

.info_form table.total th.c3 {width:22%}

/* add 2017-08-31 */
.info_form .form_sent .btnControl{padding:0 0 30px 0;}
}
@media only screen and (max-width:800px) {
/*info 5*/
.info .box04 .box_child{padding-top:16%;}

.cont_thanks{width:100%;padding-top:10px;padding-bottom:30px}
.cont_thanks .title{margin-bottom:30px}

}
@media only screen and (max-width:768px) {
.info_cont{padding:0;}
/*info 2*/
#pop_main {padding: 0 7.2% 46% 7.2%; top: 0;}
/*info 5*/
.info .box04 .box_child01{padding-top:10%;}

.info_form table.total td span {font-size:12px}

.info .box_txt{ padding:30px 10px;}

}


@media only screen and (max-width:720px) {
/*.info01,.info02,.info03,.info04,.info05{width:48%; margin-bottom:10px;}*/



}
@media only screen and (max-width:640px) {
/*info 2*/
#alt-caption{font-size: 12px;}
.pop_btn {bottom: 16%;}
/*info 5*/
.info .box04 .box_child{padding-top:27%;}


/*info form */
/* Force table to not be like tables anymore */
.info_form table.total th{display:none}
.info_form table.total td{display:block;min-height:30px}
.info_form table.total  table,.info_form table.total thead,.info_form table.total tbody,.info_form table.total tr {
      display: block;
      font-size:14px
    }

    /* Hide table headers (but not display: none;, for accessibility) */
.info_form table.total thead tr {position: absolute;top: -9999px;left: -9999px;}

.info_form table.total tr { border: 1px solid #ccc;margin-bottom:3px; }
.info_form table.total tr:first-child{border:none}

.info_form table.total td {  border: none;  border-bottom: 1px solid #eee;   position: relative;  padding-left: 50%;   }
.info_form table.total tr.bg_01 td.txt_l{padding-left:50%}
.info_form table.total tr.bg_01 td{padding-left:20%}

.info_form table.total td:before {   position: absolute;  top: 6px; left: 6px; padding-right: 10px; white-space: nowrap;font-weight:bold}
.info_form table.total td.empty{display:none}

.info_form table.total td:nth-of-type(1):before { content: "刊行物名"; }
.info_form table.total td:nth-of-type(2):before { content: "申込部数   "; }
.info_form table.total td:nth-of-type(3):before { content: "定価合計"; }
.info_form table.total td:nth-of-type(4):before { content: "在庫情報他"; }

.info_form .form_sent table.total td{border:none;padding-left:50%;}

/******.info_method******* 2016-04-22*/

/*.info_method tr {width:100%;display:block}
.info_method tbody{width:100%;display:block}
.info_method td{width:96%; border-bottom:none !important;padding:2%  !important;display:block}
.info_method table{border-bottom:1px solid #CCC}*/
.info_method td.color1{width:30%}
.info_method table td{padding:2%}

/*Info 5 Edit 20170608*/
.qa .inner_bx{border:5px solid #00b7f0;padding:5px;}
.qa #box02 .child_gr .txt_gr .img_02{width:100%;}
.qa .inner_bx .child_gr .txt_gr .tbl_01 td,.qa .inner_bx .child_gr .txt_gr .tbl_01 table,.qa .inner_bx .child_gr .txt_gr .tbl_01 tbody,.qa .inner_bx .child_gr .txt_gr .tbl_01 tr{display:block;width:100%;}
.qa .inner_bx .child_gr .txt_gr .tbl_01 tr{padding-bottom:10px;}
.qa .inner_bx .child_gr .txt_gr .img_qa li:nth-child(1),.qa .inner_bx .child_gr .txt_gr .img_qa li:nth-child(2){width:100%;text-align:center;margin-bottom:10px;}


}
@media only screen and (max-width:600px) {
.content_nav ul li{width:50% !important; margin-bottom:10px;}	

/*info 5*/
.info .box04 .box_child01{padding-top:12%;}
}
@media only screen and (max-width:480px) {
.content_nav ul li{width:100% !important; background:#f4f4f4;}	
	
/*info 2*/
#pop_main .pop_l,#pop_main .pop_r {margin: 0 auto 5%; float: none; width: 100%;}
.pop_btn {bottom: 12%;}
#pop_main {padding: 0 7.2% 56% 7.2%; top: 0;}
/*info 3*/
.info .box02{font-size:10px;}
/*info 5*/
.info .box04 .box_child01{padding-top:36%;}
.qa #subnav ul li{padding:10px 1%;}

/*Add 20160318 */

.info_app .pc{display:none}
.info_app .sp{display:block;}
.info_app .sp table{margin-bottom:10px;float:left}

.info_form .form_sent th,.info_form .form_sent td,.info_form .form_sent tr{width:100%;display:block}
.info_form .form_sent td.two input {width:40%}
.info_form .form_sent .btn{width:96%;padding:0 2%}
.info_form .form_sent .btn button{padding:2% 0;margin-right:5%}

.info_form .form_sent input {width:97%}
.info_form table.total input{width:41%}

.form_sent table.total td{width:50%}

.info_form .form_sent table td{padding:10px 0%}



}
@media only screen and (max-width:360px) {
/*.info01, .info02, .info03, .info04, .info05 {width: 100%;}*/
/* info2 */
#pop_main {padding: 0 7.2% 75% 7.2%;}
/*info 3 */
.info .box02 table td{text-align:right; padding:3px 3px; word-wrap:break-word;}
/*info 4*/
.info .box03 .boxl,.info .box03 .boxl01{width:98%; padding:0 0 0 2%;margin-bottom:5%; float:none;}
.info .box03 .boxr{width:100%;float:none;}
.info .box03{margin-bottom:15%;}
/*info 5*/
.sub_nav{margin-bottom:7%;}
.sub_nav ul li{float:left; margin-right:0.9%;width:32.4%; margin-bottom:10px;}
.info .box04{width:100%; margin-right:0; float:none;}
.info .box04 .box_child,.info .box04 .box_child01{padding-top:5%;}
.content_nav ul li{background:#f4f4f4;}
.qa #box02 .child_gr .txt_gr .img_03{width:100%;}


}