* {
    margin:0;
    padding:0;
    zoom:1;
    font-family:'メイリオ', 'ＭＳ ゴシック', sans-serif;
    font-stretch: extra-condensed;
    }
    
table{margin:0;padding:0;}

ul,ul li{
        margin:0;
        padding:0;
        list-style-type:none;
        }

img{border:0;}

html {
    height:100%;
    padding:0;
    margin:0;
    }

body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background:#ffffff;; /* Old browsers */
    color:#555555;
    font-size:14px;
    _height: 1%;
    line-height:20px;
    overflow:hidden;
    }

p {
    padding:0;
    margin:0;
}

/*--------------clearfix--------------*/
.cfx:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cfx { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------clearfix--------------*/

h1 {
    font-size:10px;
    font-weight:normal;
    color:#555;
    height:20%;
    padding-left:10px;
    width:900px;
    margin-bottom:0.5%;
}

.mag_header {
    background-color:#555;
    padding:20px 0; color:#fff;
    text-align:center;font-size:18px;
    line-height:30px;
}

/*column*/
#shadow {
    width:900px;
    height:100%;
    margin:0 auto;
    box-shadow:0 0 30px #555;
}


#mainleft {
    width:250px;
    float:left;
    height:100%;
}

#mainright {
    width:550px;
    height:100%;
    float:left;
    margin-top:10px;
    padding:0;
}

#footer {
    clear:left;
    margin:0;
    text-align:right;
    font-size:12px;
    color:#fff;
}

/*nav*/

#nav {
    width:100%;
    height:75%;
}

#menu {
    height:100%;
}

#menu li {
    float:left;
    height:70%;
    margin:0.5% 5px;
    text-align:center;
}

#menu a, #menu a:visited {
    width:118px;
    height:100%;
    display:block;
    border:3px solid #fff;
    border-radius:10px;
    box-shadow:3px 2px 3px #999;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

#menu a:hover {
    height:110%;
}

#menu img {
    max-width:100%;
    max-height:100%;
}

a.red {background-color:#db3f37;}
a.pink {background-color:#ed5aae;}
a.purple {background-color:#843fba;}
a.blue {background-color:#4a4aba;}
a.sky {background-color:#61b3c6;}
a.green {background-color:#6dc45b;}
a.yellow {background-color:#cece57;}


/*mainleft*/

#logo {
    text-align:center;
    margin-top:30px;
    height:160px;
}

#info {
    width:100%;
    text-align:center;
    color:#fff;
    margin-top:20px;
}

#twitter {
    width:80%;
    margin:0 auto;
    margin-top:30px;
}

#mobile {
    width:200px;
    height:100px;
    margin:15px auto;
}

#mobile img {
    border-radius:5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

#mail_box {
    width:200px;
    padding:10px;
    margin:15px auto;
    background-color:#fff;
    border-radius:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

#mail_title {
    background-color:#000;
    color:#fff;
    padding:3px 0;
    text-align:center;
}

.error {
    color:red;
}

.mail_radio {
    width:50%;
    float:left;
    font-size:16px;
}

/*mainright*/
#mr_inside {
    width:610px;
    height:94%;
    margin:3% 0;
    background-color:rgba(255,255,255,0.6);
    border-radius:10px;
    padding:3% 15px;
    overflow:hidden;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

.dorakline {
    width:100%;
    clear:left;
    height:1px;
}


/*footer*/
#credit {
    margin-right:20px;
}