@charset "UTF-8";


/* 初期化 */
body {
	line-height: 1.0em;
}
dl, dt, dd, ul, li, ol {
	line-height:0;
	margin: 0;
	padding: 0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight:normal;
}
p {
	line-height: 1.5em;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	display: block;
}
.center {
	display:block;
	margin:auto;
}
ul li img {
	vertical-align:bottom;
}


/* フォントテンプレート */
.blue {
	color: #0000FF;
}
.red {
	color: #ff0000;
}
.red_b {
	font-weight:bold;
	font-size:18;
	color: #ff0000;
}
.white {
	color: #ffffff;
}
.black {
	color: #000000;
}
.gray {
	color: #777777;
}

.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }

.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!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; }
.mb50 { margin-bottom: 50px!important; }

.ml5 { margin-left: 5px!important; }

.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }

.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }

.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }

.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }

.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }


/* template css */
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.relative {
	position: relative;
}
.clearB {
	clear: both;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;

}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.block {
	display: block;
}


/* 透過の設定 */
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}



/* =====================================

	全体設定

===================================== */
body {
	margin: 0;
	padding: 10px;
	font-size: 12px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"verdana","MS UI Gothic", "lr oSVbN", "qMmpS Pro W3","ＭＳ Ｐゴシック","MS P Gothic";
	color: #333333;
	background:#fff;
}
#contents a:link {
	color: #E60876;
}
#contents a:visited {
	color: #E60876;
}
#contents a:hover {
	color: #FF3300;
}
#contents a:active {
	color: #FF3300;
}



/* =====================================

	content

===================================== */
div#contents {
	margin:20px auto 40px;
	border-bottom: 1px solid #ff0f84;
	width:1000px;
	background: url(/navigate/application/momo/img/index_bg_002.gif) repeat-y left bottom;
}
div#contentsInner {
	background: url(/navigate/application/momo/img/index_bg_001.jpg) no-repeat left top;
}
.backNumber .sectionInner,
.character .sectionInner {
	width: 940px;
	margin:0 auto;
	padding-bottom: 28px;
	background: url(/navigate/application/momo/img/index_bg_003.gif) no-repeat left bottom;
}
.character .sectionInner {
	padding-bottom: 0;
}
.backNumber {
	margin-bottom: 10px;
}
.character {
	margin-bottom: 40px;
}


/* 2カラム */
.column2WrapA01 .columnBlock01,
.column2WrapA01 .columnBlock02 {
	width: 440px;
	margin-left: 18px;
	margin-top: 28px;
	*margin-top: 22px;
	_margin-top: 22px;
	float: left;
	_display: inline;
}
.column2WrapA01 .columnBlock01 .imgBlock01,
.column2WrapA01 .columnBlock02 .imgBlock01 {
	width: 105px;
	float: left;
}
.column2WrapA01 .columnBlock01 .txtBlock01,
.column2WrapA01 .columnBlock02 .txtBlock01 {
	margin-left: 105px;
	min-height: 90px;
	_height: 90px;
}
.column2WrapA01 h3 {
	margin-bottom: 5px;
	line-height: 1.2;
	font-size: 120%;
	font-weight: bold;
}
.column2WrapA01 p {
	margin-bottom: 1em;
	*font-size: 90%;
	_font-size: 90%;
}
.column2WrapA01 .btnBlock01 {
	text-align: right;
}
.column2WrapA01 .btnBlock01 img {
	display: inline;
}


/* 3カラム */
.column3WrapA01 .columnBlock01,
.column3WrapA01 .columnBlock02,
.column3WrapA01 .columnBlock03 {
	float: left;
	_display: inline;
}
.column3WrapA01 .imgBlock01 {
	float: left;
}
.column3WrapA01 .columnBlock01 {
	width: 309px;
}
.column3WrapA01 .columnBlock02 {
	width: 312px;
}
.column3WrapA01 .columnBlock03 {
	width: 290px;
}
.column3WrapA01 .columnBlock01 dd p {
	margin-left: 132px;
}
.column3WrapA01 .columnBlock02 dd p {
	margin-left: 98px;
}
.column3WrapA01 .columnBlock03 dd p {
	margin-left: 108px;
}


/* ボタンエリア */
.imgBlock01 .btnBlock01,
.imgBlock01 .btnBlock02 {
	position: absolute;
	top: 0;
	left: 30px;
}
.imgBlock01 .btnBlock02 {
	top: 54px;
	left: 845px;
}


/* SNSエリア */
#btnArea01 {
	width: 1000px;
	margin: 20px auto 0;
}
#toIndexTop,
.SnsBox {
	float: right;
}
#toIndexTop {
	/*width:174px;*/
	height:29px;
	align: right;
	display: block;
	margin:0px 0px 0;
	text-align: right;
	float:right;
}
.toTop {
display: block;
text-align: left;
margin:0px 0px 0px 5px;
}
.SnsButton {
float:right;
margin:5px 0px;
text-align: left;
}
.SnsBox {
width: 290px;
display: block;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0x;
padding-bottom: 0px;
text-align:left;
}
.twt{display:table-cell;vertical-align:middle; float:right; width:120px; _margin-right: -45px;}
.fb{display:table-cell;vertical-align:middle; float:right;}



/* ▼ 固有ID ===== */
#header {
	background: url(/help/images/help_hbk.gif) center bottom repeat-x;
	zoom: 1;
}
#footer {
	background: url(/help/images/help_fbk.gif) center left repeat-x;
	zoom: 1;
}
#header img, #footer img {
	display: block;
	float: left;
}
#header a {
	float: right;
	background: url(/help/images/help_h5.gif) center right no-repeat;
}
#header img.shut {
	padding-right: 9px;
}
#footer img#copy {
	float: right;
}
#header:after, #header a:after, #footer:after, .SnsBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}











