@charset "UTF-8";
/* CSS Document */

#main .mainBox{
	margin-bottom:80px;
	/*padding:0 15px 20px;*/
}

#main .mainNews h2{
	font-size:170%;
	font-weight:bold;
	line-height:100%;
}
#main .thumb{
	_height: 324px;
	min-height: 324px;
	background: none repeat scroll 0 0 #FFFFFF;
	position:relative;
	margin: 12px;
}

#main .thumb img.play{
	margin:-58px 0 0 -45px;
	position:absolute;
	top:50%;
	left:50%;
}

#main #videoplayer .ytVideo{
	_height: 324px;
	min-height: 324px;
	background: none repeat scroll 0 0 #FFFFFF;
	text-align: center;
	margin: 12px;
}

#main .thumb .noplugin {
	margin:0px 70px;
	padding:0px 0px 0px 0px;
	width:560px;
	min-height:365px;
	_height:365px;
	background: url(/material/img/common/FLASH_noplugin_50.jpg) no-repeat 0% 50%;
}
#main .thumb .noplugin a:link,.mainBox .noplugin a:visited{
	position: relative; top: 195px; left: 0px;
}
#main .thumb .noplugin a:active,.mainBox .noplugin a:hover{
	position: relative; top: 195px; left: 0px;
}
#main .thumb .noplugin img{ position:relative; top:0; left:0; }

#main .date{
	color:#887799;
}
#main .read{
	margin: 12px;
	width: 650px;
}

#main .mainNews{
	margin-bottom:20px;
}

#main .dispatcher{
}
#main .dispatcher a{
}
#main .dispatcher a:link{
    color: #333333;
    text-decoration: none;
}
#main .dispatcher a:hover{
    color: #0068B7;
    text-decoration: none;
}

#main .exlink {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #7E50FB;
    margin: 20px 10px;
    padding: 5px 10px;
    text-align: center;
}
#main .exlink .linkbox {
    font-weight: bold;
}
#main .exlink .linkbox a{
    color: #7D50EB;
    display: block;
    padding: 5px 0;
}
#main .exlink .linkbox a:link{
    color: #7D50EB;
    text-decoration: none;
}
#main .exlink .linkbox a:hover{
    color: #7D50EB;
    text-decoration: underline;
}

/***********************************************/
/* 関連ニュース                                  */
/***********************************************/
#main #relatedArticleList h3{
	color:#FFF;
	background:url(/material/img/articles/relatedNews.png) no-repeat top center;
	padding:18px 10px 20px 10px;
	font-size:110%;
	margin-bottom:15px;
}
#main #relatedArticleList h3 span.title{
	color:#fff000;
	font-size:160%;
}
#main #relatedArticleList h3 span.number{
	font-size:120%;
}
#main #relatedArticleList .section{
	border-bottom:#edecee solid 1px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
#main #relatedArticleList .section .date{
	color:#887799;
	font-size:110%;
}

#main #relatedArticleList h4{
	font-size:140%;
}
#main #relatedArticleList .thumb{
	margin:10px 55px;
}

/***********************************************/
/* 関連カテゴリー                                */
/***********************************************/
#main #categoryArticleList h3{
	color:#FFF;
	background:url(/material/img/articles/relatedNews.png) no-repeat top center;
	padding:18px 10px 20px 10px;
	font-size:110%;
	margin-bottom:15px;
}
#main #categoryArticleList h3 span.title{
	color:#fff000;
	font-size:160%;
}
#main #categoryArticleList h3 span.number{
	font-size:120%;
}
#main #categoryArticleList .section{
	border-bottom:#edecee solid 1px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
#main #categoryArticleList .section .date{
	color:#887799;
	font-size:110%;
}

#main #categoryArticleList h4{
	font-size:140%;
}
#main #categoryArticleList .thumb{
	margin:10px 55px;
}

/*** volcano exlinks ***/
#main .exlink .linkbox {
    font-size: 120%;
    font-weight: bold;
}
#main .exlink .linkbox a:link {
    color: #7d50eb;
    text-decoration: underline;
}
.volInfo {
    padding: 0 10px 10px;
}
.volInfo h2 {
    border-left: 5px solid #a56f0d;
    color: #a56f0d;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    text-indent: 10px;
}
.volInfo p.vlink {
    font-size: 15px;
    padding: 5px 0 0 10px;
    text-align: left;
}
.volInfo p.vlink a {
    color: #333;
}

/***********************************************/
/* SNSボタン                                */
/***********************************************/
#articles #main .share .sns {
    margin: 8px 30px;
}
#articles #main .share .shareCont li.sns_list {
    margin: 7px 5px 0;
}
#articles #main .share .shareCont li .sns_main {
    margin: 0 15px 4px 10px;
    width: 25px;
}
#articles #main .share .shareCont li.sns_twitter_tw {
    background-color: #00aced;
    height: 40px;
    margin: 7px 5px 0 0;
    width: 120px;
}
#articles #main .share .shareCont li.sns_twitter_tw #btnTwitter{
    display: block;
}
#articles #main .share .shareCont li.sns_twitter_tw .sns_tweet {
    color: #ffffff;
    font-size: 15px;
    display: inline-block;
    margin: 0 5px 15px;
    position: relative;
}
#articles #main .share .shareCont li.sns_facebook_sh {
    background-color: #305097;
    height: 40px;
    width: 120px;
}
#articles #main .share .shareCont li.sns_facebook_sh #btnFacebook{
    display: block;
}
#articles #main .share .shareCont li.sns_facebook_sh .sns_share {
    color: #ffffff;
    font-size: 15px;
    display: inline-block;
    margin: 0 5px 15px;
    position: relative;
}