body
{
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
    margin: 0px;
}




.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 11;}

.nav
{ 
        padding: 0; 
        margin: 0 auto ; 
        width: 100%; 
        z-index: 11;
        text-align:center; 
        background: #f5f5f5;
        background: linear-gradient(white,#f5f5f5 );  
        background: -webkit-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00,white )); 
        background: -moz-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, white 0%, #f5f5f5 100%);
}

.head_button
{
        display: table-cell;
        height: 70px;
        text-align: center;
        text-decoration: none;
        outline: none;
        background: #f5f5f5;
        background: linear-gradient(white,#f5f5f5 );  
        background: -webkit-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00,white )); 
        background: -moz-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, white 0%, #f5f5f5 100%);
        color: #002c9e;
        font-weight:bold;
        font-size: 70%;
        vertical-align: middle;
        border-right: 1px solid #cccccc;
}

.head_button:first-child 
{
    border-left: 1px solid #cccccc;
}

.head_button::before,
.head_button::after
{
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.head_button,
.head_button::before,
.head_button::after
{
    -webkit-transition: all .3s;
    transition: all .3s;
}


.container_width_limit_no_effect
{  
    max-width:800px ;
    margin: 0 auto;
    color:#696969;
    font-size:100%;
}

.container_width_limit
{  
    max-width:800px ;
    margin: 0 auto;
    opacity: 0;
    transition: 0.8s;
    color:#696969;
    font-size:90%;
}

.mv02
{
   opacity: 1.0;
}


.main_title
{
    text-align:center;
    color:#002c9e;
    padding-top:20px;
    padding-bottom:5px;
    font-size:130%;
    text-shadow: 1px 1px #fff, 2px 2px #cccccc;
}

.middle_title
{
    text-align:center;
    color:#2f4f4f;
    padding-top:20px;
    padding-bottom:5px;
    font-size:120%;
}



.futter
{
    width:100% ;
    margin: 0 auto; 
//    background-color:#5f9ea0;
    background-color:#87ceeb;
    padding-top:10px;
    padding-bottom:5px;
}
.futter_inner
{
    max-width:800px ;
    margin: 0 auto; 
    text-align:center;
    color:#ffffff;
    font-size:0.8em;
    line-height:200%;
}
.futter_inner a
{
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
    display:inline-block;
}

.title_icon
{
    text-align:center;
}
.title_icon_img
{
    width:30px;
}


@media all and (orientation: portrait) {
   /* 横向きの場合は、縦長用を非表示にする */
   div.forLandscape { display: none; }
   div.forPortrait { display: block; }
}
@media all and (orientation: landscape) {
   /* 横向きの場合は、縦長用を非表示にする */
   div.forLandscape { display: block; }
   div.forPortrait { display: none; }
}