.mainCont { margin:0 auto; width:980px;}
.NOA { width:100%; background-color:rgba(0,0,0,0.3);}
.NOA .Ttl { padding:5px 20px ; font-weight:bold; color:#FFF; line-height:1.6;}

.mainIn { width:980px; margin-top:330px;}

.leftArea {width:740px; float:left;}

.banner a img:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}

.text{ color:#FFF; margin:10px 0 5px 0; font-size:120%;}
.link { font-size:150%; font-weight:bold; margin-bottom:5px;}
.link a{ color:#FFF; text-decoration:none;}
.link a:hover { color:#ffffff; text-decoration:underline;}
.text span { font-size:10px; font-weight:bold;}
.cau { font-size:90%; color:#FFF;}

.text,.link,.cau {text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}

#mainSlide {width:740px; margin-bottom:20px;}

#top-banner {
text-align:center;
padding:0 0 5px;
}

#sub-contents {margin:10px 0 20px;}

#sub-contents:after {
content:"";
display:block;
clear:both;
height:0;
}

#sub-contents {display:inline-block;}

#sub-contents {display:block;}

/*========== Topics ==========*/

#topics {
/*background:url(../images/home/topics_bottom.png) left bottom no-repeat;*/
float:left;
width:370px;
padding:0 0 5px;
border:1px solid #fff;
background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#topics h2 {
background:url(../images/home/topics_title.png) no-repeat;
height:40px;
text-indent:-10000px;
width:370px;
}

#topics ul {
/*background:url(../images/home/topics_bg.png) repeat-y;*/
width:360px;
padding:10px 0 0;
height:700px;
overflow-y:scroll;
overflow-x:hidden;
}

#topics li {
border-top:1px #ccc solid;
margin:0 20px;
padding:5px 0;
}

#topics li p {
display:block;
font-size:13px;
}

#topics .topics-date {
color:#aaa;
font-size:10px;
}

/*========== News ==========*/

#news {
background:url(../images/home/topics_bottom.png) left bottom no-repeat;
float:left;
width:370px;
margin:0 0 0 20px;
padding:0 0 5px;
}

#news h2 {
background:url(../images/home/topics_title.png) no-repeat;
height:40px;
text-indent:-10000px;
width:360px;
}

#news ul {
background:url(../images/home/topics_bg.png) repeat-y;
width:360px;
padding:10px 0 0;
}

#news li {
border-top:1px #ccc solid;
margin:0 20px;
padding:10px 0;
}

#news .topics-date {
color:#aaa;
display:block;
font-size:10px;
}

#newicon {
vertical-align:middle;
}

/*========== Middle Space ==========*/

#middle-space {
width:220px;
margin:15px 0 10px 0;
border:1px solid #fff;
box-sizing:border-box;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
background:#FFF;
}

/*---------- Takasaki News ----------*/

#tnews {
/*background:url(../images/home/topics_bottom.png) left bottom no-repeat;*/
width:200px;
padding:10px;
}

#tnews h2 {
/*background:url(../images/home/tnews_title.png) no-repeat;*/
width:200px;
color:#666;
text-align:center;
padding-bottom:10px;
margin-bottom:5px;
border-bottom:1px solid #999;
line-height:1.5;
font-size:120%;
}
#tnews h2 span { font-size:90%;}

#tnews ul {
/*background:url(../images/home/topics_bg.png) repeat-y;*/
width:200px;
padding:10px 0 0;
}

#tnews li {
border-bottom:1px #ccc solid;
margin:0 0 10px 0;
padding:8px 0;
}
#tnews li:last-child { border:none;}

#tnews li p {
display:block;
font-size:11px;
}

#tnews .topics-date {
color:#aaa;
display:block;
font-size:10px;
}

/*---------- Info ----------*/

#info {
background:#fff;
border:1px #d8e7ee solid;
margin:10px 10px 0 0;
padding:10px;
}

#info h3 {color:#48aece;}

#info p {margin:0 0 5px;}

#info p.strong {
background:#fafafa;
border:1px #eee solid;
font-size:13px;
font-weight:normal;
padding:10px;
}

/*========== Weekly Power Play ==========*/

#wpp {
float:left;
background:#58595a;
border-radius:10px;
color:#fff;
width:220px;
margin:0 0 10px;
padding:0 0 5px;
}

#wpp:after {
content:"";
display:block;
clear:both;
height:0;
}

#wpp {display:inline-block}

#wpp {display:block}

#wpp h2 {
background:url(../images/home/wpp-title.png) no-repeat;
text-indent:-10000px;
font-size:12px;
line-height:14px;
height:35px;
width:220px;
clear:both;
margin:0;
padding:0;
}

#wpp .wppdate {
font-size:10px;
line-height:1em;
margin:0;
padding:10px 0 3px;
width:220px;
text-align:center;
}

.wppcontent {
background:#444545;
border-radius:5px;
margin:0 auto;
padding:5px 0;
width:210px;
}

/*
#wppcontent p{ display:;}
*/

#wpp p {
/*background:url(../images/home/wpp-border.png) center bottom no-repeat;*/
width:200px;
clear:both;
font-size:11px;
margin:0;
/*padding:5px 10px;*/
}

/*#wpp p:after {
content:"";
display:block;
clear:both;
height:0;
}*/

#wpp p {display:inline-block}
#wpp p {display:block}

#wpp img {
display:block;
float:left;
width:50px !important;
height:50px !important;
margin:0 10px 2px 10px;
padding:0;
}

#wpp span.Aname {
display:block; 
width:210px;
}

#wpp strong {
display:block;
float:left;
font-size:12px;
font-weight:bold;
width:140px;
padding:0;
/*margin:0;*/
margin:0 0 -12px 0;
}

#wpp em {
color:#ff43ab;
display:block;
float:left;
font-size:10px;
font-style:normal;
width:140px;
padding:2px 0 0;
margin:0;
}

#banners {
float:right;
color:#fff;
width:230px;
margin:0;
padding:0 0 10px;
}

#banners .item {
padding:0 0 10px;
}

#banners .item img {
width:220px;
}

.infoBanner{
    width:740px;
float:left;
margin-bottom:10px;
}
/*facebook*/
.fbArea{
width:368px;
border:solid 1px #d8e7ee;
float:left;
background:#FFF;
margin-bottom:10px;
border-radius:5px;
-webkit-border-radius:10px;    /* Safari,Google Chrome用 */
-moz-border-radius:10px;   /* Firefox用 */
}


/*ust*/
.ustBtn a img:hover {
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.btn2 {
float:left;
width:360px;
}
.fbLayout {
width:360px;
margin:0 10px 10px 0;
float:right;
height:755px;
border:1px solid #fff;
background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

/*mainmatsuri*/
.mainmatsuri {background:url(/images/home/mainmatsuri_bg.jpg) no-repeat; width:980px; height:622px; position:relative; margin-bottom:30px;}
.mainmatsuri .btn1 {position:absolute; top:120px; left:135px;}
.mainmatsuri .btn2b {position:absolute; top:475px; left:11px;}
.mainmatsuri .btn3 {position:absolute; top:475px; left:333px;}
.mainmatsuri .btn4 {position:absolute; top:475px; left:655px;}
.mainmatsuri .btn5 {position:absolute; top:565px; left:420px;}
.mainmatsuri .btn6 {position:absolute; top:565px; left:638px;}
.mainmatsuri a:hover { opacity:0.7;}


/*SNS*/
#sns {
background:#2f3132;
border-radius:3px;
margin:5px 0 0;
width:220px;
}

#sns ul:after {
content:"";
display:block;
clear:both;
height:0;
}

#sns ul {display:inline-block;}

#sns ul {display:block;}

#sns ul li {
float:left;
width:55px;
padding:12px 0;
}

#sns ul li a {
display:block;
height:40px;
text-indent:-100000px;
}

#sns ul li a:hover {pacity:0.7;}

.sns_facebook a {
border-right:1px #444647 solid;
background:url(../images/home/sns_facebook.png) no-repeat;
background-position:50% 50%;
background-size:23px;
}

.sns_instagram a {
border-right:1px #444647 solid;
background:url(../images/home/sns_instagram.png) no-repeat;
background-position:50% 50%;
background-size:23px;
}

.sns_twitter a {
border-right:1px #444647 solid;
background:url(../images/home/sns_x.png) no-repeat;
background-position:50% 50%;
background-size:21px;
}

.sns_youtube a {
background:url(../images/home/sns_youtube.png) no-repeat;
background-position:50% 50%;
background-size:27px;
}


/*メインスライド*/