@charset "UTF-8";

/***********************************************/
/* clearfix                           */
/***********************************************/


.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}




/*---------- ページ全体の指定 ----------*/

body{
margin:0;
-webkit-text-size-adjust:none;
max-width:640px;
padding:0;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
color:#333;
font-size:24px;
margin:0;
padding:0;
line-height:160%;
word-wrap:break-word}

@media only screen and (orientation:landscape){
body.android{font-size:25px}
}

li{list-style-type:none}

a{color:#333}
strong{font-weight:bold}
img{vertical-align:bottom}

#content{
background:#fff;
z-index: 1;
position: relative;
left: 0;
}

#container{
overflow-x: hidden; 
overflow-y: auto;
}
/*---------- メニュー ----------*/

.sideCont{
    bottom: 0;
    height: auto;
    left: auto;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: width 0.3s ease 0s;
    width: 265px;
}

.snap-drawer-left{
	background:#222244;
	padding:40px 0 30px;
}

.snap-drawer-left dl{
	margin:0 0 20px;
	position:relative;
}

.snap-drawer-left dl dt{
	background:url(../img/common/sideIcon.gif) no-repeat 15px 15px;
	border-bottom:2px solid #454454;
	color:#D1C3E4;
	font-size:120%;
	padding:0 10px 5px 50px;
}

.snap-drawer-left dl dd{
	border-bottom:2px solid #454454;
}

.snap-drawer-left dl dd a{
	color:#fff;
	display:block;
	padding:13px 20px 10px;
	text-decoration:none;
}

.snap-drawer-left dl dd a.yellow{
	color: #fdf200;
}

.snap-drawer-left dl dd.rss{
	position:absolute;
	top:0;
	right:10px;
	line-height: 0px;
}

#side .snap-drawer.snap-drawer-left dd {
	font-size: 30px;
}

.snap-drawer-left dl dd.rss a{
	padding:0;
}

.snap-drawer-left dl dd.note{
	background:#333355;
}

.snap-drawer-left dl dd.banner{
	background:#333355;
	padding:20px;
}

.snap-drawer-left dl dd.banner a{
	padding:0;
}

.snap-drawer-left dl dd.banner span{
	background:url(../img/common/sideIcon2.gif) no-repeat 0 10px;
	color:#857A9C;
	padding:0 0 0 25px;
}

.snap-drawer-left ul li{
	margin:0 auto 20px;
	text-align:center;
}

.snap-drawer-right{
	background:#333355;
	padding:0 0 30px;
	width:550px;
}

.snap-drawer-right .searchArea{
	padding:20px;
	border-bottom:2px solid #454454;
}

.snap-drawer-right .searchArea input{
	vertical-align:middle;
}

.snap-drawer-right .searchArea input[type="text"]{
	height:55px;
	margin:0 10px 0 0;
	width:420px;
}

.snap-drawer-right h3 a{
	color:#FDF200;
	display:block;
	font-size:90%;
	padding:13px 0px 10px;
	text-decoration:none;
	font-weight: 400;
}

.snap-drawer-right h3{
	border-bottom:2px solid #454454;
	color:#fff;
	font-size:130%;
	padding:0 20px 5px;
}

.snap-drawer-right dl.news dt{
	background:url(../img/common/sideIcon.gif) no-repeat 20px 25px #222244;
	color:#DDCEED;
	font-size:120%;
	padding:10px 20px 10px 50px;
}

.snap-drawer-right dl.news dd{
	border-bottom:2px solid #434456;
}

.snap-drawer-right dl.news dd a{
	display:block;
	padding:15px 20px;
	text-decoration:none;
}

.snap-drawer-right dl.news dd .thumb{
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.snap-drawer-right dl.news dd .thumb img.play {
    left: 50%;
    margin: -26px 0 0 -16px;
    position: absolute;
    top: 50%;
    width: 40px;
}

.snap-drawer-right dl.news dd .info{
	color:#fff;
	display:inline-block;
	margin:0 0 0 10px;
	line-height:130%;
	vertical-align:top;
	width:330px;
}

.snap-drawer-right dl.news dd .info span.date{
	color:#A7A9B5;
	font-size:80%;
	display:block;
}

.snap-drawer-right dl.back{
	background:#222244;
	border-bottom:2px solid #434456;
	padding:20px;
}

.snap-drawer-right dl.back dt{
	color:#DDCEED;
	display:inline-block;
	font-size:120%;
	vertical-align:middle;
}

.snap-drawer-right dl.back dd{
	display:inline-block;
	vertical-align:middle;
}

.snap-drawer-right dl.back dd select{
    font-size: 32px;
    height: 45px;
    line-height: 45px;
    width: 275px;
}

.menu-box-cont {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  display: block;
/*
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
*/
}

.menu-box-left {
  display: none;
  position: relative;
  width: 370px;
  left: 0;
}

.menu-box-left{
  background:#222244;
  padding:40px 0 30px;
  overflow: auto;
}

.menu-box-left dl{
        margin:0 0 20px;
        position:relative;
}

.menu-box-left dl dt{
        background:url(../img/common/sideIcon.gif) no-repeat 15px 15px;
        border-bottom:2px solid #454454;
        color:#D1C3E4;
        font-size:120%;
        padding:0 10px 5px 50px;
}

.menu-box-left dl dd{
        border-bottom:2px solid #454454;
}

.menu-box-left dl dd a{
        color:#fff;
        display:block;
        padding:13px 20px 10px;
        text-decoration:none;
}

.menu-box-left dl dd a.yellow{
        color: #fdf200;
}

.menu-box-left dl dd.rss{
        position:absolute;
        top:0;
        right:10px;
        line-height: 0px;
}

#side .menu-box-cont .menu-box-left dd {
        font-size: 30px;
}

.menu-box-left dl dd.rss a{
        padding:0;
}

.menu-box-left dl dd.note{
        background:#333355;
}

.menu-box-left dl dd.banner{
        background:#333355;
        padding:20px;
}

.menu-box-left dl dd.banner a{
        padding:0;
}

.menu-box-left dl dd.banner span{
        background:url(../img/common/sideIcon2.gif) no-repeat 0 10px;
        color:#857A9C;
        padding:0 0 0 25px;
}

.menu-box-left ul li{
        margin:0 auto 20px;
        text-align:center;
}

.menu-box-right{
  		display: none;
        position: relative;
        left: 103px;
        background:#333355;
        padding:0 0 30px;
        width:537px;
}

.menu-box-right .searchArea{
        padding:20px;
        border-bottom:2px solid #454454;
}

.menu-box-right .searchArea input{
        vertical-align:middle;
}

.menu-box-right .searchArea input[type="text"]{
        height:55px;
        margin:0 10px 0 0;
        width:420px;
}

.menu-box-right h3 a{
        color:#FDF200;
        display:block;
        font-size:90%;
        padding:13px 0px 10px;
        text-decoration:none;
        font-weight: 400;
}

.menu-box-right h3{
        border-bottom:2px solid #454454;
        color:#fff;
        font-size:130%;
        padding:0 20px 5px;
}

.menu-box-right dl.news dt{
        background:url(../img/common/sideIcon.gif) no-repeat 20px 25px #222244;
        color:#DDCEED;
        font-size:120%;
        padding:10px 20px 10px 50px;
}

.menu-box-right dl.news dd{
        border-bottom:2px solid #434456;
}

.menu-box-right dl.news dd a{
        display:block;
        padding:15px 20px;
        text-decoration:none;
}

.menu-box-right dl.news dd .thumb{
        display:inline-block;
        position:relative;
        vertical-align:top;
}
.menu-box-right dl.news dd .thumb img.play {
    left: 50%;
    margin: -26px 0 0 -16px;
    position: absolute;
    top: 50%;
    width: 40px;
}

.menu-box-right dl.news dd .info{
        color:#fff;
        display:inline-block;
        margin:0 0 0 10px;
        line-height:130%;
        vertical-align:top;
        width:327px;
}

.menu-box-right dl.news dd .info span.date{
        color:#A7A9B5;
        font-size:80%;
        display:block;
}

.menu-box-right dl.back{
        background:#222244;
        border-bottom:2px solid #434456;
        padding:20px;
}

.menu-box-right dl.back dt{
        color:#DDCEED;
        display:inline-block;
        font-size:120%;
        vertical-align:middle;
}

.menu-box-right dl.back dd{
        display:inline-block;
        vertical-align:middle;
}

.menu-box-right dl.back dd select{
    font-size: 32px;
    height: 45px;
    line-height: 45px;
    width: 275px;
}

/*---------- ヘッダー ----------*/

#headAd{
	margin:0 0 0px;
}

header{
	background:#7E50FB;
	height:102px;
	/*
	transition:all 0.01s ease 0s;
	position:absolute;
	top:99px;
	left:0;
	width:640px;
	z-index:10
	*/
}

header.fix{
	position:fixed;
	top:0;
}

header #headCont{
	background:#7E50FB;
	height:102px;
	position:relative;
}

header #headLogo{
	position:absolute;
	top:30px;
	left:220px;
}

header #menuBtn{
	background:url(../img/common/menuBtn.gif) no-repeat 0 0;
	height:80px;
	text-indent:-10000px;
	width:80px;
	position:absolute;
	top:11px;
	left:15px;
}

header #newsBtn{
	background:url(../img/common/newsBtn.gif) no-repeat 0 0;
	height:70px;
	text-indent:-10000px;
	width:113px;
	position:absolute;
	top:16px;
	right:12px;
}

header #menuButton{
        background:url(../img/common/menuBtn.gif) no-repeat 0 0;
        height:80px;
        text-indent:-10000px;
        width:80px;
        position:absolute;
        top:11px;
        left:15px;
}

header #newsButton{
        background:url(../img/common/newsBtn.gif) no-repeat 0 0;
        height:70px;
        text-indent:-10000px;
        width:113px;
        position:absolute;
        top:16px;
        right:12px;
}




/*---------- コンテンツ ----------*/


#content .pankuzu{
	margin:40px 0;
	float:left;
}
#content .pankuzu ul a{
	color:#6042b2;
	text-decoration: none;
}
#content .pankuzu ul li{
	float:left;
	margin:0 2px 0 5px;
}

#content .pankuzu ul li span{
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px; /* Safari,Chrome */
	border-radius:8px;         /* CSS3 */
	background-color: #edecee;   /* 背景色 */
	padding:6px 12px 4px 12px;
}
#content .pankuzu ul li.arrow{
	background:url(../img/common/pankuzuArrow.png) center right no-repeat;
	padding:0 20px 0 0px;
}
#content .fontSize{
	float:right;
	margin:40px 0;
}
#content .fontSize p{
	float:left;
	margin:0 6px 0 6px;
}
#content .fontSize p a:link{
}

#content .fontSize ul li{
	float:left;
	margin:0 6px 0 6px;
}
#content .fontSize ul li .active{
	opacity: 0.3;
}

#content .thumb{
	position: relative;
}
#content #subArticleList .thumb img.play,
#content #rank .thumb img.play{
	margin:-15px 0 0 -12px!important;
	position:absolute;
	top:50%;
	left:50%;
	width:24px;
}

#content #newsSlide{
	background:#EEEAF9;
	margin:0 0 10px;
	/*padding:15px 15px 25px;*/
	padding:15px 15px 45px;
	position:relative;
}

#content #newsSlide h2{
	color:#DC0002;
	margin:0 0 10px;
	background: #EEEAF9;
}

#content #newsSlide .flexslider{
	background:none;
	margin:0 60px 20px;
}


#content #newsSlide .flex-direction-nav .flex-prev{
	background:url(../img/common/left.jpg) no-repeat 0 0;
	height:84px;
	left:-60px;
	margin:-42px 0 0;
	width:37px;
        display: inline-block;
}

#content #newsSlide .flex-direction-nav .flex-next{
	background:url(../img/common/right.jpg) no-repeat 0 0;
	height:84px;
	right:-60px;
	margin:-42px 0 0;
	width:37px;
	display: inline-block;
}


#content #newsSlide .flex-control-paging li a{
	background:#444;
	height:18px;
	border-radius:0;
	width:18px;
}

#content #newsSlide .flex-control-paging li a.flex-active{
	background:#DE0000;
}

#content .adBanner{
	margin:0 auto 40px;
	text-align:center;
}
#content .btn_motto,
#content .btn_motto2{
	margin:20px auto;
	text-align:center;
	clear: both;
}

#content .btn_motto a,
#content .btn_motto2 a{
	background:url(../img/common/moreIcon02.gif) no-repeat 100% 50%;
	color:#6242AF;
	font-size:120%;
	padding:0 30px 0 0;
	text-decoration:none;
}
#content .btn_motto2 a{
	background:url(../img/common/moreIcon01.gif) no-repeat 100% 50%;
}

#content .btnMore,
#content .btnMore2{
	margin:20px auto;
	text-align:center;
	clear: both;
}

#content .btnMore a,
#content .btnMore2 a{
	background:url(../img/common/moreIcon02.gif) no-repeat 100% 50%;
	color:#6242AF;
	font-size:120%;
	padding:0 30px 0 0;
	text-decoration:none;
}
#content .btnMore2 a{
	background:url(../img/common/moreIcon01.gif) no-repeat 100% 50%;
}


#content section {
    border-bottom: 1px solid #444;
    display: inline-block;
    width: 100%;
}
#content #topArticle h3 {
	font-size: 140%;
        margin: 0 10px;
}
#content #topArticle h3 a{
	text-decoration: none;
}
#content #mainArticleList .thumb img.play,
#content #mainArticleListMore .thumb img.play{
	margin:-58px 0 0 -45px;
	position:absolute;
	top:50%;
	left:50%;
}

#content #mainArticleList section h2,
#content #mainArticleList section h3,
#content #mainArticleList section h4,
#content #mainArticleListMore section h3,
#content #mainArticleListMore section h4{
	font-size: 150%;
	line-height: 120%;
	margin: 0 0 5px;
    background: #FFF;
}
#content #mainArticleList section h2 a,
#content #mainArticleList section h3 a,
#content #mainArticleList section h4 a,
#content #mainArticleListMore section h3 a,
#content #mainArticleListMore section h4 a{
	text-decoration: none;
	background: #FFF;
}
#content #mainArticleList section:last-of-type,
#content #mainArticleListMore section:last-of-type{
	border:none;
}

#content #subArticleList section{
	padding:15px;
}

#subArticleList .subArticleListLeft {
float: left;
width: 320px;
margin: 0;
padding: 0;
}

#subArticleList .subArticleListRight {
float: right;
width: 320px;
margin: 0;
padding: 0;
}

#content section ul.cate{
	margin:0 0 10px;
}

#content section ul.cate li{
	background:#444;
	color:#fff;
	float:left;
	padding:3px 15px 1px;
}

#content section ul.cate li:first-child{
	background:#7E50FB;
}

#content #subArticleList section ul.cate li{
	font-size:80%;
}

#content section ul.cate li.cate90{background-color:#FF00A2}
#content section ul.cate li.cate10{background-color:#F29D16}
#content section ul.cate li.cate24{background-color:#425E9F}
#content section ul.cate li.cate20{background-color:#A9F97D;color:#7E50FB}
#content section ul.cate li.cate21{background-color:#FFF000;color:#333}
#content section ul.cate li.cate22{background-color:#CA2311}
#content section ul.cate li.cate23{background-color:#328A02}
#content section ul.cate li.subCate05 span span{color:#0B3BEC}

#content section ul.cate li span{
	margin:0 auto;
	text-align:center;
}



#content #subArticleList section h2,
#content #subArticleList section h3{
	font-size:115%;
	line-height: 120%;
	font-weight: bold;
}
#content #subArticleList section h2 a,
#content #subArticleList section h3 a{
	text-decoration:none;
}

#content section .date{
	color:#89789A;
	margin:0 0 5px;
}



#content section .thumb{
	margin:0 -20px;
	position:relative;
	background: #000;
}

#content section .thumb img{
	margin:0 auto;
	display: block
}

#content #subArticleList section .thumb{
	margin:0;
	background: #000;
}

#content #subArticleList section .thumb img{
	margin:0 auto;
	display: block
}


#content section .thumb span.play{
	background:url(../img/common/play.png) no-repeat 0 0;
	height:116px;
	margin:-58px 0 0 -45px;
	position:absolute;
	top:50%;
	left:50%;
	width:89px;
}

#content #subArticleList section,
#content #subArticleListMore section{
	float:left;
	width:292px;
}
#content #subArticleList section,
#content #subArticleListMore section{
	padding:15px 14px;
}
#content #subArticleList section ul.cate li,
#content #subArticleListMore section ul.cate li{
	font-size:80%;
}
#content #subArticleList section h3,
#content #subArticleListMore section h3{
	font-size:115%;
	line-height: 120%;
	font-weight: bold;
}
#content #subArticleList section h3 a,
#content #subArticleListMore section h3 a{
	text-decoration:none;
}
#content #subArticleList section .thumb,
#content #subArticleListMore section .thumb{
	margin:0;
}
#content #subArticleList section .thumb span.play,
#content #subArticleListMore section .thumb span.play{
	background-size:45px;
	margin:-29px 0 0 -22px;
	height:58px;
	width:45px;
}

#content #subArticleList  .subArticleListBox{
	background:url(../img/common/movieBorder.gif) repeat-y 50% 0;
	border-top:1px solid #444;
	margin:0 0 40px;
}
#content #subArticleListMore .subArticleListBox{
	background:url(../img/common/movieBorder.gif) repeat-y 50% 0;
	margin:0 0 40px;
}

#content #subArticleList section{
	width:290px;
}

#content .share{
	border:solid 1px #808080;
	margin:0 auto;
	width:580px;
	margin-top:20px;
	margin-bottom:20px;
}
#content .tweet{
	border:solid 1px #808080;
	margin:0 auto;
	width:580px;
	margin-top:20px;
	margin-bottom:20px;
}

#content .shareTitle{
	background:url(../img/common/share.gif) no-repeat left center #47289b;
	background-size: 50px;
	height:40px;
	padding:0px 0 0 88px;
	font-weight:bold;
}
#content .share .shareTitle p{
	padding:3px 0 0 0px;
	color:#FFF;
	font-size:100%;
}
#content .share .shareCont {
	/*padding:15px 35px;*/
	padding:8px 5px;
	margin:0 auto;
	/*display:inline-block;*/
	/*width:100%;*/
}
#content .share .shareCont a{
	display: block;
	margin:0px 6px;
	float:left;
	position: relative;
}
#content .share .shareCont a span{
    color: #555555;
    display: inline-block;
    font-size: 70%;
    font-weight: bold;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 54px;
}

#content .share .shareCont #other_sns_box {
    background: url("/sp/material/img/common/sns_etc_bg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 67px;
    padding: 20px 0 0 0px;
    width: 300px;
}

#content .tweet .tweetTitle{
	background:url(../img/common/tweet.gif) no-repeat left center #47289b;
	background-size:50px;
	padding:0px 0 0 88px;
	font-weight:bold;
}
#content .tweet .tweetTitle p{
	padding:3px 0 0 0px;
	color:#FFF;
	font-size:110%;
	float:left;
}

	

#content .tweet .hashtag{
	background:#6042B2;
	font-weight:bold;
	text-align:center;
	padding: 5px 0;
	display: block;
	float: none;
	clear: both;
}
#content .tweet .hashtag a{
	color:#fff000;
	text-decoration: none;
}
/*
#content .tweet .tweetCont {
	background:url(../img/common/twitterIcon.png) no-repeat 10px 14px ;
}
*/
#content .tweet .tweetCont ul{
	padding:3px 20px;
	margin:0 auto;
}
#content .tweet .tweetCont ul li{
	background:url(../img/common/twitterIcon.png) no-repeat 5px center ;
	float:left;
	color:#03a2d9;
	padding:3px 7px 3px 23px;
	margin:3px 10px;
	font-size:80%;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background-color: #edecee;
	padding:6px 12px 4px 34px;
}
#content .tweet .tweetCont ul li.big{
	font-size: 120%;
}

#content .tweet .tweetCont ul li a{
	color:#6042b2;
	text-decoration: none;
}

/*
#content .share .shareCont {
	padding:15px 5px;
	margin:0 auto;
}
#content .share .shareCont ul li{
	float:left;
	margin:0px 6px;
}
#content .share .shareCont ul li a{
	display: block;
	position: relative;
}
#content .share .shareCont ul li a span{
	position: absolute;
	top: 2px;
	right: 15px;
}
#content .share .shareCont ul.other{
	background: url(../img/common/sns_etc_bg.gif) no-repeat;
	width: 258px;
	height: 67px;
	padding: 10px 0 0 10px;
	float: right;
}
#content .share .shareCont ul.other li{
	margin: 10px 4px 0;
}
#content .share .shareCont ul.other li a{
}
*/

#content ul.tab{
	width:640px;
	margin:0 auto;
	position: relative;
	z-index: 10;
	top: 1px;
}
#content ul.tab li{
	width: 290px;
	height: 65px;
	float: left;
	border-top:1px solid #444444;
	border-right:1px solid #444444;
	border-left:1px solid #444444;
	margin: 0 14px;
}
#content ul.tab li a{
	display: block;
	background: #7e50fb url(../img/common/panelArrow.png) no-repeat 18px 20px;
	color: #FFF;
	height: 65px;
	line-height: 65px;
	text-decoration: none;
	padding: 0 0 0 55px;
}
#content ul.tab li a.selected{
	background: #FFF url(../img/common/panelArrowSelected.png) no-repeat 18px 25px;
	color: #303030;
}

#content .panel{
	border-top:1px solid #444444;
	margin: 0 0 20px;
}

#content .panel section{
	margin:0 auto;
}
#content .panel #newsPanel .panelTitle{
	background:url(../img/common/relatedNews.png) no-repeat top center;
	padding:5px 0 0 0 ;
	height:115px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	width:611px;
}
#content .panel #newsPanel .panelTitle h3{
	color:#fff000;
	font-size:140%;
}
#content .panel #newsPanel .panelTitle p{
	font-size:120%;
	color:#FFF;
	margin:0 0 0 20px;
	font-weight:bold;
	line-height:130%;
}
#content .panel span.number{
	font-size:100%;
}
#content .panel section h4 a{
	text-decoration: none;;
}

#rank .rankingtit {
    background: #7E50FB;
    height: 80px;
}

#content #rank h2{
border-left: 10px solid #FFF;
color: #FFF;
font-size: 170%;
margin: 0 15px;
padding: 0 0 0 15px;
display: inline-block;
height: 80px;
line-height: 80px;
}

#content #rank.today_ranking h2{
border-left: 10px solid #FFF;
color: #000;
font-size: 130%;
padding: 0 0 0 15px;
display: inline-block;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #9272DF;
border-left: 10px solid #9272DF;
width:100%;
margin:0px;
}

#content #rank .link{
font-size: 110%;
margin: 0px 10px;
float: right;
line-height: 80px;
}

#content #rank .link a{
background: none repeat scroll 0 0 yellow;
border-radius: 5px;
color: #7D50EB;
padding: 5px 15px;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 120%;
}

#content #rank .link a:hover{
    background: none repeat scroll 0 0 #f3f3f4;
}

#content #rank ul{
	margin:0 0 0 0;
	clear: both;
}

#content #rank ul li{
	border-bottom:2px solid #444;
	padding: 10px;
}

#content #rank ul li a{
	display:block;
	padding:0px 15px 0px 60px;
	position:relative;
	text-decoration:none;
}

#content #rank ul li img.rank{
	position:absolute;
	top:30px;
	left:15px;
}

#content #rank ul li .thumb{
	float:left;
	min-height: 90px;
	_height: 90px;
}

#content #rank ul li .info{
	float:left;
	margin:0 0 0 20px;
	line-height:130%;
	width:360px;
}

#content #rank ul li .info span.date{
	color:#A7A9B5;
	font-size:80%;
	display:block;
}

/* 関連ニュース */
#content #relatedArticleList h3{
	color:#FFF;
	background:url(/sp/material/img/articles/relatedNews.png) no-repeat top center;
	padding:15px 22px;
	margin:20px auto;
	line-height: 1.3em;
	min-height: 85px;
	width: 570px;
	font-size: 90%;
}
#content #relatedArticleList h3 span.title{
	color:#fff000;
	font-size:120%;
}
#content #relatedArticleList h3 span.number{
	font-size:120%;
    white-space: nowrap;
}
#content #relatedArticleList .section{
	border-bottom:#edecee solid 1px;
	padding:0 30px 20px;
	margin:0 0 20px;
}
#content #relatedArticleList .section h4{
	font-size:120%;
	line-height: 1.3em;
	background: #FFF;
}
#content #relatedArticleList .section .date{
	color:#887799;
	font-size:110%;
}
#content #relatedArticleList .section .thumb{
	text-align: center;
}

/* 関連カテゴリーニュース */
#content #categoryArticleList h3{
    background: none repeat scroll 0 0 #7E50FB;
    color: #FFFFFF;
    font-size: 90%;
    line-height: 30px;
    margin: 20px auto;
    min-height: 30px;
    padding: 15px 22px 8px;
    width: 570px;
}
#content #categoryArticleList h3 span.title{
	color:#fff000;
	font-size:120%;
}
#content #categoryArticleList h3 span.number{
	font-size:120%;
    white-space: nowrap;
}
#content #categoryArticleList .section{
	border-bottom:#edecee solid 1px;
	padding:0 30px 20px;
	margin:0 0 20px;
}
#content #categoryArticleList .section h4{
	font-size:120%;
	line-height: 1.3em;
	background: #FFF;
}
#content #categoryArticleList .section .date{
	color:#887799;
	font-size:110%;
}
#content #categoryArticleList .section .thumb{
	text-align: center;
}




#content .read{
	width: auto;
	margin: 20px 30px;
	line-height: 1.5em;
}

#content .btn_readmore{
	text-align: center;
	font-weight: bold;
	background: #7e50fb;
	width: 580px;
	margin: 0 auto 40px;
	padding: 10px 0;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
#content .btn_readmore a{
	color: #fff000;
	text-decoration: none;
}
#content .btn_readmore a span{
	color: #fff000;
}

/*2017/0621 山田追加*/
ul.newArticle {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    width: 100%;
}

ul.newArticle h2, ul.newArticle p{
margin: 0;
padding: 0;
font-size: 14px;
}

ul.newArticle .article_img {
    float: left;
    overflow: hidden;
    width: 205px;
    height: 120px;
    margin: 15px 10px 10px 15px;
    position:relative;
}

ul.newArticle .article_img img {
    width: 200px;
}

ul.newArticle .article_img img.play {
    left: 40%;
    position: absolute;
    top: 30%;
    width: 40px;
}

ul.newArticle .article_info {
    float: left;
    width: 380px;
    margin: 15px 5px;	
}

ul.newArticle li{
overflow: hidden;
}

ul.newArticle li{
overflow: hidden;
}

ul.newArticle .articleTitle{
    color:#0000ff;
    text-decoration: underline;
    font-size:30px;
    font-weight: normal;
}

#caTable{
    width:100%;
    padding:5px;
    border-left:none;
    border-right:none;
    border-collapse: collapse;
}



#content #caTable .left{
    border-right:none;
    border-right-color:#000;
    height:65x;
}

#content #caTable .right{
    border-left-color:#000;
    border-right:none;
    height:65px;
}



#content #caTable img.arrow{
    position: relative; top: -10px;
    width: 20px;
    height: 25px;
    padding-right:30px;
    padding-left:30px;
}

#caTitle{
     font-weight: bold;
      margin: 0 10px;
      font-size:35px;
}

#newTitle{
     font-weight: bold;
      margin: 0 10px;
      font-size:35px;
}


.section_0 img{
    position: relative;
}
.section_0 img.topPlay{
      margin:-58px 0 0 -45px;
    position:absolute;
    top:40%;
    left:45%;
}

table#caTable td a{
     display:block;
     width:100%;
     height:100%;
     color:#0000ff;
     font-size:35px;
     text-decoration: none;
     padding: 20px 0;
	  
}



/*---------- フッター ----------*/

footer{
	background:#2C2829;
	position:relative;
	margin: 20px 0 0;
        display: inline-block;
}

footer #pageTop{
	background:#fff;
	margin:0 auto 40px;
	padding:0 15px;
	text-align:right;
}

footer #footBanner{
	margin:0 auto 35px;
	padding:0 35px;
}

footer #footBanner dt{
	color:#B2B4B3;
	margin:0 0 3px;
}

footer #footBanner dd{
	display:inline;
	margin:0 5px 0 0;
}

footer #footBanner dd:last-child{
	margin:0;
}

footer #footLink{
	margin:0 auto 30px;
	padding:0 20px;
	text-align:center;
}

footer #footLink dt a{
	background:url(../img/common/footIcon.gif) no-repeat 0 50%;
	color:#fff;
	font-size:120%;
	padding:0 0 0 25px;
	text-decoration:none;
}

footer #footLink dt #fnnList{
	width: 640px;
	margin: 10px auto 40px;
	display: none;
}
footer #footLink dt #fnnList ul{
	float: left;
	padding: 0 0 0 30px;
}
footer #footLink dt #fnnList ul li{
	text-align: left;
}
footer #footLink dt #fnnList ul li a{
	font-size: 70%;
	color: #FFF;
	text-decoration: none;
	letter-spacing: -0.03em;
}

footer #footLink dd{
	color:#8D8D8D;
	font-size:95%;
}

footer #footLink dd a{
	color:#fff;
	text-decoration:none;
}

footer address{
	color:#979596;
	font-size:55%;
	font-style:normal;
	margin:0 auto 35px;
	text-align:center;
}

footer #copyright #pc{
    bottom: 0;
    margin: -70px 10px 10px 0;
    text-align: right;
}

/* 2014/03/07 Okuhara Add */
#content #fnsocial {
   display: inline-block;
   text-decoration: none;
}

#content #fnsocial a {
   display: inline-block;
   text-decoration: none;
}

#content #fnsocial span.others {
	position: absolute;
}

#content #fnsocial > span.others > ul {
	position: absolute;
	left: 0px;
	width: 160px;
	background: #FFF;
	-webkit-background-clip: padding-box;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
	padding: 5px 2px 5px 0;
}

#content #fnsocial > li {
padding: 5px 2px 5px 0;
}

#content #fnsocial .snsoth {
display: inline-block;
clear: both;
}

#content #fnsocial span.snstxt {
position: static;
font-weight: 400;
color: #447;
font-size: 12px;
line-height: 29px;
margin-left: 0px;
}

#content #fnsocial span.snsgplus {
margin-left: 8px;
float: left;
line-height: 29px;
}

#footOffice {
display: inline-block;
margin: 10px 0;
}

#footOffice ul {
width: 50%;
float: left;
}

#footOffice li {
border: 1px solid #222;
padding: 10px;
}

input { font-size: 35px; }

/* Add New */
#whatsNewBox {
 /*display: inline-block;*/
}

#content #newsSlide {
background: #EEEAF9;
position: relative;
}

#content #newsSlide .flexslider {
background: none;
/*width: 600px;*/
width: 490px;
margin: 0 auto;
/*display: block;*/
}

.flex-control-nav {
width: 100%;
text-align: center;
margin: 10px 0;
}

.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
#newsSlide > div > ul > li:nth-child(1) {
position: absolute;
right: 0;
top: 45px;
left: 0;
}
#newsSlide > div > ul > li:nth-child(2) {
position: absolute;
top: 45px;
right: 0;
}



#sokuhouWrapper{
	z-index: 100;
	position: absolute;
	text-align: left;
	width: 100%;
}
#sokuhouWrapper div dl{
	position: relative;
}
#sokuhouWrapper div dl dt{
	position: absolute;
	padding: 15px 10px 10px 10px;
	text-align: center;
	width: 100px;
	line-height: 1.3em;
}
#sokuhouWrapper div dl dd{
	position: relative;
	padding: 10px 20px 10px 150px;
}
#sokuhouWrapper .sokuhouNews{
	background: #FFF;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#sokuhouWrapper .sokuhouNews dl dt{
	color: #de0000;
	font-weight: bold;
}
#sokuhouWrapper .sokuhouNews dl dd{
	color: #de0000;
	font-weight: bold;
}
#sokuhouWrapper .sokuhouNews a{
	color: #de0000;
}

#sokuhouWrapper .sokuhouSaigai{
	background: #fff000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#sokuhouWrapper .sokuhouSaigai dl dt{
	color: #de0000;
	font-weight: bold;
}
#sokuhouWrapper .sokuhouSaigai dl dd{
	color: #de0000;
	font-weight: bold;
}
#sokuhouWrapper .sokuhouSaigai a{
	color: #de0000;
}

#sokuhouWrapper .sokuhouSaigai:nth-child(odd){
	background: #de0000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#sokuhouWrapper .sokuhouSaigai:nth-child(odd) dl dt{
	color: #FFF;
	font-weight: bold;
}
#sokuhouWrapper .sokuhouSaigai:nth-child(odd) dl dd{
	color: #FFF;
	font-weight: bold;
}
#sokuhouWrapper .sokuhouSaigai:nth-child(odd) a{
	color: #FFF;
}


#sokuhouWrapper .tokuban{
	margin: 10px 0 0;
	text-align: center;
}


/****** Ad Banner Set *******/ 
#adBanner {
	zoom: 2;
}

.adBanner {
	zoom: 2;
}

#headAd {
	zoom: 2;
}

#footAd {
	zoom: 2;
}

.footAd {
	zoom: 2;
}


/***FOR OVERLAY IMAGE*****/
#overLay {
	width: 100%;
	height: 100px;
}
div#overlaycls {
height: 50px;
text-align: right;
}
div#overlaycls a{
height: 50px;
width: 100px;
background: url(/sp/material/img/common/overlay_close_button.png) no-repeat 50% 15px #efefef;
border-radius: 100px 100px 0 0;
opacity: 0.9;
display: inline-block;
}

.flexslider p {
	background: #EEEAF9
	line-height: 29px;
}


/***********************************************/
/* #sokuhou style                              */
/***********************************************/
#globalWrapper{
	z-index: 100;
	text-align: left;
	width: 100%;
	margin: 0 0 20px;
}
#globalWrapper .inner {
	display: inline-block;
}
#globalWrapper div dl{
    height: 90px;
    position: relative;
}
#globalWrapper div dl dt{
	position: absolute;
    font-size: 20px;
	padding: 10px 0 10px 0px;
}
#globalWrapper div dl dd{
	position: relative;
    font-size: 22px;
	padding: 10px 0 10px 100px;
}

/****** NewsFlash *******/
#globalWrapper .newsflash{
	background: #FFF;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}

#globalWrapper .newsflash dl dt{
	color: #de0000;
    font-weight: bold;
    line-height: 21px;
    padding: 21px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .newsflash dl dd{
	color: #de0000;
    font-weight: bold;
}
#globalWrapper .newsflash a{
	color: #000000;
}

/****** Sokuhou *******/
#globalWrapper .sokuhou{
	background: #FFF;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}

#globalWrapper .sokuhou dl dt{
    color: #DE0000;
    font-weight: bold;
    line-height: 21px;
    padding: 21px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .sokuhou dl dd{
    color: #DE0000;
    font-weight: bold;
}
#globalWrapper .sokuhou a{
	color: #000000;
}

/****** JAlert *******/
#globalWrapper .jalert{
	background: #ffeeff;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}

#globalWrapper .jalert dl dt{
    color: #DE0000;
    font-weight: bold;
    line-height: 21px;
    padding: 21px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .jalert dl dd{
    color: #DE0000;
    font-weight: bold;
}
#globalWrapper .jalert a{
	color: #000000;
}

/****** Earthquake *******/
#globalWrapper .earthquake{
	background: #fff000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .earthquake dl dt{
	color: #de0000;
    font-weight: bold;
    line-height: 21px;
    padding: 33px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .earthquake dl dd{
	color: #de0000;
    font-weight: bold;
}
#globalWrapper .earthquake a{
	color: #de0000;
}

/****** Disaster *******/
#globalWrapper .disaster{
	background: #fff000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .disaster dl dt{
	color: #de0000;
    font-weight: bold;
    line-height: 21px;
    padding: 33px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .disaster dl dd{
	color: #de0000;
    font-weight: bold;
}
#globalWrapper .disaster a{
	color: #de0000;
}

/****** warnSpecial *******/
#globalWrapper .warnSpecial{
	background: #CA01FE;
	border-top: 1px solid #CA01FE;
	border-bottom: 1px solid #CA01FE;
}
#globalWrapper .warnSpecial dl dt{
	color: #FFF000;
    font-weight: bold;
    line-height: 21px;
    padding: 33px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .warnSpecial dl dd{
	color: #FFF000;
    font-weight: bold;
}
#globalWrapper .warnSpecial a{
	color: #FFF000;
}

/****** warn *******/
#globalWrapper .warn{
	background: #de0000;
	border-top: 1px solid #de0000;
	border-bottom: 1px solid #de0000;
}
#globalWrapper .warn dl dt{
    color: #FFF;
    font-weight: bold;
    line-height: 21px;
    padding: 33px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .warn dl dd{
	color: #FFF;
    font-weight: bold;
}
#globalWrapper .warn a{
	color: #FFF;
}



/****** Evacuation Level3 *******/
#globalWrapper .evac_alert3{
        background: #ee2020;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
}
#globalWrapper .evac_alert3 dl dt{
    color: #FFF;
    font-weight: bold;
    line-height: 21px;
    padding: 33px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .evac_alert3 dl dd{
        color: #FFF;
    font-weight: bold;
}
#globalWrapper .evac_alert3 a{
        color: #FFF;
}

/****** Evacuation Level2 *******/
#globalWrapper .evac_alert2{
        background: #FFAF6E;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
}
#globalWrapper .evac_alert2 dl dt{
    color: #000;
    font-weight: bold;
    line-height: 21px;
    padding: 33px 0 0;
    text-align: center;
    width: 95px;
}
#globalWrapper .evac_alert2 dl dd{
        color: #000;
    font-weight: bold;
}
#globalWrapper .evac_alert2 a{
        color: #000;
}

/****** tsunami *******/
#globalWrapper .tsu_ann{ background: #2711cb; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#globalWrapper .tsu_ann dt{ color: #FFF; font-weight: bold; line-height: 21px; padding: 33px 0 0; text-align: center; width: 95px;}
#globalWrapper .tsu_ann dd{ color: #FFF; font-weight: bold; }
#globalWrapper .tsu_ann a{ color: #FFF; }
/******/

#content .btn_motto2rank {
margin: 10px 0 30px 0;
text-align: center;
display: inline-block;
width: 100%;
}

#content  .btn_motto2rank a {
color: #FFF;
font-size: 120%;
padding: 10px;
margin: 0 0 0 5px;
text-decoration: none;
float: left;
width: 29%;
background: #7E50FB;
}


#footYtPlayer {
    display: block;
    margin: 0 auto 35px;
    padding: 0 35px;
}
#footYtPlayer .footYtPlayerInner {
    display: inline-block;
    background: none repeat scroll 0 0 #555555;
    padding: 10px;
}
#footYtPlayer a {
    position: relative;
    color: #FFFFFF;
    text-decoration: none;
    z-index: 9;
}
#footYtPlayer iframe {
    float: left;
}
#footYtPlayer p {
    color: #FFFFFF;
    font-size: 140%;
    height: 100px;
    line-height: 100px;
    margin-left: 180px;
    text-align: center;
    white-space: nowrap;
    width: 367px;
}