@charset "euc-jp";

/* ------------------------------
	HOME
------------------------------ */



/*announce
-------------------------------*/
#announce{
	overflow:hidden;
	width:805px;
	margin:10px auto 0;
}
#announce div.announceInner{
	width:805px;
	padding-bottom:5px;
	background:url(/top/commons/image/bg_announce_bottom.gif) no-repeat left bottom;
}
#announce dl{
	zoom:1;
	overflow:hidden;
	background:url(/top/commons/image/bg_announce_top.gif) no-repeat left top;
}
#announce dl dt{
	float:left;
	width:71px;
}
#announce dl dd{
	float:left;
	width:710px;
	padding:9px 0 0 10px;
	_padding:8px 0 0 10px;
}



@media screen and (max-width: 480px) {

#announce{
	overflow:hidden;
	width:100%;
	margin:10px auto 0;
}
#announce div.announceInner{
	width:100%;
	}
#announce dl dd{
	float:left;
	width:calc(100% - 71px);
	padding:9px 0 0 10px;
	_padding:8px 0 0 10px;
	box-sizing:border-box;
	border-right:1px solid #d2d2d2;
}	

#main img{
	max-with:100%;
	height:auto;
	}
	
}




/* mainVisual
-----------------*/
div#mainVisual{
	position:relative;
}

div#mainVisual h2.visual{
}

div#mainVisual div.read{
	position:absolute;
	top:209px;
	left:24px;
}

div#mainVisual p.backNumber{
	text-align:right;
	padding:4px 3px 4px 0;
	background:#28130e;
}
div#mainVisual p.backNumber a{
	background: url(/top/commons/image/bg_tri.gif) no-repeat right 6px;
	padding-right:15px;
	color:#ccc;
}
div#mainVisual p.backNum a:link{
	color:#ccc;
}
div#mainVisual p.backNum a:hover{
}



@media screen and (max-width: 480px) {

div#mainVisual img{
	width:100%;
	height:auto;
}


}




/* bnrArea
-----------------*/
#bnrArea{
	margin:20px 0;
}

/* eLibrary
-----------------*/
div#eLibrary{
	overflow:hidden;
	zoom:1;
	position:relative;
	margin-top:15px;
	border:2px #ef461a solid;
	background:url(/top/commons/image/bg_ebook02.jpg) no-repeat 174px 0;
}

div#eLibrary a img:hover{
	border:0;
	text-decoration:none;
}

div#eLibrary h2{
	float:left;
	width:174px;
}

div#eLibrary div.item{
	float:left;
	width:432px;
	/*background:url(/top/commons/image/bg_ebook.jpg) no-repeat;*/
}

div#eLibrary div.item ul{
	overflow:hidden;
	margin-top:6px;
}

div#eLibrary div.item ul li{
	float:left;
	width:98px;
	margin-left:8px;
	_margin-left:4px;
	font-size:90%;
	line-height:130%;
}
div#eLibrary div.item ul li img{
}


/* eLibrary02
-----------------*/

div#eLibrary02{
	overflow:hidden;
	zoom:1;
	position:relative;
	margin-top:15px;
	border:3px #95d100 solid;
	background: url(/top/commons/image/bg_ebook02.png) no-repeat 0 0;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

div#eLibrary02 a img:hover{
	border:0;
	text-decoration:none;
}

div#eLibrary02 h2{
	float:left;
	width:164px;
	padding: 4px 0 4px 8px;
}

div#eLibrary02 div.item{
	float:left;
	width:432px;
	min-height: 160px;
	padding: 14px 0 6px 0;
	background: #FFF;
}

div#eLibrary02 div.item ul{
	overflow:hidden;
}

div#eLibrary02 div.item ul li{
	float:left;
	width:98px;
	margin-left:8px;
	_margin-left:4px;
	font-size:90%;
	line-height:130%;
}
div#eLibrary02 div.item ul li img{
}




/* news
-----------------*/
div#news{
	zoom:1;
	overflow:hidden;
	margin-top:15px;
	background:url(/top/image/bg_search.gif) repeat-y;
}

div#news dl{
	overflow:hidden;
	padding-bottom:10px;
	background:url(/top/image/bg_search_bottom.gif) no-repeat center bottom ;
}

div#news h2{
	position:relative;
}


div#news h2 span{
	position:absolute;
	top:24px;
	right:18px;
	font-size:90%;
	color:#4f6c00;
}

div#news ul.list{
	float:left;
	margin-bottom:15px;
}

div#news div#photo img{
	margin-left:16px;
	border:1px #ccc solid;
}

div#news ul.list li{
	width:336px;
	margin-left:9px;
	padding:10px 0 10px 90px;
	border-bottom:1px #ccc dotted;
}

div#news ul.list li.list_none {
    border-bottom:none;
}

div#news ul.list li.news_know{
	background:url(/top/image/btn_know.gif) no-repeat center left;
}
div#news ul.list li.news_move{
	background:url(/top/image/btn_move.gif) no-repeat center left;
}
div#news ul.list li.news_eat{
	background:url(/top/image/btn_eat.gif) no-repeat center left;
}
div#news ul.list li.news_hear{
	background:url(/top/image/btn_hear.gif) no-repeat center left;
}



div#news div.keywordOuter{
	overflow:hidden;
	zoom:1;
	clear:both;
	margin-left:5px;
	background:url(/top/image/bg_keyword.gif) no-repeat top left;
}
div#news dl.keyword{
	overflow:hidden;
	zoom:1;
	margin-top:0;
	padding-bottom: 5px;
	background:url(/top/image/bg_keyword_bottom.gif) no-repeat bottom left;
}

div#news dl.keyword dt{
	float:left;
	width:195px;
}
div#news dl.keyword dt img{
	margin:8px 0 0 15px;
}

div#news dl.keyword dd{
	float:left;
	width:405px;
}

div#news dl.keyword dd ul{
}

div#news dl.keyword dd ul li{
	float:left;
	margin-left:20px;
	_margin-left:10px;
	padding:12px 0 8px 14px;
	_padding:14px 0 8px 14px;
	background:url(/top/commons/image/arrowRight.gif) no-repeat 0 13px;
}



@media screen and (max-width: 480px) {


div#news{
	zoom:1;
	overflow:hidden;
	margin-top:15px;
	background:none;
}

div#news dl{
	overflow:hidden;
	padding-bottom:10px;
	background:none;
}

div#news h2{
	position:relative;
	margin-left:-5px;
}
div#news h2 span{
	position:absolute;
	top:16px;
	right:5px;
	font-size:12px;
	color:#4f6c00;
	background:#e1f4a6;
	padding:2px 5px;
	border-radius:4px;
}

#main div#news h2 img{
	max-width:initial !important;
	width:auto;
	height:50px;
}


div#news ul.list{
	float:none;
	margin-bottom:15px;
	border-bottom:2px solid #97c908;
}
div#news ul.list li{
	width:100%;
	margin-left:0;
	padding:15px 10px 15px 10px;
	border-bottom:1px #ccc dotted;
	display:inline-block;
	overflow:hidden:
	clear:both;
	box-sizing:border-box;
	vertical-align:middle;
}
div#news ul.list li a{
	text-decoration:underline;
	padding-top:5px;
	}


div#news ul.list li.news_know{
	background:none;
}
div#news ul.list li.news_move{
	background:none;
}
div#news ul.list li.news_eat{
	background:none;
}
div#news ul.list li.news_hear{
	background:none;
}

div#news div#photo img{
	display:none;
}
div#news ul.list li .photo1,
div#news ul.list li .photo2,
div#news ul.list li .photo3,
div#news ul.list li .photo4,
div#news ul.list li .photo5{
	width:100px;
	height:100px;
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
	float:left;
	margin-bottom:15px;
	}
div#news ul.list li .photo1 img,
div#news ul.list li .photo2 img,
div#news ul.list li .photo3 img,
div#news ul.list li .photo4 img,
div#news ul.list li .photo5 img{
	width:100%;
	height:auto;
	border:1px solid #9acb11;
}





div#news div.keywordOuter{
	overflow:hidden;
	zoom:1;
	clear:both;
	margin-left:0;
	border:1px solid #97c908;
	border-radius:5px;
	background:none;
}
div#news dl.keyword{
	overflow:hidden;
	zoom:1;
	margin-top:0;
	padding-bottom: 5px;
	background:none;
}

div#news dl.keyword dt{
	float:left;
	width:195px;
}
div#news dl.keyword dt img{
	margin:8px 0 0 15px;
}

div#news dl.keyword dd{
	float:left;
	width:405px;
}

div#news dl.keyword dd ul{
}

div#news dl.keyword dd ul li{
	float:left;
	margin-left:20px;
	_margin-left:10px;
	padding:12px 0 8px 14px;
	_padding:14px 0 8px 14px;
	background:url(/top/commons/image/arrowRight.gif) no-repeat 0 13px;
}


}





/*search
-----------------*/
div#search{
	overflow:hidden;
	zoom:1;
	margin-top:15px;
	background:url(/top/image/bg_search.gif) repeat-y;
}

div#search dl{
	padding-bottom:10px;
	background:url(/top/image/bg_search_bottom.gif) no-repeat center bottom;
}

div#search ul{
	margin-top:7px;
	overflow:hidden;
}

div#search ul.searchs{
	overflow:hidden;
	zoom:1;
	background:url(/top/image/bg_search_inner_bottom.gif) no-repeat center bottom;
}

div#search ul.searchs li{

}

div#search ul li{
	float:left;
	width:193px;
	margin-left:8px;
	_margin-left:5px;
}

div#search ul li dl{
	background:none;
	overflow:hidden;
	zoom:1;
/*	background:url(/top/image/bg_searchs_bottom.gif) no-repeat center bottom;*/
}

div#search ul li dl dd{
	min-height:100px;
	margin-top:1px;
	border-bottom:none;
	line-height:1.8em;
	padding-bottom: 1000px;
	margin-bottom: -1000px;

}

div#search ul li dl dd input.txt{
	margin-left:0;
}

div#search ul li dl dd input.btn{
	vertical-align:-4px;
}
div#search ul.searchTopics{
	overflow:hidden;
	zoom:1;
}




@media screen and (max-width: 480px) {

div#search{
	overflow:hidden;
	zoom:1;
	margin-top:15px;
	background:none
}

div#news div#search h2{
	position:relative;
	margin:0;
	padding:15px 0;
}
div#news div#search h2 span{
	position:absolute;
	top:25px;
	right:7px;
	background:none;
	padding:0;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #97c908;
	}
div#news div#search dt.open h2 span{
	border-bottom:none;
	border-top: 8px solid #97c908;
	top:35px;
	
	}

div#news div#search h2 img{
	width:100% !important;
	height:auto !important;
}
#search h2 img{
	width:auto !important;
	height:50px !important;
	max-width:initial;
	margin-left:-5px;
}

.search_btn{
	width:32.3%;
	margin:0 0.5%;
	float:left;
}
.search_btn img{
	margin-bottom:3%;
}

.search_btn2_area{
text-align:center;
	letter-spacing:-.4em;
	}

.search_btn2{
	width:49%;
	margin:0 0.5%;
	display:inline-block;
}
.search_btn2 img{
	padding-bottom:1%;
}



div#search dd.sp{
	padding:2% 1% 4%;
	overflow:hidden;
}


div#search dl{
	padding-bottom:10px;
	background:none
}

div#search ul{
	margin-top:7px;
	overflow:hidden;
}

div#search ul.searchs{
	overflow:hidden;
	zoom:1;
	background:none
}


div#search ul li{
	float:none;
	width:100%;
	margin-left:0;
	_margin-left:0;
}

div#search ul.searchs li br{
	display:none;
	}

}
div#search ul li h3{
	background:url(/top/image/search_h3_sp_back.gif) repeat-x center top;
	background-size:contain;
	
}
div#search ul li dl dd{
	min-height:auto;
	margin-top:1px;
	border-bottom:none;
	line-height:1.8em;
	padding-bottom: 0;
	margin-bottom: 0;
	padding:8px 8px 15px 8px;

}
div#search ul li dl dd input.txt,
div#search ul li dl dd input.word{
	margin-left:0;
	width:80%;
	margin-bottom:5px;
}

div#search ul li dl dd.btn{
	text-align:center;
	min-height:auto;
	
}


}





/* healthyCheck
-----------------*/
div#haelthyCheck{
	margin-top:15px;
}

div#haelthyCheck ul{
	padding-top:15px;
	overflow:hidden;
}

div#haelthyCheck ul li{
	float:left;
	width:200px;
	margin-right:6px;
}
div#haelthyCheck ul li.end{
	float:left;
	width:194px;
	margin-right:0;
}

div#haelthyCheck ul li img{
	float:left;
}

div#haelthyCheck ul li dl{
	float:left;
	width:130px;
	margin-left:3px;
}

div#haelthyCheck ul li dl dt{
	font-weight:bold;
}
div#haelthyCheck ul li dl dd{
	font-size: 90%;
	line-height: 130%;
	margin-top: 3px;
}





/* 160204 plus feature
-----------------*/

div#topfeature{
	zoom:1;
	overflow:hidden;
	margin-top:15px;
	background:url(/top/image/bg_search.gif) repeat-y;
}

div#topfeature dl{
	overflow:hidden;
	background:url(/top/image/bg_search_bottom.gif) no-repeat center bottom ;
}

div#topfeature h2{
	position:relative;
}

div#topfeature ul.list{
	margin:0 10px 0;
}


div#topfeature ul.list li{
	padding:10px 0;
	border-bottom:1px #ccc dotted;	
	float:left;
}

div#topfeature ul.list li:nth-child(2n){
	float:right;
}




@media screen and (max-width: 480px) {

div#topfeature{
	zoom:1;
	overflow:hidden;
	margin-top:15px;
	background:none;
}
div#topfeature h2{
	position:relative;
	margin-left:-5px;
}

div#topfeature h2 img{
	max-width:initial;
	width:auto !important;
	height:50px;
}
div#topfeature ul.list{
	margin:0 0 0;
}
div#topfeature ul.list li{
	padding:10px 5px;
	border-bottom:none;	
	float:left;
	width:50%;
	box-sizing:border-box;
}
div#topfeature ul.list li img{
	width:100%;
	height:atuo;
}



}