/* CSS Document */


/* box
-----------------------------------------------*/
.onkLanguageLink{
margin-bottom:10px;
text-align:right;
}
.onkLanguageLink p{
display:inline;
margin:0;
padding:3px 6px 3px 18px;
background:#644196;
background:url(/images/common/arrow06.gif) no-repeat 6px 50% #644196;
}
.onkLanguageLink p a{
color:#FFF;
}

/* font
-----------------------------------------------*/
.red-text {
	color:#FF0000;
}

/* column
-----------------------------------------------*/
.onkColumn01{
display:inline-block;
border-bottom:1px dotted #656565;
}
.onkColumn01:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:".";
}
.onkColumn01 h2{
margin-bottom:10px;
}
.onkColumn011{
float:left;
padding:0 10px 10px 0;
border-right:1px dotted #656565;
width:284px;
}
.onkColumn012{
float:left;
margin-left:-1px;
padding:0 0 10px 10px;
border-left:1px dotted #656565;
width:284px;
}

.onkColumn02{
display:inline-block;
}
.onkColumn02:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:".";
}
.onkColumn02 h2{
margin-bottom:10px;
}
.onkColumn021{
float:left;
padding:10px 10px 10px 0;
border-right:1px dotted #656565;
width:284px;
z-index:2;
}
.onkColumn022{
float:left;
margin-left:-1px;
padding:10px 0 10px 10px;
border-left:1px dotted #656565;
width:284px;
z-index:1;
}

.onkColumn03{
display:inline-block;
border-top:1px dotted #656565;
}
.onkColumn03:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:".";
}
.onkColumn03 h2{
margin-bottom:10px;
}
.onkColumn031{
float:left;
padding:10px 10px 10px 0;
border-right:1px dotted #656565;
width:284px;
}
.onkColumn032{
float:left;
margin-left:-1px;
padding:10px 0 10px 10px;
border-left:1px dotted #656565;
width:284px;
}

.onkColumnBorderOff{
width:285px;
border:0;
}


/* img and box
-----------------------------------------------*/
.onkImgAndBox01{
display:inline-block;
}
.onkImgAndBox01:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:".";
}
.onkImgAndBox01 .imgBox{
float:left;
margin-bottom:0;
padding-right:8px;
width:52px;
}
.onkImgAndBox01 dl{
float:right;
width:224px;
}



/* list
-----------------------------------------------*/
.onkDlist01{
margin-bottom:10px;
}
.onkDlist011{
position:absolute;
}
.onkDlist012{
padding-left:6em;
}

.onkDlist02 dt{
font-weight:bold;
}

.onkContentsNavi{
display:inline-block;
margin-bottom:20px;
}
.onkContentsNavi:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:".";
}
ol.onkContentsNavi{
list-style:none;
}
.onkContentsNavi li{
float:left;
padding:0 0 0 13px;
width:277px;
background:url(/images/common/arrow03.gif) no-repeat 2px 0.3em;
}
ol.onkContentsNavi li{
text-indent:0;
}

.onkPageNavi{
margin:0 auto 10px;
padding-top:30px;
text-align:center;
}
.onkPageNavi li{
padding-right:2em;
display:inline;
}
.onkPageNavi li.back{
padding-left:15px;
background:url(/images/common/icon_back.gif) no-repeat left 0.2em;
}
.onkPageNavi li.next{
padding-right:15px;
background:url(/images/common/arrow01.gif) no-repeat right 0.2em;
}


ul.hstList01{
width:590px;
}

ul.hstList01 li{
float:left;
padding:7px 0 5px 16px;
margin:3px;
width:171px;
list-style:none;
background:url(/images/common/arrow03.gif) no-repeat scroll 5px 1em;
border:1px solid #CCCCCC;
}

ul.hstList01:after{
display:block;
clear:both;
visibility:hidden;
height:0px;
content:".";
} 


/* btn
-----------------------------------------------*/
.onkOpener{
padding-left:16px;
color:#0033CC;
background:url(/images/common/arrow01.gif) no-repeat 0 0.25em;
cursor:pointer;
}