@charset "UTF-8";

/*--------------------------------------
	Style Name : Construct Style
--------------------------------------*/


/*--------------------------------------
	Lead Area
--------------------------------------*/

#area_lead {}

#lead {
	margin: 0 auto;
	position: relative;
	width: 960px;
}




#lead .act_banner {  /*----- mv20160411 -----*/
	position: absolute;
	top: 14px;
	left: 645px;
	width:304px;
	border: 3px solid #bfd002;
}

#lead .act_banner .act_banner_head {
	display: block;
	position: relative;
	padding: 7px 0 8px;
}

#lead .act_banner .ttl-img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 14px;
	padding-left: 7px;
	line-height: 1;
}

#lead .act_banner .txt-date {
	display: inline-block;
	vertical-align: middle;
	color: #457813;
	font-weight: bold;
	font-size: 15px;
}

#lead .act_banner .icon-new {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 38px;
	height: 38px;
	background: url(/common/img/icon_new.gif) no-repeat left top;
	text-indent: -9999px;
}

#lead .act_banner .act_banner_body {
	display: block;
}

#lead .act_banner .textbox{
	height:46px;
}

#lead .act_banner .textbox{
	height:46px;
}

#lead .act_banner .mmddtext{
	font-size:14px;
	text-align:right;
	font-weight:bold;
	margin:0;
	padding:5px 10px 0 0;
}

#lead .act_banner .newtext{
	font-size:11px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:#49b3c1;
	margin:-200px 0 0 195px;
	padding:0;
	width:100px;
}

#lead .act_banner a{
	display: block;
	width: 100%;
	padding: 0 0 0 0;
	text-decoration:none;
}

#lead .act_banner .imgbg{
	height:168px;
	background:#fff;
}

#lead .banner {
	position: absolute;
	 top: 240px;
	 left: 645px; /*----- mv20150414 -----*/
}

#lead .banner02 { /*----- mv20150414 -----*/
	position: absolute;
	 top: 163px;
	 left: 318px;
}

#lead_contents {
	position: absolute;
	 top: 14px;
}

#lead_contents li {
	float: left;
	margin: 0 7px 0 0;
	position: relative;
}

#lead_contents a {
	background: url(/common/img/nav_lead_contents.png) no-repeat 0 0;
	display: block;
	height: 115px;
	width: 153px;
}

#lead_contents .nav_01 a {
	background-position: 0 0;
}

#lead_contents .nav_02 a {
	background-position: -153px 0;
}

#lead_contents .nav_03 a {
	background-position: -306px 0;
}

#lead_contents .nav_04 a {
	background-position: -459px 0;
}

#lead_contents .nav_01 a:hover,
#lead_contents .nav_01 a.mm-item-link-hover {background-position: 0 -114px;}

#lead_contents .nav_02 a:hover,
#lead_contents .nav_02 a.mm-item-link-hover {background-position: -153px -114px;}

#lead_contents .nav_03 a:hover,
#lead_contents .nav_03 a.mm-item-link-hover {background-position: -306px -114px;}

#lead_contents .nav_04 a:hover,
#lead_contents .nav_04 a.mm-item-link-hover {background-position: -459px -114px;}

#lead_contents .contents {
	background: #238198 url(/common/img/texture_lead_contents_01.png) no-repeat 50% 100%;
	color: #fff;
	padding: 21px;
	position: absolute;
	 top: 115px !important;
	width: 520px;
	z-index:10;
	display: none;
}

#lead_contents .contents a {
	background: none;
	display: inline;
	height: auto;
	width: auto;
}

#lead_contents .nav_01 .contents {
	left: 0 !important;
}

#lead_contents .nav_02 .contents {
	left: -160px !important;
}

#lead_contents .nav_03 .contents {
	left: -250px !important;
}

#lead_contents .nav_04 .contents {
	left: -410px !important;
}

#lead_contents .contents a {
	color: #fff;
}

#lead_contents .contents ul {
	border-right: 1px solid #d4d4d4;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	width: 250px;
}

#lead_contents .contents li {
	background: url(/common/img/icon_lead_contents_01.png) no-repeat 0 0.4em;
	float: none !important;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
}

#lead_contents .contents_keyword {
	border-left: 1px solid #d4d4d4;
	float: right;
	padding: 0 0 0 18px;
	position: relative;
	 left: -1px;
	width: 230px;
}

#lead_contents .contents_keyword h2 {
	background: url(/common/img/texture_lead_contents_02.png) no-repeat 0 100%;
	font-size: 114%;
	line-height: 1.2;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

#lead_contents .contents_keyword ul {
	border: none;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#lead_contents .contents_keyword li {
	background: none;
	display: inline;
	line-height: 30px;
	margin: 0 30px 0 0;
	padding: 0;
}

#lead_contents .contents_keyword .continue {
	font-size: 86%;
	margin: 30px 0 0;
	text-align: right;
}

#lead_contents .contents_keyword .continue a {
	background: url(/common/img/icon_lead_contents_01.png) no-repeat 0 50%;
	padding: 0 0 0 10px;
}

#lead_contents .larger {
	font-size: 114%;
}


/*	div#lead_topics
--------------------------------------*/

#lead_topics {
	background: url(/common/img/texture_lead_topics_01.png) no-repeat 50% 0;
	height: 536px;
	overflow: hidden;
	padding: 0 5px;
	position: absolute;
	/*top: 75px; ----- mv20150414 -----*/
	 right: 0;
	width: 300px;
}

.lead_topics01 { top: 334px; }
.lead_topics02 { top: 320px;} /*----- mv20150414 Full専用 -----*/

@media screen and (min-width: 0) and (max-width: 978px) {
#lead_topics {
	 top: 10px;
}
}

#topics {
	background: #fff;
	height: 525px;
}

#lead_topics h2 {
	background: #034da1 url(/common/img/texture_lead_topics_02.png) no-repeat 50% 0;
	color: #fff;
	font-size: 114%;
	height: 43px;
	line-height: 53px;
	margin: 0 0 38px;
	padding: 0 45px;
}

#lead_topics ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#topics li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cfcfcf;
	line-height: 1.2;
	overflow: hidden;
	padding: 9px 15px;
	width: 270px;
	zoom: 1;
}

#topics li .thumbnail {
	float: right;
	margin: 0 0 0 20px;
}

#topics li .text {
	overflow: hidden;
	zoom: 1;
}

#lead_topics .button li {
	position: absolute;
	text-align: center;
	width: 100%;
}

#lead_topics .button .prev {
	top: 55px;
}

#lead_topics .button .next {
	bottom: 15px;
}

/*--------------------------------------
	Keyword Area
--------------------------------------*/

#area_keyword {
	background: #f8f8f8 url(/common/img/texture_keyword_01.png);
	border-bottom: 1px solid #dbdbdb;
	min-height: 161px;
	padding: 130px 0 30px;
}

#keyword {
	margin: 0 auto;
	padding: 10px 330px 0 0;
	width: 630px;
}

#keyword .header h2 {
	background: url(/common/img/icon_keyword_01.png) no-repeat 10px 50%;
	min-height: 21px;
	padding: 5px 0 0 35px;
}

#keyword ul {
	margin: 0 10px;
}

#keyword li {
	display: inline;
	line-height: 25px;
	margin: 0 25px 0 0;
}

#keyword .larger {
	font-size: 114%;
}

/*--------------------------------------
	Content Area
--------------------------------------*/

/*	div.section
--------------------------------------*/

.section .header {
	margin: 0 0 15px;
}

.section .header h2 {
	font-size: 114%;
	margin: 0;
}

/*	div#section-01
--------------------------------------*/

#section-01 {
	margin: 0 0 25px;
	overflow: hidden;
}

#section-01 .header h2 {
	background: url(/common/img/icon_section-01_01.png) no-repeat 8px 0;
	min-height: 20px;
	padding: 0 0 0 40px;
}

#section-01 .header .rss a {
	background: url(/common/img/icon_rss_01.png) no-repeat 0 50%;
	color: #000;
	display: inline-block;
	font-size: 86%;
	height: 21px;
	line-height: 21px;
	padding: 0 0 0 25px;
	position: absolute;
	 top: 0;
	 left: 140px;
}

#section-01 .header .continue {
	position: absolute;
	 top: 0;
}

#section-01 .section {
	border-bottom: 3px solid #e9ede3;
	margin: 15px 7px -3px;
}

#section-01 h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 10px;
}

#section-01 li,
#section-01 li em {
	display: block;
	font-style: normal;
	overflow: hidden;
	zoom: 1;
}

#section-01 li {
	line-height: 1.4;
	margin: 0 0 15px;
	overflow: hidden;
	padding: 0;
	zoom: 1;
}

#section-01 li .genre {
	background-color: #6871b4;
	color: #fff;
	float: left;
	font-size: 86%;
	margin: 0 15px 0 0;
	padding: 2px 0 1px;
	text-align: center;
	width: 90px;
}

#section-01 li .genre_01 {background-color: #6871b4;}
#section-01 li .genre_02 {background-color: #427d37;}
#section-01 li .genre_03 {background-color: #198199;}
#section-01 li .genre_04 {background-color: #ad001b;}
#section-01 li .genre_05 {background-color: #6b7c31;}
#section-01 li .genre_06 {background-color: #cb4a1f;}
#section-01 li .genre_07 {background-color: #877544;}
#section-01 li .genre_08 {background-color: #065D91;}
#section-01 li .genre_09 {background-color: #8567a4;}
#section-01 li .genre_10 {background-color: #ad4f95;}

/*	div#section-02
--------------------------------------*/

#section-02 {
	margin: 0 0 40px;
}

#section-02 .header h2 {
	background: url(/common/img/icon_section-02_01.png) no-repeat 8px 0;
	min-height: 19px;
	padding: 0 0 0 40px;
}

#area_pickup {
	background: #e4f2f4 url(/common/img/texture_pickup_01.png) no-repeat 50% 0;
	height: 104px;
	margin: 0;
	padding: 25px 25px 22px 25px;
	position: relative;
	width: 580px;
}

#pickup {
	height: 104px;
	margin: 0 50px;
	overflow: auto;
	width: 480px;
}

#pickup .pickup_contents {
	height: 104px;
	overflow: auto;
	width: 480px;
}

#pickup .pickup_contents .figure {
	border-right: 1px solid #aaa;
	float: left;
	margin: 0 23px 0 0;
	padding: 0 23px 0 0;
}

#pickup .pickup_contents .contents_group {
	overflow: hidden;
	zoom: 1;
}

#pickup .pickup_contents .contents_group h3 {
	margin: 0 0 10px;
}

#pickup .pickup_contents .contents_group p {
	margin:0 ;
}

#area_pickup .button li {
	position: absolute;
	 top: 25px;
}

#area_pickup .button .prev {
	left: 25px;
}

#area_pickup .button .next {
	right: 25px;
}



/*	20130329 21:00
--------------------------------------*/
#lead_contents .fsize115 {
	font-size: 115%;
}
#lead_contents .fsize110 {
	font-size: 110%;
}
#lead_contents .fsize105 {
	font-size: 105%;
}
#lead_contents .fsize100 {
	font-size: 100%;
}
#lead_contents .fsize90 {
	font-size: 90%;
}


#keyword .fsize115 {
	font-size: 115%;
}
#keyword .fsize110 {
	font-size: 110%;
}
#keyword .fsize105 {
	font-size: 105%;
}
#keyword .fsize100 {
	font-size: 100%;
}
#keyword .fsize90 {
	font-size: 90%;
}

/*	20140331 緊急表示ブロック
--------------------------------------*/
#emergencyheader{
	background-image: url("/common/img/emergency_bg.jpg");
	background-repeat: repeat-x;
	background-color:#999999;
	border: #EEE solid 3px; 
	width:auto; margin:0; 
	padding:10px;
}

#emergencyheader table.mainbox{
	border: 2px #BB0000 solid;
	margin:auto;
	padding: 5px;
}

#emergencyheader table.mainbox td{
	padding: 5px;
	vertical-align:middle;
}

#emergencyheader table p.leftarea{
	margin: 2px;
	color: #FFF;
	font-weight: bold;
	font-size: 84%;
}


#emergencyheader table.mainbox ul{
	margin: 0;
	font-size: 100%;
	list-style-type: none;
	padding: 0;
}

#emergencyheader table.mainbox li {
	background: url(/common/img/emergency_arrow.jpg) no-repeat 0 1px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 110%;
	line-height: 180%;
}


#emergencyheader .textBlock p {
	margin: 0;
	font-size: 90%;
	color: #333;
	line-height: 180%;
}