﻿body{background-color:#000;color:#444;margin:0;text-align:center;font-family:'メイリオ';}
div{-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrapper{width:100%;background-image:linear-gradient(to bottom, #000, #333, #666, #999, #ccc);}
.header{width:100%;padding:10px 0px;background-color:#eee;font-weight:bold;}
.main{position:relative;top:0px;left:0px;max-width:960px;margin:auto;background-color:#fff;}
.main_ta{width:100%;font-size:14px;text-align:center;margin:auto;}
.sub_title{width:95%;margin:auto;font-size:16px;font-weight:bold;text-align:left;clear:both;}
.sub_new{color:#ff0000;font-size:12px;font-weight:bold;}
.p{width:285px;height:400px;text-align:center;float:left;margin:15px;background-color:#eee;word-break: break-all;}
.p_menu2{width:80%;margin:auto;text-align:left;color:#444;font-size:14px;}
.p a{text-decoration:none;}
.p a:hover{color:#f00;text-decoration:underline;}
.p img{cursor:pointer;border:1px solid #ccc;filter:alpha(opacity=100);opacity:1;-webkit-transition:all 0.3s ease 0;transition-property:all;transition-duration:0.3s;transition-timing-function: ease;transition-delay:0;}
.p a:hover img{filter:alpha(opacity=70);opacity:0.7;}
.ad a{color:#cca;}
.ad a:hover{color:#fc3;}
.footer{width:100%;height:80px;padding-top:28px;font-size:12px;color:#cca;}
#MyIframe{width:480px;}
@media screen and (max-width:500px){
.p{width:90%;}
#MyIframe{display:none;width:100%;}}
/*** スクロールボタン ***/
#ScButtonDiv{position:fixed;bottom:10px;right:10px;z-index:50;}
.ScButton{width:100px;height:40px;background-color:#eee;color:#000;cursor:pointer;border:1px solid #999;text-align:center;filter:alpha(opacity=30);opacity:0.3;-webkit-transition:all 0.5s ease 0;transition-property:all;transition-duration:0.5s;transition-timing-function: ease;transition-delay:0;}
.ScButton:hover{background-color:#356;color:#fff;filter:alpha(opacity=100);opacity:1;}
