@charset "utf-8";

/*-----page all default setting-----*/
body{
margin:0px auto;
text-align:center;
color:#222222;
background:#ffffff;

}

img{
border:none;
color:#ffffff;
background:transparent;
}

#layoutBox{
position:relative;
margin:0px auto;
padding:0px;
width:900px;
background-image:url(../images/base/page_bg.png);
background-repeat:repeat-y;
text-align:left;
z-index:0;
}

#header{
position:relative;
background-image:url(../images/base/header_bg.png);
background-color:#3BBBFF;
background-repeat:no-repeat;
margin:0px auto;
padding:0px;
width:875px;
height:120px;
z-index:1;
}

#logo{
position:relative;
width:180px;
height:80px;
margin:0px 0px 0px 10px;
padding:0px;
}

.description{
position:absolute;
width:480px;
margin:3px 3px 0px 390px;
padding:0px;
font-size:12px;
font-weight:normal;
color:#ffffff;
text-align:left;
z-index:5;
}

/*-----Contentsbox setting-----*/

#mainBox{
position:relative;
width:875px;
min-height:1000px;
margin:0px auto;
padding:0px;
text-align:left;
font-size:14px;
color:#333333;
}

#maincontentsBox{
position:relative;
width:875px;
min-height:800px;
margin:0px;
padding:0px;
text-align:left;
font-size:14px;
color:#333333;
}

#r_box{
position:relative;
width:220px;
min-height:1000px;
margin:0px auto;
padding:0px;
text-align:center;
float:right;
}

#r_box li{
list-style-type:none;
}

#l_box{
position:relative;
width:640px;
min-height:600px;
margin:0px 0px 0px 2px;
padding:0px;
background-color:#ffffff;
text-align:left;
float:left;
line-height:18px;
}

.message{
font-size:14px;
}

/*-----breadcrumbs list setting-----*/

.bc_list{
position:relative;
display:block;
width:620px;
height:40px;
margin:5px 0px 0px 3px;
padding:0px;
font-size:13px;
text-align:left;
line-height:40px;
background-color:#A2D4CA;
border-style:double 2px #999999;
}


/*-----footer setting-----*/

#footer{
position:relative;
width:875px;
height:60px;
margin:0px auto;
padding:0px;
background-image:url(../images/base/footer_bg.png);
background-color:#3BBBFF;
background-repeat:no-repeat;
text-align:right;
}

.f_navi{
margin:2px 0px 0px 0px;
padding:0px;
font-size:12px;
color:#333333;
}

.copyr{
position:relative;
margin:20px 5px 0px 0px;
padding:0px 0px 0px 0px;
font-size:13px;
font-weight:normal;
}

.copyr h6{
font-size:13px;
font-weight:normal;
margin:15px 0px 0px 0px;
padding:0px;
}

/*-----globalmenu setting-----*/

#g_navi{
position:relative;
width:875px;
height:40px;
background-image:url(../images/g_navi/g_navi_bg.png);
background-repeat:repeat-x;
margin:0px;
padding:0px;
}

#g_navi ul{
margin:0px;
padding:0px;
}

#g_navi li{
list-style-type:none;
float:left;
display:block;
width:180px;
height:40px;
text-indent:-1000px;
z-index:2;
margin:0px;
padding:0px;
}


.gn_top a{
display:block;
width:180px;
height:40px;
list-style-type:none;
background-image:url(../images/g_navi/b_top.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-1000px;
}

.gn_top a:hover{
display:block;
width:180px;
height:40px;
list-style-type:none;
background-image:url(../images/g_navi/b_top.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-1000px;
}

.gn_about a{
display:block;
width:180px;
height:40px;
list-style-type:none;
background-image:url(../images/g_navi/b_about.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-1000px;
}

.gn_about a:hover{
display:block;
width:180px;
height:40px;
list-style-type:none;
background-image:url(../images/g_navi/b_about.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-1000px;
}


.gn_words a{
display:block;
width:180px;
height:40px;
list-style-type:none;
background-image:url(../images/g_navi/b_words.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-1000px;
}

.gn_words a:hover{
display:block;
width:180px;
height:40px;
list-style-type:none;
background-image:url(../images/g_navi/b_words.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-1000px;
}



/*-----clear setting-----*/

.clear{
clear:both;
}

/*-----subtitle setting-----*/

#l_box h2{
position:relative;
background-image:url(../images/base/st_bg.png);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
}

/*----marker pen  setting-----*/

.ye_line{
background-color:#FDFC9C;
}


/*-----masa column setting-----*/

#m_columnbox{
position:relative;
width:625px;
height:270px;
background-image:url(../images/contents/m_col_bg.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

.col_text{
position:absolute;
width:500px;
height:230px;
margin:30px 0px 0px 70px;
padding:0px;
color:#444444;
}