@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}



/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaInner {}
#headerAreaLogo {}
#headerTxt{}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi{}
#gnavi li{}


/*----------------------------------------------------------------------------
 ***                                                             mainimg
----------------------------------------------------------------------------*/
#mainImgBox{}




/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                               mainImgBox
----------------------------------------------------------------------------*/
#mainImgBox{ background:url(../study_abroad/country/ie/images/img_main01.png) right top no-repeat; height:11em; width: 100%; margin: 0 auto; background-size:auto 112% ; position:relative; overflow:hidden;}


#titleBox{ position: absolute; top:4.0em; left: 0; width: 55%; height:3em; background: url(../study_abroad/country/ie/images/back_contents01.png) left top; padding:0.5em 0.3em 0.3em 0; }

#titleBoxInner{ padding-left: 1em;  margin-top: 0.1em; border-left:none; background:url(../study_abroad/country/ie/images/back_contents02.png) no-repeat 2% center; padding-left:13%; background-size:10%;}
#titleBox h2{ color: #FFF; font-size: 150%; line-height: 1.2em; font-weight: normal; border-left:none;}
#titleBox p{ color: #FFF; font-size: 100%; line-height: 1.2em; margin: 0; padding-top:0.2em;}



/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}
.mainSection section .sectionInner{ width:100%; margin:0 auto; padding:0 2%;}
.contentsStdSpl{ margin-top:2em; margin-bottom:2em; padding-top:2em;}
h3{ background:url(../common_images/ico_contents02.png)  left 60% no-repeat; font-size:180%; line-height:1.2em; font-weight:normal; padding:0.7em 0 0.2em 1.8em; margin-bottom:0; border:none;}

header#topHed h1{ width:100%; font-size:100%; font-weight:normal; padding:2% 2% 1% 1%; margin-bottom:1em; line-height:1.0em; border-bottom:#CCC dotted 1px;}
header img{ width:100%; height:auto;}


#study-ab #titleBox{ position: absolute; top: 2.5em; left: 0; width: 93%; height:6em;}
#titleBox p{ color: #FFF; font-size: 80%; line-height: 1.2em; margin: 0; padding-top:0.2em;}

#introBox { margin-bottom:1.6em; padding-bottom:1.6em; border-bottom:#999 dotted 2px;}
#introBox .section{ margin-bottom:3em;}
#introBox .section h3{ margin-bottom:0;}
#introBox .floatL{ width:18%;}
#introBox .floatR{ width:81%; margin-top:2%;}
#introBox ul.floatR li{background:url(../study_abroad/country/ie/images/ico_contents10.png) no-repeat left center; padding-left:7%;}
#sclBox h4{ font-size:140%; text-align:center; border:2px solid #000; padding:0.4em 0; line-height:1.2em;}
#sclBox h4 span{ color:#F00;}
#introBox h3{font-size:150%; margin-top:3%;}
#introBox p.link a{font-size:130%; color:#000; background:url(../study_abroad/country/ie/images/ie1.png) no-repeat center left; padding-left:12%;}
#introBox p{margin-top:3%;}


.btnBox{width:90%; margin:auto; margin-bottom:5%;}
.btnBox .floatL,.btnBox .floatR{width:49%;}
p.tyuki{text-align:right;}


#aboutSec .waku{border:#000 solid 2px; width:95%; margin:auto; padding-bottom:10%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom:5%;}
#aboutSec .sectionInner{padding:2% 5% 2%; width:100%;}
#aboutSec h3{text-align:center; background:url(../wh/country/au/images/ico_contents01.png) 8% center no-repeat; padding-top:5%; background-size:12%; font-size:170%; margin-bottom:2%;}
#aboutSec h3 span{color:#FA0026;}
#aboutSec p span{color:#FA0026;}
#aboutSec table{width:100%; margin:auto; margin-top:3%;}
#aboutSec th,#aboutSec td{font-size:100%; font-weight:normal; border-width:1px 1px; text-align:left; padding-left:10px;}
#aboutSec th{background-color:#F0F0F1;}
#aboutSec th.black{background-color:#000; color:#FFF;  text-align:center;}
#aboutSec ul{margin-top:5%;}

#aboutSec .specialBox{position:relative; margin-top:10%;}
#aboutSec .specialBox h4{background-color:#EC1E79; color:#FFF; padding:5px 0; padding-left:20%; margin-bottom:8%; font-size:130%;}
#aboutSec .specialBox .BoxInner{width:100%; margin:auto;}
#aboutSec .specialBox .floatL{width:95%; margin:auto; float:none;}
#aboutSec .specialBox .floatL span{color:#EC1E79;}
#aboutSec .specialBox p.ab{position:absolute; top:-8%; left:0%; width:20%;}
#aboutSec .specialBox .floatR{float:none; margin:auto; width:70%; margin-top:3%;}

#canSec h3{text-align:center; background:url(../wh/country/au/images/ico_contents03.png) 90px center no-repeat; padding-top:25px; padding-bottom:10px; padding-left:60px;}

#experiencesSec h3{text-align:center; background:url(../wh/country/au/images/ico_contents09.png) 15% center no-repeat; padding-top:25px; padding-bottom:10px; padding-left:16%; background-size:14%;}




#canSec h3{text-align:center; background:url(../wh/country/au/images/ico_contents03.png) 15% center no-repeat; padding-top:5%; background-size:12%; font-size:170%;}
#canSec{background:url(../common_images/back_header02.png) top; background-repeat:repeat-x; width:100%;}
#canSec .sectionInner{width:100%; border-bottom:#919395 dotted 1px; padding-bottom:5%; margin:auto;}
#canSec h3 span{color:#FA0026;}
#canSec{padding-top:30px;}
#canSec section.clearfix{margin-top:0%; position:relative;}
#canSec section.clearfix h4{background:url(../wh/country/au/images/ico_contents04.png) 35% bottom no-repeat; font-size:180%; padding-top:20px; vertical-align:middle; text-align:center; padding-left:30px; line-height:1.2em; background-size:5%;}
#canSec section.clearfix h4 span{font-size:14px; color:#FA0026; font-weight:normal; padding-left:5px;}
#canSec section.clearfix p.cap{text-align:center; line-height:1.0em;} 
#canSec section.clearfix p.cap span{ border-bottom:#F00 solid 3px;}
#canSec section.clearfix p.moji{margin-top:30px; padding-bottom:10px;}
#canSec h5{margin-top:3%; background-color:#FA0026; color:#FFF; padding:5px 0; font-size:120%; padding-left:15%; position:relative;}
#canSec div.waku{position:inherit; width:95%; margin:auto; margin-top:30px;}
#canSec ul li{width:95%; margin:auto; margin-bottom:7%;}
#canSec ul li h6{color:#FA0026; font-weight:normal; font-size:120%; padding-top:5px; line-height:1.4em;}
#canSec ul li p.link a{font-size:120%; text-decoration:underline; color:#000;}
#canSec ul li p.link a:hover{color:#CCC;}
#canSec ul li p.link{padding-top:5px;}
#canSec div.work ul li p,#canSec #lifeSec ul li p,#canSec div.travel ul li p{text-align:center; padding-top:5px;}
#canSec #lifeSec h4{background:url(../wh/country/au/images/ico_contents07.png) 36% bottom no-repeat;　padding-left:25px; background-size:8%;}
#canSec div.travel h4{background:url(../wh/country/au/images/ico_contents08.png) 35% bottom no-repeat; background-size:6%;}
#canSec div.work h4{background:url(../wh/country/au/images/ico_contents06.png) 36% bottom no-repeat;　padding-left:25px; background-size:5%;}
#canSec div.travel{border-bottom:none; padding-bottom:0;}
#canSec p.moji span{color:#FA0026;}
#canSec span.ab{position:absolute; top:-50%; left:0%; width:13%;}
#canSec section.clearfix p.moji{width:95%; margin:auto; margin-top:5%;}
#canSec #studySec h6{ width:70%; margin:0 auto;}
#canSec p{ width:70%; margin:0 auto;}
#canSec h6{ width:70%; margin:0 auto;}
#canSec p.centerImg{ width:50%; margin:0 auto;}
#canSec .btnBox p{ width:49%; margin-top:5%;}
#canSec .btnBox p img{width:100%;}
#canSec p img{width:80%; text-align:center; margin:auto;}
#canSec p.img{text-align:center;}
#canSec p.link{text-align:center;}

#experiencesSec{background:url(../common_images/back_header02.png) top; background-repeat:repeat-x;}
#experiencesSec{border-bottom:none;}
#experiencesSec h3 span{color:#FA0026;}
#experiencesSec ul{padding-top:5%;}
#experiencesSec ul li{width:95%; border:#6C6E70 solid 1px; margin:auto; float:none; margin-bottom:5%;}
#experiencesSec h4{background-color:#3C3C3C; margin-bottom:20px;}
#experiencesSec h4 img{width:40%;}
#experiencesSec ul li p.link{padding-top:10px; margin-bottom:15px;}

#experiencesSec ul li p a{font-size:130%; color:#000; text-decoration:underline;}
#experiencesSec ul li p a:hover{color:#999;}
#experiencesSec ul.con02{margin-bottom:15px;}
#experiencesSec ul li div{width:90%; margin:auto;}
#experiencesSec ul li dl{margin-left:5px;}
#experiencesSec ul li dd{font-size:12px; margin-bottom:5px;}
#experiencesSec .sectionInner{padding:15px; padding-bottom:0%;}
#experiencesSec p.btn{width:80%; margin:auto; margin-top:0px; padding-bottom:5%;}


#kensakuSec{background:url(../common_images/back_header02.png) top; background-repeat:repeat-x; padding-top:8%;}
#kensakuSec h3{text-align:center; background:url(../study_abroad/country/au/images/ico_contents11.png) 15% center no-repeat; padding-top:5%; background-size:12%; font-size:170%;}
#kensakuSec .kensaku td{ border:none; padding:0;}
#kensakuSec h3 span{color:#FA0026;}
#kensakuSec .kensaku{padding-top:3%;}

div.option_key{
    border-radius:6px;
    border:1px solid #ccc;
    background:#f9f9f9;
    margin:0 auto 10px auto;
    width:96%;
    padding:10px 0;
}
div.option_key h4{
    margin:0 auto;
    color:#fff;
    width:92%;
    border-radius:5px;
    background: -moz-linear-gradient(center top, #959595 0%,#5d5d5d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#959595),color-stop(1,#5d5d5d));
    text-shadow:1px 1px 3px #000;
    padding:5px 2%;

}
div.option_key dl{
    margin:0 auto;
    width:96%;
}
div.option_key select{
    width:100%;
    font-size:100%;
}
div.option_key dd input{
    width:100%;
    border-radius:5px;
}


.btnSearch{
    border:1px solid #a60;
    border-radius:6px;
    width:96%;
    margin:20px auto;
    text-align:center;
    background: -moz-linear-gradient(center top, #ffc85e 0%, #ffc85e 50%,#ff9b04 50%,#ff9b04 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffc85e),color-stop(0.5,#ffc85e),color-stop(0.5,#ff9b04),color-stop(1,#ff9b04));
}
.btnSearch input{
    width:100%;
    text-shadow: rgba(255,255,255,0.6) 1px 1px 1px;
    padding:10px 0;
    background:transparent url(/sp/img/marker_input.png) no-repeat 96% center;
    border-radius:6px;
    border:1px solid #fff;
    color:#5a3700;
    font-size:200%;
    font-weight:bold;
}


/*結果エリア*/
#resultArea{
    border-bottom:4px solid #fa0128;
    padding:10px 0;
}
#resultArea .resultNum{
    width:100%;
    margin:0 auto;
    text-align:center;
}
#resultArea .resultNum span{
    font-size:150%;
}

#resultArea .pager{
    width:96%;
    margin:0 auto 10px auto;
    padding:10px 0 0 0;
    position:relative;
}

#resultArea .pager .arrow_l{
    position:absolute;
    left:0%;bottom:0%;
}
#resultArea .pager .arrow_r{
    position:absolute;
    right:0%;bottom:0%;
}
/* delete by lr sato 
#resultArea .pager ol li.more{
    position:absolute;
    right:0;bottom:0;
}
*/
#resultArea .pager ol{
    margin:0 auto;
    max-width:80%;
    text-align:center;

}
#resultArea .pager ol li{
    position:relative;
    display:inline;
    font-size:120%;
    margin:0 6px;
}
#resultArea .pager ol li span{
    border:1px solid #1cc0ff;
    /* delete by lr sato*/
/*    padding:0.2em 0.35em;*/
    background:#fff;
    color:#1cc0ff;
    /* update by lr sato*/
    display:inline-block;
    width:30px;
}

/* add by lr sato*/
#resultArea .pager ol li.more{
    margin:0px;
}

/* add by lr sato*/
#resultArea .pager ol li.more span{
    border:0px;
    background-color:transparent;
    color:#000000;
    padding:0;
}


#resultArea .pager ol li.on span{
    background:#1cc0ff;
    color:#fff;
}
#resultArea .pager ol li a,
#resultArea .pager ol li a:link{
    color:#19bfff;
}
/* delete by lr sato 
#resultArea .pager ol li.next:after{
    content:"...";
    position:absolute;
    padding:0.2em 0.35em;
    left:100%;
    top:-2%;
}
*/





/*----------------------------------------------------------------------------
 ***                                                               form
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner {}
#footerAreaLink{}
#footerAreaTxt{}
#footerAreaLogo {}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}
