@charset "utf-8";
/*---------------------------------------
    リセットCSS（編集不要）
----------------------------------------*/
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6,small{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}a,label{cursor:pointer;}img{vertical-align:bottom;margin:0;padding:0;}
a img{vertical-align:bottom;}

/*--------------------------------
	clearfix
---------------------------------*/
#recommendation li:after,
#header:after,
.open_account2:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#recommendation li,
#header {
  zoom: 1; /* IE7,6 */
}

/*--------------------------------
	全体
---------------------------------*/
body {
  line-height: 1.5;
  color: #333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 76%;
  background: #f7f7f7;
}
#body_inner {
  width: 942px;
  margin: 0 auto;
  padding:0;
  border: solid 1px #e9e9e9;
  border-top:none;
  border-bottom:none;
  background: #fff;
}

/*  計測タグ用画像隠し
----------------------------------------*/
img {
  display: block;
  height: 0;
}
#body_inner img {
  display: inline;
  height: auto;
}

/*--------------------------------
	ヘッダー
---------------------------------*/
#header {
  position: relative;
  padding: 18px 0 0 0;
}
#logo {
  float: left;
  padding-left:21px;
}

/*--------------------------------
	コンテンツ
---------------------------------*/

/*  汎用
----------------------------------------*/
a {
  color: #3559bf;
}
a:hover {
  text-decoration: none;
}

.small {
  font-size:84%;
}
.right {
  text-align:right;
}
h2 {
  text-align:center;
}

/*  main
----------------------------------------*/
#main {
	width:942px;
}

#main h1 {
	margin:18px 0 0 0;
}

.open_account {
	width:726px;
	padding:10px 100px 40px 116px;
	font-size:1.6em;
}
.open_account span{
	color:#f68e06;
}
/*
.open_account p.txt {
	clear:both;
	padding:30px 0 0 97px;
}
*/
.open_account2 {
	width:942px;
	margin-bottom:30px;
}
.open_account2 p.btn01 {
	float:left;
	padding:0 0 0 139px;
}
.open_account2 p.btn02 {
	text-align:center;
}

#attention {
	background-color:#fff6eb;
	margin:40px 0 50px;
	padding:40px 70px;
}

#attention p {
	line-height:2.0;
}

#attention span a {
	color:#fa2800;
}

#attention .title {
	text-align:center;
	margin:0 0 30px 0;
}

#attention .signature {
	text-align:right;
	font-size:134%;
}
#customer_center {
	text-align:center;
	margin:0 0 50px 0;
}

.pagetop {
  margin-bottom: 20px;
  text-align: right;
  width:900px;
}

#info {
	width:868px;
	margin:0 auto;
	background:url(../img/bg-info.gif) repeat-y;
}
#info_top {
	width:868px;
	background:url(../img/bg-info_top.gif) top no-repeat;
}
#info_bottom {
	width:806px;
	background:url(../img/bg-info_bottom.gif) bottom no-repeat;
	padding:31px;
} 
#info_bottom table {
	width:806px;
}
#info_bottom table th {
	color:#969696;
	width:160px;
	padding:29px 5px 29px 0;
	border-top:1px solid #d3d3d3;
	font-size:117%;
	vertical-align:top;
}
#info_bottom table td {
	padding:29px 0px 29px 0;
	border-top:1px solid #d3d3d3;
	vertical-align:top;
}
#info_bottom table th.first {
	border-top:none;
}
#info_bottom table td.first {
	border-top:none;
}
#info_bottom table td strong {
	font-size:117%;
	display:block;
	margin-bottom:10px;
}
#info_bottom table td ul.notes {
	margin-left:4px;
	margin-bottom:10px;
}
#info_bottom table td ul.notes li {
	margin-left:1em;
	list-style-type:disc;
}
#info_bottom table td ul.notes2 li {
	text-indent:-1em;
	margin-left:1em;
}

#info_bottom table td ul.notes2 li span {
	color:#fa2800;
}

#info_bottom table td ul.notes2 li span a {
	color:#fa2800;
}

span.notice-text {
	color:#fa2800;
}

table#table2{
width:auto;
margin:10px auto 10px 0;
border-bottom:1px solid #d3d3d3;
border-left:1px solid #d3d3d3;
m
}
table#table2 th{
background-color:#f1f1f1;
white-space:nowrap;
font-weight:normal;
color:#666666;
}

table#table2 th,
table#table2 td{
border-right:1px solid #d3d3d3;
padding: 10px 5px 10px 5px;
text-align:center;
vertical-align:middle;
}
table#table2 td{
font-size:1.1em;
}


/****期間対象の表****/
table#table3{
	width:640px;
	margin:10px 0 10px 0;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
}
table#table3 th{
	background-color:#f1f1f1;
	white-space:nowrap;
	font-weight:normal;
	color:#666666;
	border-bottom:2px solid #d3d3d3;
}

table#table3 th,
table#table3 td{
	border-right:1px solid #d3d3d3;
	padding: 5px 5px 5px 5px;
	text-align:center;
	vertical-align:middle;
	font-size:100%;
}


table#table3 td.taisyo{
	background-color: #FFE1E1;
}





#enteiki div {
	background-color: #eee;
	width:600px;
	margin: 10px auto;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */

}

#enteiki h2{
	width:726px;
	margin: 10px auto;
	font-size:1.6em;
}

#enteiki b {
	font-weight: bold;
	color: #FA2800;
}
#enteiki ul {
	width:600px;
	margin: 10px auto;
}
#enteiki li {
	text-indent:-1em;
	margin-left:1em;
}

#cp_outline h3{
font-size:1.2em;
margin:20px 0px 10px  0;
}
#cp_outline p,
#cp_outline li{
font-size:1.1em;
}

#noteBox {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DFDFDF;
    padding: 13px 10px 10px;
    margin: 0 30px 20px 30px;
}


#noteBox a {
    background: url("../img/icn_arrow_blue_01.gif") no-repeat 4px 0.3em;
    padding-left: 12px;
    color: #FA2800;
}

.orange {
	background: #ffe295;
	padding: 10px;
}

#attention ul.notes2 li {
	text-indent:-1em;
	margin-left:1em;
}


/*--------------------------------
	フッター
---------------------------------*/
#footer {
  padding:14px 0;
  border-top:solid 6px #eb7408;
  width:900px;
  margin:0 auto;
}
#footer p {
  text-align: center;
}

#important{
margin:0 auto;
margin-bottom:30px;
width:600px;
}

.clearfix{
position:relative;
overflow:hidden;
}


/* 画像下キャプション*/
.cap01 {
	font-size:1.2em;
	margin: 5px 75px 0;
}
.cap02 {
	font-size:1.2em;
	margin: 0 210px 0;
}

/* 期間案内 */
.datebox {
 	border: #EB7000 solid 2px;
	font-size: 2em;
	color: #EB7000;
	width:726px;
	font-weight:bold;
	text-align: center;
	margin: 10px auto 10px;
}

/* 案内文 */

.lead01 {
	color:#FFF;
	background-color: #EB7000;
	font-size:1.6em;
	width:726px;
	margin: 10px auto;
	text-align: center;
	width:650px;
	font-weight:bold;
}


.lead02 {
	font-size:1.5em;
	margin: 10px auto 10px;
	padding: 10px 0;
	width:650px;
	font-weight:bold;
	text-align: center;
	line-height:1.2;
	/*background-color: #EEEEEE; */

}

/* 赤文字 */
.redtxt01 {
	color: #CA0000;
	font-weight:bold;
	font-size:1.3em;
}

.redtxt02 {
	color:#fa2800;
	font-weight:bold;
	font-size:1.2em;
}

.redtxt03 {
	color:#fa2800;
}


/* 中央揃え */
.alignC {	text-align:center;}
.alignR {	text-align: right;}

/* 「今なら」装飾*/
.imanara {
	background-color: #09C;
	color: #FFF;
	font-weight:bold;
	padding:5px;
	margin:5px;
}

h2.h2title {
	border:2px solid #eb7000;
	color:#EB7000;
	font-size: 1.5em;
	font-weight:bold;
	margin: 30px 20px 10px 20px;
	padding: 5px 10px;
	text-align:left;
}

/* movie*/
.movieBox03 {
	width:700px;
	min-height:300px;
	margin:10px auto 10px;
	padding:20px 10px 10px;
	border:2px solid #ccc;
}

iframe{
	width:222px;
	height:125px;
	border:#eee 1px solid;
	overflow:hidden;	
}

iframe.movie{
	width:400px;
	height:225px;
	border:#eee 1px solid;
	overflow:hidden;	
}

.unsupportedBox{
	width:400px;
	height:225px;
	background-color:#eeeeee;
}

/*終了予定*/
.announce_end{
	/*width:640px;*/
	padding: 10px;
	background-color: #f7f7f7;
	font-size: 135%;
	margin: 0px auto 30px auto;
}
.announce_end p{
	text-align: center;
	font-weight: bold;
}

.attention_mark{
	background: url(../img/marker_04.png) no-repeat 140px 0.2em;
	padding-left: 20px;
}