@charset "utf-8";

/* =======================================
*Directory: /
  [1]:Main Visual
  [2]:Scroll
  [3]:Contents Area
========================================== */



/* ------------------------------------------
  [1]:Main Visual
------------------------------------------ */

div#mv{
	position:relative;
	overflow:hidden;
	width:950px;
	height:250px;
	background: url(/common/web/images/top/mv.jpg) 0 0 no-repeat;
}
div#mv a{
	display:block;
	width:440px;
	height:43px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1px;
	position:absolute;
	top:148px;
	left:30px;
}



















/* ------------------------------------------
  [2]:Scroll
------------------------------------------ */

#top h2{
	background:none;
	padding:0;
	margin:0px 20px 10px 20px;
	font-weight:400;
	height:auto;
}
#top h2 img{
	float:left;
	padding:2px 10px 5px 0; 
}

#scroll{
	background:#D0D0D0 url(/common/web/images/top/bg_scroll.jpg) repeat-x;
	margin:0 20px;
}
#scroll .scrollable02 {
	position:relative;
	overflow:hidden;
	width: 820px;
	height:160px;
}


#scroll .scrollable02 .items {
	width:20000em;
	position:absolute;
	clear:both;
	text-align:left;
}

#scroll .items div {
	float:left;
	width:820px;
}

#scroll .scrollable02 img {
	float:left;
	margin-top:12px;
	background-color:#fff;
	height:138px;
}

/* active item
#scroll .scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
} */

#scroll .scrollable02 {
	float:left;	
}

#scroll a.browse {
	background:url(/common/web/images/top/arw_scroll.jpg) no-repeat;
	_background:url(/common/web/images/top/arw_scroll.jpg) no-repeat;
	display:block;
	width:40px;
	height:64px;
	float:left;
	margin-top:50px;
	cursor:pointer;
	font-size:1px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1px;
	color:#DCDCDC;
}

/* right */
#scroll a.right 		{ background-position: -40px 0; clear:right; margin-right: 0px;}
/* left */
#scroll a.left			{ margin-left: 0px; } 

/* disabled navigational button */
#scroll a.disabled {
	visibility:hidden !important;	
} 	





/* ------------------------------------------
  [3]:Contents Area
------------------------------------------ */

#top #content{
	margin-top:0;
}

#top #innerContent ul.bnrMain{
	margin-bottom:15px;
}
#top #innerContent ul.bnrMain li{
	float:left;
	margin-bottom:10px;
}

#top #innerContent .infoBox{
	margin:10px 0 20px;
}
#top #innerContent .infoBox .ph{
	width:181px;
	float:left;
}
#top #innerContent .infoBox div{
	width:480px;
	float:right;
}
#top #innerContent .infoBox div ul{
	padding:20px 0 0 0;
}
#top #innerContent .infoBox div ul li{
	float:left;
	padding:0 0 7px 10px;
}
#top #innerContent .infoBox div ul li.first{
	padding:0 0 7px 0;
}

/*
#top #innerContent h3{
	width:680px;
	height:35px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(/common/web/images/top/ttl_01.gif) no-repeat;
}*/


#top #innerContent h3 a,
#top #innerContent h4 a{
	height:26px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}






#top .contentLeft .bookList{
	margin:0 0 20px;
	padding:20px 0 0 0;
	border-top:1px solid #d6d6d6;
}
#top .contentLeft .bookList ul li{
	width:126px;
	padding:0 0 10px 0;
	display:block;
	float:left;
}
#top .contentLeft .bookList ul li.newspaper{
	width:266px;
}

#top .contentLeft .bookList ul li img{
	border:1px solid #000000;
}
#top .contentLeft .bookList ul li span.detail{
	display:block;
	text-align:left;
	margin:10px 0 0 0;
}
#top .contentLeft .bookList ul li span.detail img{
	display:block;
	margin-top:5px;
	border:none;
}












#top .contentLeft .bookList h4{
	width:125px;
	height:28px;
	padding-bottom:10px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
#top .contentLeft .bookList h4 a.cat01{	background:url(/common/web/images/top/free_icon.gif) 0 0 no-repeat;}
#top .contentLeft .bookList h4 a.cat02{	background:url(/common/web/images/top/comic_icon.gif) 0 0 no-repeat;}
#top .contentLeft .bookList h4 a.cat03{	background:url(/common/web/images/top/news_icon.gif) 0 0 no-repeat;}
#top .contentLeft .bookList h4 a.cat04{	background:url(/common/web/images/top/book_icon.gif) 0 0 no-repeat;}
#top .contentLeft .bookList h4 a.cat05{	background:url(/common/web/images/top/magazine_icon.gif) 0 0 no-repeat;}
#top .contentLeft .bookList h4 a.cat06{	background:url(/common/web/images/top/dictionary_icon.gif) 0 0 no-repeat;}

#top .contentLeft .bookList dt{
	font-weight:bold;
}
#top .contentLeft .bookList a.btn{
	width:83px;
	height:20px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(/common/web/images/top/sttl_07.jpg) no-repeat;
	float:right;
}


















#top #indexLeft{
	width:444px;
	float:left;
}

#top #indexLeft .boxTwin{
	width:444px;
	margin-bottom:10px;
	background:url(/common/web/images/top/bg_02_tp.gif) no-repeat;
}
#top #indexLeft .boxTwinInr{
	width:444px;
	background:url(/common/web/images/top/bg_02_bt.gif) bottom no-repeat;
}
#top #indexLeft .boxTwinInr .boxSmall{
	float:left;
	width:212px;
	background:#ff0000;
}
#top #indexLeft .boxTwinInr .boxSmall h3{
	padding:2px;
}
#top #indexLeft .boxTwinInr .boxSmall h3 a{
	width:208px;
}

#top #indexLeft .boxTwinInr .boxSmall p{
	padding:0 10px 0 75px;
}
#top #indexLeft .boxTwinInr .boxSmall p a{
	width:100px;
	height:20px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(/common/web/images/top/btn_detail.jpg) no-repeat;
}
#top #indexLeft .boxTwinInr .boxSmall.service{
	background:url(/common/web/images/top/bg_service.jpg) 12px 40px no-repeat;
}
#top #indexLeft .boxTwinInr .boxSmall.service h3 a{
	background:url(/common/web/images/top/sttl_01.gif) no-repeat;
}
#top #indexLeft .boxTwinInr .boxSmall.download{
	background:url(/common/web/images/top/bg_download.jpg) 12px 40px no-repeat;
}
#top #indexLeft .boxTwinInr .boxSmall.download h3 a{
	background:url(/common/web/images/top/sttl_02.gif) no-repeat;
}




#top #indexLeft .boxSingle{
	clear:both;
	background:url(/common/web/images/top/bg_01_tp.gif) no-repeat;
	margin-bottom:10px;
}
#top #indexLeft .boxSingleInr{
	padding:2px 2px 5px 2px;
	background:url(/common/web/images/top/bg_01_bt.gif) bottom no-repeat;
}
#top #indexLeft .boxSingleInr h4.howto a{
	background:url(/common/web/images/top/sttl_03.gif) no-repeat;
}
#top #indexLeft .boxSingleInr h4.faq a{
	background:url(/common/web/images/top/sttl_04.gif) no-repeat;
}
#top #indexLeft .boxSingleInr p{
	margin:10px;
}





#top #indexInfo{
	width:210px;
}
#top #indexInfo h3{
	width:210px;
	height:32px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(/common/web/images/top/ttl_02.gif) no-repeat;
}
#top #indexInfo a.btn{
	width:65px;
	height:17px;
	margin:0 0 20px 0;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(/common/web/images/top/sttl_08.jpg) no-repeat;
}

#top #indexInfo dl{
	padding:0 0 10px 0;
}
#top #indexInfo dt{
	color:#666666;
	margin-top:15px;
	padding-right:60px;
}

div.recommend_ui {
  margin-bottom: 10px;
}
div.recommend_ui h2 {
  margin-bottom: 0px;
}
div.recommend_ui .areaBox {
  padding: 20px 0 20px 15px;
  height: 200px;
}
div.recommend_ui .areaBox .randomRecommendItems p {
  float: left;
  width: 138px;
  padding-top: 15px;
  text-align: center;
}
div.recommend_ui .areaBox .randomRecommendItems p a {
  text-decoration: none;
}
div.recommend_ui .areaBox .randomRecommendItems p a img {
  margin-bottom: 5px;
  height: 130px;
  width: auto;
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
}
div.recommend_ui .areaBox .randomRecommendItems p a div.title {
  width: 96%;
  overflow: hidden;
  margin: 0;
  padding: 0 3% 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-size: 14px;
  color: black;
  line-height: 1.3;
}
div.recommend_ui .areaBox .randomRecommendItems p a div.author {
  color: #666;
  font-size: 14px;
  text-align: left;
  line-height: 1.3
}