@charaset "utf-8";

*{ margin: 0; padding: 0;}

html,body{ width: 100%; height: 100%; margin: auto; padding: auto;}
body{ font-size: 16px; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;}

/*--------------------- メイン部分(2015.12.09)  ---------------------- */
div#wrapper { width: 945px;   margin: 5px auto 0 auto;}
main{ width: 940px; margin: auto; padding: auto;}


/*--------------------- ヘッダー4 ---------------------- */

.header4_ribbon{ padding:7px; height:15px; margin:0; background: #002173 none repeat scroll 0 0; color: #fff; font-size: 14px; min-width:945px }
.header4_ribbon_inner{ width:945px; hight:10px; margin: 0 auto ; }
.header4_ribbon_left{ width:400px; float:left;}
.header4_ribon_right_ul{ width:500px; float:right;}
.header4_ribon_right_li{ float:right; text-align: center; font-size:13px; font-weight:bold; paddind-bottom:1px;}

.header4 { width: 945px; height: 90px; padding: auto; margin: 0 auto;  }
.header4_left{width: 535px; float:left;}
.header4_right{width: 400px; float:right;}
.header4_shop{ padding:20px 0 0 25px; }


/*--------------------- ヘッダー3(2017.04.04～)  ---------------------- */
.header3 { width: 945px; height: 90px; padding: auto; margin: 10px auto 20px; background-color: #ffffff; clear: both;}
.header_arealogo3{ float: left; text-align: left; width: 420px; height: 90px; margin: 0 ; padding: 0;}
.header_areabookstore3{ float: left; width: 160px; height: 40px; margin: -5px 0px 3px 180px; padding: 0;}
.header_areamesse3{ float: left; width: 160px; height: 40px; margin: -5px 5px 3px 0px; padding: 0;}
.hader_area_textlink3{ float: right;  height: 20px; margin: 10px 25px 0px 0px; padding: 5px 0px; font-size:14px; }


/*--------------------- ヘッダー2(2017.01.26～2017.04.03)  ---------------------- */
.header2 { width: 945px; height: 90px; padding: auto; margin: 10px auto 20px; background-color: #ffffff; clear: both;}
.header_arealogo2{ float: left; text-align: left; width: 420px; height: 90px; margin: 0 110px 0 0; padding: 0;}
.header_areamesse2{ float: left; width: 200px; height: 56px; margin: 17px 15px 17px 0; padding: 0;}
.header_areabookstore2{ float: left; width: 200px; height: 56px; margin: 17px 0 17px 0; padding: 0;}


/*--------------------- ヘッダー(2014.11.11～017.01.25)  ---------------------- */
.header { width: 945px; height: 60px; padding: auto; margin: 10px auto 26px auto; background-color: #ffffff; clear: both;}
.header_area a:hover{ opacity:0.8;}
.header_arealogo{ float: left; text-align: left; width: 500px; margin: 0; padding: 0;}
.header_areaad{ float: left; width: 150px; margin: 0 0px 0 10px; padding: auto;}
.header_areamesse{ float: left; width: 140px; height: 41px; margin: 0; padding: 19px 0 0 0;}
.btn_img { width: 150px; height: 68px; display: block; transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease;}
.btn_img:hover { transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.btn_ad:hover {	opacity: 0.6;}


/*---------------------------タグ部分(2015.12.09)------------------------- */


/*-共通-*/
a{ text-decoration: none; color: #333333;}
a:hover{ text-decoration: underline;}
a{ text-decoration: none; color: #333333;}
a img:hover{ opacity:0.6;}
a.blue:hover{ color: #000088;}
a.green:hover{ color: #197923;}
a.pink:hover{ color: #ea3d92;}
a.orange:hover{ color: #f07a22;}
a.prp{ color: #872780;}
a.azu:hover{ color: #0395d0;}

hr.blue02{ border-color: #000088;}
hr.green02{ border-color: #197923;}
hr.pink02{ border-color: #ea3d92;}
hr.orange02{ border-color: #f07a22;}
hr.prp02{ border-color: #872780;}


/*---------------------------メニュー上下ボーダー(2017.9.4)------------------------- */
.nav{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; min-width: 945px;}


/*----------------------mainimages部分(2017.12.09)------------------------- */
div.topics { width: 945px; height: 280px; padding: 0px; margin: 0px auto 0px auto; border: 0px solid #800000;}
div.topics li{ list-style: none; float: left; margin: 0 0 5px 0;}
div.topics li a:hover{ opacity:0.6;}

ul.flash01 { overflow:hidden; margin: 0 0 10px 0; width:460px; height:120px; list-style:none;}
ul.flash02 { overflow:hidden; margin: 0 0 10px 10px; width:460px;height:120px; list-style:none;}
ul.flash01 li { position:absolute;}
ul.flash02 li { position:absolute;}
li.mainimages{ list-style: none; float: left;}


/*---------------------★トップmain_article(2017.05.01)------------------------- */

.main_article { width: 730px; height: 100%; float: left; margin: 5px auto; padding: auto;}



/*---------------------★トップ見出し(2018.05.01)------------------------- */

.h2_midashi {
    border-bottom: solid 1px #ccc;
    width: 98%;
    text-indent: 1em;
    font-size: 18px;
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 10px 0px;
    letter-spacing: 0.05em;
    font-weight: bold;
}


/*----------------------★トップ新着/近刊/セミナー/ニュースリリース(2017.05.01)------------------------- */

.infomation{float: left; width: 730px; text-align: left; margin: 0 0 0px 0;}
.infomation p{ width: 724px; background: #ffffff; padding: 0 0 10px 0; text-align: left;}


.gekkani_infomation{float: left; width: 730px; text-align: left; margin: 0 0 20px 0;}
.gekkan_infomation p{ width: 724px; background: #ffffff; padding: 0 0 10px 0; text-align: left;}


dt.infoday{ width: 110px; float: left; margin: 0 0 0 10px; padding: 3px; line-height: 22px;}
dd.infodata{ width: 570px; margin: 0 0 5px 1em; float: left; padding: 3px; line-height: 22px;}
dt.bookimg{ width: 80px; height: 90px; float: left; margin: 0 0 0 10px; padding: 0px; line-height: 22px;}
dd.bookdata{ width: 620px; height: 90px; margin: 0; float: left; padding: 0px; line-height: 22px;}
dt.semiday{ margin: 0 0 0 10px; padding: 0px; line-height: 22px;}
dd.semititle{ margin: 0 0 10px 40px; padding: 0px; line-height: 22px;}
dd.semititle02{ margin: 0 0 10px 266px; padding: 0px; line-height: 22px;}

.lastlink{ margin: 0; float: right; padding: 3px; line-height: 22px;}


/*----------------------★トップ特設------------------------- */

.specially{ float: left; width: 730px; margin: 0 0 20px 0;}
.spcont { position: relative; float: left; width: 220px; margin: 5px 5px 10px 10px;}
.spcont:hover { opacity:0.7;}
.spcont2 { position: relative; float: left; width: 220px; height: 150px; margin: 5px 5px 10px 10px; border: 1px solid #DDD;}
.spcont2:hover { opacity:0.7;}


/*---------------------★トップ月刊誌(2017.07.07)------------------------- */

.magazine_cover_box{
	width: 715px;
	height:220px;
	box-sizing: border-box;
	margin-top:15px;
	}

/* gkaku 20190219 chg sta */
.magazine_cover {
    float: left;
    width: 170px;
    height: 220px;
    text-align: center;
    position: relative;
    margin: 10px 0px 10px 5px;
}

/*
.magazine_cover {
    float: left;
    width: 220px;
    height: 220px;
    text-align: center;
    position: relative;
    margin: 10px 0px 10px 5px;
}
*/
/* gkaku 20190219 chg end */

.magazine_cover p {
    position: absolute;
    top: 185px;
    background: rgba(0,0,0,.6);
    width: 100%;
    max-width: 220px;
    text-align: center;
    padding-top: 5px;
    color: #fff;
    height: 20px;
}

.magazine_text_box{
	width: 715px;
	height: 50px ;
	box-sizing: border-box;
}

.magazine_text_cover {
    float: right;
    height: 20px;
    position: relative;
    width: 130px;
    color: #aaa;
    margin: 10px 20px 0px 0px;
}


/*---------------------★トップ書籍(2017.07.11)------------------------- */

.book_cover_box{ width: 715px; box-sizing: border-box; margin-top:5px; }

.book_cover{ float:left; width:355px; height:200px; box-sizing: border-box; margin-left:0px; margin-bottom:10px;}

.book_img {float:left; margin: 5px 15px 0px 5px;}

.book_title{ font-weight:bold; font-size:18px; line-height:1.3em; margin:50px 0px 0px 0px; }

.flag_yoyaku{background-color:#a59ed4; padding:1px 7px 1px 7px; float:left; font-size:15px; margin-top:10px;}

.flag_hatubai{background-color:#de7b79; padding:1px 7px 1px 7px; float:left; font-size:15px; margin-top:10px;}

.bacground_orange{background-color:#fdf5e6; }




/*----------------------サイドメニュー------------------------- */
nav#rightmenu { width: 190px; float: left; margin: 20px 0 0 10px;}
.photo { text-align:left; padding-bottom:4px; width: 190px;}
.photo img{ width: 100%; padding: 0; margin: 0;}
.photo:hover { opacity:0.7;}
.photo2 { text-align:left; padding-bottom:4px; width: 190px;}
.photo2 img{ width: 100%; padding: 0; margin: 0;}
div.outside { width: 190px;	float: left; margin: 20px 0 0 0px; padding: 10px 0 0 0; }
div.outside02 {width: 190px; float: left; margin: 10px 0 0 0px; padding: 10px 0 0 0;}


/*----------------------サイドメニュー(追加)------------------------- */
.side_lead{
	width:190px;
	box-sizing: border-box;
	padding: .5em .75em;
	background-color: #f6f6f6;
	border: 3px double #aaa;
	font-size:13px;
	margin:0px 0px 3px 0px;
	line-height:1.5em;
	}

.red{color:#483d8b; font-weight:bold;}

/*------------------------ フッター部分(2014.11.12)  -----------------------*/
.footer{ clear: both; padding: auto; width: 100%; background: #e1e1e1 url("https://www.jmp.co.jp/images/new/footback.jpg") repeat-x;} 
ul.footmenu{ width: 945px; margin: auto; padding: auto; color: #383838;}
ul.footmenu li{	text-align: left; width: 236px; float: left; margin: 60px auto;	padding: auto auto auto 5px; list-style: none; font-size: 16px; line-height: 20px; font-weight: bold;}
ul.footmenu li ul li{ margin: 0; padding: 0; font-size: 12px;}
ul.footmenu li ul li a:hover{ text-decoration: underline;}

.copy{ clear: both; width: 945px; font-size:12px; margin: auto; padding: auto; text-align: center; color:#333333;}

/*------------------------ ページトップボタン(2015.12.09)  -----------------------*/
#pagetopBtn { width: 460px;	position: fixed; top: -55px; right: -150px; text-align: right;}




/* 以下媒体ページ　*/
/*------------------------ ＭＴのベース部分(2014.11.13)  -----------------------*/

.one {/**width:878px;**/ width: 940px; background-color: #ffffff; margin: auto; padding: auto;}

#topicpath { margin: 0; padding: 0;}

/*------------------------ 左メニュー部分(2015.12.09)  -----------------------*/

.left{ display: block; width: 215px; float: left; padding: 0px; text-align:left;}
.left ul{ padding: 10px 0 0 0; font-family: メイリオ; font-size: 14px; margin: 0 0 20px 0;}
.left ul li{ width: 190px; list-style: none; margin: 5px 0 0 0; border-bottom: 0px solid #333333;}
.left ul li a:hover{ opacity:0.6;}

.left table.subbnr{ margin-left: 10px;}
.left table.subbnr td{ padding: 10px 0 0 0;}
.left table.subbnr td a:hover{ opacity:0.6;}


.main{/**width:635px;**/width: 700px; float:left; padding-top:10px; text-align:left; font-size:15px; margin-left:14px;}
.main2{ line-height:130%;}


td.mm_title{ padding: 10px 0 0 0; font-size: 24px; font-weight: bold;}
td.M_img{ vertical-align: top;}


dl.L_list{ margin: 10px 0 0 0; line-height: 22px;}
dt.B20{ margin: 6px 0 0 20px; font-weight: bold;}
dd.Mg90{ margin: 0 0 0 90px;}

p.text_lead{ margin: 5px;}
p.link_a{font-size: 14px; text-align: right; font-weight: bold;}

p.M_shohin{ font-size: 15px; line-height: 20px; padding: 10px;}
span.mark01{ color: #cc3333; font-weight: bold;}
span.mark02{ color: #0000cc; font-weight: bold;}
span.mark03{ color: #0066cc; font-weight: bold;}
span.mark04{ color: #197923; font-weight: bold;}
span.mark05{ color: #02618f; font-weight: bold;}
span.mark06{ color: #f165aa; font-weight: bold;}
span.mark07{ color: #4900ac; font-weight: bold;}
span.mark08{ color: #f07a22; font-weight: bold;}

/*---------　Phase3 （2015.12.09）----------*/
p.pha00{ margin: 10px 0 0 0px; background-color: #0356a8; color: #ffffff; padding: 10px 8px 8px 8px; font-size: 18px; font-weight: bold;}
p.pha01{ margin: 6px 0 0 0px; color: #0356a8; padding: 8px; font-size: 18px; font-weight: bold; line-height: 26px;}
p.pha01 span{ color: #333333; border-bottom: 2px solid #0066cc; font-size: 16px;}

p.pha02 span{ color: #0066cc;}
p.pha03{ margin: 6px 0 5px 10px; font-size: 14px;}
p.pha06{ margin: 6px 0 15px 10px; font-size: 14px; border-bottom: 1px solid #0066cc;}
p.pha06 span{ font-size: 22px; font-weight: bold; line-height: 30px;}




/*----------------------企業情報------------------------- */

.head2 {
float:left;
}

.headmenu1 {
padding-left:140px;
padding-top:10px;
padding-bottom:55px;
float:left;
}

.headmenu2 {
padding-left:10px;
padding-top:10px;
float:left;
}

.headtext2 {
text-align:left;
font-size:12px;
font-weight:bold;
color:#666666;
padding-top:15px;
padding-left:15px;
}

#nav .left ul{
    list-style-type: none;	
}

ul#menu2 li{
    list-style:none;
    float:left;
    width:142px;
}

ul#menu2 a{
    display:block;
    width:142px;
    height:30px;
	background-image:url(../images/all/menu.jpg)
}

#menu2 a span{display:none;} 


a.m01{
    background-position:0px 0px;
}
a:hover.m01{
    background-position:0px -30px;
}
a.m01on{
    background-position:0px -30px;
}
a.m02{
    background-position:-143px 0px;
}
a:hover.m02{
    background-position:-143px -30px;
}
a.m02on{
    background-position:-143px -30px;
}
a.m03{
    background-position:-285px 0px;
}
a:hover.m03{
    background-position:-285px -30px;
}
a.m03on{
    background-position:-285px -30px;
}
a.m04{
    background-position:-427px 0px;
}
a:hover.m04{
    background-position:-427px -30px;
}
a.m04on{
    background-position:-427px -30px;
}
a.m05{
    background-position:-569px 0px;
}
a:hover.m05{
    background-position:-569px -30px;
}
a.m05on{
    background-position:-569px -30px;
}
a.m06{
    background-position:-711px 0px;
}
a:hover.m06{
    background-position:-711px -30px;
}
a.m06on{
    background-position:-711px -30px;
}

.menu {
width:878px;
height:30px;
display:block;
padding-left:10px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
float:center;
text-align:center;
clear: both;
}

.flash {
clear:both;
display:block;
width:850px;
height:175px;
padding-top:15px;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;
}



/** **/

.under {
clear:both;
display:block;
width:878px;
height:80px;
padding-top:10px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
}

.maincat1 {
display:block;
width:205px;
height:250px;
background-image:url(../images/top/manage.jpg);
background-repeat:no-repeat;
float:left;
}

.cattitle {
padding-top:0px;
padding-left:0px;
text-align:center;
width:205px;
height:65px;
}

.cattxt {
padding-top:5px;
padding-left:75px;
text-align:left;
line-height:130%;
font-size:12px;
}

.more {
text-align:center;
}


.space {
display:block;
width:11px;
height:250px;
float:left;
}

.space2 {
display:block;
width:14px;
height:250px;
float:left;
}

.maincat2 {
display:block;
width:205px;
height:250px;
background-image:url(../images/top/nutri.jpg);
background-repeat:no-repeat;
float:left;
}

.maincat3 {
display:block;
width:205px;
height:250px;
background-image:url(../images/top/prev.jpg);
background-repeat:no-repeat;
float:left;
}

.maincat4 {
display:block;
width:205px;
height:250px;
background-image:url(../images/top/care.jpg);
background-repeat:no-repeat;
float:left;
}



/* newinfomation */

.info {
text-align:left;
padding-top:8px;
padding-left:8px;
font-size:12px;
line-height:150%;
}

.four {
display:block;
width:856px;
float:left;
padding-left:14px;
}

.bnr {
text-align:left;
float:left;
padding-left:0px;
}

.bnr2 {
text-align:left;
float:left;
padding-left:10px;
}

.search {
text-align:left;
font-size:14px;
padding-left:10px;
}

.five {
display:block;
width:856px;
float:left;
padding-top:10px;
padding-left:14px;
}

.line {
width:850px;
display:block;
clear:both;
padding-top:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.foottxt{
font-size:12px;
padding-top:10px;
color:#666666;
}

.foottxt2{
font-size:12px;
padding-top:8px;
color:#666666;
}


.tempad{
font-size:12px;
padding: 0px;
margin: 0px;
color:#666666;
}



.cat1{
display:block;
width:170px;
height:40px;
background-image:url(../images/all/cat1.jpg);
background-repeat:no-repeat;
font-size:12px;
vertical-align:middle;
margin-left:15px;
}

.cat2{
padding-top:10px;
font-size:12px;
margin-left:25px;
}

.cat1txt{
margin-left:25px;
}

.catlist{
display:block;
width:180px;
margin:5px;
font-size:12px;
line-height:140%;
color:#666666;
}

.catlist2{
padding-left:10px;
}

.top {
display:block;
width:850px;
font-size:10px;
text-align:right;
padding-right:12px;
padding-top:20px;
}

.style1 {
	color: #999999;
	font-weight: bold;
	font-size: 24px;
	padding-right:10px;
}

.style5 {font-size: 12px;
font-weight:bold;
color:#666666; }


/* ======================================================================================================================　*/

#categories ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
	
}
#categories ul li {
    padding-left: 15px;
	padding-top:5px;
	padding-bottom:5px;
	/*background-image:url(../images/all/cat1.jpg);*/
	background-repeat:no-repeat;
}
div .subcategories {
    margin-left: -15px;
	background-image:url(../images/all/cat1.jpg);
}


/*---------HLW（2015.07.29）----------*/
p.hlw01{ margin: 10px 0 0 10px; font-size: 16px; line-height: 24px; font-weight: bold;}
ul.hlw02{ margin: 5px 0 0 40px; font-size: 14px;}
li.st_sq{ list-style-type: square;}
li.st_none{ list-style-type: none; margin: 0 0 0 10px;}
a.hlw_link:hover{ color: #197923;}

table.hlw03{ width: 700px; margin: 10px 0 20px 0; font-size: 14px;}
td.hlw_img{ text-align: center; vertical-align: top; font-size: 14px; font-weight: bold; line-height: 28px; width: 180px;}
td.hlw_text{ padding: 0 0 0 10px; vertical-align: top;}

hr.hlw04{ border-color: #197923;}
dl.hlw05{ margin: 10px 0 0 0;}
dt.hlw_title{ margin: 6px 0 0 10px; font-weight: bold; font-size: 16px; line-height: 24px;}
dd.hlw_lead{ margin: 2px 0 3px 20px; line-height: 24px; font-size: 14px;}
/*---------HLW（2015.07.29）----------*/





.f_clear{
	clear:both;
	}