@charset "utf-8";

/* CSS Document
   ================================================== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
                                        { margin: 0; padding: 0; }

body                                    { font-size: 1.1rem; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

a                                       { color: #568c08; background: #f2f8e9; text-decoration: underline; }

a:hover                                 { color: #568c08; background: #d6e4c1; text-decoration: none; }

img                                     { border: 0px; }

#wrapper                                { width: 950px; margin: 0 auto; }

#head                                   { position: relative; }

#head table                             { position: absolute; top: 16px; right: 10px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
	#head table                             { position: absolute; top: 16px; right: 144px; }
}

#head #h_link a                         { width: 70px; height: 28px; background: url(img/h_link02.gif) no-repeat; display: block; }

#head #h_link a:hover                   { background: url(img/h_link02on.gif) no-repeat }

#main-contents                          { margin-top: 16px; }

#main-contents div#left                 { width: 205px; margin-right: 25px; padding-left: 10px; float: left; }

#main-contents div#right                { width: 710px; float: left; position:relative;
padding-bottom:60px;}

#linkbox                                { margin: 15px 20px 10px; }

#linkbox p                              { font-size: 18px; margin-top: 0px; margin-bottom: 10px; padding-left: 20px; background: url(img/li_mark.gif) left no-repeat; }

#linkbox a                              { color: #000000; background: none; text-decoration: none; }

#linkbox a:hover                        { color: #568c08; background: none; text-decoration: underline; }

#pagetop                                { width: 65px; font-size: 12px; float:right; padding: 4px 4px 4px 15px; display: block; background: url(img/arow.gif) 5px no-repeat; border: 1px solid #cccccc; position:absolute; right:0; bottom:0;}

#pagetop:hover                          { color: #ffffff; background-image: url(img/arow02.gif); background-color: #698f32; background-position: 5px; background-repeat: no-repeat; }

#adb_dl                                 { width: 161px; height: 77px; margin-top: 30px; padding-top: 17px; padding-left: 44px; background: url(img/adb.gif); clear:both; }

.stits{
	font-size:0.7em; 
	letter-spacing:0.1em;	
}

a.bookview                              { border: 2px solid #d9ebc3; padding: 10px 5px 8px 9px; font-size: 80%; height: 140px; display:block; text-decoration:none; color: #5F5F5F; background: none; }

a.bookview:hover                        { border: 2px solid #333; }

a.bookview strong                       { font-size: 130%; }

a.bookview img                          { float:left; margin-right: 2px; }

.p_list                                 { margin-bottom: 3px; padding-right: 20px; text-align: right; }

/* --- setting ---
   ================================================== */

h2.ttl                                  { margin-bottom: 5px; margin-left: 0px; margin-right: 0px; }

.box01                                  { margin-left: 20px; margin-bottom: 30px; line-height: 180%; }

.box02                                  { margin-left: 20px; margin-bottom: 20px; line-height: 180%; }

.red                                    { color: #CC0000; }

.line                                   { width: 97%; height: 1px; font-size: 1px; margin-top: 15px; margin-right:auto; margin-bottom: 30px; background: #999999; }

/* --- TOP ---
   ================================================== */

dl#information                          { margin-top: 0px; margin-left: 10px; margin-right: 0px; margin-bottom: 30px; }

dl#information dt                       { margin-top: 10px; padding-left: 25px; line-height: 20px; background: url(img/mark01.gif) no-repeat; }

dl#information dd                       { padding: 0em; padding-bottom: 10px; margin-left: 1em; margin-top: 0.5em; background: bottom url(img/line01.gif) repeat-x; }

#bungaku                                { margin-bottom: 10px; }

/* --- message ---
   ================================================== */

.msg_sign                               { margin-top: 30px; text-align: right; }

.sign                                   { vertical-align: bottom; }

/* --- company ---
   ================================================== */

#company, #exective,.history            { width: 700px; margin: 0 auto 40px auto; }

#company td,.history td                 { padding: 10px; line-height: 170%; }

#company td.td_lft, .history td.td_lft   { width: 130px; background: #f6f6f6; }

#company td.td_rgt, .history td.td_rgt   { border-bottom: 1px solid #f6f6f6 }

#exective                      { border-collapse: collapse }

#exective td                            { padding: 16px 10px; line-height: 170%; border-bottom: 1px solid #e3e3e3; }

#exective td.td_lft                     { width: 140px; vertical-align: top; }

.hi-subtitle                            { padding-left:10px; font-size:1rem; margin-bottom:10px;}

/* --- jigyo ---
   ================================================== */

.jgy                                    { width: 525px; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-top: 12px; padding-left: 12px; padding-bottom: 12px; background: #f6f6f6; }

.jgy img                                { margin-right: 12px; }

#jgy_lft                                { width:480px; margin-right:20px; padding-left:10px; float:left; margin-bottom:20px; }

#jgy_rgt                                { float:left; }

#jgy_book,#jgy_book2,#jgy_book3         { border-collapse: collapse; margin-bottom:15px; }

#jgy_book td,#jgy_book2 td,#jgy_book3 td{ padding: 10px 7px; line-height: 170%; border-bottom: 1px solid #e3e3e3; }

#jgy_book td.td_lft,#jgy_book2 td.td_lft,#jgy_book3 td.td_lft { width: 100px; vertical-align: top; }

.event                                  { margin-left:20px; margin-bottom:20px; line-height:160%; }

.event p.ev_ttl                         { color:#58762c; font-size:15px; font-weight:bold; margin-bottom:5px; }

.event p                                { margin:0px; padding-top:5px; }

.event_tb                               { border-collapse: collapse; margin-top:15px; width:100%; }

.event_tb td                            { padding: 10px 7px; line-height: 170%; border-bottom: 1px solid #e3e3e3; vertical-align:top; }

.event_tb td.td_lft                     { width: 150px;}

.right                                  { text-align:right; }

.ji_book                                { padding-top:10px; }

#bosyu                                  { width: 508px; margin: 0 auto; padding: 15px 10px 15px 20px; background: url(img/bosyu_mdl.gif) bottom repeat-y; }

#bosyu_top                              { width: 538px; height: 6px; margin: 0px auto 0px auto; background: url(img/sbook_top.gif) no-repeat; clear:both; }

#bosyu_btm                              { width: 538px; height: 6px; margin: 0 auto; margin-bottom: 50px; background: url(img/bosyu_btm.gif) no-repeat; }

#bosyu p.ttl                            { font-size:18px; font-weight:bold; color:#58762c; }

#bosyu table                            { margin:8px 0; }

#bosyu table td                            { padding: 5px 3px; }


/* --- publication ---
   ================================================== */

#faxbn                                  { width: 528px; margin-top: 60px; margin-left: auto; margin-right: auto; }

#faxbn2                                  { width: 528px; margin-top: 20px; margin-left: auto; margin-right: auto; }


.sbooks                                 { width: 538px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; background: url(img/sbook_mdl.gif) bottom repeat-y; }

.sbooks_top                             { width: 538px; height: 6px; margin: 0px auto 0px auto; background: url(img/sbook_top.gif) no-repeat; }

.sbooks_btm                             { width: 538px; height: 6px; margin: 0 auto; margin-bottom: 30px; background: url(img/sbook_btm.gif) no-repeat; }

.books                                  { width: 100%; margin: 0 auto; }

.books td                               { vertical-align: top; }

.books p.title                          { font-size: 1.05em; font-weight: bold; text-decoration: underline; }

.books p.price                          { font-size: 1em; font-weight: bold; }

.books p.exp                            { margin-top: 5px; margin-bottom: 5px; padding: 5px; line-height: 160%; }

/* --- contact ---
   ================================================== */

#contact                                { margin-left: 20px; margin-bottom: 10px; }

#contact td                             { padding-top: 6px; padding-left: 10px; padding-bottom: 6px; border-bottom: 2px solid #fff; }

#contact td.left                        { width: 130px; color: #333a29; background: url(img/contactbg.gif); }

#contact p                              { font-size: 11px; font-size: 10px\9; font-family: Verdana, Arial, sans-serif; font-family: Verdana, Arial, sans-serif\9; margin-top: 3px; margin-bottom: 0px; }

#contact input                          { width: 320px; font-size: 12px; font-family: Verdana, Arial, sans-serif; }

#contact input.zip_code                 { width: 40px }

#contact select                         { margin-bottom: 3px }

#contact textarea                       { width: 370px; font-size: 12px; font-family: Verdana, Arial, sans-serif; height: 180px; }

input.button                            { width: 100px; margin-top: 10px; }

/* --- privacy policy ---
   ================================================== */

ul.policy                               { margin: 30px; }

ul.policy li                            { margin-bottom: 20px; padding-left: 0px; margin-left: 0px; padding: 0; list-style: url(img/pp.gif); line-height: 180%; }

ul.policy li ul                         { padding-left: 0px; margin-left: 20px; }

ul.policy li ul li                      { margin-left: 0px; margin-bottom: 10px; margin-top: 10px; padding-left: 0px; list-style: disc; }

/* --- Navigation ---
   ================================================== */

#g_navi                                 { width: 204px; height: 300px; margin-bottom: 15px; background: url(img/gnavi.gif) no-repeat; }

#g_navi ul                              { padding: 0; margin: 0px; }

#g_navi li                              { display: inline; list-style-type: none; }

#g_navi li a                            { width: 204px; height: 48px; text-indent: -9877em; text-decoration: none; overflow: hidden; display: block; float: left; }

#g_navi li.g_navi01 a                   { background: url(img/gnavi.gif) no-repeat 0px 0px; }

#g_navi li.g_navi02 a                   { background: url(img/gnavi.gif) no-repeat 0px -48px; }

#g_navi li.g_navi03 a                   { background: url(img/gnavi.gif) no-repeat 0px -96px; }

#g_navi li.g_navi04 a                   { background: url(img/gnavi.gif) no-repeat 0px -144px; }

#g_navi li.g_navi05 a                   { background: url(img/gnavi.gif) no-repeat 0px -192px; }

#g_navi li.g_navi06 a                   { background: url(img/upbringing.jpg) no-repeat;}


#g_navi li.g_navi01 a:hover, #g_navi li.g_navi01_on a
                                        { background: url(img/gnavi.gif) no-repeat -204px 0px; }

#g_navi li.g_navi02 a:hover, #g_navi li.g_navi02_on a
                                        { background: url(img/gnavi.gif) no-repeat -204px -48px; }

#g_navi li.g_navi03 a:hover, #g_navi li.g_navi03_on a
                                        { background: url(img/gnavi.gif) no-repeat -204px -96px; }

#g_navi li.g_navi04 a:hover, #g_navi li.g_navi04_on a
                                        { background: url(img/gnavi.gif) no-repeat -204px -144px; }

#g_navi li.g_navi05 a:hover, #g_navi li.g_navi05_on a
                                        { background: url(img/gnavi.gif) no-repeat -204px -192px; }

#g_navi li.g_navi06 a:hover, #g_navi li.g_navi06_on a
                                        { background: url(img/upbringing_over.jpg) no-repeat; }

/* --- footer ---
   ================================================== */

#footer                                 { height: 60px; margin-top: 30px; margin-bottom: 15px; line-height: 60px; background: #698f32; text-align: center; }

/* float clear  */

.cl                                     { clear: both; }

.lprice{
	font-size:0.8em;	
}
h1 img{
	margin-bottom:5px;	
}

.books_box{
	margin:20px;
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border: 2px solid #ddd;
	padding:10px;
	background:url(img/sbook_mdl2.jpg) bottom right repeat-y; 
}

.midashi{
 color: #FFFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #8eb100;/*背景色*/
  vertical-align: middle;
  border-radius: 10px 10px 0 0;/*左側の角を丸く*/
min-width:250px;
	
	font-size:0.8em;
	
}
.bdr{
	border-bottom:1px solid #8eb100;
	margin-bottom:20px;
}
.midashi:before{
  content: '●';
  color: white;
  margin-right: 8px;
}
.up-title{
	font-family: "Noto Sans JP";
	margin-bottom:10px;
}
.up-box{
	padding:10px;
	padding-right:0;
}
.up-sent-box{
	display:flex;
	justify-content:space-between;
}
.up-left{
	width:60%;
}
.up-right{
	width:37%;
}
.up-sent{
	font-size:0.77em;
	font-family: "Noto Sans JP";
}
.mgb40{
	margin-bottom:40px;
}
.flex{
  display: flex;
  justify-content: space-between;
  align-items: center;	
}
#info-pic1{
	width:60%;
	padding:10px 20px 30px 0px;
}
#info-pic2{
	width:30%;
	padding:10px 0px 30px 0px;
}