/*
----------------------------------------------------------------------
Portal Base
----------------------------------------------------------------------
*/

#contents{
}

#contents-Main{
	width: 630px;
	margin-right: 20px;
	float: left;
}

#contents-Side{
	width:300px;
	float: right;
}

/*
----------------------------------------------------------------------
Portal Index
----------------------------------------------------------------------
*/
.contents-BoxW , .contents-BoxO{
	border: 1px solid #f38108;
	margin-bottom: 20px;
	padding:14px 14px 17px 14px;
	position: relative;
}

.contents-BoxW{
	background: #fff;
}

.contents-BoxO{
	background: #fff5ec;
}

.contents-Main-RecommendMore , .contents-Side-BlogdesignMore , .contents-Main-InfoMore{
	position: absolute;
	top:13px;
	right: 13px;
}

/*
----------------------------------------------------------------------
Portal Main
----------------------------------------------------------------------
*/

/*メインビジュアル*/
#contents-Main-Visual{
	margin-bottom: 20px;
}

/*人気の記事*/
#contents-Main-Popular{
}

#contents-Main-Popular dt , #contents-Main-Popular dd{
	border-bottom: 1px dotted #cccccc;
	padding-top: 11px;
	padding-bottom: 4px;
}

#contents-Main-Popular dt{
	width: 18px;
	height: 18px;
	padding-right: 12px;
	float: left;
}

#contents-Main-Popular dd{
	line-height: 18px;
	width: 570px;
	height: 18px;
	float: right;
}

/*おすすめブログ*/
#contents-Main-Recommend{
	font-size: 85%;
	margin-top: 10px;
	overflow: hidden;
}

.contents-Main-RecommendList{
	width: 108px;
	margin-left:15px;
	float: left;
}

.contents-Main-RecommendList:first-child{
	margin-left: 0px;
}

.contents-Main-RecommendList dt{
	background: #fff;
	border: 1px solid #d3d1d0;
	width:104px;
	height: 104px;
	margin-bottom: 10px;
	padding:1px;
}

/*新着記事*/
#contents-Main-New{
}

#contents-Main-New dt , #contents-Main-New dd{
	border-bottom: 1px dotted #cccccc;
	padding-top: 11px;
	padding-bottom: 4px;
}

#contents-Main-New dt{
	width: 35px;
	height: 18px;
	padding-right: 12px;
	float: left;
}

#contents-Main-New dd{
	line-height: 18px;
	width: 553px;
	height: 18px;
	float: right;
}

/*カテゴリ一覧*/
#contents-Main-CategoryBox1{
	margin-top: 10px;
}

#contents-Main-CategoryBox2{
	margin-top: 20px;
}

.contents-Main-CategoryL , .contents-Main-CategoryR{
	width:290px;
}

.contents-Main-CategoryL{
	float: left;
}

.contents-Main-CategoryR{
	float: right;
}

.contents-Main-CategoryH3{
	background: #fffbe8;
	font-size: 110%;
	font-weight: bold;
	line-height: 32px;
	border-left: 10px solid #ff9900;
	height: 32px;
	padding-left: 6px;
}

.contents-Main-CategoryList{
	margin-top: 10px;
}

.contents-Main-CategoryList li{
	line-height: 160%;
	margin-right: 17px;
	display: inline-block;
}

/* お知らせ */
#contents-Main-Info{
}

#contents-Main-Info li{
	margin-top: 10px;
}

#contents-Main-Info span{
	font-size: 85%;
}

/* ブログ一覧 */

/* ブログを作る */
.contents-Main-BlCreate{
	position: absolute;
	top:14px;
	right: 14px;
}
.contents-Main-BlCreateWrapper {
	margin:5px 0 20px;
}

.contents-Main-BlCreateLarge {
	background:url(/_common/img/portal/sprite-fanblogs.png) left top no-repeat;
	width:165px;
	height:40px;
	background-position:-127px -170px;
	display:inline-block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

/* main or sub blog , title url area */
.contents-Main-BlTitleArea {
	padding-left:4.5px
}
.contents-Main-BlTitleArea .BlogKind {
	display: block;
	float: left;
	background: #888;
	color: #fff;
	width: 110px;
	font-size: 1em;
	margin-right: 10px;
	padding: 0.75em 0;
	text-align: center;
	font-weight: bold;
}
.contents-Main-BlTitleArea .BlogKind.Main {
	background: #a00;
}
.contents-Main-BlTitleArea .Context {
	display: inline-block;
	height: 2em;
	padding: 0.1em 0;
}
.contents-Main-BlTitleArea .Context h3 {
	font-weight: bold;
}
.contents-Main-BlTitleArea .Context p {
	color: #666;
	font-size: 0.85em;
	margin-top:0.3em;
}

/* blog category */
.contents-Main-BlCategory {
	margin:7px 0 10px 4.5px;
}
.contents-Main-BlCategory .Box{
	display: block;
	float: left;
	color: #fff;
	width: 110px;
	font-size: 1em;
	margin-right: 10px;
	padding: 0.25em 0;
	text-align: center;
}
.contents-Main-BlCategory .Context {
	display: inline-block;
	height: 2em;
	padding: 0.35em 0;
}

/* article update and blog pv */
.contents-Main-ArticleUpdateAndBlogPv {
	display: table;
	margin: 0 5px -10px;
	border-radius: 3px;
	background-color: #fff5ec;
}

/* article update */
.contents-Main-ArticleUpdate {
	display: table-cell;
	vertical-align: middle;
}
.contents-Main-ArticleUpdate-inner {
	display: inline-block;
	margin: 10px 0px 10px 10px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.contents-Main-ArticleUpdate .ArticleUpdateHeader,
.contents-Main-ArticleUpdate .ArticleUpdateCount {
	margin-right: 8px;
	line-height: 30px;
}
.contents-Main-ArticleUpdate .ArticleUpdateHeader {
	font-size: 12px;
}
.contents-Main-ArticleUpdate .ArticleUpdateCount {
	color :#c00;
	font-size: 14px;
	font-weight: bold;
}
.contents-Main-ArticleUpdate .ArticleUpdateBody img {
	vertical-align: middle;
}

/* blog pv */
.contents-Main-BlogPv {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.contents-Main-BlogPv dl {
	display: table;
	font-size: 95%;
}
.contents-Main-BlogPv dl dt {
	display: table-row;
}
.contents-Main-BlogPv dl dd {
	display: table-cell;
	padding-right: 5px;
}
.contents-Main-BlogPv dl dd a {
	color: #333333;
	text-decoration: none;
}
.contents-Main-BlogPv dl dd span {
	border-bottom: 1px solid #333333;
}
.contents-Main-BlogPv dl dd span.blog-pv-today {
	color: #cc0000;
	font-weight: bold;
	border-bottom: 1px solid #cc0000;
}
.contents-Main-BlogPv dl dd span.blog-pv-yesterday {
	color: #cc0000;
	font-weight: bold;
	border-bottom: 1px solid #cc0000;
}

/* button */
.contents-Main-Func {
	margin:20px 0;
}

/* */
.contents-Main-BlInfo{
	margin-left:4.5px;
	margin-bottom: 10px;
}

.contents-Main-BlInfo li{
	margin-left: 25px;
	float: left;
}

.contents-Main-BlInfo li:first-child{
	margin-left: 0px;
}

/* ranking */

.contents-Main-BlRanking{
	background: url(/_common/img/portal/sprite-fanblogs.png) left top no-repeat;
	width: 130px;
	height: 22px;
	background-position: 0px -172px;
	display: inline-block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	margin-right: 5px;
}
.contents-Main-BlRankingStat {
	margin-left:4.5px;
	margin-bottom:5px;
}
.contents-Main-BlRankingStat span {
	display: inline-block;
	vertical-align: top;
	font-size:110%;
}

.contents-Main-BlRankingUp{
	background: url(/_common/img/common/icon_arrowU1.png) right center no-repeat;
	color: #CC0000;
	font-weight: bold;
	padding-right:16px; 
}

.contents-Main-BlRankingDown{
	background: url(/_common/img/common/icon_arrowD2.png) right center no-repeat;
	color: #1197cf;
	font-weight: bold;
	padding-right:16px; 
}

.contents-Main-BlRankingUn{
	background: url(/_common/img/common/icon_arrowR3.png) right center no-repeat;
	color: #007d5e;
	font-weight: bold;
	padding-right:16px; 
}
.contents-Main-BlRankingOut{
	color: #1197cf;
	font-weight: bold;
	padding-right:16px; 
}

.contents-Main-BlDisk{
	color: #666666;
	font-size: 85%;
	margin-left:4.5px;
}
.contents-Main-BlDisk a {
	display: inline-block;
	padding: 5px;
	border-radius: 4px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
.contents-Main-BlDisk a:hover {
	opacity:0.8;
}

.contents-Main-BlMore{
	color: #003366;
	text-align: center;
	margin-top: 10px;
	margin-bottom: -7px;
	cursor: pointer;
}

/* 特集 */
#contents-Main-Feature{
	font-size: 85%;
	margin-top: 10px;
}

#contents-Main-Feature li{
	float: left;
}

#contents-Main-Feature li:first-child{
	margin-right: 20px;
}

#contents-Main-Feature dt{
	margin-bottom: 10px;
}

/* 新着・人気プログラム */
.contents-Main-Program{
	margin-top: 10px;
	margin-bottom: -5px;
}

.contents-Main-Program li{
	background: url(/_common/img/common/icon_arrowR2.png) left 8px no-repeat;
	border-top: 1px dotted #cccccc;
	width:570px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left:15px;
}

.contents-Main-Program li:first-child{
	border-top: 0px;
}

.contents-Main-Program li a{
	text-decoration: none;
}

/*
----------------------------------------------------------------------
RecommendBlog
----------------------------------------------------------------------
*/
#contents-Main-RecommendBlog{
	margin-top: 20px;
}

#contents-Main-RecommendBlog li{
	margin-bottom: 24px;
}

#contents-Main-RecommendBlog dt{
	width: 60px;
	float: left;
}

#contents-Main-RecommendBlog dd{
	width: 525px;
	float: right;
}

.contents-Main-RecommendBlogH3{
	font-size: 110%;
	margin-bottom: 10px;
}

#contents-Main-RecommendBlog p{
	margin-bottom: 5px;
}

.contents-Main-RecommendBlogColorO{color: #f38108;}
.contents-Main-RecommendBlogColorO a{color: #f38108; text-decoration: none;}
.contents-Main-RecommendBlogColorG{color: #666;}

#contents-Main-RecommendBlogCategory{
	border: 2px solid #eeeeee;
	margin-bottom: 30px;
	padding:9px 9px 0px 9px;
}

#contents-Main-RecommendBlogCategory h3{
	font-weight: bold;
	border-left:10px solid #ff9900;
	padding-left: 5px;
}

#contents-Main-RecommendBlogCategory ul{
	font-size: 90%;
	margin-top: 10px;	
}

#contents-Main-RecommendBlogCategory li{
	width: 23.4%;
	margin-bottom: 10px;
	float: left;
}

/*
----------------------------------------------------------------------
Potal Side
----------------------------------------------------------------------
*/

/*ログイン*/
#contents-Side-Login{
	background: url(/_common/img/portal/bg_loginform.png);
	width:270px;
	height: 144px;
	margin-bottom: 15px;
	padding:15px;
}

#contents-Side-LoginInput{
}

#contents-Side-LoginInput dt{
	line-height: 30px;
	height: 30px;
	margin-bottom: 15px;
	float: left;
}

#contents-Side-LoginInput dd{
	width: 200px;
	margin-bottom: 15px;
	float: right;
}

#contents-Side-Login input[type="text"] , #contents-Side-Login input[type="password"]{
	border:0px;
	width:190px;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
}

#contents-Side-Login input[type="submit"]{
	background: url(/_common/img/common/bg_button_green.png);
	color: #fff;
	font-weight: bold;
	border:0px;
	width: 178px;
	height: 35px;
}

#contents-Side-Login input[type="submit"]:hover{
	cursor: pointer;
}

#contents-Side-LoginSupport{
	font-size: 80%;
	text-align: center;
	margin-top: 10px;
}

#contents-Side-LoginSupport li{
	display: inline-block;
}

/* バナー */
.contents-Side-Banner{
	margin-bottom: 20px;
}

/* 検索 */
#contents-Side-Search{
	margin-bottom: 20px;
}

#contents-Side-Search input[type="text"]{
	background: url(/_common/img/portal/bg_search_input.png);
	border: 0px;
	width:255px;
	height: 30px;
	padding-right: 5px;
	padding-left: 5px;
}

#contents-Side-Search input[type="submit"]{
	background: url(/_common/img/portal/bg_search_submit.png);
	text-indent: -9999px;
	border: 0px;
	width: 35px;
	height: 30px;
}

#contents-Side-Search input[type="submit"]:hover{
	cursor: pointer;
}

/* お知らせ */
#contents-Side-Info{
	margin-top: 10px;
}

#contents-Side-Info li{
	margin-bottom: 10px;
}

#contents-Side-Info span{
	font-size: 85%;
}

/* ブログテーマ */
#contents-Side-Theme{
	margin-top: 10px;
}

#contents-Side-Theme h3{
	font-weight: bold;
	margin-bottom: 10px;
}

/* ブログデザイン */
#contents-Side-Blogdesign{
	width: 280px;
	margin-right: -10px;
	overflow: hidden;
}

#contents-Side-Blogdesign li{
	width: 60px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

#imgPreviewWithStyles {
	background: #fff url(/js/loading.gif) no-repeat center;
	padding: 15px;
	z-index: 999;
}

#imgPreviewWithStyles span {
	color: white;
	text-align: center;
	display: block;
	padding: 10px 0 3px 0;
}

/* きせかえ */
#contents-Side-Colorchange{
}

#contents-Side-Colorchange dt , #contents-Side-Colorchange dd{
	height: 26px;
	float: left;
}

#contents-Side-Colorchange dt img{
	margin-top:6px;
	margin-right: 3px;
}

#contents-Side-Colorchange dd{
	margin-left: 20px;
}

#contents-Side-Colorchange a{
	text-indent: -9999px;
	width: 26px;
	height: 26px;
	display: block;
	overflow: hidden;
}

.contents-Side-ColorchangeC1{background:#f38108;}
.contents-Side-ColorchangeC2{background:#37a0d1;}
.contents-Side-ColorchangeC3{background:#f77979;}
.contents-Side-ColorchangeC4{background:#34b060;}

/*
2015-09 改修
*/
.cms-portal-button {
display:inline-block;
padding-left:4.5px
}
.cms-portal-button a {
background: url(/_common/img/portal/sprite-fanblogs.png) left top no-repeat;
width:76px;
height:80px;
display:inline-block;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
}
.cms-portal-button.article-regist a {
background-position: 0px 0px;
}
.cms-portal-button.article-regist a:hover {
background-position: 0px -85px;
}
.cms-portal-button.article-edit a {
background-position: -84px 0px;
}
.cms-portal-button.article-edit a:hover {
background-position: -84px -85px;
}

.cms-portal-button.upload a {
background-position: -168px 0px;
}
.cms-portal-button.upload a:hover {
background-position: -168px -85px;
}

.cms-portal-button.comment a {
background-position: -252px 0px;
}
.cms-portal-button.comment a:hover {
background-position: -252px -85px;
}

.cms-portal-button.design a {
background-position: -336px 0px;
}
.cms-portal-button.design a:hover {
background-position: -336px -85px;
}

.cms-portal-button.accesslog a {
background-position: -420px 0px;
}
.cms-portal-button.accesslog a:hover {
background-position: -420px -85px;
}

.cms-portal-button.settings a {
background-position: -504px 0px;
}
.cms-portal-button.settings a:hover {
background-position: -504px -85px;
}

.contents-Main-Bl {
background:#fff;
padding: 10px 5px;
margin: 10px 0;
border-top: 4px solid;
}

.contents-Main-Bl.blog-main {
border-color: #a00;
}
.contents-Main-Bl.blog-sub {
border-color: #888;
}

.external-link {
background: url(/_common/img/portal/sprite-fanblogs.png) left top no-repeat;
width:10px;
height:10px;
background-position: -461px -172px;
display:inline-block;
}

.cms-portal-button--update-status {
float:right;
padding-top:10px;
padding-right: 8px;
}
.cms-portal-button--update-status a {
background-image: url(/_common/img/portal/sprite-fanblogs.png);
background-repeat: no-repeat;
width:150px;
height:25px;
background-position: -296px -174px;
border-radius:3px;
display:inline-block;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
}
.cms-portal-button--update-status a:hover {
opacity:0.8;
}

/*
2015-11 改修
*/
.contents-Main-InfoMore-exist-message {
float: right;
}

.contents-Main-Info-Message {
margin: 2px 0 10px;
padding: 10px 0 10px 25px;
background: url(/_common/img/portal/icon_message.png) no-repeat 0% 50%;
border-bottom: 1px dotted #bfc1c2;
}

/*
----------------------------------------------------------------------
End
----------------------------------------------------------------------
*/