@charset "utf-8";
@import url("reset_info.css");

body { -webkit-text-size-adjust: 100%;}
body#info{color:#000; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; font-size:14px; line-height:1.6em;}
a {color:#369; text-decoration:none;}
a:hover{ text-decoration:underline;}
#pagetop{ width:100%; padding:5px 0px; text-align:right;}


/*=========width:750px==========*/
#info #main{ margin:0 auto; width:750px; margin-bottom:40px; background:url(/img/bg_main.jpg);}
#info #main .main_top{ width:750px;  background:url(/img/bg_main_top.jpg) top center no-repeat;}
#info #main .main_bottom {width:750px; min-height:450px; background:url(/img/bg_main_bottom.jpg) bottom center no-repeat;}

#info #main .detail{padding:20px 30px 30px 30px; margin:0 auto;}
#info #main h2{ margin:0; padding:0 0 0 45px; font-size:20px; color:#FFF; font-weight:bold; line-height:47px;}

/*=========width:700px==========*/
#info #main_700{ margin:0 auto; width:700px; margin-bottom:40px; background:url(/img/bg_main_w700.jpg);}
#info #main_700 .main_top{ width:700px;  background:url(/img/bg_main_top_w700.jpg) top center no-repeat;}
#info #main_700 .main_bottom {width:700px; min-height:450px; background:url(/img/bg_main_bottom_w700.jpg) bottom center no-repeat;}

#info #main_700 .detail{padding:20px 30px 30px 30px; margin:0 auto;}
#info #main_700 h2{ margin:0; padding:0 0 0 45px; font-size:20px; color:#FFF; font-weight:bold; line-height:47px;}


/*=========list,detail==========*/
#info .commonTables{ width:100%; font-size: 14px;}
#info .commonTables .maintenance{ color: #DC143C }
#info .commonTables .news{ color: #4169E1 }
#info .commonTables .schedule{ color: #4169E1 }
#info .commonTables .update{ color: #4169E1 }
#info .commonTables th.ttl{ background:none;}
#info .commonTables th{ background:#e6e6e6; border-bottom:1px #f5f3f2 solid; vertical-align:top; padding:10px;}
#info .commonTables td{ background:#e6e6e6; border-bottom:1px #f5f3f2 solid; vertical-align:top; padding:10px;}
#info .number{margin-top:30px;}
#info p.date{ display:block; margin:0px!important; font-size:10px; line-height:15px; padding:10px 0px 0px 10px!important;}
#info span.ttl{ display:block; padding-left:10px;}
#info .entryHead{ padding:10px; background:#e2dec7; border-left:10px #b0a043 solid; font-size:16px; font-weight:bold;}
#info .entryHead .maintenance{ color: #DC143C }
#info .entryHead .news{ color: #4169E1 }
#info .entryHead .schedule{ color: #4169E1 }
#info .entryHead .update{ color: #4169E1 }
#info .entry .body{ padding:20px; border: 1px #e2dec7 solid; margin-bottom:20px;}
#info h3.title{ background:none; line-height:30px; width:630px; height:auto; padding:0px 0px 0px 10px; margin:0px; color:#000;}
#info .entryFoot{ font-size:12px;}
#info td{ padding:0 10px;}

#info #pager { overflow: hidden; width:360px; margin:30px auto 10px auto;}
#info #pager li{ float:left; margin-right:3px;width:35px; line-height:2.2em; border: 1px solid #dddddd!important;}
#info #pager li span{ display: block; width:35px; color:#333333; text-align: center; width:35px; font-size: 10px; background: #f0e5c8;}
#info #pager li a{ display: block; width:35px; color:#333333; text-align: center; width:35px; font-size: 10px; background: #f0e5c8;}
#info #pager li a.cur{background: #e0b43e;}
#info #pager li a:hover{ background: #e0b43e; text-decoration: none;}
#info a.back{ display: block; width:110px; height: 24px; margin:0 auto; background: url(/img/btn_back.gif) center center no-repeat;}
#info a.back:hover{ background: url(/img/btn_back_o.gif) center center no-repeat;}
#info .close{margin:30px auto 20px; width:100%; text-align:center;}

.ioslist{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;}
.ioslist-content{ height: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
div.body { max-height: 100%;}