@charset "UTF-8";
/* CSS Document */

/* ---------- 基本 ---------- */
body {
	background: #F8F4F0;
	font-family: Arial, Helvetica, Geneva, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	color: #393939;
}

a:link    { color: #24B5BB; text-decoration: none }
a:visited { color: #24B5BB; text-decoration: none }
a:active  { color: #24B5BB; text-decoration: none }
a:hover   { color: #24B5BB; text-decoration: underline }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clear {
	clear: both;
	line-height: 0;
}

.f10 { font-size: 62.5%; }
.f11 { font-size: 68.75%; }
.f12 { font-size: 75%; }
.f13 { font-size: 81.25%; }
.f14 { font-size: 87.5%; }
.f15 { font-size: 93.75%; }
.f16 { font-size: 100%; }
.f17 { font-size: 106.25%; }
.f18 { font-size: 112.5%; }
.f19 { font-size: 118.75%; }
.f20 { font-size: 125%; }

.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }
.lh20 { line-height: 2.0; }

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.green { color: #24B5BB; }
.pink { color: #E85298; }
.yellow { color: #FFF300; }
.gray { color: #C6C6C6; }
.darkgray { color: #666666; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }

.mr23 { margin-right: 23px; }
.ml185 { margin-left: 185px; }

/* ---------- コンテナ ---------- */
#container {
	margin: 0 auto;
	width: 960px;
	background: #FFFFFF;
}

/* ---------- ヘッダ ---------- */
header {
}

/* グローバルナビ */
header .gnavi {
	padding: 12px 30px;
	border-bottom: 3px solid #24B5BB;
}

header .gnavi .logo{
	float: left;
	width: 186px;
	height: 42px;
}

header .gnavi .menu {
	float: right;
	margin-top: 15px;
	width: 710px;
}

header .gnavi .menu ul {
	float: right;
}

header .gnavi .menu ul li {
	float: left;
	font-size: 87.5%;	/* 14px */
}

header .gnavi .menu ul li a:link { color: #393939; }
header .gnavi .menu ul li a:visited { color: #393939; }
header .gnavi .menu ul li a:active  { color: #393939; }
header .gnavi .menu ul li a:hover   { color: #24B5BB; text-decoration: none }

/* ヘッダスライダー */
header .slider {
	margin-bottom: 28px;
}

/* ---------- メイン ---------- */
#main {
}

/* NEWS */
header .topics {
	margin: 0 30px 39px 28px;
	padding: 8px 11px 7px 11px;
	font-size: 100%;	/* 16px */
	line-height: 1.25;
	color: #FFFFFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #24B5BB url(../images/img_topics_bg.png) 12px 11px no-repeat;
	behavior: url(css/PIE.htc);
	zoom:1;	/* IE8 */
	position:relative;	/* IE8 */
}

header .topics .date {
	float: left;
	margin: 1px 0 0 160px;
	width: 160px;
	font-weight: bold;
}	

header .topics .title {
	float: left;
	margin: 1px 20px 0 0;
	width: 498px;
}
header .topics .title a:link { color: #FFFFFF; }
header .topics .title a:visited { color: #FFFFFF; }
header .topics .title a:active { color: #FFFFFF; }
header .topics .title a:hover { color: #FFFFFF; text-decoration: underline }

header .topics .list {
	float: left;
	width: 26px;
	padding: 4px 7px 3px 7px;
	background: #FFFFFF;
	font-size: 81.25%;	/* 13px */
	color: #393939;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(css/PIE.htc);
	zoom:1;	/* IE8 */
	position:relative;	/* IE8 */
}
header .topics .list a:link { color: #393939; }
header .topics .list a:visited { color: #393939; }
header .topics .list a:active { color: #393939; }
header .topics .list a:hover { color: #24B5BB; text-decoration: underline }

/* ---------- コンテンツ ---------- */
article {
}

/* ヘッダ */
article .head {
	position: relative;
	margin-bottom: 38px;
	padding: 0 20px;
}

article .head .title {
	float: left;
	width: 459px;
}

article .head .photo {
	float: left;
	width: 461px;
	height: 613px;
	background: url(../images/img_headphoto_bg.png) no-repeat;
}

article .head .icon {
	position: absolute;
	top: 501px;
	left: 496px;
}

article .head .appstore {
	position: absolute;
	top: 548px;
	left: 612px;
}

/* スマホ画面スライダー */
article .head .slider {
	position: absolute;
	top: 152px;
	right: 44px;
	width: 181px;
	height: 321px;
}

/* マネボ！の特長 */

article .feature {
	margin-bottom: 43px;
	padding-left: 30px;
}

/* おもな機能 */
article .function {
	margin-bottom: 41px;
}

article .function .title {
	margin-bottom: 28px;
	padding-left: 30px;
}

article .function .carousel {
	width: 860px;
}

/* 使い方 */
article .howtouse {
	margin-bottom: 44px;
}

article .howtouse .title {
	margin-bottom: 44px;
	padding-left: 30px;
}

article .howtouse .menu {
	margin: 0 auto;
	width: 820px;	
}

article .howtouse .menu li {
	font-size: 106.25%;	/* 17px */
	font-weight: bold;
	color: #E85298;
	border-bottom: 1px solid #C6C6C6;
}
article .howtouse .menu li:first-child {
	border-top: 1px solid #C6C6C6;
}

article .howtouse .menu li a {
	padding: 15px 20px 14px 20px;
	color: #E85298;
	text-decoration: none;
	background: url(../images/img_allow_right.png) center right no-repeat;
	display: block;
}

article .howtouse .menu li a:hover {
	text-decoration: none;
	background: #FDEEF5 url(../images/img_allow_right.png) center right no-repeat;
}

/* FAQ */
article .faq {
	margin-bottom: 70px;
}

article .faq .title {
	padding-left: 30px;
	margin-bottom: 44px;
}

article .faq .menu {
	margin: 0 auto;
	width: 820px;	
}

article .faq .menu li {
	font-size: 93.75%;	/* 15px */
	font-weight: bold;
	color: #24B5BB;
	border-bottom: 1px solid #C6C6C6;
}

article .faq .menu li li {
	padding: 15px 20px 12px 20px;
	font-size: 87.5%;	/* 14px */
	font-weight: normal;
	color: #FFFFFF;
	background: #24B5BB;
	border-bottom: 1px solid #C6C6C6;
}
article .faq .menu li li p.left {
	float: left;
	width: 22px;
	line-height: 2.0;
}
article .faq .menu li li p.right {
	float: left;
	width: 758px;
	line-height: 2.0;
}

article .faq .menu li:first-child {
	border-top: 1px solid #C6C6C6;
}

article .faq .menu li.noborder {
	border-bottom: none;
}

article .faq .menu li a {
	color: #E85298;
	text-decoration: none;
	background: url(../images/img_allow_right.png) center right no-repeat;
	display: block;
}

/* メッセージ */
article .message {
	background: #FDEEF5;
	
}

article .message .title {
}

article .message .body {
	padding: 20px 30px;
}

article .message .body h5 {
	padding-bottom: 8px;
	font-size: 125%;	/* 20px */
	color: #E85298;
	border-bottom: 1px solid #888888;
}

article .message .body p {
	padding-top: 20px;
	font-size: 81.25%;	/* 13px */
	font-weight: normal;
	line-height: 1.7;
}

article .message .body p.left {
	float: left;
	margin-right: 34px;
	width: 433px;
}

article .message .body p.right {
	float: left;
	width: 433px;
}

/* ---------- フッタ ---------- */
footer {
	background: #FFFFFF;
	position: relative;
	padding: 36px 30px 24px 30px;
	border-top: 2px solid #24B5BB;
}

footer .gototop {
	position: absolute;
	right: 30px;
	top: -18px;
	width: 36px;
	height: 36px;
}	

footer .wrap {
}

footer .logo {
	float: left;
	margin-right: 10px;
	width: 180px;	
}

footer .address {
	float: left;
	width: 613px;	
	margin-top: 15px;
	font-size: 68.75%;	/* 11px */
	font-size: 10px\9;	/* IE8 */
	font-weight: bold;	
	color: #666666;
}

footer .contact {
	float: right;
	margin-top: 13px;
	width: 97px;	
}

footer .credit {
	text-align: center;
	font-size: 68.75%;	/* 11px */
	color: #888888;
}

/* フッタを下部に固定 */
html, body {
	height: 100%;
}
#container {
	position: relative;
	min-height: 100%;
}
#main {
	padding-bottom: 114px;	/* フッターの高さ＋60px */
}
footer {
	position: absolute;
	bottom: 0;
	height: 54px;
}