@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: 0 auto;}
main{ width: 940px; margin: auto; padding: auto;}


/*--------------------- ヘッダー(2014.11.11)  ---------------------- */
.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: #000000;}
a:hover{ text-decoration: underline;}
a{ text-decoration: none; color: #000000;}
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;}

/*----------------------mainimages部分(2015.12.09)------------------------- */
section.topics { width: 945px; height: 280px; padding: 0px; margin: 10px auto 10px auto; border: 0px solid #800000;}
section.topics li{ list-style: none; float: left; margin: 0 0 5px 0;}
section.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;}

/*----------------------maincontents(2014.11.11)------------------------- */

article { width: 730px; height: 100%; float: left; margin: 20px auto; padding: auto;}


/*----------------------新着/近刊/セミナー/ニュースリリース(2015.12.09)------------------------- */

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

dt.infoday{ width: 100px; float: left; margin: 0 0 0 10px; padding: 3px; line-height: 22px;}
dd.infodata{ width: 580px; margin: 0; 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.lastlink{ margin: 0; float: right; padding: 3px; line-height: 22px;}


/*----------------------表紙画像飛び出し（2015.120.09）------------------------- */
section.books{ float: left; width: 730px; margin: 0 0 20px 0;}

.recont { position: relative; float: left; width: 218px; height: 80px; margin: 5px 5px 10px 10px; border: 1px solid #DDD;}
.recont:hover { background: #f3f3f3; border-color: #99cdff;}
.recont p.newimg{ margin: 0;}
.data2 { padding: 5px 2px 0px 2px; margin: 0 0 3px 0 ; font-size:12px; font-weight:bold; float:left; color:#7DA0DB;}

.thumbnail{ position: relative; z-index: 0;}
.thumbnail:hover{ background-color: transparent; z-index: 50;}
.thumbnail span{ position: absolute; background-color: white; padding: 5px; top:50px; left: 0px; border: 1px solid gray; color: gray; text-decoration: none; display: none;}
.thumbnail span img{ border-width: 0; padding: 2px;}
.thumbnail:hover span{ visibility: visible; top: 0; left: 60px;}
* html .thumbnail span{ top: 40px!important; left: 40px;}

/*----------------------特設------------------------- */

section.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;}

/*----------------------サイドメニュー------------------------- */
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: 10px 0 0 0px; padding: 10px 0 0 0; border-top: 1px solid #880000;}
div.outside02 {	width: 190px; float: left; margin: 10px 0 0 0px; padding: 10px 0 0 0;border-top: 1px solid #880000; border-bottom: 1px solid #880000;}

/*------------------------ フッター部分(2014.11.12)  -----------------------*/
.footer{ clear: both; padding: auto; width: 100%; background: #e1e1e1 url("http://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:#000000;}

/*------------------------ ページトップボタン(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: #000000; 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）----------*/