@charset "Shift_JIS";

h2{
	margin:0px !important;
}
#naContentHead{
	margin-bottom:28px;
}
.naSection01{
	margin:0px;
	padding:30px 0px 30px 30px;
	color:#333333 !important;
}
a img{
	border:none;
}
#naCatalogNew{
	float:left;
/*
	background:url("../img/bgi_catalog.gif") no-repeat left top;
	width:141px;
	height:303px;
	*/
	margin:0px 0px 0px 15px;
}
#naBookNew{
	float:left;
	background:url("../img/bgi_book.gif") no-repeat left top;
	width:216px;
	height:303px;
}
.naGetAdobe{
	clear:both;
}
.naSection01 .naClearB{
	line-height:130%;
}
.naSection01 .naClearB img{
	margin:0px 15px 0px 25px !important;
}
.naSection02{
	margin:50px 0px 0px 230px;
}
.naSection02 p{
	margin:0px;
	line-height:140%;
}
#naContainer .naSection02 dl{
	margin:0px;
	padding:0px;
}
#naContainer .naSection02 dl dt{
	width:4em;
}
#naContainer .naSection02 dl dd{
	padding:0px;
	margin:-17px 0px 0px 50px;
}

#p0401-content a{
	text-decoration:underline !important;
}


/*****************************JJ**/
.naJJ{
	margin:50px 0px 0px 230px;
}
.naJJ p{
	margin:0px;
	line-height:140%;
}
#naContainer{
	padding:40px 0px 0px 0px;
}

#naContainer .naJJ dl{
	margin:0px;
	padding:0px;
	line-height:140%;
}

#naContainer .naJJ dl dd{
	padding:0px;
	margin:0px 0px 0px 0px;
}


#naContainer .naSection03{
	padding:20px 0px 20px 10px;
}
#naContainer .naSection03{
	clear:both;
	border-bottom:solid 1px #999999;
}
#naContainer .naSection03 dl{
	margin:0px 0px 0px 20px;
	width:300px;
	float:left;
}
#naContainer .naSection03 dl dt{
	width:5em;
	float:left;
	margin:0px !important;
	padding:0px !important;
}
#naContainer .naSection03 dl dd{
	width:auto;
	margin:0 0 0 5em !important;
	padding:0px !important;
}


#naBacknumberArea{
	width:100%;
	margin:20px 0px 40px 0px;
	height:350px;
	overflow:scroll;
}
#naBacknumberArea .naBacknumber{
	float:left;
	text-align:center;
	width:74px;
	height:91px;
}
#naBacknumberArea .naBacknumber a{
	color:#FFFFFF !important;
}

.naBacknumber p{
	margin:30px 0px 0px 0px;
}
.na_back_dl{
	float:left;
}


.naColor01{ background-color:#FF6699; margin-right:1%; }
.naColor02{ background-color:#6699CC; margin-right:1% }
.naColor03{ background-color:#FF9900; margin-right:1% }
.naColor04{ background-color:#33CC33; margin-right:1% }
.naColor05{ background-color:#339933; margin-right:1% }
.naColor06{ background-color:#666699; margin-right:1% }
.naColor07{ background-color:#3399FF; margin-right:1% }
.naColor08{ background-color:#3366FF; margin-right:1% }
.naColor09{ background-color:#336699; margin-right:1% }


.naMarginT{
	margin-top:30px !important;
}




.na_adobereader{
	width:770px;
}
.na_adobereader_l{
	width:450px;
	float:left;
}
.na_adobereader_r{
	width:220px;
	float:left;
	margin:0px !important;
}

/*** �e�J�����ݒ� ***/
.layout-frame{
	margin-top:30px !important;
}
.col5G2L .figure{
	float:left;
}
.col5G2L .category-summary{
	float:left;
	margin:20px 0px 0px 20px !important;
	padding:0px !important;
}
.col5G2L .category-summary p{
	margin:0px 0px 5px 0px !important;
	padding:0px !important;
}
#naBook h2{
	margin-top:50px !important;
}
#naBook,
#na_catalog{
	width:100%;
}
#naBook .figure,
#na_catalog .figure{
	width:19.48%;	/* 150/770 */
	float:left;
	padding-left:20% !important;
}
#naBook .category-summary,
#na_catalog .category-summary{
	width:45.45%;	/* 350/770 */
	float:left;
	margin-left:10% !important;
}
#naBook .category-summary dl{
	margin:30px 0px 5px 0px !important;
	padding:0px !important;
}
#naBook .category-summary dl dt{
	width:5em;
	float:left;
	margin:0px !important;
	padding:0px !important;
}
#naBook .category-summary dl dd{
	width:auto;
	margin:0 0 0 5em !important;
	padding:0px !important;
}
/*** �e�J�����ݒ� ***/


/* ���X�|���V�uweb�Ή�
-----------------------------------------------*/

/*** max-width:991px ***/
@media only screen and (max-width:991px){

.na_adobereader{
	width:100%;
}
.na_adobereader_l{
	width:100%;
}
.na_adobereader_r{
	width:100%;
}
#naContainer{
	width:100% !important;
}
#naContainer .naSection03{
	width:100%;
}


}/*** max-width:991px ***/



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


#naContainer .naSection03 dl{
	margin:2% 0px 0px 0px;
}
#naBook .figure,
#na_catalog .figure{
	width:100%;
	float:left;
	padding-left:0% !important;
	text-align:center;
}
#naBook .category-summary,
#na_catalog .category-summary{
	width:100%;
	float:left;
	margin-left:0% !important;
}
#na_catalog .category-summary{
	text-align:center;
}
.na_back_dl{
	float:none;
}


}/*** max-width:480px ***/