@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/hd.css");
@import url("../common/ft.css");


/* overwrite */
#ct .wrapper .main-title{
  margin: 0 0 10px 0;
}
.wrapper{
  padding-top: 9px;
}
#main div.newslistin{
  border-bottom: none;
}



/*メインカラム*/

div#main{
  color:#606060;
  font-size:12px;
  line-height:20px;
  border: none;
}

#contents a{
  color:#606060;
}



#main .newslistin .lead{
  padding:0 16px 20px;
}
#main .newslistin .lead2{
  padding:8px 15px 16px 15px;
}
#main .newslistin .lead2 .link{
  color: #c10505;
  text-decoration: underline;
}
#main .newslistin .lead2 .link:hover{
  text-decoration: none;
}

#main .newslistin .ti_no{
  font-weight:bold;
  font-size:16px;
  color:#888888;
  padding:16px 16px 0;
  border-top:1px #efefef solid;

}

#main .newslistin ol{
  padding:10px 16px;
}

#main .newslistin ol ol li{
  margin-left:14px;
  text-indent:-14px;
}

#main .newslistin ol a{
  text-decoration:underline;
}

#main .newslistin ol li{
  list-style:decimal inside;
  padding-bottom:7px;
  margin-left:20px;
  text-indent:-20px;
}

#main .newslistin p.end{
  border-top:1px #efefef solid;
  padding:15px 16px 5px;
}



#main div.theme{
  width: auto;
  padding:12px 0 4px 4px;
  font-weight:bold;
  background: url(../../download/img/bg_ti.jpg) no-repeat;
  border-bottom: 4px solid #c10505;
  font-size: 16px;
}

#main div.newslist{
  margin:0px 0 8px;
  background: url(../../download/img/bg_info_top.jpg)  repeat-y;
}

#main div.newslistin{
  padding:10px 1px 14px;
  background: url(../../download/img/bg_info_bottom.jpg) no-repeat bottom;
}

body #contents #main div#blogbox{
  padding-left:15px;
  padding-bottom:14px;
}

body #contents{
  color:#555555;
  border:none;
  background: url(../../download/img/contents_in.jpg) repeat-y bottom;
}


#contentsin{
  min-height:350px;
  background: url(../../download/img/contents_bottom.jpg) no-repeat bottom;
}

#contents div.help{
  border:#d4d4d4 1px solid;
  background:#f7f7f7;
}

#contents div.help p.txt{
  padding:13px 11px;
}
#contents div.help p.txt a,
#contents #main .pager a{
  color:#2288dd;
}


#contents div.help p.support{
  width:168px;
  height:26px;
  padding-top:10px;
  border-top:1px solid #efefef;
  background-color:#ffffff;
}

#contents div.help p.support img{
  padding:0 9px 0 7px;
}



#contents #main .pager{
  padding-top:16px;
  height:26px;
  text-align:center;
  background: url(../../download/img/bg_pager.jpg) repeat-y bottom;

}

/*左ナビ*/

#sidebar {
  float:left;
  width:170px;
  margin:0 8px;
  background: url(../../download/img/top/bg_sidetop.jpg) no-repeat top;
}

* html #sidebar {
  margin:0 8px 0 4px;
}

#sidebar .subti{
  width:158px;
  height:32px;
  padding:10px 0 0 12px;
  font-weight:bold;
  background: url(../../download/img/top/bg_sidetop.jpg) no-repeat top;
}

#sidebar div.in{
  background-color:#FFFFFF;
  border:1px solid #d4d4d4;
  border-top:none;
}

#sidebar div.in p.bti{
  padding:8px 9px 5px 20px;
  font-weight:bold;
  background: url(../../download/img/top/bg_blogti.jpg) no-repeat top;
}

#sidebar div.in p.bti .secound{
  border:1px solid #d4d4d4;
}
#sidebar div.in p.blog{
  padding:10px 0;
  text-align:center;
}
/*ワッツニュー*/
#whatsnew{
  background:#ffffff;
  border:1px #d4d4d4 solid;
  margin-bottom:8px;
}

#whatsnew li{
  border-top:1px solid #efefef;
}

#whatsnew li.menu_1{
  border:none;
}

#whatsnew li img{
  padding:0 7px 0 8px;
}

#whatsnew li a{
  display:block;
  width:150px;
  height:24px;
  padding-left:18px;
  padding-top:5px;
  font-weight:bold;
  background: url(../../download/img/bg_list.jpg) repeat-y top;
}


#whatsnew li a.current,
#whatsnew li a.current:hover{
  color:#FFFFFF;
  background: url(../../download/img/bg_list_over.jpg) repeat-y top;
  text-decoration:none;
}

#whatsnew li a:hover{
  text-decoration:underline;
  color:#c7171a;
}


/*メインコンテンツ*/

.newslistin div.calendar {
  padding:10px 0 0px 16px;
}

.newslistin div.calendar p{
  float:left;
  width:236px;
  padding-right:8px;
}

.newslistin p.dlbtn{
  clear:both;
  text-align:center;
  padding-top:10px;
}

.newslistin p.apli{
  padding:5px 0 0px 16px;
}


.newslistin .blogparts {
  float:left;
  width:357px;
  padding:15px 0 0 0 ;
  margin-right:10px;
  margin-bottom:10px;
  background: url(../../download/img/top/blog_top.jpg) no-repeat top;
}

.newslistin .blogparts .in{
  height:224px;
  background: url(../../download/img/top/blog_bottom.jpg) no-repeat bottom;
}

.newslistin .blogparts dl{
  position:relative;
  top:0;
  left:0;
}
.newslistin .blogparts dt{
  width:172px;
  text-align:center;
}

.newslistin .blogparts dd{
  position: absolute;
  top:10px;
  left:181px;
  width:170px;
}


.newslistin .blogparts dd.more{
  position: absolute;
  top:195px;
  left:181px;
  background: url(../../download/img/top/ic_tri.jpg) no-repeat scroll 0 6px transparent;
  padding-left:15px;
  font-weight:bold;
}


/*カレンダー*/

.newslistin strong.trib{
  display:block;
  padding-left:11px;
  background:url(../../download/img/calendar/images/ic_trib.jpg) no-repeat left 8px;
}

.newslistin .txt{
  color: #aa0000;
  font-size: 13px;
  font-weight: bold;
  padding: 0 8px 0 16px;
}
.newslistin .c_menu{
  display: flex;
  margin: 10px 0 28px 0;
}
.newslistin .c_menu .left-content{
  width:314px;
  padding:0 20px 0 16px;
}
.newslistin .c_menu .left-content .image{
  width: 100%;
}

#contents .newslistin .c_menu ul{
  width:100%;
}
#contents .newslistin .c_menu .right-content{
  flex: 1;
}



#contents .newslistin .c_menu p.win,
body #contents .newslistin .c_menu .loginbtn{
  float:left;
  width: 330px;
  text-align:center;
  margin-top: 5px;
}
body #contents .newslistin .c_menu .btn-login{
  width: 330px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  background-color: #c10505;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
body #contents .newslistin .c_menu .btn-login:hover{
  opacity: .5;
  text-decoration: none;
}
#contents .newslistin .c_menu .sttl{
  display: block;
  color: #606060;
  font-weight: bold;
  margin: 10px 0 8px;
  line-height: 1;
}
#contents .newslistin .c_menu .dd{
  display: inline-block;
}
#contents .newslistin .c_menu .dd .btn-download{
  display: inline-block;
}
#contents .newslistin .c_menu .dd .btn-white {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 30px;
  background-color: FFF;
  color: #c10505;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #d14d4d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents .newslistin .c_menu .dd .btn-white:hover {
  opacity: 0.5;
  color: #c10505;
  text-decoration: none;
}





body #contents .newslistin .c_menu ul li{
  display: inline-block;
}
#contents .newslistin .c_menu ul li a{
  width:160px;
  display: inline-block;
  margin: 0 6px 6px 0;
  text-align: center;
line-height: 1;
  font-size: 13px;
  display: inline-block;
  width: 146px;
  height: 25px;
  padding-top: 6px;
  /* background-color: #eee; */
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body #contents .newslistin .c_menu ul li a:hover{
  color: #c10505;
  text-decoration: none;
}

body #contents .newslistin .c_menu ul.login li span{
  display: inline-block;
}
body #contents .newslistin .c_menu ul.login li span{
  width:160px;
  display: inline-block;
  margin: 0 6px 6px 0;
  text-align: center;
line-height: 1;
  font-size: 13px;
  display: inline-block;
  width: 146px;
  height: 25px;
  padding-top: 6px;
  /* background-color: #eee; */
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents .newslistin .c_menu .wallpaper-content{
  flex: 1;
}



/*ワッツニュー*/
#whatsnew{
  background:#ffffff;
  border:1px #d4d4d4 solid;
  margin-bottom:8px;

}

#whatsnew li{
  border-top:1px solid #efefef;
}

#whatsnew li.menu_1{
  border:none;
}


#whatsnew li img{
  padding:0 7px 0 8px;
}

#whatsnew li a{
  display:block;
  width:150px;
  height:24px;
  padding-left:18px;
  padding-top:5px;
  font-weight:bold;
  background: url(../../download/img/bg_list.jpg) repeat-y top;
}


#whatsnew li a.current,
#whatsnew li a.current:hover{
  color:#FFFFFF;
  background: url(../../download/img/bg_list_over.jpg) repeat-y top;
  text-decoration:none;
}

#whatsnew li a:hover{
  text-decoration:underline;
  color:#c7171a;
}
#sidebar p.bg{
  background-color: #F7F7F7;
  padding:5px 8px;
}

#sidebar div.in{
  margin-bottom:10px;
  padding-bottom:2px;
}

#sidebar .support{
  padding:5px 8px;
}

body #contents #contentsin a.tri{
  margin-top:3px;
  display:block;
  padding-left:13px;
  background: url(../../download/img/ti_tri.jpg)  no-repeat left;
  color:#c7171a;
  text-decoration: underline;
}
body #contents #contentsin a.tri:hover{
  text-decoration: none;
}


#sidebar .qr{
  padding:15px 0;
}

#calendar #main .newslistin ul.lead{
  padding:0 16px;
}

#main .newslistin ul.lead li{
  list-style: inherit ;
  text-indent:-1em;
  margin-left:1em;

}
#main .newslistin p.notice{
  padding:17px 10px 15px ;
  border-top:1px #efefef solid;
}

body #main div.pt0{
  padding:0px 1px 0;
}

body #main .indent{
  padding-left:16px;
  padding-right:16px;
}

div.calendar_list{
  padding-left:25px;
  font-size: 0;
}

div.calendar_list dl{
  margin-right:10px;
  margin-bottom: 5px;
  width:133px;
  line-height:14px;
  display: inline-block;
  vertical-align: top;
}
div.calendar_list dl .image{
  width: 100%;
}

div.calendar_list dl.last{
margin-right:0px;
}

div.calendar_list dd{
font-size:10px;
text-align:center;
}

div.calendar_list dd.title{
  min-height:30px;
  height: auto !important;
  height: 30px;
}


.newslistin .leftimg{
  float:left;
  width:253px;
  text-align:center;
  padding:10px 0 20px;

}
.newslistin .righttxt{
  float: left;
  width:480px;
  padding-top:60px;
}

.newslistin .bigblog .leftimg{
  width:373px;
}
.newslistin .bigblog .righttxt{
  width:360px;
}


.newslistin .copybtn{
  margin-bottom:45px;
  text-align:center;
}
.newslistin .note{
  background-color:#f7ebeb;
  color:#cc0000;
  padding:20px 0 15px;
  border-top:1px solid #edd3d3;
  text-align:center;
}




.page-wrapper{
  width: 100%;
}
.wallpaper-wrapper{
  width: 100%;
}

.wallpaper-wrapper .wallpaper{
  width: 100%;
}
.button-wrapper{
  padding: 20px;
  text-align: center;
}


.button-wrapper .btn-red{
	width:300px;
	margin:0 auto;
	display:flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color: #c10505;
  color: #fff;
  text-align: center;
  font-size: 18px;
  border-radius: 4px;
}
.button-wrapper .btn-red:hover {
  opacity: 0.5;
  color: #fff;
  text-decoration: none;
}