@charset "shift_jis";

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

マスコット活動日誌 CSS Document PC

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

/* 特設ページのみで使用するレイアウト */
#bodywall{ width: 100%; padding:20px 0px; }


/* キービジュアル部分の説明文レイアウト */
.mascot_layout #TitleWrapper {margin-bottom: 10px; }
.mascot_layout #TitleWrapper h1{ line-height: 0; font-size: 0; }

/* メインコンテンツ部分 */
.mascot_layout #ListUpWrapper {
	width:760px;
	margin:0 auto;
}
.mascot_layout #ListUpWrapper .wrapIn{ padding: 20px 15px; }
.mascot_layout .boderBottom{ border-bottom: 3px solid #ccc; padding-bottom: 25px; margin-bottom: 25px; clear: both; }
.mascot_layout .boderBgBottom{ background: url(/damtomo/includes/images/feature/mascot2016/bg_line.jpg) no-repeat left bottom; padding-bottom: 30px; margin-bottom: 25px; clear: both; }
/* リードエリア */
.mascot_layout #leadArea{ margin: 0 auto 15px auto; padding-bottom: 15px; border-bottom: 1px solid #ccc;  }
.mascot_layout #leadArea h2{
	float: left;
	width: 500px;
	text-align: left;
}
.mascot_layout #leadArea p{
	float: right;
	width: 222px;
	padding-top: 45px;
}
.mascot_layout #leadArea h2,
.mascot_layout #leadArea p{
	display: block;
	line-height:0;
	font-size: 0;
}
.mascot_layout #ListUpWrapper h3.name{ line-height: 0; font-size: 0; margin-bottom: 15px; }
.mascot_layout #ListUpWrapper .paragraph{ padding: 0 10px 10px; }
.mascot_layout #ListUpWrapper .paragraph p{ margin-bottom: 15px; font-size: 13px;}
.mascot_layout #ListUpWrapper #ending{ font-size: 17px; font-weight: bold; line-height: 1.7; text-align: center; }


/* 左右カラム */
.mascot_layout #ListUpWrapper {color:#595757;}
.mascot_layout #ListUpWrapper .padder{ clear: both; margin-bottom:15px;}
.mascot_layout #ListUpWrapper .left_layout{float:left; width: 348px;}
.mascot_layout #ListUpWrapper .right_layout{float: right; width: 356px; }
.mascot_layout #ListUpWrapper .inner_column{ padding-left: 8px; }


/* 画像と文言 */
.mascot_layout #ListUpWrapper .imgArea{ width: 310px; }
.mascot_layout #ListUpWrapper .imgArea p{ line-height:0; font-size: 0; }
.mascot_layout #ListUpWrapper .txtArea{ width: 395px; }
.mascot_layout #ListUpWrapper .oneColumn.txtArea{ width: 100%;}
.mascot_layout #ListUpWrapper .txtArea h3.name img{ width: 100%; }
.mascot_layout #ListUpWrapper .txtArea p{ margin-bottom: 15px; }
.mascot_layout #ListUpWrapper .oneColumn.txtArea p.fLeft{ margin: 15px 15px 0 0; }
.mascot_layout #ListUpWrapper .oneColumn.txtArea p.fRight{ margin: 0 0 15px 15px; }
.mascot_layout #ListUpWrapper .oneColumn.txtArea h3.name{ width: 395px; }


/* リンク部分の色設定 */
.mascot_layout #ListUpWrapper a:link,
.mascot_layout #ListUpWrapper a:visited{
	color:#595757;
	text-decoration: none;
}

.mascot_layout #ListUpWrapper a:hover{
	color:#595757;
	text-decoration: underline;
}



.mt10{margin-top: 10px !important; }
.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.mb5{margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.font18{ font-size: 18px !important; }
.fontB{ font-weight: bold !important; }
.notes { clear: both; font-size: 11px; }
.banner,
.images{ line-height: 0; font-size: 0; }
.banner{ clear: both; text-align: center; }
.red{ color: #ff0000; }
.taCenter{ text-align: center; }
.fLeft{ float: left;}
.fRight{ float: right;}
.tolist {
	margin-top: 20px;
	text-align: right;
}
/*------------------------------ clearFix */
.clr{ clear: both; }
.clrFix:after,
.mascot_layout .boderBottom:after,
.mascot_layout #leadArea:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}