/* CSS Document */


.topicPath_wrap {
background-color:#FFFFFF;
padding-bottom:30px;}

.csprog_topicPath {
width:1000px;
margin:0 auto;
background-color:#FFFFFF;}



#mainWrap {
  background: #3b3b3b url(../../images/csprog/bg_main_wrap.png) repeat-x 0 0;
  margin: 0;
}

h2.title02 {
  box-shadow: #a39c97 0px 1px 3px 0px;
  -webkit-box-shadow: #a39c97 0px 1px 3px 0px;
  -moz-box-shadow: #a39c97 0px 1px 3px 0px;
  margin-bottom: 24px !important;
}


.csprog_navi_pc {
display:block;
height:52px;
border-bottom:1px solid #F3B810;}

.csprog_navi_smp {
display:none;}


.csprog_navi_fix_pc {
position:fixed;
top:141px;
left:0;
width:100%;
z-index:4000;
background-color:#3b3b3b;}



.csprog_navi_inner {
width:1000px;
margin:0 auto;}


.csprog_navi_inner h3 {
min-width:290px;
float:left;
height:52px;
font-size: 138.5%;
line-height:52px;
font-weight: bold;
color: #3B3B3B;
background-color:#F3B810;
letter-spacing:3px;
padding: 0;
}

.csprog_navi_inner ul {
float:right;
padding-top:9px;}

.csprog_navi_inner li {
float:left;
height:34px;
font-size: 93%;
line-height:34px;
border-right:1px solid #CCCCCC;
}

.csprog_navi_inner li.end{
border-right:none;}

.csprog_navi_inner li a{
padding: 0 16px;
display:block;
color:#ffffff;
text-decoration:none;
}

.csprog_navi_inner li a:hover{
text-decoration:underline;
background-color:rgba(240, 240, 240, 0.5);
}






#csprogBoxWrap {
padding-top:45px;
margin:0 0 0 -40px;}



#csprogBoxWrap .itemBox {
float:left;
width:480px;
margin:0 0 40px 40px;
box-sizing:content-box;
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
}

#csprogBoxWrap .itemBoxEnd {
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
}

#csprogBoxWrap .itemTitleArea {
  border-left: 13px solid #f4b910;
  height: 93px;
  border-radius: 3px 0 0 0;
  padding: 8px 20px 9px 15px;
  overflow: hidden;
}

#csprogBoxWrap .itemTitle {
  width: 330px;
  float: left;
  padding: 20px 0 0 0;
  line-height:180%;
}

#csprogBoxWrap .itemLogo {
  width: 93px;
  height: 93px;
  float: right;
}

#csprogBoxWrap .itemLogo img{
	width:93px;
	height:93px;
}

#csprogBoxWrap .itemTitle h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
}

#csprogBoxWrap .itemInfo {
  padding: 0;
  width: auto;
}

#csprogBoxWrap .itemInfoTop {
  overflow: hidden;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#csprogBoxWrap .itemImg {
  width: 100%;
}

#csprogBoxWrap .itemImg_in {
  background-color: #ffffff;
  width: 100%;
  line-height: normal; /* heightと同じ値 */
  text-align: center;
  vertical-align:top;
  height: auto;
}

#csprogBoxWrap .itemImg img {
  max-width: 480px;
  max-height:270px;
  vertical-align: top;
}


#csprogBoxWrap .itemCopyright {
padding:5px 20px;
  font-size: 7px;
  color: #8c8c8c;
}

#csprogBoxWrap .itemText {
padding:20px;
  line-height: 20px;
}

#csprogBoxWrap .itemText h5 {
  font-size: 17px;
  font-weight: bold;
  color: #944e33;
  margin-bottom: 8px;
}

#csprogBoxWrap .itemText .topMes {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
}

#csprogBoxWrap .itemText .onair {
  background: #3b3b3b;
  border-radius: 2px;
  padding: 7px;
  margin: 10px 0 0 0;
  color: #fff;
  overflow: hidden;
  width: auto;
}

#csprogBoxWrap .itemText .onairTitle {
  width: 59px;
  float: left;
}


#csprogBoxWrap .itemText .onairTitle img{
  width: 59px !Important;
  width: auto;
}


#csprogBoxWrap .itemText .onairText {
  width: auto;
  float: left;
  text-align: left;
  margin-left:10px;
}

#csprogBoxWrap .itemText .onairText p {
  background: #3b3b3b;
}

#csprogBoxWrap .viewingTitle {
  color: #944e33;
  margin-bottom: 10px;
}

#csprogBoxWrap .viewingCategory {
  overflow: hidden;
}

#csprogBoxWrap .viewingCategoryList {
  overflow: hidden;
  width: 700px;
  padding-bottom: 10px;
}

#csprogBoxWrap .viewingCategoryList li.cell01 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  padding: 0 4px 0 3px;
}

#csprogBoxWrap .viewingCategoryList li.cell02 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  padding: 0 4px 0 4px;
}

#csprogBoxWrap .viewingCategoryList li.cell03 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  padding: 0 4px 0 4px;
}

#csprogBoxWrap .viewingCategoryList li.cell04 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  border-right: 1px solid #a5a5a5;
  padding: 0 3px 0 4px;
}

#csprogBoxWrap .viewingCategoryList li .view {
  margin-bottom: 8px;
}

#csprogBoxWrap .viewingCategoryList li .subTop {
  margin-bottom: 2px;
}

#csprogBoxWrap .viewingCategoryList li .subRight {
  margin-left: 4px;
}

.twitter {
  text-align: right;
padding:0 20px 20px;
}

.viewingBox {
display:none;}


















/*	レスポンシブ 850px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 850px){



.csprog_topicPath {
color:#FFFFFF;
width:100%;
margin:0 auto;}


#csprogBoxWrap h3 {
  font-size: 22px;
  padding: 30px 0 10px 18px;
  margin-bottom: 34px;
}

#csprogBoxWrap .itemTitle h4 {
  font-size: 18px;
  margin-bottom: 12px;
}

#csprogBoxWrap .itemText h5 {
  font-size: 20px;
  margin-bottom: 8px;
}

#csprogBoxWrap .itemText .topMes {
  font-size: 18px;
}

#csprogBoxWrap .itemText {
  font-size: 16px;
  line-height: 24px;
}

#csprogBoxWrap .itemText .onairText {
  font-size: 16px;
}










.csprog_navi_smp {
display:block;
padding-top:30px;
height:auto;
border-bottom:1px solid #F3B810;}

.csprog_navi_pc {
display:none;}

.csprog_navi_fix_smp {
position:fixed;
top:105px;
left:0;
width:100%;
z-index:4000;
background-color:#3b3b3b;}



.csprog_navi_inner {
width:100%;
margin:0 auto;}


.csprog_navi_inner h3 {
min-width:704px;
width:708px;
float:none;
height:70px;
font-size: 240%;
line-height:70px;
font-weight: bold;
color: #3B3B3B;
background-color:#F3B810;
letter-spacing:5px;
padding: 0 0;
margin:0 auto;
}

.csprog_navi_inner ul {
text-align: center;
float:none;
padding-top:5px;
padding-bottom:40px;}

.csprog_navi_inner li {
margin:18px 0;
float:none;
display: inline-block;
width:auto;
height:auto;
font-size: 180%;
line-height:180%;
border-right:1px solid #CCCCCC;
}

.csprog_navi_inner li.end{
border-right:none;}

.csprog_navi_inner li.sp_end{
border-right:none;}

.csprog_navi_inner li a{
padding: 0 30px;
display:block;
color:#ffffff;
text-decoration:none;
}

.csprog_navi_inner li a:hover{
text-decoration:underline;
background-color:rgba(240, 240, 240, 0.5);
}


#csprogBoxWrap {
padding-top:45px;}







#csprogBoxWrap {
padding-top:45px;
margin:0 0 0 0px;}



#csprogBoxWrap .itemBox {
float:none;
width:704px;
margin:0 auto 40px auto;
box-sizing:content-box;
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
}

#csprogBoxWrap .itemBoxEnd {
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
}

#csprogBoxWrap .itemTitleArea {
  border-left: 13px solid #f4b910;
  height: auto;
  border-radius: 3px 0 0 0;
  padding: 20px 20px 20px 15px;
  overflow: hidden;
}

#csprogBoxWrap .itemTitle {
  width: 530px;
  float: left;
  padding: 15px 0 0 0;
  line-height:180%;
}

#csprogBoxWrap .itemLogo {
  width: 93px;
  height: 93px;
  float: right;
}

#csprogBoxWrap .itemLogo img{
	width:93px;
	height:93px;
}

#csprogBoxWrap .itemTitle h4 {
font-size: 240%;
line-height:160%;

  font-weight: bold;
  margin-bottom: 5px;
}

.siteLink {
  margin-bottom: 15px;
  font-size: 140%;
line-height:130%;}


#csprogBoxWrap .itemInfo {
  padding: ;
  width: auto;
}

#csprogBoxWrap .itemInfoTop {
  overflow: hidden;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#csprogBoxWrap .itemImg {
  width: 100%;
}

#csprogBoxWrap .itemImg_in {
  width: 100%;
  line-height: normal; /* heightと同じ値 */
  text-align: center;
  vertical-align: top;
  height: auto;
}

#csprogBoxWrap .itemImg img {
  width: 704px;
  height:auto;
  max-width:704px;
  max-height:none;
  vertical-align: top;
}


#csprogBoxWrap .itemCopyright {
padding:5px 20px;
  font-size: 7px;
  color: #8c8c8c;
}

#csprogBoxWrap .itemText {
padding:20px;
  line-height: 30px;
}

#csprogBoxWrap .itemText h5 {
font-size: 180%;
line-height:160%;
  font-weight: bold;
  color: #944e33;
  margin-bottom: 8px;
}

#csprogBoxWrap .itemText p {
font-size: 150%;
line-height:170%;
margin-bottom:15px;
}

#csprogBoxWrap .itemText .topMes {
font-size: 170%;
line-height:160%;
  font-weight: bold;
  margin-bottom: 6px;
}

#csprogBoxWrap .itemText .onair {
  background: #3b3b3b;
  border-radius: 2px;
  padding: 7px;
  margin: 10px 0 0 0;
  color: #fff;
  overflow: hidden;
  width: auto;
}

#csprogBoxWrap .itemText .onairTitle {
  width: 100px;
  text-align:center;
  background-color:#D6272F;
  padding:5px 0;
  float: left;
}

#csprogBoxWrap .itemText .onairTitle img{
  width: 100px !Important;
  height:auto;
}

#csprogBoxWrap .itemText .onairText {
  width: 530px;
  float: left;
  text-align: left;
  margin-left:10px;
}

#csprogBoxWrap .itemText .onairText p{
  margin-top: 3px !Important;
  margin-bottom: 2px !Important;
}



#csprogBoxWrap .itemText .onairText p {
  background: #3b3b3b;
}

#csprogBoxWrap .viewingTitle {
  color: #944e33;
  margin-bottom: 10px;
}

#csprogBoxWrap .viewingCategory {
  overflow: hidden;
}

#csprogBoxWrap .viewingCategoryList {
  overflow: hidden;
  width: 700px;
  padding-bottom: 10px;
}

#csprogBoxWrap .viewingCategoryList li.cell01 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  padding: 0 4px 0 3px;
}

#csprogBoxWrap .viewingCategoryList li.cell02 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  padding: 0 4px 0 4px;
}

#csprogBoxWrap .viewingCategoryList li.cell03 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  padding: 0 4px 0 4px;
}

#csprogBoxWrap .viewingCategoryList li.cell04 {
  float: left;
  width: 166px;
  border-left: 1px solid #a5a5a5;
  border-right: 1px solid #a5a5a5;
  padding: 0 3px 0 4px;
}

#csprogBoxWrap .viewingCategoryList li .view {
  margin-bottom: 8px;
}

#csprogBoxWrap .viewingCategoryList li .subTop {
  margin-bottom: 2px;
}

#csprogBoxWrap .viewingCategoryList li .subRight {
  margin-left: 4px;
}

.twitter {
  text-align: right;
padding:20px 20px 60px;
}






}