@charset "UTF-8";


.title-img{
margin:0 auto 1em;
text-align:center;
}


#content-main p{
font-size:140%;
line-height:1.7;
}


/* topics-menu
--------------------------------------------- */

ul.topics-menu{
padding:0 1em;
text-align:left;
border:#F90 solid 1px;
}


ul.topics-menu li a{
position:relative;
font-size:14px;
display:block;
margin:15px 0;
padding:10px 10px 10px 35px;
color:#333;
background:#F2F2F2;
border:#EEEEEE solid 1px;
text-decoration:none;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

ul.topics-menu li a span{
color:#F60;
}

ul.topics-menu li a:before{
position:absolute;
left:10px;
top:12px;
content:'\f138';
color:#FF9900;
font-family:'FontAwesome';
line-height:1;
font-size:18px;
}


ul.topics-menu li a:hover,
ul.topics-menu li a:focus{
background:#FEF9E4;
color:#000;
border:#FFCC00 solid 1px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}


/* page
--------------------------------------------- */
div.signature{
margin:1em 0 0;
padding:1em;
text-align:right;
font-size:120%;
}

#content-main section .container{
position:relative;
font-size:120%;
padding:1em 0 3em !important;
}

section .container p{
font-size:100% !important;
margin:0 1em;
}


section .container h2{
margin-bottom:1em !important;
background:none !important;
color:#333 !important;
font-weight:700 !important;
background-color:#EAFBED !important;
}

.decoration{
z-index:100;
text-align:center;
}


section .container h3{
border:none !important;
margin-top:1.5em !important;
padding:0.3em 0.5em !important;
background-color:#039;
color:#FFF !important;
text-align:left !important;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-size:100% !important;
}

section .container h3:before{
padding-right:0.2em;
text-indent:-1em;
display:inline-block;
margin:0 0.3em 0 1em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
color:#FFCC00;
font-size:80%;
}


section .container dl{
margin:1.5em;
padding:1em;
background-color:#EDEDF5;
}

section .container dt{
padding-bottom:0.5em;
font-weight:700;
}

section .container dt:before{
padding-right:0.2em;
text-indent:-1em;
display:inline-block;
margin:0 0.3em 0 1em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
color:#003399;
font-size:80%;	
}



section .container ol{
margin-left:2em;
list-style-type:decimal;
}

section .container ol li{
padding:0.2em;
}



main table{
width:90%;
margin:1em auto 2em;
text-align:left;
border:1px solid #8CBE27;
border-collapse: collapse;
}

main table th,
main table td{
padding:5px;
border:1px dashed #8CBE27;
text-align:center;
}

main table th{
font-size:100%;
font-weight:bold;
color:#111;
background-color:#F1FEE9;
text-align:center;
}

main table td{
font-size:100%;
font-weight:normal;
color:#111;
text-align:center;
}

main table td li{
padding:6px 0;
}




.home-image-col{
max-width:400px;
margin:1em auto;
text-align:center;
}

.home-image-col img{
width:96%;
border:6px solid #FFF;
box-shadow:0 0 3px #999;
border-radius:5px;
}



@media all and (min-width:700px) {


/* topics-menu
--------------------------------------------- */
ul.topics-menu{
max-width:900px;
margin:1em auto;
}

/* page
--------------------------------------------- */

section .container h2{
text-align:left !important;
}

main table{
width:60%;
}

main table.wt{
width:80%;
}

main table.wt02{
width:auto;
}

main table.wt th:first-child{
width:300px;
}

}


@media all and (min-width:960px) {

.decoration{
position:absolute;
top:0;
right:0;
}

}