@charset "UTF-8";

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


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

#area_lead {            /*----- mv20150414 -----*/
	background: url(/common/img/jp_back_basic.png);
	background-color: #CCEAF7;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-bottom: 51px solid #49b3c1;
	height: 305px;
}

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

#lead .act_banner {  /*----- mv20160411 -----*/
	position: absolute;
	 top: 5px;
	 left: 645px;
	width:304px;
	height:214px;
	border:solid 3px #a6e415;
	background-image:url(/common/img/banner_activity_bg3102220.png);
}

#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;
	height: 220px;
	width: 100%;
	padding: 0 0 0 0;
	text-decoration:none;
}

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

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

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

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

#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: 313px; } /*----- mv20160406 -----*/
.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;
	height: 144px;
	padding: 5px 0 10px;
}

#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: #7f7fff;
	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: #7f7fff;}
#section-01 li .genre_02 {background-color: #478305;}
#section-01 li .genre_03 {background-color: #0d97b5;}
#section-01 li .genre_04 {background-color: #ad001b;}
#section-01 li .genre_05 {background-color: #819301;}
#section-01 li .genre_06 {background-color: #e57300;}
#section-01 li .genre_07 {background-color: #917d49;}
#section-01 li .genre_08 {background-color: #0A7389;}
#section-01 li .genre_09 {background-color: #a76fe3;}
#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%;
}