html{
}

body{
	min-height:100%;
	height:100%;
	background:url(index_images/base_bg.gif) repeat left top;
}

#document{
	width:900px;
	margin:0 auto;
	padding:0 48px 0 47px;
	text-align:center;
	background:url(index_images/body_bg.gif) repeat-y left top;
}
#contents{
	position:relative;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	width:900px;
	background:url(index_images/document_bg.jpg) no-repeat center top;
  background-attachment: fixed;
}
#contents h1{
	margin-bottom:30px;
	padding-top:45px;
}
#contents h2{
	margin-bottom:40px;
}
#contents .txtBox{
	position:relative;
	width:548px;
	margin:0 auto;
	padding:20px 0 20px 0;
	border:#faf5c8 1px solid;
	border-width:1px 1px 0 1px;
	text-align:center;
	background-color:#fffff0;
}
* html #contents .txtBox{
	width:550px;
}
#contents .txtBox p#popTxt{
  position: absolute;
  top: -20px;
  right: -140px;
}
#contents .txtBox p.date{
	position:absolute;
	top:-75px;
	right:0;
	z-index:5;
}

#footerTxt{
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
}

.logoKentei{
	position:absolute;
	top:25px;
	left:30px;
	z-index:5;
}

#contents p.mb30{
	margin-bottom:30px;
}

#contents .commentArea{
	position:relative;
	margin-bottom:20px;
}
#contents .commentArea p{
	margin:0;
}
#contents .commentArea p.answerBtn{
	position:absolute;
	left:58px;
	bottom:135px;
	z-index:5;
	text-align:center;
	zoom:1;
}
#contents .commentArea p.answerBtn img{
	margin:0 5px;
}
#contents ul.answerList{
	background: #FFF;
	margin:0 20px;
	margin-bottom:20px;
	text-align:center;
	border:solid 1px #CCC;
	padding: 10px 0;
}
#contents ul.answerList li{
	display:inline-block;
	/display:inline;
	zoom:1;
	margin:0 5px;
}

div.attention{
	padding:10px 10px 0 10px;
	width:489px;
	margin-bottom:20px;
	border:#ee2335 1px solid;
	background-color:#FFF;
	text-align:left;
}
* html div.attention{
	width:511;
}
.appArea{
	background:url(index_images/bnr_iphone.gif) no-repeat top left;
	position:relative;
	width:511px;
	height:110px;
	margin:0 auto;
}
.appArea ul{
	position:absolute;
	top:65px;
	left:163px;
	text-align:left;
}
* html .appArea ul li{
	margin-bottom:0.5em;
}
.appStore{
	position:absolute;
	top:61px;
	right:10px;
}


.rollover{
  margin: 2em 0 !important;
}
.rollover a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

table.bordered,
table.outline {
  border: 1px solid #cacdd1;
  border-collapse: collapse;
}
table.bordered td,
table.outline td {
  background-color: white;
}
table.bordered tr th,
table.bordered tr td,
table.outline tr th,
table.outline tr td {
  border-top: 1px solid #e6eaf0;
  border-left: 1px solid #e6eaf0;
  text-align: left;
}
table.bordered tr th:first-child,
table.bordered tr td:first-child,
table.outline tr th:first-child,
table.outline tr td:first-child {
  border-left: 1px solid #cacdd1;
}
table.bordered tr:first-child th,
table.bordered tr:first-child td,
table.outline tr:first-child th,
table.outline tr:first-child td {
  border-top: 1px solid #cacdd1;
}

table.outline th,
table.outline td {
  padding: 10px 15px;
}
table.outline tr th {
  background-color: #FFFFF0;
  font-weight: normal;
  white-space: nowrap;
}
table.outline .action {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}



body#benefit-index div#contents{
  padding-bottom: 0;
}
body#benefit-index div#main{
  margin: 0 auto;
  background-color: #fff;
  width: 900px;
}
body#benefit-index div#main p.logo{
  padding: 20px 0;
}
body#benefit-index div#main h1{
  padding: 0;
}
body#benefit-index div#main p.image{
  margin-bottom: 50px;
}
body#benefit-index div#main table.outline{
  margin: 0 auto 50px auto;
  width: 840px;
  font-size: 93%;
}
body#benefit-index div#main p.btn-close{
  margin-bottom: 50px;
}
body#benefit-index div#main p.btn-close a{
  background-color: #f60;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
}
body#benefit-index div#main p.btn-close a:hover{
  background-color: #f93;
}



div.answer{
  margin: 20px auto 10px auto;
  border: 1px solid #e60000;
  background-color: #fff;
  width: 511px;
}
div.answer h2{
  margin: 10px 0 !important;
  font-size: 15px;
  color: #633;
}
div.answer ul{
  margin-bottom: 0;
}
div.answer ul li{
  float: left;
  margin-left: 4px;
}
div.answer ul li a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}