@charset "utf-8";

/* ==================================================
contents
================================================== */
/* box_topcs_navi
============================== */
.wrap_box_newsbox_navi {
	clear:both;
}

/* newsbox */
#tmp_newsbox {
	margin:0 0 20px;
}
/* konnatoki */
#tmp_newsbox_ttl {
	margin:0;
}
#tmp_newsbox_ttl ul {
	list-style:none;
}
#tmp_newsbox_ttl li {
	float:left;
	position:relative;
	z-index:1;
}
#tmp_newsbox_ttl a {
	display:block;
	height:46px;
	background-image:url(/shared/templates/library_smartphone_top/images/newsbox_ttl.gif) !important;
	background-repeat:no-repeat;
	background-size: 320px auto;
}
#tmp_newsbox_ttl_news,
#tmp_newsbox_ttl_newbook,
#tmp_newsbox_ttl_maintenance {
	margin:0;
}
#tmp_newsbox_ttl_news a {
	background-position:left top;
	width:77px;
}
#tmp_newsbox_ttl_news.active a {
	background-position:left bottom;
}
#tmp_newsbox_ttl_newbook a {
	background-position:-80px top;
	width:77px;
}
#tmp_newsbox_ttl_newbook.active a {
	background-position:-80px bottom;
}
#tmp_newsbox_ttl_maintenance a {
	background-position:-160px top;
	width:77px;
}
#tmp_newsbox_ttl_maintenance.active a {
	background-position:-160px bottom;
}
#tmp_newsbox_ttl_topics a {
	background-position:-240px top;
	width:77px;
}
#tmp_newsbox_ttl_topics.active a {
	background-position:-240px bottom;
}
#tmp_newsbox_ttl li span {
	display:block;
	width:79px;
	height:46px;
	position:relative;
	z-index:-1;
	overflow:hidden;
}
#tmp_newsbox_ttl li#tmp_newsbox_ttl_news{
    width: 79px;
}
#tmp_newsbox_cnt ul {
	list-style:none;
	clear:both;
}
#tmp_newsbox_cnt ul.newsbox_cnt li {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #AFAFAF;
	width:100%;
	float:left;
}
#tmp_newsbox_cnt ul.newsbox_cnt li a {
	background:url(/shared/templates/library_smartphone_top/images/link_icon.gif) no-repeat left 8px;
	padding:0 0 0 15px;
}

#tmp_newsbox_cnt .even {
	padding-right:0;
}
#tmp_newsbox_cnt img {
	line-height:1;
	vertical-align:top;
}
#tmp_news,
#tmp_newbook,
#tmp_maintenance,
#tmp_topics {
	clear:both;
}


#tmp_news,
#tmp_newbook,
#tmp_maintenance,
#tmp_topics {
	border:1px solid #e6e6e6;
	border-top:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#ffffff;
	padding:10px 15px;
	color:inherit;
}

#tmp_news {
	border-right:5px solid #975559;
}
#tmp_newbook {
	border-right:5px solid #A4A26D;
}
#tmp_maintenance {
	border-right:5px solid #2E5164;
}
#tmp_topics {
	border-right:5px solid #BF6B2D;
}
/* newsbox */
#tmp_newsbox {
	width:100%;
	float:left;
}
#tmp_newsbox ul {
	list-style:none;
}
#tmp_newsbox img {
	line-height:1;
	vertical-align:top;
}

#tmp_newsbox_cnt ul.info_link{
	float:right;
}

#tmp_newsbox_cnt ul.info_link li{
	background:url(/shared/templates/library_smartphone_top/images/btn_icon.gif) no-repeat left center;
	padding:0 0 0 20px;
}
#tmp_newsbox_cnt ul li.info_list{
	float:left;
	margin-right:10px;
}
#tmp_newsbox_cnt ul li.info_rss{
	float:left;
}


#tmp_online,
#tmp_link{
    margin: 0 0 1.4em 0;
}

#tmp_online #tmp_online_ttl {
background: url(/shared/templates/library_smartphone_top/images/online_ttl.gif) no-repeat center top;
background-size: 100% auto;
height: 51px;
}
#tmp_link #tmp_link_ttl {
background: url(/shared/templates/library_smartphone_top/images/link_ttl.gif) no-repeat center top;
background-size: 100% auto;
height: 46px;
}
#tmp_online_ttl span,
#tmp_link_ttl span{
position: relative;
z-index: -1;
}

#tmp_online_cnt ul,
#tmp_link_cnt {
    background-color: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    color: inherit;
}
#tmp_online_cnt li,
#tmp_link_cnt li {
    background: linear-gradient(#ffffff, #e6e6e6) repeat;
    border-collapse: collapse;
    border-top: 1px solid #e6e6e6;
    color: inherit;
}

#tmp_online_cnt li a ,
#tmp_link_cnt li a{
    background: url(/shared/templates/library_smartphone_top/images/link_icon.gif) no-repeat 10px center;
    display: block;
    padding: 15px 10px 15px 20px;
    color: inherit;
}

#tmp_riyou,
#tmp_submenu{
	margin:0 0 1.4em 0;
	}

#tmp_riyou_cnt img{
    width: 100%;
}


#tmp_submenu_cnt ul {
    border: 1px solid #975559;
    border-radius: 3px;
}

#tmp_submenu_cnt li {
    background: url(/shared/templates/library_smartphone_top/images/submenu_bg.gif) no-repeat left bottom;
	background-size:100% auto;
    border-bottom: 1px dotted #975559;
    
}

#tmp_submenu_cnt a {
    display: block;
    padding: 14px 10px 13px 35px;
}

#tmp_submenu_cnt li.noline {
    border-bottom: medium none;
}

#tmp_link_cnt li.dynamed_ttl {
    padding: 10px 15px;
}
#tmp_dynamed {
    margin: 0;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.clearfix:after,
#tmp_wrap_newsbox_navi:after,
#tmp_newsbox_navi:after,
#tmp_newsbox_ttl:after,
#tmp_newsbox_ttl ul:after,
#tmp_newsbox_cnt:after,
#tmp_newsbox_cnt ul:after,
#tmp_newsbox_cnt ul.info_link :after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html .clearfix,
*:first-child+html #tmp_wrap_newsbox_navi,
*:first-child+html #tmp_newsbox_navi,
*:first-child+html #tmp_newsbox_ttl,
*:first-child+html #tmp_newsbox_ttl ul,
*:first-child+html #tmp_newsbox_cnt,
*:first-child+html #tmp_newsbox_cnt ul,
*:first-child+html #tmp_newsbox_cnt ul.info_link {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html .clearfix,
* html #tmp_wrap_newsbox_navi,
* html #tmp_newsbox_navi,
* html #tmp_newsbox_ttl,
* html #tmp_newsbox_ttl ul,
* html #tmp_newsbox_cnt,
* html #tmp_newsbox_cnt ul,
* html #tmp_newsbox_cnt ul.info_link {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
} {
	display:inline-block; /* 変更しない */
}
/* ==================================================
print
================================================== */
@media print {
/* for IE7.0 */
*:first-child+html #tmp_gnavi ul li span {
	visibility:hidden;
}
/* for IE6.0 */
* html #tmp_gnavi ul li span {
	visibility:hidden;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}