@charset "UTF-8";
/* 続222 T-02: 旧本番 /info_internal.html (iframe embed) の見た目移植。
   旧 = pm/css/base.css (* reset + #main 740px + メイリオ 12px) + pm/css/info.css
   (画像見出し head_title.png + ブロック背景) を iframe 隔離で適用していた。
   新 = 同一 document 内のため #main scope に閉じて cascade を再現する。
   画像 asset 9 点 = 旧本番から read-only 取得し static/site/img/info/ に配置。 */

/* base.css の * reset 相当 (iframe 内全要素 → #main 配下に scope) */
#main, #main * { margin: 0; padding: 0; }

/* base.css の body + #main 相当。color:#000 = 旧 iframe 内は theme(body color)
   非継承で黒既定だったが同一 document 化で theme.css body{color:#505050} が
   bleed していた是正 (続231 Fable5 R-2・computed 実測 h3 #000 vs #505050)。 */
#main {
  width: 740px;
  margin: 0;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-size: 12px;
  color: #000;
}

/* --- 以下 旧 pm/css/info.css verbatim (path のみ ../img/info/ へ書換) --- */
/* CSS Document */

/*大見出し*/
#main h2 {
	width:738px;
	height:28px;
	text-indent:-9999px;
	background:url(../img/info/head_title.png) no-repeat left bottom;
}
#main h2.ttl2 {
	background:url(../img/info/head_title2.png) no-repeat;
	margin-top: 40px;
}


/*ブロック*/
#main div.info_w {
	width:738px;
	margin-top:20px;
	background:url(../img/info/info_btm_bg.png) no-repeat bottom;
	padding-bottom:15px;
}
#main div.firstInfo {
	margin-top:0;
}
* html #main div.info_w {
	padding-left:4px;
}
#main h3 {
	width:692px;
	height:42px;
	padding-top:2px;
	padding-top:4px\9;
	height:36px\9;
	padding-left:50px;
	font-weight:bold;
	font-size:14px;
}
#main h4 {
	margin-left: 46px;
	margin-top: 32px;
	font-size: 16px;
}

/*見出し　項目分け*/
#main h3.info {
	background:url(../img/info/info_title_bg.png) no-repeat left top;
	font-weight: bold;
}
#main h3.shop {
	background:url(../img/info/shop_title_bg.png) no-repeat left top;
}
#main h3.send {
	background:url(../img/info/send_title_bg.png) no-repeat left top;
}
#main h3.send_i {
	background:url(../img/info/send_icon.png) no-repeat left top;
	margin-top:20px;
	position:relative;
	z-index:100;
}
#main h3.shop_i {
	background:url(../img/info/shop_icon.png) no-repeat left top;
	margin-top:20px;
	position:relative;
	z-index:100;
}

/*説明分*/
#main div.exp {
	width:722px;
	padding-right:16px;
	background:url(../img/info/info_bg.png) repeat-y;
}
#main div.exp p {
	margin-left:46px;
	line-height:1.7;
	font-size:13px;
	margin-top:14px;
	color:#353232;
}

/*リスト*/
#main div.exp ul {
	list-style:none;
	margin-left:46px;
	
}
#main div.exp ul li {
	color:#353232;
	line-height:2.2;
	font-size:13px;
}

#main div.exp img {
	margin-left:46px;
	margin-top: 8px;
}

/*テーブル*/
#main div.exp table {
	margin-top: 8px;
}
#main div.exp table th {
	background-color: #faf5e9;
	vertical-align: middle;
}
#main div.exp table td {
	background-color: #FFF;
	vertical-align: middle;
}
#main div.exp table td.center {
	text-align: center;
}
#main div.exp table td.blue {
	background-color: #e0edf7;
	text-align: center;
	font-weight: bold;
}

/*※マーク色付け*/
#main div.exp span {
	color:#FF0000;
}
#main div.exp span.bold {
	font-weight: bold;
	color: #000;
}


/*マージン用*/
#main div.exp .first {
	margin-top:0;
}


/*テーブル*/
#main table {
	border:#CCCCCC 1px solid;
	table-layout:fixed;
	border-collapse:collapse;
	position:relative;
	z-index:10;
	margin-left:23px;
	margin-top: -14px;
	width: 716px;
}
#main table.inTable {
	margin-left:46px;
	width:670px;
}
#main table th {
	background-color:#f0f7f5;
	font-size:13px;
	color:#2e4c6a;
	padding:12px 20px 5px;
	padding-top:12px\9;
	vertical-align:top;
	line-height:1.6;
	text-align:center;
	border-color:#CCCCCC;
}
#main table td {
	color:#1b2a3a;
	padding:10px 20px;
	vertical-align:middle;
	line-height:1.8;
	text-align:left;
	border-color:#CCCCCC;
	font-size:13px;
}

#main p.lastTXT {
	font-size: 15px;
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
	padding-bottom: 20px;
}