@charset "UTF-8";

/*
 * CSS for KGB website
 * Copyright (C) 2015 KGB.
 */

/* General */

body {
    font-family: "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, Arial, "MS UI Gothic", sans-serif;
    font-size: 80%;
    color: #03004C;
    background-color: #FFFFFF;
    padding: 10px;
}

::selection {
    background-color: #FFFFFF;
    color: #586E75;
}

::-moz-selection {
    background-color: #FFFFFF;
    color: #586E75;
}


h1, h2 {
    font-family: "Segoe UI", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, Arial, "MS UI Gothic", sans-serif;
    font-weight: bold;
    color: #03004C;
    border-left: solid 3px #FF0088;
    border-bottom: solid 1px #FF0088;
    padding: 1px 7px;
}

h1 {
    font-size: 170%;
}

h2 {
    font-size: 135%;
}

h3 {
    font-family: "Segoe UI", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, Arial, "MS UI Gothic", sans-serif;
    color: #03004C;
    border-bottom: dotted 1px #777777;
    padding: 1px 10px;
    font-size: 120%;
}

p {
    margin: 7px 10px;
}


.ls {
    float: left;
}

.rt {
    text-align: right;
}

.rs {
    float: right;
}

a:link {
    color: #009BE4;
}

a:visited {
   
}

a:hover {
    color: #CB4B16;
    background-color: #EEE8D5;
}

a:active {
    color: #6C71C4;
    backgound-color: #EEEAD5;
}

hr {
    border: dotted 1px #EEEAD5;
}

em {
    color: #D33682;
    font-style: normal;
}

strong {
    color: #D33682;
    font-weight: bold;
}

i {
    text-decoration: italic;
}

var {
    text-decoration: italic;
}

sub {
    vertical-align: sub;
    font-size: 85%;
}

/*
p::before {
    content: "　";
}
*/

/*
 * List
 * Thanks to: http://stackoverflow.com/questions/5306640
 */

ul {
    list-style: none;
}

li::before {
    /*content: "●";*/
    color: #888888;
    margin-right: 6px;
    font-size: 85%;
}

/* Header */

header {
    border-bottom: solid 1px #AAAAAA;
    margin-bottom: 15px;
    min-height: 55px;
}

header h1 {
    border: none;
    padding: 1px 7px;
    margin: 5px;
    font-weight: bold;
    color: #151175;
    font-size: 30px;
    display: inline;
    vertical-align: top;
}

header h1 a:link, header h1 a:visited, header h1 a:hover, header h1 a:active {
    color: #151175;
    text-decoration: none;
    vertical-align: top;
}

h1 a:hover {
    background-color: #EEE8D5;
}

#logo {
    height: 45px;
    width: auto;
    margin: 3px;
}

/* footer */

footer {
    border-top: solid 2px #EEEAD5;
}