@charset "utf-8";


/* ----------------------------------------------------------------
    Default
----------------------------------------------------------------- */
*{margin:0;padding:0;}

body{
margin:0;
padding:0;
color:#333;
background:#fff;
font-size:100.01%;
line-height:1.7;
font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", "�l�r �o�S�V�b�N", sans-serif;
}

header,
footer,
nav,
section,
article,
hgroup{
display:block;
}

ul,ol{
list-style:none;
}

div#str-container{
width:900px;
margin:0 auto;
}

p{
font-size:0.8em;
}

a:link{
color:#0066cc;
text-decoration:none;
}

a:visited{
color:#0066cc;
text-decoration:none;
}

a:hover,
a:active,
a:focus{
color:#0066cc;
text-decoration:underline;
}

/* ----------------------------------------------------------------
    Header
----------------------------------------------------------------- */

header{
width:900px;
margin-bottom:20px;
border:1px solid #ccc;
border-top:none;
-moz-border-radius-topleft:0;/*FireFox*/
-moz-border-radius-topright:0;/*FireFox*/
-moz-border-radius-bottomright:6px;/*FireFox*/
-moz-border-radius-bottomleft:6px;/*FireFox*/
-webkit-border-top-left-radius:0;/*Safari,Google Chrome*/
-webkit-border-top-right-radius:0;/*Safari,Google Chrome*/
-webkit-border-bottom-right-radius:6px;/*Safari,Google Chrome*/
-webkit-border-bottom-left-radius:6px;/*Safari,Google Chrome*/
background:-moz-linear-gradient(top, #f4f4f4,#fff 25%);/*FireFox*/
background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4),color-stop(0.25, #fff));/*Safari,Google Chrome*/
-moz-box-shadow:#ededed 1px 1px 4px;/*FireFox*/
-webkit-box-shadow:#ededed 1px 1px 4px;/*Safari*/
}

header h1{
width:897px;
height:46px;
padding:2px 0 2px 33px;
font-size:1.7em;
position:absolute;
margin:10px 0 0 -15px;
background:rgba(4,94,156,0.85);
color:#fff;
}

header h1 a,
header h1 a:link,
header h1 a:active,
header h1 a:hover,
header h1 a:visited,
header h1 a:focus{
color:#fff;
}


header .triangle-L{
border-color:#004d82 transparent transparent transparent;
border-style:solid;
border-width:15px;
height:0;
left:-15px;
position:relative;
top:60px;
width:0;
z-index:-1;
}

header .triangle-R{
border-color:#004d82 transparent transparent transparent;
border-style:solid;
border-width:15px;
height:0;
left:885px;
position:relative;
top:30px;
width:0;
z-index:-1;
}

header h2{
padding:7px 0 8px 20px;
font-weight:normal;
font-size:0.9em;
}

header nav ul{
width:900px;
display:-moz-box;/*FireFox*/
display:-webkit-box;/*Safari,Google Chrome*/
}

header nav ul li{
width:180px;
margin:0 0 2px 0;
border-top:1px solid #ccc;
text-align:center;
font-size:0.8em;
}

header nav ul li a{
margin-top:2px;
padding:3px 0;
border-right:1px solid #ccc;
display:block;
color:#0074bf;
font-weight:bold;
text-decoration:none;
background:-moz-linear-gradient(bottom, #fff,#f4f4f4 70%,#fff 70%,#fff 100%);/*FireFox*/
background:-webkit-gradient(linear, left bottom, left top, from(#fff),color-stop(0.7, #f4f4f4),color-stop(0.7, #fff),color-stop(1.0, #fff));/*Safari,Google Chrome*/
}

header nav ul li a:hover,
header nav ul li a.active{
background:-moz-linear-gradient(bottom, #fff,#d8eaff 50%,#fff 100%);/*FireFox*/
background:-webkit-gradient(linear, left bottom, left top, from(#fff),color-stop(0.5, #d8eaff),color-stop(1.0, #fff));/*Safari,Google Chrome*/
}

header nav ul li a.last-child{
border-right:none;
}



/* ----------------------------------------------------------------
    Section Structure-Main
----------------------------------------------------------------- */
section#str-main{
width:658px;
margin-bottom:20px;
padding:10px;
float:right;
border:1px solid #ccc;
-moz-border-radius:6px;/*FireFox*/
-webkit-border-radius:6px;/*Safari,Google Chrome*/
-moz-box-shadow:#ededed 1px 1px 4px;/*FireFox*/
-webkit-box-shadow:#ededed 1px 1px 4px;/*Safari*/
}

section#str-main article{
margin-bottom:20px;
}

section#str-main article h1{
margin-bottom:10px;
padding:4px 0 4px 10px;
-moz-border-radius:4px;/*FireFox*/
-webkit-border-radius:4px;/*Safari,Google Chrome*/
background:-moz-linear-gradient(bottom, #1b76b5,#1b76b5 60%,#3b8dc5 60%,#3b8dc5 100%);/*FireFox*/
background:-webkit-gradient(linear, left bottom, left top, from(#1b76b5),color-stop(0.6, #1b76b5),color-stop(0.6, #3b8dc5),color-stop(1.0, #3b8dc5));/*Safari,Google Chrome*/
font-size:1.2em;
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}

section#str-main article h1 span{
padding:2px 0 2px 8px;
border-left:5px solid #eb8d14;
}

section#str-main article h2{
margin-bottom:10px;
padding:4px 5px;
border:solid 1px #ddd;
border-radius:5px;
background:#eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:-moz-linear-gradient(top,  #fff,  #eee);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
font-size:0.9em;
}

section#str-main article h2 span{
border-left:5px solid #1b76b5;
padding:3px 0 3px 8px;
}


/* ----------------------------------------------------------------
    Section Structure-Sub
----------------------------------------------------------------- */
section#str-sub{
width:200px;
margin-bottom:20px;
float:left;
}

section#str-sub section{
margin-bottom:10px;
border:1px solid #ccc;
-moz-border-radius:6px;/*FireFox*/
-webkit-border-radius:6px;/*Safari,Google Chrome*/
-moz-box-shadow:#ededed 1px 1px 4px;/*FireFox*/
-webkit-box-shadow:#ededed 1px 1px 4px;/*Safari*/
}

section#str-sub section h1{
padding:6px 0 6px 10px;
-moz-border-radius-topleft:4px;/*FireFox*/
-moz-border-radius-topright:4px;/*FireFox*/
-moz-border-radius-bottomright:0;/*FireFox*/
-moz-border-radius-bottomleft:0;/*FireFox*/
-webkit-border-top-left-radius:4px;/*Safari,Google Chrome*/
-webkit-border-top-right-radius:4px;/*Safari,Google Chrome*/
-webkit-border-bottom-right-radius:0;/*Safari,Google Chrome*/
-webkit-border-bottom-left-radius:0;/*Safari,Google Chrome*/
background:-moz-linear-gradient(bottom, #1b76b5,#1b76b5 60%,#3b8dc5 60%,#3b8dc5 100%);/*FireFox*/
background:-webkit-gradient(linear, left bottom, left top, from(#1b76b5),color-stop(0.6, #1b76b5),color-stop(0.6, #3b8dc5),color-stop(1.0, #3b8dc5));/*Safari,Google Chrome*/
text-shadow:0 1px 1px rgba(0,0,0,0.5);
font-size:0.8em;
color:#fff;
}

section#str-sub section nav{
border:2px solid #fff;
-moz-border-radius:5px;/*FireFox*/
-webkit-border-radius:5px;/*Safari,Google Chrome*/
background:#f4f4f4;/*FireFox*/
}

section#str-sub section nav ul{
font-size:0.8em;
}

section#str-sub section nav ul li{
display:block;
border-bottom:1px dotted #ccc;
background:#f4f4f4;
list-style:square outside square;
}

section#str-sub section nav ul li.active{
padding:7px 0 7px 10px;
background:#fff;
}

section#str-sub section nav ul li:last-child{
border-bottom:none;
}

section#str-sub section nav ul li a{
display:block;
color:#1b76b5;
padding:7px 0 7px 10px;
}

section#str-sub ul.banner li a{
margin-bottom:10px;
border:1px solid #659635;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:-moz-linear-gradient(center top , #CFE782 0%, #9BCB2A 2%, #5DA331 97%, #659635 100%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, center top, center bottom, from(#CFE782), color-stop(0.02,#9BCB2A), color-stop(0.97,#5DA331), color-stop(1.0,#659635));
font-family:Helvetica,Arial,sans-serif;
font-size:1.3em;
font-weight:bold;
padding:10px;
text-align:center;
text-shadow:-1px -1px 2px #777;
color:#fff;
display:block;
}

section#str-sub ul.banner li a:hover,
section#str-sub ul.banner li a:active,
section#str-sub ul.banner li a:focus{
text-shadow:rgb(255, 255, 255) 0px 0px 5px;
text-decoration:none!important;
}


/* ----------------------------------------------------------------
    Footer
----------------------------------------------------------------- */
footer{
width:100%;
clear:both;
border-top:1px solid #ccc;
}

footer section{
width:900px;
margin:20px auto;
padding:0 0 18px 0;
border:1px solid #ccc;
-moz-border-radius:6px;/*FireFox*/
-webkit-border-radius:6px;/*Safari,Google Chrome*/
}

footer section nav{
padding-top:18px;
}

footer section nav ul{
width:204px;
padding-left:20px;
float:left;
font-size:0.8em;
border-right:1px solid #ccc;
font-weight:bold;
}

footer section nav ul:last-child{
border-right:none;
}

footer section nav ul li ul{
padding-left:10px;
border-right:none;
font-weight:normal;
float:none;
}

footer section nav ul li ul li{
margin-left:8px;
padding-left:0;
font-size:1.2em;
list-style:outside;
list-style-type:square;
color:#1b76b5;
}

footer section nav ul li ul li span{
color:#0066cc;
}

footer p{
width:900px;
margin:20px auto 0 auto;
padding:10px 0;
-moz-border-radius-topleft:6px;/*FireFox*/
-moz-border-radius-topright:6px;/*FireFox*/
-moz-border-radius-bottomright:0;/*FireFox*/
-moz-border-radius-bottomleft:0;/*FireFox*/
-webkit-border-top-left-radius:6px;/*Safari,Google Chrome*/
-webkit-border-top-right-radius:6px;/*Safari,Google Chrome*/
-webkit-border-bottom-right-radius:0;/*Safari,Google Chrome*/
-webkit-border-bottom-left-radius:0;/*Safari,Google Chrome*/
background:-moz-linear-gradient(top, #222,#333 20%);/*FireFox*/
background:-webkit-gradient(linear, left top, left bottom, from(#222),color-stop(0.2, #333));/*Safari,Google Chrome*/
-moz-box-shadow:#ededed 0px 0px -4px;/*FireFox*/
-webkit-box-shadow:#ededed 0px 0px -4px;/*Safari*/
font-size:0.75em;
text-align:center;
color:#fff;
}


/* ----------------------------------------------------------------
    Clear Fix
----------------------------------------------------------------- */
footer section nav ul:after,
footer section nav:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
zoom:1;
}