@charset "utf-8";
/*--------------------------------------------------
        General Setting CSS for Cloud
                        Last Modified 2011.01.17
                        http://ascii.jp/
			Author:youko-a
			      :
			File Name:jpCloud.css
--------------------------------------------------*/
/* import files ----------------------------------*/
@import "jpGeneral.css?2020083101";

/*------------------------------------------------*/

#jpWrap #container {
	padding: 14px 0 20px;
	background: none;
/*	background-color: #000; */
	min-height: 1450px;
}
#jpWrap #mainVisual {
	margin: 0 0 7px 7px;
	width: 728px;
}
#jpWrap #mainC {
	padding: 0 5px 50px 0;
	width: 601px;
}
#jpWrap #sideR {
	padding-top: 5px;
}
.featureWrap {
	margin: 0 0 10px;
	border: 1px solid #BBDCF4;
	background: transparent url(/img/0910/bg_maincont_cloud.gif) repeat-x left bottom;
}
.featureWrap td .featurerecoName {
	margin: 1px 1px 10px;
	padding: 0;
	height: 24px;
	background-image: url(/img/0910/heading_topfeature_cloud.gif);
}
.featureWrap ul {
	margin: 0 8px 0 12px;
}
.featureWrap li {
	margin: 0 0 2px;
}
.featureWrap .featName {
	margin: 0;
	padding: 0;
}
.featureWrap td .featurerecoName a {
	margin: 0;
	padding: 4px 10px 4px 3px;
	background: transparent url(/img/0910/icon_articlelist_cloud.gif) no-repeat 3.1em 6px;
	float: right;
	height: auto;
	font-size: 10px;
}
.featureWrap h4,
.featureWrap .featName p {
	padding: 0;
}
.featureWrap .fr {
	margin-top: 0;
}
.featureWrap table {
	border-spacing: 0;
	width: 601px;
}
.featureWrap td {
	border: 0;
	background-color: transparent;
	width: auto;
}
.featureWrap td  p {
	font-size: 108%;
}
.featureWrap .fr a:link,
.featureWrap .fr a:visited {
	border-color: #aaa;
}
.featureWrap .fr a:hover {
	border-color: #0099ff;
}
#jpWrap #mainC .catLst {
	border: 0;
	margin: 0 auto 10px;
	padding: 1px 0 0;
	border: 1px solid #BBDCF4;
	background: transparent url(/img/0910/bg_maincont_cloud.gif) no-repeat left bottom;
	width: 599px;
}
#jpWrap #mainC .catLst .inner {
	border-top: none;
	margin: 0;
	padding: 0 5px 5px;
}
#jpWrap #mainC #recommend {
	border: 1px solid #BBDCF4;
	background: transparent url(/img/0910/bg_maincont_cloud.gif) no-repeat left bottom;
	width: 599px;
}
#jpWrap #mainC #recommend .inner {
	padding: 0 8px 5px 12px;
}
#jpWrap #mainC #recommend .inner a:link {
	color: #003377;
}
#jpWrap #mainC #recommend .inner a:visited {
	color: #1F638A;
}
#jpWrap #mainC #recommend .inner a:hover {
	color: #0099ff;
}
#jpWrap #mainC #recommend h3 {
	background: none;
	font-weight: bold;
}
#jpWrap #mainC #recommend .inner h3 {
	padding: 0;
}
#jpWrap #mainC #recommend .relList li {
	background: transparent url(/img/0910/icon_relatelist_av.gif) no-repeat left 2px;
}
#recommend h3 a .fr {
	border: 1px solid #aaa;
}
#recommend h3 a .fr img {
	margin: 1px;
}
#jpWrap #mainC .catLst .brdr {
	margin: 10px 0 5px;
	text-align: center;
}
#jpWrap #mainC .subcatName {
	margin: 0 1px 10px;
	padding: 0;
	background: none;
	clear: both;
	font-size:108%;
	border: 0;
}
#jpWrap #mainC .subcatName h3 {
	margin: 0;
	padding: 24px 0 0;
	height: 0;
	overflow: hidden;
	float: none;
}
#jpWrap #mainC #recommend .subcatName h3 {
	background: transparent url(/img/0910/heading_special_cloud.gif) no-repeat left top;
}
#jpWrap #mainC #latest h3 {
	background: transparent url(/img/0910/heading_latest_cloud.gif) no-repeat left top;
}
#jpWrap #mainC #news h3 {
	background: transparent url(/img/0910/heading_news_cloud.gif) no-repeat left top;
}
#jpWrap #mainC ul.artLst {
	margin: 3px 0 7px;
	padding: 0;
	float: left;
	width:436px;
}
#jpWrap #mainC ul.artLst li {
	margin: 3px 0 10px 5px;
	padding-left: 12px;
	background: transparent url(/img/0910/icon_articlelist_cloud.gif) no-repeat left 2px;
}
#jpWrap #mainC ul.artLst li h3 {
	font-size: 108%;
}
#jpWrap #mainC ul.thumb {
	margin: 3px 0 7px;
	padding: 3px;
	background-color: #E6F2FB;
	border: 0;
	float: right;
	width: 141px;
}
#jpWrap #mainC ul.thumb li {
	margin: 1px 1px 1px 2px;
	padding: 0;
	border: 0;
	background-color: #fff;
	float: left;
	width: 44px;
}
#jpWrap #mainC .thumb a {
	border: 1px solid #aaa;
	display: block;
}
#jpWrap #mainC .thumb a:hover {
	border: 1px solid #0099ff;
}
#jpWrap #mainC .thumb img {
	margin: 1px;
}
#cloud #jpWrap #mainC #serHeader p.featurename {
	background-color: #51AAEA;
}
#jpWrap #mainC #latest .inner {
	margin: 0;
	padding: 0;
}
#jpWrap #mainC #latest ul {
	margin: 0;
	padding: 0 8px 0 12px;
}
#jpWrap #mainC #latest li {
	margin: 0 0 10px;
}
#jpWrap #mainC #latest li h4 {
	margin-bottom: 5px;
	font-size: 123.1%;
	font-weight: bold;
}
#jpWrap #mainC #latest li .fr {
	margin: 2px 0 2px 5px;
}
#jpWrap #mainC #latest li .fr a {
	border: 1px solid #aaa;
	display: block;
}
#jpWrap #mainC #latest li .fr a:hover {
	border-color: #0099ff;
}
#jpWrap #mainC #latest li .fr a img {
	margin: 1px;
}
/* #sideL */
#sideL h5#sideLpo {
	margin: 0;
	padding: 0;
	background: transparent url() no-repeat left top;
	font-weight: normal;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
#sideL ul.ltLpo {
	margin: 0 0 5px;
	padding: 0;
}
#sideL ul.ltLpo li {
	margin: 0 0 1px;
	padding: 3px 0 5px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	word-break: break-all;
}
#sideL ul.ltLpo li h6 {
	margin-left: 5px;
}
#sideL ul.ltLpo li p {
	text-align: center;
}
#sideL ul.ltLpo li p span {
	display: block;
}
#sideL .sideelem {
	margin: 0 0 10px;
	padding: 1px;
	background: transparent url(/img/0910/bg_sidelelem_cloud.gif) no-repeat left bottom;
}
#sideL .sideelem h4 {
	padding: 5px 5px 3px;
	background: #ccc url(/img/0910/bg_sidelelem_h4_cloud.gif) no-repeat left top;
	color: #000;
	height: 15px;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
}
#sideL .sideelem .alcenter {
	margin: 0 auto;
	background-color: #fff;
	width: 82px;
}
#sideL .sideelem .alcenter a {
	display: block;
	width: 82px;
	border: 1px solid #aaa;
}
#sideL .sideelem .alcenter a:hover {
	border-color: #0099ff;
}
#sideL .sideelem .alcenter a img {
	margin: 1px;
}
#sideL .sideelem ul {
	margin: 5px 0 0;
}
#sideL .sideelem li {
	margin: 0 0 7px;
	padding: 0 2px 10px 0;
	background: transparent url(/img/0910/border_sidelelem_cloud.gif) no-repeat center bottom;
}
#sideL .sideelem li h3 {
	margin: 0 2px 3px 0;
	background: transparent url(/img/0910/icon_articlelist_cloud.gif) no-repeat left 1px;
	font-size: 93%;
}

/* #sideR Ranking */
#sideR #sideRank ol {
	margin: 10px 6px;
	padding: 0;
	color: #000;
}
#sideR #sideRank li {
	margin: 10px 0;
	padding: 0;
}
#sideR #sideRank li p {
	margin: 1px 3px;
	padding: 0;
	float: left;
	font-family: Helvetica,Arial,Verdana,sans-serif;
}
#sideR #sideRank li h6 {
	margin: 1px 0;
	padding: 0 0 0 2px;
	float: left;
}
#sideR #sideRank li p {
	width: 16px;
}
#jpWrap #sideR #sideRank p.period {
	margin: 2px 5px 0;
	padding: 5px 5px 0 5px;
	border-top: 1px solid #666;
	font-size: 93%;
	text-align: right;
}
/* 20110117 */
#jpWrap #mainC #amwlpo .lpoLstBox ul {
	float: none;
	width: auto;
}
#jpWrap #mainC #amwlpo .lpoLstBox li {
	margin: 0 0 3px;
}
/* ClearFix */
#sideR #sideRank li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sideR #sideRank li {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #sideR #sideRank li {
	height: 1%;
}
#sideR #sideRank li {
	display: block;
}
/* End hide from IE-mac */