.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
body,select,input,textarea {
	color: #404040;
    font:13px/1.6 "メイリオ","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "ＭＳ Ｐゴシック", 'lucida grande',tahoma,verdana,arial, sans-serif; 
}

/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

a {
	border: 0;
}
a:hover {
	border: 0;
}
img {
	border: 0;
  vertical-align:bottom;
}
p{
	margin-top:0;
}
em { font-style: normal }

a{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover{
  color:#ff3300
}

#wrapper a{
  font-weight: bold;
}

ul,li{
  margin:0;
  padding:0;
  list-style-type:none; 
}

.link_txt {
	background: url(link.gif) left no-repeat;
	font-weight: bold;
	height: 26px;
	padding-left: 34px;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
  float: right;
}
.f12h16 {
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
}
.f12h14 {
	font-size: 12px;
	line-height: 14px;
}
.f14h18 {
	font-size: 14px;
	line-height: 18px;
}
.f14h20 {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.f14h22{
	font-size: 14px;
	line-height: 22px;
}

.f16h26 {
	font-size: 16px;
	line-height: 26px;
}
.f16h24 {
	font-size: 16px;
	line-height: 24px;
}
.f15h24 {
	font-size: 15px;
	line-height: 24px;
}
.f15h21{
	font-size: 15px;
	line-height: 21px;
}

.f12h16 {
	font-size: 12px;
	line-height: 16px;
}
.f12h14 {
	font-size: 12px;
	line-height: 14px;
}
.f14h18 {
	font-size: 14px;
	line-height: 18px;
}
.f14h20 {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.f16h22 {
	font-size: 16px;
	line-height: 22px;
}
.f16h24 {
	font-size: 16px;
	line-height: 24px;
}
.guide {
	color: #AC5299;
	font-weight: bold;
}
.caption {
  background-color:#FDECF4;
  padding:10px;
  margin-bottom:30px;
}
.caption p {
	margin: 0;
	padding: 0px;
  font-size:13px;
  line-height:120%;
}

.caption_guide{
  background-color:#EEEEEE;
  padding:16px 20px;
  margin-bottom:30px;
}

.caption_guide p{
  margin:0;
  padding:0;
}

.caption_guide .guide_name{
  font-size:14px;
  font-weight:bold;
  line-height:120%;
}

.caption_guide .guide_description{
  font-size:12px;
  line-height:130%;
}


#wrapper {
	text-align: center;
	margin: 0 auto;
	width: 980px;
}

#top_img01 {
	background-image: url(top_img.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 980px;
	height: 591px;
	margin-bottom: 0px;
  text-align:left;
  position: relative;
}

#top_img01 h1{
  display: none;
}
#top_img01 p.lead-text {
  padding:400px 80px 0 80px;
  color:#ffffff;
  font-size: 15px;
  line-height: 140%;
}

h2 {
	margin-bottom: 0px;
	margin-top: 0px;
}
h3 {
	text-align: left;/*任意*/
	margin-bottom: 0;
	margin-top: 0;
}
h4 {
	margin: 0 0 10px 0;
}
.unit {
	padding: 0 60px 40px 60px;
	clear: both;
	margin-top: 0px;
	vertical-align:top;
}

/* unit01 */
.unit01{
  margin-top:0px;
	background-image: url(bg_unit1.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 980px;
	min-height: 739px;
}
.unit01_inner{
  padding:163px 60px 0 60px;
  text-align: left;
}

.unit01_text1{
  font-size:16px;
  line-height: 22px;
  padding-right: 440px;
}

.unit01_text2{
  padding:30px 20px 0 20px;
  font-size:15px;
  line-height: 140%;
}

.txt_blue{
  color:#BFECFF;
}

.txt_red{
  color:#FFBFBF;
}

/* unit01 */

/* unit02 */
.unit02{
  margin-top:0px;
	background-image: url(bg_unit2.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 980px;
	min-height: 739px;
}
.unit02_inner{
  padding:153px 60px 0 60px;
  text-align: left;
}

.unit02_text1{
  font-size:16px;
  line-height: 22px;
  padding-left: 440px;
}

.unit02_text2{
  padding:130px 20px 0 20px;
  font-size:15px;
  line-height: 140%;
}

/* unit02 */

/* unit03 */
.unit03{
  margin-top:0px;
	background-image: url(bg_unit3.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 980px;
	min-height: 668px;
}
.unit03_inner{
  padding:145px 60px 0 60px;
  text-align: left;
}

.unit03_text1{
  font-size:16px;
  line-height: 22px;
  padding-right: 440px;
}

.unit03_text2{
  padding:130px 20px 0 20px;
  font-size:15px;
  line-height: 140%;
}

/* unit03 */

/* .choice-container */
.choice-container{
	background-image: url(bg_choice.jpg);
	background-position: top;
	width: 980px;
	min-height: 768px;
}

.choice-container .choice-container__inner{
  padding:47px 60px 20px 47px;
}

.choice-container .choice-container__inner .choice_q{
  font-size:25px;
  font-weight: bold;
  text-align: center;
  line-height: 120%;
  color:#000000;
}

.choice-container .choice-container__inner #family_choice{
  margin-top: 30px;
}

.choice-container .choice-container__inner #family_choice li{
  float:left;
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
}

.choice-container .choice-container__inner #family_choice li:last-child{
  margin-right: 0px;
}

.choice-container .choice-container__inner #family_choice li .btn-choice{

}

.choice-container .choice-container__inner #family_choice li .img-choice{
  display: block;
  margin-top: 25px;
}

#btn_answer{
  display: block;
  margin:50px auto 20px auto;
  cursor: pointer;
}

#choice_reset{
  text-align: center;
  margin:0;
}

#choice_reset span{
  font-weight: bold;
  font-size:25px;
  text-decoration: underline;
  cursor: pointer;
}

#choice_reset span:hover{
  color:#999999;
  text-decoration: none;
}

/* .choice-container */

/* .answer-container */
.answer-container{
  padding:60px 55px 55px 55px;
  display: none;
}

.answer-container .answer-title{
  
}

.answer-container .answer-text1{
  margin-top: 20px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 25px;
  color:#ff0000;
}

.answer-container .answer-text2{
  margin-top: 20px;
  font-size:16px;
}

.answer-container .family_link{
  margin-top: 30px;
}

.answer-container .family_link li{
  float:left;
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
}

.answer-container .family_link li:last-child{
  margin-right: 0px;
}

#answer1-container{
	background-image: url(bg_answer1.png);
}

#answer2-container{
	background-image: url(bg_answer2.png);
}

/* .answer-container */


a {
	color: #06F;
}


.ftr_bottom_link{
  text-align:center;
  margin-top:0px;

}

.ftr-small-cap{
  color:#666666;
  font-size:11px;
  line-height:130%; 
}

.cap{
  font-size:90%;
  color:#3B3B3B; 
}

#wrapper a:link{
  color:#B79926;
}

#wrapper a:visited{
  color:#B79926;
}

#wrapper a:hover{
  color:#ffcc00;
}

#wrapper a:active{
  color:#B79926;
}