/* Semi-fluid layout*/

body
{
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Helvetica, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
    color: #CCCCCC;
    font-size: 1em;
    background-color: #000000;
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position:center top;
}

img {
    border: 0px;
}

.logo {
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.photo {
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

/* Fonts */
h1
{
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.8em;
    font-weight: lighter;
    line-height: 0em;
}
h2
{
    color: #CCCCCC;
    font-family: 'Give You Glory', cursive;
    font-size: 2em;
    line-height: 1.2em
}
h3
{
    color: #CCCCCC;
    font-family: 'Give You Glory', cursive;
    font-size: 1.4em;
    line-height: 1.2em
}
h4
{
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: lighter;
    line-height: 1em;
}
h5
{
    color: #CCCCCC;
    font-family: 'Give You Glory', cursive;
    font-size: 1.5em;
    line-height: 1em;
}

  
/* Links */
a:link {color: #CCCCCC; text-decoration: none; border-bottom-style: dotted; border-bottom-width: thin;}
a:visited {color:#999999; text-decoration:none; border-bottom-style: dotted; border-bottom-width: thin;}  
a:hover {color:#FFFFFF; text-decoration:none; border-bottom-style: dotted; border-bottom-width: thin;}    
a:active {color:#FFFFFF; text-decoration:none; border-bottom-style: dotted; border-bottom-width: thin;}   

/* Layout */
.language
{
    width: 96.5%;
    text-align: right;
}
.contents
{
    height: 100%;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: left;
    line-height: 1.4em;
    background-image: url('BG.png');
    background-repeat: repeat-y;
}
 
.leftcol
{
    width: 26%;
    min-width: 236px;
    float: left;
    padding-bottom: 2em;
    padding-right: 2%;
}

.rightcol
{
    width: 68%;
    float: left;
}

.newsfb {
    width: 48%;
    float: left;
    padding-right: 1.5em;
}

.newstwitter {
    width: 48%;
    float: left;
}

.profiles 
{
    width: 100%;
    float: left;
}

.links
{
    border-top: 1px;
    border-top-color: #FFFFFF;
    border-top-style: solid;
    margin-top: 3em;
}

.fb-like-box
{
    background-color: White;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

/* Menu */

.menu
{ 
    font-weight: bolder;
}

.red
{
    width: 92%;
    background-color: #FF1A00;
    padding: 0.5em;
    margin-bottom: 0.5em;
    margin-top: 2em;
}

.orange
{
    width: 92%;
    background-color: #FF7B00;
    padding: 0.5em;
    margin-bottom: 0.5em;
}    

.yellow
{
    width: 92%;
    background-color: #FFD431;
    padding: 0.5em;
    margin-bottom: 0.5em;
} 
 
.green
{
    width: 92%;
    background-color: #00A100;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

.blue
{
    width: 92%;
    background-color: #0074FF;
    padding: 0.5em;
    margin-bottom: 0.5em;
} 
 
.purple
{
    width: 92%;
    background-color: #80009F;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

.pink
{
    width: 92%;
    background-color: #FF00D0;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

.white
{
    width: 90%;
    background-color: #FFFFFF;
    padding: 2em;
    margin-bottom: 0.5em;
}

.social
{
    float: right;
}