@charset "utf-8";

/* style

アメックスゴールド特集ページのみで使用するスタイル

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

body{ 
  min-width: 1050px;/* 横スクロール対策 */
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

/* ヘッダー */
.header h1 {
	float: left;
  margin-bottom: 10px;
  padding-top: 7px;
  font-size: 11px;
}
.header .siteinfo {
	width: 950px;
	margin: 0 auto 0;
}
.header .sitelogo {
  width: 950px;
	height: 70px;
  box-sizing: border-box;
  padding-top: 20px;
  margin: 0 auto;
	clear: both;
}
.header .sitelogo li {
  float: left;
}

/* 文字 */
.dotmoney .txt {
	margin-bottom: 40px;
	line-height: 2.2em;
	font-size: 16px;
}

.dotmoney img {
	margin-bottom: 40px;
}
.dotmoney .center { text-align: center;}
.dotmoney .right { display: block; text-align: right;}
.dotmoney .emp { color: #ff4851;}
.dotmoney .str {
	font-weight: bold;
	color: #ff4851;
}

/* リンク */
.dotmoney a {
	text-decoration: underline;
	color: #04c;
	transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
}
.dotmoney a:hover {
	color: #6cf;
}
.dotmoney a img {
	transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
}
.dotmoney a img:hover {
  opacity: 0.6;
}

.header {
    width: 100%;
}

/* 背景 パーツ */
body { background: url(../img/bg_coin.png) repeat-x center 200px,
                   url(../img/bg_burst.gif) no-repeat center 0,
                   url(../img/bg_line.gif) repeat-x left top; }
.header {
	width: 1000px;
	margin: 0 auto 0;
	background-color: rgba(255,255,255,0.85);
}
.dotmoney {
	width: 1000px;
	box-sizing: border-box;
	margin: 0 auto 40px;
	padding: 0 0 25px;
	background-color: rgba(255,255,255,0.85);
  font-size: 15px;
}
.dotmoney .line {
	padding-left: 25px;
	padding-right: 25px;
	border-left: #d2d2d2 1px solid;
	border-right: #d2d2d2 1px solid;
}

/* 記事 */
.dotmoney p {
	line-height: 2.2em;
	font-size: 15px;
}
.dotmoney .inner {
	padding: 0 25px;
}

/* リスト */
.dotmoney .list_up {
	margin: 20px 0 45px 25px;
}

.dotmoney ol.list_up li {	list-style-type: decimal;}
.dotmoney ul.list_up li {	list-style-type: none;}
.dotmoney .list_up li {
	margin-bottom: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 17px;
	color: #111;
}
.dotmoney .list_up li p {
	display: block;
	font-weight: normal;
}
.dotmoney .list_up li span {
	font-weight: bold;
	color: #ff4851;
}

/* 見出し */
.dotmoney .maintitle {
	width: 950px;
	margin: 0 auto;
	letter-spacing: 3px;
	line-height: 1.3em;
	font-size: 32px;
	font-weight: bold;
}
.dotmoney h3.firsttitle {
  margin: 0 25px 40px;
  border-top: none;
  padding: 10px 0 15px 0;
  background: none;
  font-size: 32px;
}
.dotmoney h2 img {
  margin-bottom: 0;
}

.dotmoney h3 {
	clear: both;
  border-top: #ff4b4e 3px solid;
	border-bottom: #d2d2d2 1px solid;
	margin-bottom: 25px;
	padding: 16px 0 15px 20px;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 27px;
	color: #3b3b3b;
}
.dotmoney h4 {
	clear: both;
	border-bottom: #d2d2d2 1px solid;
	margin-bottom: 25px;
	padding: 13px 0 11px 18px;
	background: #393939;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 19px;
	color: #fff;
}

.dotmoney .case {
	margin-bottom: 50px;
	padding: 15px 0 12px;
	border-top: #fb9595 1px solid;
	border-bottom: #fb9595 1px solid;
	background: #fff0f0;
	text-align: center;
	letter-spacing: 3px;
	font-weight: bold;
	font-size: 25px;
}

/* メインビジュアル */
.dotmoney .mainvisual {
	width: 950px;
	margin: 0 auto 25px;
}
.dotmoney .mainvisual h2 {
	margin-bottom: 20px;
}
.dotmoney .subtitle {
	margin-bottom: 30px;
	padding: 25px 0;
	border-top: #a0a0a0 1px solid;
	border-bottom: #a0a0a0 1px solid;
	text-align: center;
	letter-spacing: 3px;
	font-size: 24px;
	font-weight: bold;
}

/* フッター */
.footer {
	width: 100%;
  box-sizing: border-box;
  padding: 25px 0 15px;
	border-top: #ff4b4e 3px solid;
	background: #fff;
  text-align: center;
}


/* 文字装飾 */
.dotmoney .large { font-size: 32px; line-height: 1.8em;}
.dotmoney .large2 { font-size: 25px; line-height: 1.8em;}
.dotmoney .small { font-size: 13px; line-height: 1.6em;}
.dotmoney .bold { font-weight: bold;}