@charset "utf-8";


/*OMUPとは？*/
.about_omup {
	width:592px;
	margin:0 auto;
	margin-top:70px;
}

.under_green_a {
	border-bottom:#005E15 1px solid;
	line-height:2.5;
}

.g_font {
	font-family: 'Noto Serif JP', serif;
	font-size:15px;
	line-height:1.8;
	font-weight:normal;
}

.about_omup_gothic {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*アクセス*/
.access_omup {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.access_green {
	margin:70px 0 70px 170px;
}

.map_green {
	background-color:#D9E7DC;
}

.mg0a {
	width:820px;
	margin:0 auto;
}

.access_address {
	text-align:center;
	line-height:1.4;
	margin-bottom:80px;
}

.access_address_green {
	color:#005E15;
	font-size:21px;
	font-weight:bold;
}

.access_address_black {
	font-size:17px;
	color:#000;
	font-weight:normal;
}

.howtoget {
	width:860px;
	margin:0 auto;
	margin-bottom:100px;
}

.access_tate {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	border:#005E15 solid 1px;
	padding:20px 15px;
	color:#005E15;
	font-weight:bold;
	float:left;
	font-size:18px;
}

.howtoget_contents {
	float:left;
	width:770px;
	margin-left:30px;
}

.howtoget_contents ul li {
	list-style:none;
	position:relative;
	padding-left:1.3em;
	font-size:15px;
	line-height:1.7;
}

.howtoget_contents ul li:before {
	border-radius:50%;
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	left:0;
	top:0.4em;
	content:"";
	background:#005E15;
}

.nannkai {
	color:#005E15;
}

.border_a_none {
	text-decoration:none;
}


/*会員申し込み*/
.members {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.members_green {
	margin:50px 0 42px 250px;
}

.members_bk_green {
	background-color:#ABCAB2;
	padding:100px 0;
}

.members_bk_white {
	background-color:#FFF;
	width:745px;
	margin:0 auto;
	border-radius:10px;
	padding:0 45px 62px 45px;
	position:relative;
}

.members_bk_white_form {
	background-color:#FFF;
	width:645px;
	margin:0 auto;
	border-radius:10px;
	padding:80px 80px 80px 100px;
}

.fs_18 {
	font-size:18px;
}

.fs_20 {
	font-size:20px;
}

.fs_15 {
	font-size:15px;
}

.side {
	width:350px;
}

.side2 {
	width:330px;
}

.side3 {
	width:90px;
}

.side4 {
	width:163px;
}

.members_img {
	position:absolute;
	top: -60px;
	left:30px;
}

.form_left {
	width:150px;
}

.pt470 {
	padding-top:470px;
}

.pt470 a {
	text-decoration:none;
	display:block;
	width:277px;
	margin:0 auto;
}

.waku {
	width:177px;
	margin:0 auto;
	margin-bottom:15px;
	color:#005E15;
	text-align:center;
	border:#005E15 solid 1px;
	border-radius:10px;
	padding:10px 50px;
}

.waku:hover {
	color:#FFF;
	background-color:#005E15;
}

.members_h2 {
	background-color:#E5E5E5;
	font-weight:normal;
	font-size:15px;
	padding:6px 10px;
	margin-bottom:18px;
}

.members_p {
	font-size:13px;
	margin-bottom:20px;
	line-height:1.4;
}

.payment_box {
	font-size:13px;
	width:366px;
	padding:10px 24px;
	border:#000 solid 1px;
	height:115px;
	box-sizing:border-box;
	float:left;
}

.payment_tb {
	height:95px;
}

.payment_tb_td_left {
	border-right:#000 solid 1px;
}

.payment_tb_td_right {
	line-height:1.5;
}

.ml13 {
	margin-left:13px;
}


.pt470_2 a {
	text-decoration:none;
	display:block;
	width:277px;
	margin:0 auto;
}

/*出版希望の方へ*/
.applicant {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.applicant_lead_text {
	width:700px;
	margin:0 auto;
	margin-bottom:90px;
}

.wd_695 {
	width:620px;
	margin: 0 auto;
}

.applicant_green {
	font-size:23px;
	color:#005E15;
	margin-top:50px;
	margin-bottom:50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}


.applicant_lead_text p {
	font-size:17px;
	color:#666;
	line-height:1.6;
	
}

#points_3 {
	width:1170px;
	margin:0 auto;
	margin-bottom:50px;
}

.points_separate {
	margin:0 5px;
	width:380px;
	float:left;
}

.points_contents {
	border-top:#005E15 solid 8px;
	background-color:#EFEFEF;
	padding:20px 43px 30px 43px;
	box-sizing:border-box;
	height:475px;
}

.points_titles {
	font-size:20px;
	color:#005E15;
	text-align:center;
	font-weight:bold;
}

.points_p {
	line-height:1.7;
	font-size:17px;
}

.points_contents_p_height {
	height:210px;

}

.flow_bk {
	background-color:#337E44;
	width:1280px;
	height:513px;
	margin:0 auto;
	margin-bottom:32px;
	padding:32px 65px;
	box-sizing:border-box;
}

.applicant_flow_title {
	font-size:20px;
	color:#FFF;
	text-align:center;
	margin-bottom:35px;
}

.flow_pst_r {
	position:relative;
}

.flow_pst_r_p1 {
	position:absolute;
	top:-110px;
	left:62px;
	text-align:center;
}

.flow_pst_r_p2 {
	position:absolute;
	top:-120px;
	left:377px;
	text-align:center;
}

.flow_pst_r_p3 {
	position:absolute;
	top:-110px;
	left:670px;
	text-align:center;
}

.flow_pst_r_p4 {
	position:absolute;
	top:-95px;
	left:974px;
	text-align:center;
}

.flow_pst_r_p5 {
	position:absolute;
	top:-10px;
	left:622px;
	font-size:15px;
	color:#FFF;
	line-height:1.4;
	width:245px;
}

.flow_3_advice {
	font-size:16px;
	border-bottom:#FFF solid 1px;
	width:235px;
	padding-bottom:5px;
	padding-left:0.5em;
	font-weight:bold;
	margin-bottom:0;
	
}

.pst_r_applicant {
	position:relative;
	width:1280px;
	margin:0 auto;
}

.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 98px 73.5px 0 73.5px;
	border-color: #005e14 transparent transparent transparent;
	margin:0 auto;
	margin-bottom:22px;
}

.triangle_p {
	position:absolute;
	top:-5px;
	left:619px;
	color:#FFF;
	font-size:23px;
}

.flow2_bk {
	background-color:#D9E7DC;
	width:1280px;
	height:450px;
	margin:0 auto;
	margin-bottom:60px;
	padding:46px 50px;
	box-sizing:border-box;
}

.flow_pst_r_p6 {
	position:absolute;
	top:-100px;
	left:46px;
	text-align:center;
}

.flow_pst_r_p7 {
	position:absolute;
	top:-90px;
	left:397px;
	text-align:center;
}

.flow_pst_r_p8 {
	position:absolute;
	top:-90px;
	left:715px;
	text-align:center;
}

.flow_pst_r_p9 {
	position:absolute;
	top:-90px;
	left:1032px;
	text-align:center;
}

.ribbon{
	position:relative;
	background:rgb(140,182,150);
	background:linear-gradient(90deg, rgba(140,182,150,1) 0%, rgba(0,94,20,1) 100%);
	padding: .5em;
	margin:0 auto;
	margin-bottom:40px;
	color:#FFF;
	text-align:center;
	width:1100px;
}

.ribbon:after{
	content: "";
	width:0;
	height:0;
	position:absolute;
	top:0;
	right:-15px;
	border-top: 18px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 15px solid #005E15;
}

.handling_books {
	width:810px;
	height:230px;
	border-top:#666 solid 1px;
	border-bottom:#666 solid 1px;
	margin:0 auto;
	margin-bottom:165px;
	padding:40px 45px;
	box-sizing:border-box;
}

.handling_books_titile {
	font-family: 'Noto Serif JP', serif;
	font-size:23px;
	color:#005E15;
	font-weight:normal;
	letter-spacing:.1em;
	text-align:center;
}

.handling_books_ul {
	float:left;
	margin:0 22px;
	font-size:17px;
}

.handling_books_ul li {
	list-style:none;
	position:relative;
	padding-left:0.6em;
	line-height:1.5;
}

.handling_books_ul li:before {
	border-radius:50%;
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	top:0.3em;
	left:-0.5em;
	content:"";
	background:#005E15;
}


#seido {
	background-color:#EFEFEF;
	width:1280px;
	height:598px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
	padding:120px 285px 90px 285px;
}

.seido_title {
	font-size:23px;
	color:#005E15;
	position:absolute;
	top:-36px;
	left:523px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:.2em;
}

.seido_bk {
	background-color:#FFF;
	padding:40px;
	font-size:20px;
	padding-bottom:20px;
	margin-bottom:33px;
}

#seido_tb tr td {
	padding-left:1em;
	padding-bottom:20px;
}
	
.va_t {
	vertical-align:top;
}

.fs_17 {
	font-size:17px;
}

/*少部数教科書出版*/
.publishing-textbook {
	width:815px;
	margin:0 auto;
	margin-bottom:90px;
}

.publishing_green_a {
	margin-bottom:60px;
	font-size:23px;
	color:#005E15;
	font-family: 'Noto Serif JP', serif;
}

.publishing_p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
}

.t_indent_1 {
	text-indent:-1em;
	padding-left:1em;
	display:block;
	line-height:1.4;
}

#publishing_basis {
	width:810px;
	margin:0 auto;
	border:#000 solid 1px;
	padding:50px;
	box-sizing:border-box;
}

.publishing_green_b {
	text-align:center;
	color:#005E15;
	font-size:20px;
	margin-bottom:50px;
}

.num_green {
	color:#005E15;
}


/*活動状況*/
.activity {
	width:950px;
	margin:0 auto;
	margin-top:70px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.activity_green {
	font-size:23px;
	color:#005E15;
	font-family: 'Noto Serif JP', serif;
}

.activity_green a {
	color:#005E15;
}

.year_activity {
	width:730px;
	margin:0 auto;
	margin-bottom:88px;
	margin-top:75px;
	text-align:center;
}

.year {
	display:inline-block;
	font-size:15px;
	margin:0 10px;
	color:#808080;
}

.year a {
	color:#808080;
}

.year a:hover {
	color:#005E15;
}

.focus a {
	background-color:#005E15 !important;
	color:#FFF;
	padding:2px 3px;
}

.focus a:hover {
	color:#FFF;
}

/*矢印cssここから*/
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	margin:0 25px;
}

.arrow::before,
.arrow::after{
	position: absolute;
	top: -4px;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

/*next*/
.next_arrow::before{
	width: 23px;
	height: 23px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #989898;
}

.next_arrow:hover::before {
	background-color: #005E15;
}

.next_arrow::after{
	left: 10px;
	top:-4px;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
}


/*prev*/
.prev_arrow::before{
	width: 23px;
	height: 23px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #989898;
}

.prev_arrow:hover::before {
	background-color: #005E15;
}

.prev_arrow::after{
	left: 2px;
	top:-4px;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-right: 6px solid #fff;
}

/*FireFox専用矢印css*/
@-moz-document url-prefix(){
	.next_arrow::after{
		left: 10px;
		top:-8px;
		box-sizing: border-box;
		width: 6px;
		height: 6px;
		border: 6px solid transparent;
		border-left: 6px solid #fff;
	}

}

@-moz-document url-prefix(){
	.prev_arrow::after{
		left: 2px;
		top:-8px;
		box-sizing: border-box;
		width: 6px;
		height: 6px;
		border: 6px solid transparent;
		border-right: 6px solid #fff;
	}
}


/*矢印cssここまで*/

/*活動テーブル*/
.activity_title {
	font-size:18px;
	color:#005E15;
}

.activity_tb {
	width:945px;
	margin-bottom:200px;
	border-collapse:separate;
	border-spacing:6px 0;
}

.activity_tb th, .activity_tb td {
	text-align:center;
	font-size:15px;
	font-weight:normal;
	color:#666;
	vertical-align:middle;
}

.activity_tb th {
	background-color:#D9E7DC;
	height:30px;
	box-sizing:border-box;
	padding:7px 17px;
}

.activity_tb td {
	border-bottom:#CCC solid 2px;
	padding:16px 17px;
}

.activity_td_date {
	background-color:#F1F1F1;
}

.txt_al_left {
	text-align:left !important;
}

/*ニュースレター*/
.year_nletter {
	/* width:900px; */
	margin:0 auto;
	margin-bottom:88px;
	margin-top:75px;
	text-align:center;
}

#nletter_contents {
	width:828px;
	margin:0 auto;
	display:grid;
	grid-template-rows:680px 680px;
	grid-template-columns:250px 250px 250px;
	margin-bottom:100px;
	column-gap: 40px;
	row-gap: 30px;
}

.fl_nletter {
	width:248px;
	position:relative;
}

.nletter_title {
	background-color:#80AE8A;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	padding:5px 15px 3px 10px
;
	margin-bottom:15px;
	text-align:right;
}

.fs_13 {
	font-size:13px;
}

.nletter_img {
	margin-bottom:10px;
}

.nletter_img img {
	border:#B2B2B2 solid 1px;
}

.fl_nletter ul li {
	list-style:none;
	position:relative;
	padding-left:1em;
	font-size:13px;
	line-height:1.6;
}

.fl_nletter ul li:before {
	content:"";
	display:block;
	border-radius:50%;
	position:absolute;
	top:0.4em;
	left:0;
	background:#005E15;
	width:10px;
	height:10px;
}

.new:before {
	position:absolute;
	top:-11px;
	left:-20px;
	width:45px;
	height:45px;
	border-radius:50%;
	line-height:45px;
	text-align:center;
	content:"NEW";
	font-size:12px;
	background-color:#FFFF00;
}

/*お知らせ*/
.notice {
	width:772px;
	margin:0 auto;
	margin-top:70px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.notice_mb {
	margin-bottom:60px;
}

.notice_contents {
	padding:5px 25px;
	margin-bottom:30px;
	border-left:#005E15 solid 5px;
	line-height:1.6;
	position:relative;
}

.notice_contents:before {
	content:"";
	position:absolute;
	display:inline-block;
	width:760px;
	height:1px;
	bottom:0;
	left:12px;
	background-color:#989898;
}

.notice_txt {
	font-size:17px;
}

.notice_txt a {
	color:#000;
}
	
.new_notice:before {
	content:"NEW";
	display:block;
	width:45px;
	height:45px;
	border-radius:50%;
	line-height:45px;
	text-align:center;
	font-size:12px;
	background-color:#FFFF00;
	float:left;
	margin-right:20px;
}

.fs_12 {
	font-size:12px;
}

.pagination {
	color:#4D4D4D;
	font-size:15px;
	margin-bottom:100px;
	cursor:pointer;
	
}

.pagination a {
	color:#4D4D4D;
}

.pagination a:hover {
	color:#005E15;
}

/*お知らせ個別ページ*/
.notice_article {
	box-shadow: 0 0 10px #CCC;
	border-radius:10px;
	padding:60px;
	line-height:1.5;
	margin-bottom:75px;
}

.notice_article_title {
	font-size:21px;
	color:#005E15;
	padding-bottom:10px;
}

.notice_article_border {
	border-bottom:#E5E5E5 1px solid;
}

/*出版物一覧*/
.fs_14 {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	font-weight:normal;
	letter-spacing:normal;
}

.fl_publication {
	float:left;
	width:220px;
}

.publication_contents {
	width:860px;
	margin:0 auto;
	display:grid;
	grid-template-rows:repeat(580px 580px);
	grid-template-columns:180px 180px 180px 180px;
	margin-bottom:180px;
	column-gap: 46px;
	row-gap: 30px;
}

.shadow {
	box-shadow:0 0 20px rgba(102,102,102,0.4);
	margin-bottom:15px;
}

.shadow img {
	vertical-align:bottom;
}

.genre_00 {
	text-align:center;
	background-color:#FF0000;
	padding:3px 10px;
	color:#FFF;
}

.genre_01 {
	text-align:center;
	background-color:#FF3C00;
	padding:3px 10px;
	color:#FFF;
}

.genre_02 {
	text-align:center;
	background-color:#FF7F00;
	padding:3px 10px;
	color:#FFF;
}

.genre_04 {
	text-align:center;
	background-color:#B7B700;
	padding:3px 10px;
	color:#FFF;
}

.genre_10 {
	text-align:center;
	background-color:#88BA00;
	padding:3px 10px;
	color:#FFF;
}

.genre_11 {
	text-align:center;
	background-color:#32B700;
	padding:3px 10px;
	color:#FFF;
}

.genre_12 {
	text-align:center;
	background-color:#22B473;
	padding:3px 10px;
	color:#FFF;
}

.genre_14 {
	text-align:center;
	background-color:#007F39;
	padding:3px 10px;
	color:#FFF;
}

.genre_15 {
	text-align:center;
	background-color:#758975;
	padding:3px 10px;
	color:#FFF;
}

.genre_16 {
	text-align:center;
	background-color:#54D363;
	padding:3px 10px;
	color:#FFF;
}

.genre_20 {
	text-align:center;
	background-color:#4F8E5C;
	padding:3px 10px;
	color:#FFF;
}

.genre_21 {
	text-align:center;
	background-color:#62F4AE;
	padding:3px 10px;
	color:#FFF;
}

.genre_22 {
	text-align:center;
	background-color:#008C71;
	padding:3px 10px;
	color:#FFF;
}

.genre_23 {
	text-align:center;
	background-color:#503DD8;
	padding:3px 10px;
	color:#FFF;
}

.genre_25 {
	text-align:center;
	background-color:#30B7B3;
	padding:3px 10px;
	color:#FFF;
}

.genre_26 {
	text-align:center;
	background-color:#0000FF;
	padding:3px 10px;
	color:#FFF;
}

.genre_30 {
	text-align:center;
	background-color:#006187;
	padding:3px 10px;
	color:#FFF;
}

.genre_31 {
	text-align:center;
	background-color:#799FA5;
	padding:3px 10px;
	color:#FFF;
}

.genre_32 {
	text-align:center;
	background-color:#A292FF;
	padding:3px 10px;
	color:#FFF;
}

.genre_33 {
	text-align:center;
	background-color:#D634CA;
	padding:3px 10px;
	color:#FFF;
}

.genre_34 {
	text-align:center;
	background-color:#0098FF;
	padding:3px 10px;
	color:#FFF;
}

.genre_36 {
	text-align:center;
	background-color:#22B473;
	padding:3px 10px;
	color:#FFF;
}

.genre_37 {
	text-align:center;
	background-color:#FAAF3B;
	padding:3px 10px;
	color:#FFF;
}

.genre_39 {
	text-align:center;
	background-color:#7C3225;
	padding:3px 10px;
	color:#FFF;
}

.genre_40 {
	text-align:center;
	background-color:#300075;
	padding:3px 10px;
	color:#FFF;
}

.genre_41 {
	text-align:center;
	background-color:#9441BF;
	padding:3px 10px;
	color:#FFF;
}

.genre_42 {
	text-align:center;
	background-color:#BC06F9;
	padding:3px 10px;
	color:#FFF;
}

.genre_43 {
	text-align:center;
	background-color:#950B99;
	padding:3px 10px;
	color:#FFF;
}

.genre_44 {
	text-align:center;
	background-color:#B25290;
	padding:3px 10px;
	color:#FFF;
}

.genre_45 {
	text-align:center;
	background-color:#F05A24;
	padding:3px 10px;
	color:#FFF;
}

.genre_47 {
	text-align:center;
	background-color:#F691F9;
	padding:3px 10px;
	color:#FFF;
}

.genre_50 {
	text-align:center;
	background-color:#6B3A6A;
	padding:3px 10px;
	color:#FFF;
}

.genre_51 {
	text-align:center;
	background-color:#074049;
	padding:3px 10px;
	color:#FFF;
}

.genre_52 {
	text-align:center;
	background-color:#DB9C6E;
	padding:3px 10px;
	color:#FFF;
}

.genre_53 {
	text-align:center;
	background-color:#B57474;
	padding:3px 10px;
	color:#FFF;
}

.genre_54 {
	text-align:center;
	background-color:#C1E200;
	padding:3px 10px;
	color:#FFF;
}

.genre_55 {
	text-align:center;
	background-color:#FC00CD;
	padding:3px 10px;
	color:#FFF;
}

.genre_56 {
	text-align:center;
	background-color:#BF73A9;
	padding:3px 10px;
	color:#FFF;
}

.genre_57 {
	text-align:center;
	background-color:#C4005E;
	padding:3px 10px;
	color:#FFF;
}

.genre_58 {
	text-align:center;
	background-color:#F47C58;
	padding:3px 10px;
	color:#FFF;
}

.genre_60 {
	text-align:center;
	background-color:#91725D;
	padding:3px 10px;
	color:#FFF;
}

.genre_61 {
	text-align:center;
	background-color:#FC9595;
	padding:3px 10px;
	color:#FFF;
}

.genre_62 {
	text-align:center;
	background-color:#F49AD3;
	padding:3px 10px;
	color:#FFF;
}

.genre_63 {
	text-align:center;
	background-color:#969696;
	padding:3px 10px;
	color:#FFF;
}

.genre_65 {
	text-align:center;
	background-color:#A0935C;
	padding:3px 10px;
	color:#FFF;
}

.genre_70 {
	text-align:center;
	background-color:#77005B;
	padding:3px 10px;
	color:#FFF;
}

.genre_71 {
	text-align:center;
	background-color:#F8C1A2;
	padding:3px 10px;
	color:#FFF;
}

.genre_72 {
	text-align:center;
	background-color:#BF6666;
	padding:3px 10px;
	color:#FFF;
}

.genre_73 {
	text-align:center;
	background-color:#991616;
	padding:3px 10px;
	color:#FFF;
}

.genre_74 {
	text-align:center;
	background-color:#E5C900;
	padding:3px 10px;
	color:#FFF;
}

.genre_75 {
	text-align:center;
	background-color:#FF3131;
	padding:3px 10px;
	color:#FFF;
}

.genre_76 {
	text-align:center;
	background-color:#F9E14E;
	padding:3px 10px;
	color:#FFF;
}

.genre_77 {
	text-align:center;
	background-color:#AD5200;
	padding:3px 10px;
	color:#FFF;
}

.genre_79 {
	text-align:center;
	background-color:#CE8400;
	padding:3px 10px;
	color:#FFF;
}

.genre_80 {
	text-align:center;
	background-color:#8DEA73;
	padding:3px 10px;
	color:#FFF;
}

.genre_81 {
	text-align:center;
	background-color:#CC3B3B;
	padding:3px 10px;
	color:#FFF;
}

.genre_82 {
	text-align:center;
	background-color:#E5AF42;
	padding:3px 10px;
	color:#FFF;
}

.genre_84 {
	text-align:center;
	background-color:#C17561;
	padding:3px 10px;
	color:#FFF;
}

.genre_85 {
	text-align:center;
	background-color:#BA792B;
	padding:3px 10px;
	color:#FFF;
}

.genre_87 {
	text-align:center;
	background-color:#8384BF;
	padding:3px 10px;
	color:#FFF;
}

.genre_90 {
	text-align:center;
	background-color:#383838;
	padding:3px 10px;
	color:#FFF;
}

.genre_91 {
	text-align:center;
	background-color:#161616;
	padding:3px 10px;
	color:#FFF;
}

.genre_92 {
	text-align:center;
	background-color:#682B49;
	padding:3px 10px;
	color:#FFF;
}

.genre_93 {
	text-align:center;
	background-color:#784497;
	padding:3px 10px;
	color:#FFF;
}

.genre_95 {
	text-align:center;
	background-color:#C4DD86;
	padding:3px 10px;
	color:#FFF;
}

.genre_97 {
	text-align:center;
	background-color:#636363;
	padding:3px 10px;
	color:#FFF;
}

.genre_98 {
	text-align:center;
	background-color:#7BA553;
	padding:3px 10px;
	color:#FFF;
}

.fs_15_title {
	font-size:15px;
}

.author {
	border-top:#B2B2B2 solid 1px;
	border-bottom:#B2B2B2 solid 1px;
	padding:8px 0;
}

.isbn_line_h {
	line-height:1.4;
	white-space: nowrap;
}

select::-ms-expand {
	display: none;
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	font-size: 14px;
	width: 100%;
	height: 100%;
	padding: 10px 10px;
	background-image: url(../../publication/images/genre_arrow.png);
background-position: right 0 center;
	background-repeat: no-repeat;
	background-size: 46px 43px;
	color: #666;
}

.select_box {
	width:242px;
	float:left;
	background:#EEE;
	position:relative;
	margin-top:5px;
}

.ml122 {
	margin-left:70px;
	float:left;
}

.search_box form input {
	width:288px;
	padding:9px 0;
	background:#EEE;
	font-size:14px;
}

.search_box {
	float:left;
	margin-left:10px;
	margin-top:0;
}

.search_box img {
	width:46px;
	margin:0;
	padding:0;
	vertical-align:top;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.search_box form input {
		width:288px;
		padding:9px 0;
		background:#EEE;
		font-size:14px;
		height:25px;
		border:none;
	}
	
	.search_box {
		float:left;
		margin-left:10px;
		margin-top:0;
	}
}

.target-area .hidden {
	display: none
}

.search_div .hidden {
	display: none
}

.search_div a {
	color:#000;
}

/*出版物紹介*/
.publication_introduce {
	width:850px;
	margin:0 auto;
	margin-top:70px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.introduce_title {
	
}

.book_introduce_left {
	width:316px;
	float:left;
}

.book_introduce_left img {
	border:#000 solid 1px;
}

.book_introduce_right {
	float:left;
	margin-left:40px;
	width:494px;
	line-height:1.5;
	position:relative;
	height:451px;
}

.genre_wd {
	width:200px;
	font-size:15px;
}

.book_title {
	font-size:23px;
}

.under_border {
	border-bottom:#E5E5E5 solid 2px;
	margin-bottom:25px;
}

.order_img {
	width:235px;
	margin-left:123px;
	margin-top:30px;
}

.mokuji {
	line-height:1.6;
}


/*タブ切り替え全体のスタイル*/
.tabs {
	width: 850px;
	margin: 0 auto;
	margin-top:60px;
}

/*タブのスタイル*/
.tab_item {
	width:113px;
	height: 25px;
	border-bottom: 1px solid #E5E5E5;
	background-color: #FFF;
	text-align: center;
	color: #29AAE1;
	display: block;
	float: left;
	text-align: center;
	padding-top:10px;
	font-size:15px;
} 

.wd30 {
	width:28px;
	border:none;
	border-bottom: 1px solid #E5E5E5;
	padding-top:11px;
}

.tab_b {
	width:588px;
	border:none;
	border-bottom: 1px solid #E5E5E5;
	padding-top:10px;
}

.tab_b3 {
	width:707px;
	border:none;
	border-bottom: 1px solid #E5E5E5;
	padding-top:10px;
}
.tab_b4 {
	width:469px;
	border:none;
	border-bottom: 1px solid #E5E5E5;
	padding-top:10px;
}

.tab_item:hover {
  opacity: 0.75;
}


/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#naiyou:checked ~ #naiyou_content,
#abstract:checked ~ #abstract_content,
#seigohyo:checked ~ #seigohyo_content,
#design:checked ~ #design_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #E5E5E5;
	color: #29AAE1;

}
.tabs input:checked + .tab_b2 {
	border:1px solid #E5E5E5;
	border-radius:8px 8px 0 0;
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}

/*書籍注文*/
.order {
	width:595px;
	margin:0 auto;
	margin-top:30px;
}

.order_sheet {
	margin-bottom:30px;
}

.order_form {
	height:842px;
}

.td_lh {
	line-height:1.4;
}

.pd_b_10 {
	margin-bottom:3px;
}

.txt_al_center {
	text-align:center;
	margin-bottom:30px;
}

/*TOPにもどる*/
.pst_fixed {
	position:fixed;
	bottom: 90px;
	right:50px;
	z-index:101;
}

#tophe {
	width: 65px;
}

#tophe img {
	width:60px;
}

.fs_9 {
	font-size:9px;
}