@charset "utf-8";
/*=========================================================================

Description : 会員顧客検索一覧用レイアウト

=========================================================================*/

/*
 初期化
-------------------------------------------------------------------------*/
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
strong,
th {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}
body {
	font-size: 80.5%;
	font-family: 'メイリオ', meiryo, 'ＭＳ Ｐゴシック', MS PGothic, Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	line-height: 1.7;
	color: #000000;
}
input {
	font-family: 'メイリオ', meiryo, 'ＭＳ Ｐゴシック', MS PGothic, Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
ul,
ol {
	list-style: none;
}
fieldset,
img {
	border: none;
}
caption,
th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
select option {
	padding: 0 5px
}
form label {
	cursor: pointer;
}
input {
	vertical-align: middle;
}
pre {
	width: 100%;
	font-family: 'メイリオ', meiryo, 'ＭＳ Ｐゴシック', MS PGothic, Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	overflow: auto;
}
strong {
	font-weight: bold;
}
a {
	text-decoration: none;
	color: #314da5;

}
a:visited {
	text-decoration: none;
	color: #314da5;
}
a:hover {
	text-decoration: underline;
}


/*
 基本構成
-------------------------------------------------------------------------*/
#contents {
	width: 962px;
	margin: 0 auto;
}
.pageHeader {
	margin: 30px 0 42px;
}
.tellArea,
.pointArea ol,
.section2 {
	/zoom: 1;
}

.tellArea:after,
.pointArea ol:after,
.section2:after {
	content: "";
	clear: both;
	display: block;
}

#contents .complement {
	clear: both;
	font-size: 85.7%;
	color: #777;
}


/*
 見出し
-------------------------------------------------------------------------*/





/*
 文字要素
 
文字サイズパーセント参考
22px 157.1%（h2）
20px 142.9%
18px 128.6%（h3,h4）
16px 114.3%
14px 100%（本文など基本）
12px 85.7%（注釈等。最少サイズ）
-------------------------------------------------------------------------*/


/*
 セクション
-------------------------------------------------------------------------*/
.section1,
.section2 {
	width: 930px;
	margin: 0 auto;
}
.section2 {
	margin-bottom: 40px;
}
.section3 {
	margin-bottom: 30px;
}




/*
 ボタン
-------------------------------------------------------------------------*/
.btnArea {
	text-align: center;
}
.btnStyle {
	border: none;
	font-size: 128.6%;
	font-weight: bold;
	color:  #FFF;
	text-align: center;
	display: block;
}
.btnStyle:hover {
	background-position: left bottom;
	cursor: pointer;
}
.btnTell {
	width: 421px;
	text-indent: -9999px;
	height: 94px;
	float: right;
	background: url(../img/agts_pr/btn_login.png) no-repeat 0 0;
}
.pointArea .btnStyle {
	width: 226px;
	height: 236px;
	text-indent: -9999px;
}

.btnPoint1 {
	background: url(../img/agts_pr/img_point1.png) no-repeat 0 0;
}
.btnPoint2 {
	background: url(../img/agts_pr/img_point2.png) no-repeat 0 0;
}
.btnPoint3 {
	background: url(../img/agts_pr/img_point3.png) no-repeat 0 0;
}
.btnPoint4 {
	background: url(../img/agts_pr/img_point4.png) no-repeat 0 0;
}
a.btnStyle05 {
	background: url(../img/share/bg_btn05.png) no-repeat 0 0;
	width: 107px;
	height: 34px;
	font-size: 100%;
	padding-right: 15px;
	display: block;
	line-height: 34px;
	color: #FFF;
	margin: 10px 0 0 auto;
	text-decoration: none;
}
p + a.btnStyle05 {
	margin-top: 30px;
}

/*
 フッターを画面下へ
-------------------------------------------------------------------------*/

html,
body {
height: 100%;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
z-index: 100;
}
.agtsfooter {
position:absolute;
bottom:0;
width: 100%;
}
#contents {
padding-bottom: 250px; /*フッターの高さ分*/
position: relative;
}


/*
 各パーツ
-------------------------------------------------------------------------*/
.mainVis {
	background: url(../img/agts_pr/bg_main.png) repeat 0 0;
	height: 319px;
	margin: -3px 0 42px;
	text-align: center;
}
.mainVis p {
	padding-top: 40px;
}
.tellArea {
	background: #5993B5;
	padding: 19px 20px 16px;
	margin: 0 auto 60px;
	width: 890px;
}
.pointArea {
	margin: 0 auto 60px;
	width: 930px;
}
.pointArea h2 {
	margin-bottom: 13px;
}
.pointArea ol {
	margin-bottom: 12px;
}
.atenArea {
	margin: 10px auto 0;
	padding: 10px;
	width: 910px;
	border: #cc0000 1px solid;
}
.atenArea + .complement {
	margin-top: 5px;
}
.atenArea .atenTxt {
	color: #cc0000;
	font-weight: bold;
	font-size: 114.3%;
}
.atenArea li {
	font-size: 90%;
}
.pointArea ol li {
	float: left;
}
.pointArea ol li + li {
	margin-left: 8px;
}

.pointBox {
	margin-bottom: 60px;
}
.pointBox h2 {
	margin-bottom: 18px;
}
.pointBox .section2 {
	background: url(../img/agts_pr/img_arrow_b01.png) no-repeat bottom center;
	padding-bottom: 42px;
	margin-bottom: 20px;
}
.pointBox p + .img_illust {
	margin-top: 30px;
}
p.conclusion {
	width: 678px;
	height: 67px;
	background: #FFFFA3;
	line-height: 67px;
	border: #D7D7D7 1px solid;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 0 auto;
}
#point2 .section2 {
	padding-bottom: 62px;
}
#point2 .section2 .img_illust {
	float: left;
	margin-top: 32px;
}
#point2 .section2 .txtBox {
	width: 542px;
	float: right;
}
#point2 .section2 .txtBox p + p {
	margin-top: 1em;
}

.pointBox + .tellArea {
	margin-bottom: 10px;
}