@charset "utf-8";

/*********************************************************************
*  テーマTOPページ用コンテンツ定義
*********************************************************************/

/* 新着記事 */
#mainContents .newList{
	display:block;
	overflow:hidden;
}
#mainContents .newList ul{
	display:block;
	overflow:hidden;
}
#mainContents .newList li{
	background:none;
	padding:0;
}
#mainContents .newList .image{
	display:block;
	width:130px;
	float:right;
	clear:right;
	margin:0 0 5px 10px;
	text-align:center;
}
#mainContents .newList .image img{
	width:auto;
	height:auto;
	max-width:128px;
	max-height:128px;
	border:1px solid #d1d1d1;
}
* html body #mainContents .newList .image img{
	width:128px;
}
* html body #mainContents .newList .image{
	height:130px;
	overflow:hidden;
}
#mainContents .newList .title,
#mainContents .newList .title a{
	display:inline;
	clear:both;
}
#mainContents .newList .date{
	*display:inline;
}
#mainContents .left .newList .image,
#mainContents .right .newList .image{
	width:60px;
}
#mainContents .left .newList .image img,
#mainContents .right .newList .image img{
	width:58px;
}
* html body #mainContents .left .newList .image img,
* html body #mainContents .right .newList .image img{
	width:58px;
}
* html body #mainContents .left .newList .image,
* html body #mainContents .right .newList .image{
	height:auto;
	overflow:hidden;
}
#mainContents .left .newList li .topTitle,
#mainContents .right .newList li .topTitle{
	display:block;
	margin-top:3px;
	margin-bottom:3px;
}


#mainContents .pickupList li {
	clear:both;
	overflow:hidden;
	padding-bottom:5px;
}
#mainContents .pickupList li .title{
	background: url(/images/ms/mega-solar/common/2013/common/icon02.gif) no-repeat scroll left 4px transparent;
	padding: 0 0 0 12px;
	display:block;
	overflow:hidden;
}
#mainContents .pickupList li.first .title{
	background-position:left 6px;
}
#mainContents .pickupList li.first .title a{
	font-size:110%;
	font-weight:bold;
}
#mainContents .pickupList li .title .date{
	padding-left:5px;
}
#mainContents .pickupList li .subTitle {
	display:block;
	overflow:hidden;
	margin:3px 0 0 0;
	padding: 0 0 0 12px;
}
#mainContents .pickupList li.first .subTitle {
	font-weight:bold;
}
#mainContents .pickupList li .subTitle a{
	color:#333;
}
#mainContents .pickupList li .summary{
	font-size:85%;
	line-height:1.6;
	margin:10px 0 0 0;
}
#mainContents .left .pickupList li .summary,
#mainContents .right .pickupList li .summary{
	font-size:90%;
}
#mainContents .pickupList li.first span.image{
	margin:10px 15px 10px 0;
}
#mainContents .left .pickupList li.first span.image,
#mainContents .right .pickupList li.first span.image{
	margin:0 10px 5px 0;
}
#mainContents .pickupList li.first span.image img{
	width:160px;
}
#mainContents .left .pickupList li.first span.image img,
#mainContents .right .pickupList li.first span.image img{
	width:110px;
}
#mainContents .left .pickupList li.first span.topTitle,
#mainContents .right .pickupList li.first span.topTitle{
	display:block;
	margin-top:3px;
	margin-bottom:3px;
}
#mainContents .left .pickupList li .title,
#mainContents .right .pickupList li .title{
	background:none;
	padding: 0;
}
#mainContents .left .pickupList li .subTitle,
#mainContents .right .pickupList li .subTitle{
	padding: 0;
}


#mainContents .mainCommonBox .mallList li{
	display:block;
	overflow:hidden;
	background:url(/images/ms/mega-solar/common/2013/common/dot_border.gif) left bottom repeat-x;
	padding:0 0 10px 0;
	font-size:95%;
}
#mainContents .mainCommonBox .mallList li a{
	background: url(/images/ms/mega-solar/common/2013/common/icon03.gif) no-repeat scroll left 4px transparent;
	padding: 0 8px 0 12px;
	display:block;
	overflow:hidden;
}
#mainContents .mainCommonBox .mallList li{
	display:block;
	overflow:hidden;
	background:url(/images/ms/mega-solar/common/2013/common/dot_border.gif) left top repeat-x;
	padding:10px 0 0 0;
}
#mainContents .mainCommonBox .mallList li:first-child{
	background:none;
	padding:0;
}

#mainContents .pickupImgList li.first:first-child{
	padding-bottom: 15px;
}
#mainContents .pickupImgList li.first .title{
	background: url(/images/ms/mega-solar/common/2013/common/icon02.gif) no-repeat scroll left 4px transparent;
	padding: 0 0 0 12px;
	display:block;
	overflow:hidden;
}
#mainContents .pickupImgList li.first .title a{
	font-size:110%;
	font-weight:bold;
}
#mainContents .pickupImgList li .topTitle{
	font-size:85%;
}
#mainContents .pickupImgList li .title .date{
	padding-left:5px;
}
#mainContents .pickupImgList li .subTitle {
	color:#333;
	display:block;
	overflow:hidden;
}
#mainContents .pickupImgList li.first .subTitle {
	font-weight:bold;
	padding: 0 0 0 12px;
}
#mainContents .pickupImgList li .subTitle a{
	color:#333;
}
#mainContents .pickupImgList li span.image{
	margin:0 10px 10px 0;
}
#mainContents .pickupImgList li.first span.image{
	margin:0 0 10px 10px;
	float:right;
}
#mainContents .pickupImgList li.first span.image img{
	width:158px;
}
#mainContents .left .pickupImgList li.first span.image img,
#mainContents .right .pickupImgList li.first span.image img{
	width:110px;
}
#mainContents .left .pickupImgList li.first span.topTitle,
#mainContents .right .pickupImgList li.first span.topTitle{
	display:block;
	margin-top:3px;
}

#mainContents .mainCommonBox .left{
	float:left;
	width:255px;
	font-size:90%;
}
#mainContents .mainCommonBox .right{
	float:right;
	width:255px;
	font-size:90%;
}
#mainContents .mainCommonBoxW64 .left{
	width:299px;
}
#mainContents .mainCommonBoxW64 .right{
	width:211px;
}
#mainContents .mainCommonBoxW46 .left{
	width:211px;
}
#mainContents .mainCommonBoxW46 .right{
	width:299px;
}

#mainContents .left li .auth,
#mainContents .right li .auth{
	margin-top:3px;
}
#mainContents .left li .type .icon,
#mainContents .right li .type .icon{
	margin-top:3px;
}