@charset "utf-8";



.leftBox {
float:left;
}

.rightBox {
float:left;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#contents_inner {
position:relative;
}


#headerArea {
background:url(../images/index_bg_01.jpg) left top no-repeat;
position:relative;
height:365px;
}
#headerArea .txt01 {
position:absolute;
top:20px;
left:260px;
}
#headerArea h1 {
position:absolute;
top:155px;
left:350px;
}
#headerArea .txt02 {
position:absolute;
top:274px;
left:455px;
}
#headerArea .txt03 {
position:absolute;
top:339px;
left:30px;
}


#trialArea {
border:solid 5px #df3737;
position:relative;
margin-bottom:20px;
}
#trialArea .innerTop {
background:url(../images/index_bg_02.gif) left top no-repeat #ffddf6;
position:relative;
height:168px;
}
#trialArea .txt01 {
position:absolute;
top:16px;
left:33px;
}
#trialArea .txt02 {
position:absolute;
top:10px;
left:543px;
}
#trialArea .txt03 {
position:absolute;
top:27px;
left:537px;
}
#trialArea .txt04 {
position:absolute;
top:127px;
left:140px;
}
#trialArea .innerBottom {
background-color:#ff90b7;
text-align:left;
position:relative;
height:36px;
}
#trialArea .txt05 {
position:absolute;
top:11px;
left:58px;
}
#trialArea .btn01 {
position:absolute;
top:3px;
left:667px;
}




#interviewArea {
background:url(../images/index_bg_03.jpg) left top no-repeat;
position:relative;
height:545px;
}
#interviewArea .innerTop {
position:relative;
}
#interviewArea h2 {
position:absolute;
top:30px;
left:33px;
}
#interviewArea .txt01 {
position:absolute;
top:112px;
left:40px;
}
#interviewArea .txt02 {
position:absolute;
top:155px;
left:33px;
}
#interviewArea .img01 {
position:absolute;
top:3px;
left:644px;
}
#interviewArea .innerBottom {
position:absolute;
top:259px;
left:33px;
height:283px;
}
#interviewArea .leftBox {
position:absolute;
top:74px;
left:0px;
}
#interviewArea .leftBox h4 {
position:absolute;
top:5px;
left:160px;
}
#interviewArea .leftBox p {
position:absolute;
top:75px;
left:160px;
}
#interviewArea .rightBox {
position:absolute;
top:73px;
left:333px;
}
#interviewArea .rightBox h4 {
position:absolute;
top:5px;
left:149px;
}
#interviewArea .rightBox p {
position:absolute;
top:75px;
left:149px;
}
#interviewArea .innerBottom .img01 {
position:absolute;
top:21px;
left:693px;
}
#interviewArea .innerBottom .btn01 {
position:absolute;
top:203px;
left:690px;
}


#pointArea {
margin-top:20px;
}
#pointArea .innerTop {
background-color:#fcf4d6;
border-left:solid 1px #f16a8c;
border-right:solid 1px #f16a8c;
padding:0 0 0 20px;
}
#pointArea .point01 {
background:url(../images/index_bgp_01.gif) left bottom no-repeat;
height:334px;
width:430px;
}
#pointArea .point02 {
background:url(../images/index_bgp_02.gif) left bottom no-repeat;
height:334px;
width:430px;
margin-left:25px;
}
#pointArea .point01 p,
#pointArea .point02 p {
padding:0 168px 0 29px;
line-height:1.5em;
margin-top:10px;
}
#pointArea .point03 {
background:url(../images/index_bgp_03.jpg) left bottom no-repeat;
height:334px;
width:430px;
}
#pointArea .point04 {
background:url(../images/index_bgp_04.jpg) left bottom no-repeat;
height:334px;
width:430px;
margin-left:25px;
}
#pointArea .point03 p,
#pointArea .point04 p {
padding:0 178px 0 29px;
line-height:1.5em;
margin-top:10px;
}
#pointArea .innerBottom {
background-color:#fcf4d6;
border-left:solid 1px #f16a8c;
border-right:solid 1px #f16a8c;
border-bottom:solid 1px #f16a8c;
padding:26px 0 20px 29px;
margin-bottom:20px;
}
#pointArea .innerBottom .txt01 {
margin:0 0 10px 14px;
}
#pointArea .innerBottom .rightBox {
margin-left:15px;
}

#trialArea02 .inner {
border:solid 5px #df3737;
position:relative;
margin-bottom:20px;
}
#trialArea02 .inner .mainInner {
background:url(../images/index_bg_04.gif) left top no-repeat #ffddf6;
height:303px;
position:relative;
}
#trialArea02 .inner .mainInner .leftBox {
position:absolute;
top:13px;
left:18px;
}
#trialArea02 .inner .mainInner .rightBox {
position:absolute;
top:11px;
left:261px;
}
#trialArea02 .inner .mainInner .rightBox .txt01 {
position:absolute;
top:56px;
left:0px;
}
#trialArea02 .inner .mainInner .rightBox .btn01 {
position:absolute;
top:194px;
left:-8px;
}


#infoArea {
border:solid 3px #ff7692;
text-align:center;
}
#infoArea .innerTop {
padding:18px 0 11px 0;
}
#infoArea .innerBtottom {
background-color:#ff7692;
padding:12px 0 11px 0;
}
#infoArea .innerBtottom p {
float:left;
margin:0 10px;
}
#infoArea .innerBtottom p.txt01 {
margin:8px 0 0 35px;
}


#headerArea #idx03txt02 {
position:absolute;
top:247px;
left:481px;
}





#index02 #headerArea {
background:url(../images/index02_bg_01.jpg) left top no-repeat;
position:relative;
height:365px;
}
#index02 #headerArea .txt01 {
position:absolute;
top:254px;
left:31px;
}
#index02 #headerArea h1 {
position:absolute;
top:28px;
left:282px;
}


#index02 #interviewArea {
background:url(../images/index02_bg_02.jpg) left top no-repeat;
position:relative;
height:590px;
}
#index02 #interviewArea .innerTop {
position:relative;
}
#index02 #interviewArea h2 {
position:absolute;
top:16px;
left:35px;
}
#index02 #interviewArea .txt01 {
position:absolute;
top:78px;
left:35px;
}
#index02 #interviewArea .txt02 {
position:absolute;
top:188px;
left:94px;
}
#index02 #interviewArea .txt03 {
position:absolute;
top:170px;
left:372px;
}
#index02 #interviewArea .txt04 {
position:absolute;
top:168px;
left:640px;
}
#index02 #interviewArea .innerBottom {
position:absolute;
top:371px;
left:42px;
height:172px;
}
#index02 #interviewArea .innerBottom h3 {
position:absolute;
top:0px;
left:0px;
}
#index02 #interviewArea .innerBottom .txt05 {
position:absolute;
top:79px;
left:0px;
}



#index02 #headerArea h1.index04 {
position:absolute;
top:16px;
left:317px;
}

#index03 #headerArea .txt02 {
position:absolute;
top:247px;
left:481px;
}

#index03 #interviewArea .txt01 {
position:absolute;
top:114px;
left:30px;
}

#index03 #interviewArea .txt02 {
position:absolute;
top:148px;
left:30px;
}
