@charset "utf-8";

/* -----------------------------------------------------------
  home layout
------------------------------------------------------------ */
html {
background-color:#fff;
}

#home {
background-color:#fff;
}

#home div#container {
width:100%;
margin:0;
padding-top:40px;
background:url(/freeplus/images/index_bg_01.gif) repeat-x 40px left;
background-color:transparent;
}


/* flash contents 
------------------------------------------------------------ */
#home div#flashContents {
height:540px;
}

/* no flash
---------------------------------------- */
div#noFlash {
width:776px;
margin:0 auto;
}

div#noFlashNavFrame {
margin-top:1px;
height:172px;
padding-bottom:8px;
background:url(/freeplus/images/index_noflashNavBg_01.gif) no-repeat left bottom;
}
div#noFlashNavFrame:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#noFlashNavFrame {display:inline-block;}
/* Hides from IE-mac \*/
* html div#noFlashNavFrame {height: 1%;}
div#noFlashNavFrame {display: block;}
/* End hide from IE-mac */

div.noFlashNav {
float:left;
width:154px;
margin-right:2px;
}
div#noFlashNavFirst {
width:153px;
}
div#noFlashNavLast {
width:153px;
margin-right:0;
}

div.noFlashNav ul {
margin-left:8px;
}
div.noFlashNav ul li {
font-size:1px;
line-height:0.1;
margin-bottom:4px;
}



/* contents 
------------------------------------------------------------ */
#home div#contents {
width:776px;
margin:10px auto 0;
}

/* contents title */
div#contentsTitle {
margin-bottom:6px;
padding-bottom:4px;
border-bottom:1px solid #b2dce3;
}
div#contentsTitle:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#contentsTitle {display:inline-block;}
/* Hides from IE-mac \*/
* html div#contentsTitle {height: 1%;}
div#contentsTitle {display: block;}
/* End hide from IE-mac */

div#contentsTitle h2 {
float:left;
width:70px;
margin-bottom:1px;
}

/* search form 
---------------------------------------- */
div#contentsTitle div#searchForm {
float:right;
width:401px;
margin-left:0;
}

div#contentsTitle div#searchForm p#areaSearchBtn {
float:left;
width:87px;
margin-top: 1px;
}

div#contentsTitle div#searchForm dl {
float:right;
width:309px;
padding:3px 0;
background:url(/freeplus/images/index_searchFormBg_01.gif) 100% 0 repeat-y;
}
div#contentsTitle div#searchForm dt {
width:76px;
margin:2px 6px 0 11px;
display:inline;
}
div#contentsTitle div#searchForm dd {
width:216px;
}
div#contentsTitle div#searchForm dd input#query {
width:133px;
margin:1px 11px 0 0;
}
div#contentsTitle div#searchForm dd input#searchBtn {
margin-top:1px;
}


/* information 
---------------------------------------- */
div#infoFrame:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#infoFrame {display:inline-block;}
/* Hides from IE-mac \*/
* html div#infoFrame {height: 1%;}
div#infoFrame {display: block;}
/* End hide from IE-mac */

/* banner information */
div#bannerInfo {
float:left;
width:210px;
margin-right:8px;
}

/* text information */
div#textInfo {
float:left;
width:550px;
}
div#textInfo a:link,
div#textInfo a:visited {
color:#666;
text-decoration:underline;
}
div#textInfo a:hover,
div#textInfo a:active,
div#textInfo a:focus {
color:#0095a3;
text-decoration:none;
}

div#textInfo dl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#textInfo dl {display:inline-block;}
/* Hides from IE-mac \*/
* html div#textInfo dl {height: 1%;}
div#textInfo dl {display: block;}
/* End hide from IE-mac */

div#textInfo dl dt {
float:left;
width:80px;
margin-top:7px;
}
div#textInfo dl dd {
float:left;
width:470px;
margin-top:7px;
}
div#textInfo p.more {
margin-top:45px;
text-align:right;
}


/* assist Navigation 
------------------------------------------------------------ */
#home div#assistNavigation  {
margin:20px 0 0 0;/* BBS Coming Soon */
}
div#assistNavigation ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#assistNavigation ul {display:inline-block;}
/* Hides from IE-mac \*/
* html div#assistNavigation ul {height: 1%;}
div#assistNavigation ul {display: block;}
/* End hide from IE-mac */

div#assistNavigation ul li {
float:left;
margin-right:5px;
}
div#assistNavigation ul li.subNav {
margin:5px 0 0 20px;
}


/* contents 
------------------------------------------------------------ */
#home div#footer {
margin-left:0;
}