#toppage{}
.toppage{}



/* ƒRƒ“ƒeƒ“ƒc
---------------------------------------------------- */

body{ background:url(../../img/top/top_bg.jpg) repeat-x 0 0; background-color:#006fbb;}

#contents{ width:100%; display:none;}


#footer_wrap{
    position:absolute;
    bottom:0px;
    height:60px;
    width:100%;
	background:#fff;
	z-index:99999999999999;}
div#container{
    width: 100%;
    margin:0 auto;
    position:relative;
    min-height: 100%;
}
body > #container { height: auto; }
div#wrap{ padding-bottom:70px;}





#footer .bnr_area{ top:4px;}
#footer .copy{ top:17px;}



.main_contents{ width:1172px; margin:0 auto; padding-bottom:60px;}

h1{ position:absolute; width:1172px; text-align:center; padding-top:554px;}


/* ƒ‚[ƒ_ƒ‹ƒEƒBƒ“ƒhƒE
------------------------------------------------------------ */

.modalwindow{ /*position:relative;*/}
.flow_view{cursor:pointer;}


div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#000;
	filter:alpha(opacity=75)!important;
	opacity: 0.75;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=75)";  /* ie 8 */
	-moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75;              /* Safari 1.x */
	z-index:9999999;
}

* html div#glayLayer{
	position:absolute;
}
#overLayer{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9999999999999999;
}

#overLayer img{}

#overLayer img.close{
	position:absolute;
	top:82px;
	right:20px;
	cursor:pointer;
	background:none;
	padding:6px;
	z-index:999999999999999999999999;
}
#overLayer img.close:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";}

* html #overLayer{
	position: absolute;
}


.main_img_wrap{ padding-top:118px; position:relative;}
.flow_erp{ position:absolute; top:48px; left:242px; z-index:999;}

.flow_detail{ display:none; position:absolute; top:0; left:0; margin-bottom:-75px; height:100%; min-height:100%; width:100%; z-index:99999999;}


.flow_info_wrap{
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	min-height:668px;
	height:100%;
	width:100%;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}
.flow_info_wrap1,
.flow_info_wrap2,
.flow_info_wrap3{ background:url(../../img/top/flow_bg_y.png) repeat-y top center;}
.flow_info_wrap4{ background:url(../../img/top/flow_bg_y2.png) repeat-y top center;}

.flow_info{ width:980px; margin:0 auto; position:relative; height:100%;}
.flow_info .flow_info_box{ position:absolute; right:0; top:0; padding:0 0 0 62px; height:100%; background:url(../../img/top/flow_bg.png) repeat 0 0;}
.flow_detail4 .flow_info .flow_info_box{ left:0; padding:0 62px 0 62px; width:240px;}

.flow_info_wrap1 .flow_info .flow_info_box .inner{padding-top:268px;}
.flow_info_wrap2 .flow_info .flow_info_box .inner{padding-top:158px;}
.flow_info_wrap3 .flow_info .flow_info_box .inner{padding-top:295px;}
.flow_info_wrap4 .flow_info .flow_info_box .inner{padding-top:230px;}

.flow_info .flow_info_box h2{ border-bottom:1px solid #666; padding-bottom:15px; line-height:1.6;}
.flow_info .flow_info_box h2 strong{ font-weight:nomal!important;}
.flow_info .flow_info_box h2 span{ font-size:124%; font-weight:bold;}

.flow_info .flow_info_box h3{ font-weight:; font-size:110%; padding:26px 0 6px 0;}
span.list_wh{ background:url(../../img/listicon_white.png) no-repeat left 5px; padding-left:10px; padding-right:18px;}

.flow_detail .flow_inner{ width:1172px; margin:0 auto 0 auto; padding-top:75px; position:relative;}
.flow_detail1 .flow_inner .flow_img{ padding-top:48px;}
.flow_detail2 .flow_inner .flow_img{ padding-top:118px; padding-left:326px;}
.flow_detail3 .flow_inner .flow_img{ padding-top:48px; padding-left:242px;}
.flow_detail4 .flow_inner{ text-align:right;}
.flow_detail4 .flow_inner .flow_img{ padding-top:118px; padding-right:10px;}


.flow3_pic1{ position:absolute; top:85px; right:180px;}
.flow3_pic2{ position:absolute; top:174px; right:90px;}

.flow4_pic1{ position:absolute; top:435px; left:130px;}

.main_bg{ position:absolute; top:0; left:0; z-index:-1;}
.main_bg span{ position:absolute; top:0; left:0; opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";}





/* ƒnƒbƒN
---------------------------------------------------- */

/*ipad@cŒό‚«‘΍τ*/

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {

}


/*ipad@‰‘Œό‚«‘΍τ*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}




/*iphone‘΍τ*/
/* ----iPhone 3`4 c---- */
@media only screen and (max-width: 320px) and (orientation:portrait){

}

/* ----iPhone 3`4 ‰‘---- */

@media only screen and (max-width: 480px) and (orientation:landscape){

}