@CHARSET "utf-8";

/*===========================================

                            common

===========================================*/
#contents_bg{ background-color: #000000; margin: 50px 0 60px; }
#contents_inner{ color: #ffffff; font-size: 12px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; text-align: left; line-height: 1.8; width: 880px; margin: 0 auto; padding: 40px 0 80px; }
#contents_inner a{ text-decoration: none; }
#contents_inner a:link{ color: #ffffff; }
#contents_inner a:visited{ color: #ffffff; }
#contents_inner a:hover{ text-decoration: underline; color: #ffffff; }
#contents_inner a:active{ color: #ffffff; }

ul.bc_nav{ margin-bottom: 30px; }
ul.bc_nav li{ float: left; }
ul.bc_nav li a{ margin: 1px; }

#bottom_box p{ color: #ffffff; border: 1px #ffffff solid; padding: 15px; }
#bottom_box a{ font-size: 18px; font-weight: bold; vertical-align: top; }
#bottom_box img{ margin: 0 20px 5px 0; }

/*                          element
-------------------------------------------------------------------------*/
.left{ float: left; }
.right{ float: right; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb50{ margin-bottom: 50px; }
.m10{ margin: 0 10px ; }

.pagetop{ font-size: 10px; text-align: right; margin: 5px 5px 50px 0; }


/*-------------------------*/
/* デバイスサイズ 889px*/
/*-------------------------*/
@media screen and (max-device-width: 889px) {
    
#contents_bg{ margin: 0 auto 40px;}
#contents_inner{ width: auto; padding: 40px 10px; font-size: 100%;}
.left,
.right{ float: none; text-align: center; margin: 0 auto 10px;}

ul.bc_nav{}
ul.bc_nav li{ float: none; width: auto;}
ul.bc_nav li:not(:last-child){ margin-bottom: 10px;}
ul.bc_nav li img{ width: 100%;}
    
    
    
    
    
    
}