/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

}

/************************************************************************************
smaller than 568 (iPhone5,iPhone4S,iPhone4)
*************************************************************************************/
@media screen and (max-width: 568px) {

/*WRAPPER*/
#wrapper {
background-color:#111;
}




/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*FRAME*/
header {
width:auto;
height:auto;
margin:0;
background:url(../images/bg_header_smp640.png) no-repeat right bottom;
position:relative;
}

/*TITLE*/
header h1.title {
width:320px;
height:162px;
background:url(../images/title_main.png) no-repeat 0 8px;
background-size:310px auto;
-webkit-background-size:310px auto;
-moz-background-size:310px auto;
position:static;
}

/*MAIN COPY*/
header h2.copy {
width:320px;
height:100px;
background:url(../images/txt_copy.png) no-repeat 10px 0;
background-size:320px auto;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
position:static;
}

/*BUILDING IMAGE*/
header p.imgBuild {
height:auto;
position:absolute;
right:0;
top:14px;
}
header p.imgBuild img {
height:248px;
}




/*----------------------------------------------*/
/*CONTENT*/
/*----------------------------------------------*/

section#content {
width:auto;
margin:0;
}

/*CASE:ABOUT ENTRY*/
section#content.aboutEntry {
background:none;
background-color:#111;
}




/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

footer {
width:auto;
margin:0;
text-align:center;
position:relative;
}

/*PAGE TOP*/
footer ul.ptBtn {
}
footer ul.ptBtn li {
}
footer ul.ptBtn li a {
}
footer ul.ptBtn li a:hover {
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}


/*BANNERS (LOGO & PROG)*/
footer .banners {
width:auto;
}
/*LOGO BANNER*/
footer ul.logoBanner {
height:auto;
margin:0 0 8px 0;
float:none;
}
footer ul.logoBanner li {
margin:0 0 5px 0;
padding:0;
float:none;
}
footer ul.logoBanner li:last-child {
margin-bottom:0;
}
footer ul.logoBanner li img {
}


/*PROGRAM BANNER*/
footer .prgBanner {
float:none;
margin-bottom:1.2em;
}
footer .prgBanner img {
width:300px;
}


/*COPYRIGHT*/
footer p.copyright {
border-top:1px solid #CCC;
padding-top:5px;
}




/*----------------------------------------------*/
/*ABOUT ENTRY*/
/*----------------------------------------------*/

/*TITLE*/
section#content.aboutEntry h3.aeTitle {
width:auto;
height:auto;
font-size:1.0em;
color:#FFF;
text-indent:0;
background:none;
margin-bottom:1.2em;
}
span.tc1 {color:#FFC500;}
span.tc2 {color:#0092D2;}
span.tc3 {color:#9FD200;}
span.tc4 {color:#FF7770;}
/*[BACK GROUND]*/
section#content.aboutEntry .aeTitleBg {
width:auto;
height:auto;
margin:0;
padding:20px 0 0 10px;
background:none;
position:static;
}
/*[PRINT BTN]*/
form.printBtn {
display:none;
}



/*ABOUT ENTRY BOARD*/
section#content.aboutEntry dl.aeBoard {
width:auto;
margin:0;
padding:0;
}
/*[CATCH]*/
section#content.aboutEntry dl.aeBoard dt.aeCatch {
width:auto;
height:auto;
padding:5px 10px 5px 35px;
text-align:left;
font-size:1.0em;
line-height:1.6em;
background:url(../../images/index/icon_catch.png) no-repeat 10px center;
float:none;
}
/*[CATCH]*/
section#content.aboutEntry dl.aeBoard dd.aeInfo {
padding:12px 10px 40px 10px;
}
/*break setting*/
section#content.aboutEntry dl.aeBoard dt.aeCatch br {
	display:none;
}


/*TEXT SETTING*/
/*[NORMAL TEXT]*/
p.norTxt {
}
p.norTxt a {
color:#FFF;
}

/*[BOLD A]*/
h4.boldA {
}
h5.boldB {
}

/*[LIST STYLE(1)]*/
ul.aeList1 {
}
ul.aeList1 li {
}
/*[LIST STYLE(2)]*/
ol.aeList2 {
}
ol.aeList2 li {
}

/*[FLOW]*/
ul.aeFlow {
}
ul.aeFlow li {
color:#FFF;
font-size:0.9em;
line-height:1.4em;
}
ul.aeFlow li.flow1,
ul.aeFlow li.flow2,
ul.aeFlow li.flow3,
ul.aeFlow li.flow4,
ul.aeFlow li.flow5,
ul.aeFlow li.flow6 {
width:auto;
height:auto;
text-indent:0;
margin-bottom:5px;
padding:7px;
}
ul.aeFlow li:last-child {
margin-bottom:0;
}
/*[FLOW(1)]*/
ul.aeFlow li.flow1 {
background-image:none;
background-color:#006A8A;
}
/*[FLOW(2)]*/
ul.aeFlow li.flow2 {
background-image:none;
background-color:#008769;
}
/*[FLOW(3)]*/
ul.aeFlow li.flow3 {
background-image:none;
background-color:#438600;
}
/*[FLOW(4)]*/
ul.aeFlow li.flow4 {
background-image:none;
background-color:#577000;
}
/*[FLOW(5)]*/
ul.aeFlow li.flow5 {
background-image:none;
background-color:#8D6800;
}
/*[FLOW(6)]*/
ul.aeFlow li.flow6 {
background-image:none;
background-color:#A72518;
}
/*[FLOW END]*/
p.flowEnd {
	width:auto;
	height:auto;
	text-indent:0;
	color:#FF0;
	font-weight:bold;
	background:none;
	padding:12px 0 0 0;
}

span.stepTxt {
display:block;
padding-top:5px;
}
span.stepCatch {
font-weight:bold;
}

}


/************************************************************************************
smaller than 480 (iPhone4S,iPhone4)
*************************************************************************************/
@media screen and (max-width: 480px) {

/*FRAME*/
header {
width:auto;
height:auto;
margin:0;
background:url(../images/bg_header_smp640.png) no-repeat right bottom;
background-size:520px auto;
-webkit-background-size:520px auto;
-moz-background-size:520px auto;
position:relative;

}

/*TITLE*/
header h1.title {
width:290px;
height:145px;
background:url(../images/title_main.png) no-repeat 0 8px;
background-size:280px auto;
-webkit-background-size:280px auto;
-moz-background-size:280px auto;
position:static;
}

/*MAIN COPY*/
header h2.copy {
width:290px;
height:90px;
background:url(../images/txt_copy.png) no-repeat 10px 0;
background-size:280px auto;
-webkit-background-size:280px auto;
-moz-background-size:280px auto;
position:static;
}

/*BUILDING IMAGE*/
header p.imgBuild {
position:absolute;
top:10px;
right:0;
}
header p.imgBuild img {
height:225px;
}



}


/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {

/*FRAME*/
header {
width:auto;
height:auto;
margin:0;
background:url(../images/bg_header_smp360.png) no-repeat left bottom;
background-size:auto;
-webkit-background-size:auto;
-moz-background-size:auto;
position:relative;

}

/*TITLE*/
header h1.title {
width:320px;
height:160px;
background:url(../images/title_main.png) no-repeat 0 8px;
background-size:310px auto;
-webkit-background-size:310px auto;
-moz-background-size:310px auto;
position:static;
}

/*MAIN COPY*/
header h2.copy {
width:320px;
height:300px;
background:url(../images/txt_copy.png) no-repeat 10px 0;
background-size:320px auto;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
position:static;
}

/*BUILDING IMAGE*/
header p.imgBuild {
position:absolute;
top:235px;
right:0;
}
header p.imgBuild img {
height:225px;
}


}