@charset "utf-8";
/*--------------------------------------------

---------------------------------------------*/
#main .header--type-01{
}
#main .block--feature {
	margin: 0 0 30px;
}
#main .block--feature .article--primary {
	margin: 0 0 10px;
	padding: 0 0 10px;
/*	border-bottom: solid 1px #e3e3e3; */
	word-wrap: break-word;
}
#main .block--feature .article--primary--pick_up {
/*	margin: 0 0 15px; */
	padding: 0 0 0 14px;
}
#main .block--feature .article--primary .article__labels{
	margin: 0 0 10px 0;
	border-bottom: solid 1px #e3e3e3;
}
#main .block--feature .article--primary .article__label {
	width: 95px;
	padding: 0px;
}
#main .block--feature .article--primary .article-header{
	margin: 0 0 15px 0;
}
#main .block--feature .article--primary h1,
#main .block--feature .article--primary h2{
	word-break : normal;
	overflow-wrap:break-word;
}
#main .block--feature .article--primary h3{
	word-break : normal;
	overflow-wrap:break-word;
}
#main .block--feature .article--primary h3 .date{
	font-weight: normal;
}
#main .article--primary div.lead .figure {
	height: 160px;
}
#main .article--primary div.lead .figure img{
	max-height: 160px;
}

#changeArea .f_left {
	float:left;
	width: 300px;
	margin: 0 15px 10px 0;
	clear: both;
}
#changeArea .f_right {
	float: right;
	width: 300px;
	margin: 0 0 10px 15px;
	clear: both;
}

#main .article--primary .f_left p.note,
#main .article--primary .f_right p.note {
	margin-top: 165px;
	width: 300px;
}

#main .article--primary .f_center p.note {
	margin-top: 5px;
}

#main .article--primary div.text .f_center:before,
#main .article--primary div.text .f_center:after {
  content: "";
  clear: both;
  display: block;
}

#main .article--primary div.text .f_center {
    position: relative;
    width: 620px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#main .article--primary div.text .f_center .figure {
    width: 620px;
    float: none;
    height: auto;
    margin: 0px;
    padding: 0px;
}

#main .article--primary  div.text .f_center .figure a {
    display: block;
    margin: 0px;
    padding: 0px;
}

#main .article--primary  div.text .f_center .figure img {
    width: 100%;
    margin: 0px;
    margin-left: -15px;
    position: relative;
    max-width: 620px;
    height: auto;
    max-height: initial;
    max-height: auto;
    float: none;
    padding: 0px;
    text-indent: 0;
}

@media print {
    #changeArea .f_left {
        float: left;
        margin: 15px;
        clear: both;
        display: block;
        min-height: 160px;
    }

    #main .block--feature .article--primary .figure{
        float: none;
    }
}

#main .article--primary div.lead .f_center {
    position: relative;
    width: 620px;
    margin-bottom: 10px;
}

#main .article--primary div.lead .f_center .figure {
    width: 620px;
    float: none;
    height: auto;
}
#main .article--primary  div.lead .f_center .figure a {
    display: block;
    text-indent: 0;
}

#main .article--primary  div.lead .f_center .figure img {
	width: 100%;
	position: relative;
	max-width: 620px;
	height: auto !important;
	max-height: initial;
	max-height: auto;
	float: none;
	text-indent: 0;
}

#main .article--primary .figure {
	width: 300px;
	height: 200px;
}
#main .article--primary .figure img{
	max-width: 300px;
	max-height: 200px;
	width: auto;
	height: auto;
}
#main .article--secondary .figure {
	width: 190px;
	height: 165px;
}
#main .article--secondary .figure img{
	max-width: 190px;
	max-height: 165px;
	width: auto;
	height: auto;
}

#main .figure img{
	max-width: 295px;
	max-height: 170px;
	width: auto;
	height: auto;
}
#main .figure img.pick_up{
	max-width: 70px;
	max-height: 70px;
	width: auto;
	height: auto;
	float: left;
	position: static;
}

#main #changeArea div.lead p {
	margin-bottom: 20px;
	text-indent:1em;
}

#main #changeArea div.text p {
	margin-bottom: 20px;
	text-indent:1em;
}

#main .block--feature .article--primary .figure{
	float: left;
}
#main .block--feature .article--primary--pick_up .figure{
/*	float: left;*/
}
#main .block--feature .article--primary .lead{
/*    margin: 0 0 13px 300px;*/
	margin: 0 0 13px 0px;
	text-indent: 1em;
/*    min-height: 150px;*/
}
#main .block--feature .article--primary .link-detail{
}


#main .block--feature .article--secondary{
	border-right: solid 1px #e3e3e3;
	min-height: 260px;
  word-wrap: break-word;
}
#main .block--feature .article--secondary--pick_up{
}
#main .block--feature .article--secondary .article__labels{
	margin: 0 0 5px 0;
	width: 100%;
	display: table;
}
#main .block--feature .article--secondary .article__label{
/*	float: left;
	display: block;*/
	width: 50%;
	padding: 0;
}

#main .block--feature .article--secondary--last-col{
	border-right: none;
}
#main .block--feature .article--secondary .inner{
	margin: 0 12px;
}
#main .block--feature .article--secondary .lead{
/*    min-height: 165px;*/
	margin: 0 0 5px 0;
	line-height:1.4;
	text-indent: 1em;
}
#main .block--feature .article--secondary h2{
	margin: 0 0 13px 0;
	word-break : normal;
	overflow-wrap:break-word;
}
#main .block--feature .article--secondary h2 .date{
	font-weight: normal;
	display: block;
}
#main .block--feature .article--secondary p{
}
#main .section--pickup .club-article--secondary{
	margin: 0 0 20px;
	padding: 20px 0 0;
	background:url(/common/images/line_01.gif) 0 0 no-repeat;
}

/*--------------------------------------------

---------------------------------------------*/

#main .section--pickup{

}
#main .section--pickup .section-body,
#main .section--pickup .section-body,
#main .section--feature .section-body{
	padding: 15px 0 0 0;
}

#main .section--pickup .article h3{
	margin: 0 0 15px 0;
}
#main .section--pickup .row{
	border-bottom: solid 1px #CCCCCC;
}
#main .section--pickup .row:last-child{
	border-bottom: none;
}
#main .section--pickup .article--primary{
	padding: 0 0 0 14px;
	margin: 0 0 15px;
}
#main .section--pickup .article--primary .figure{
	margin: 0 0 5px 0;
}
#main .section--pickup .article--primary--pick_up .figure{
	width: 295px;
	height: 170px;
/*	display: table-cell;*/
	text-align: center;
	vertical-align: middle;
	background-color: #f1efef;
	margin-bottom: 5px;
}
#main .section--pickup .wrap-article--secondary{
	border-right: solid 1px #CCCCCC;
	padding: 0 15px 0 0;
}
#main .section--pickup .article--secondary{
	border-bottom: solid 1px #CCCCCC;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
#main .section--pickup .article--secondary--pick_up{
	border-bottom: solid 1px #CCCCCC;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
#main .section--pickup .article--secondary:last-child{
	border-bottom: none;
	padding: 0 0 0;
}
#main .section--pickup .article--secondary--pick_up:last-child{
	border-bottom: none;
	padding: 0 0 0;
}
#main .section--pickup .grid__col{
	background:url(/common/images/line_01.gif) 0 100% no-repeat;
}
#main .section--pickup .grid__co--pick_up{
/*	background:url(/common/images/line_01.gif) 0 100% no-repeat;*/
}
#main .section--pickup .grid__col:last-child{
	background:url(/common/images/line_01.gif) 100% 100% no-repeat;
}
#main .section--pickup .grid__col:last-child .article--secondary{
	border-right: none;
	margin-left: 20px;
}
#main .section--pickup .article--secondary .desc{
	margin-left: 80px;
}
#main .section--pickup .article--secondary--pick_up .desc{
	margin-left: 80px;
}
#main .section--pickup .article--secondary--pick_up p{
	text-indent: 1em;
}
#main .section--pickup .article--secondary-pick_up .desc{
	margin-left: 80px;
}
#main .grid__col--pick_up .article--primary--pick_up p{
	text-indent: 1em;
}
#main .section-header h2.club_maintitle{
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 13px;
	line-height: 1.5;
}


/*--------------------------------------------
club top page
---------------------------------------------*/

#main .section--pickup .club-article--secondary-inner{
	border-right: 1px solid #e3e3e3;
	padding-right: 20px;
	width: 287px;
}
#main .section--pickup .club-wrap-article--secondary{
}
#main .section--pickup .club-article--secondary{
	min-height: 267px;
	margin: 0 0 20px;
	padding: 20px 0 0;
	background:url(/common/images/line_01.gif) 0 0 no-repeat;
}
#main .section--pickup .club-article--secondary:first-child{
	background:none;
}
#main .section--pickup .club-article--secondary-inner{
	border-right: 1px solid #e3e3e3;
	padding-right: 20px;
	width: 287px;
}
#main .section--pickup .grid__col:last-child .club-article--secondary{
	border-right: none;
	margin-left: 20px;
}
#main .section--pickup .grid__col:last-child .club-article--secondary-inner{
	border-right: none;
	padding-right: 0;
}
.club_figure {
	background: none repeat scroll 0 0 #eee;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#main .section--pickup .club-article--secondary .club_desc{
	margin-left: 80px;
	min-height: 175px;
}
#main .section--pickup .article .club-article--secondary-inner h3{
	font-size: 16px;
	margin: 0 0 10px 0;
	background:url(/common/images/ico_arrow_red.gif) 0 0.5em no-repeat;
	padding-left: 12px;
}
/*--------------------------------------------

---------------------------------------------*/

#main .section--pickup .btn--list{
	margin-top: 20px;
	margin-bottom: 40px;
}
#main .section--pickup .btn--list ul li{
	float: left;
	margin-right: 10px;
	border: none;
}
#main .section--pickup .btn--list ul li:last-child{
	margin-right: 0;
}
#main .section--pickup .article h3.club_mainservice{
	font-size: 16px;
	margin: 0 0 10px 0;
	background:url(/common/images/ico_arrow_red.gif) 0 0.5em no-repeat;
	padding-left: 12px;
}
#main .section--pickup .article p{
/*	font-size: 13px;*/
}
#main .section--pickup .article p.notice{
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}
#main .section--apply{
	margin-bottom: 20px;
}
#main .section--apply .section-body{
	padding: 15px 0 0 0;
}
#main .section--apply .section-body dl{
	padding: 20px 0 0 0;
}
#main .section--apply .section-body dl dt{
	font-weight: bold;
	display: inline;
	line-height: 1.29;
	min-height: 19px;
	}
#main .section--apply .section-body dl dd{
	font-weight: bold;
	display: inline-block;
	width: 155px;
}
#main .section--apply .section-body dl dd.btn--submit{
	display: block;
	padding-left: 8px;
	margin-top: 20px;
	margin-left: 155px;
}

#main .section--apply .section-body dl dd #apply-email{
	padding: 0;
	background-color: #fff;
	border: 1px solid #999;
	box-sizing: border-box;
	line-height: 1.29;
	min-height: 19px;
	padding: 6px 4px 6px 5px;
	width: 450px;
	vertical-align: middle;
	border-radius: 0; /* for ios*/
}
#main .block--feature .article--primary h1,
#main .block--feature .article--primary h2{
	font-size: 27px;
}


/*--------------------------------------------

---------------------------------------------*/
#main .article .article__header{
}
#main .article .article__header .article__header__date{
}

/*--------------------------------------------

---------------------------------------------*/
#main .aside--pr{
	border: solid 1px #e3e3e3;
	padding: 14px;
	margin: 0 0 15px 0;
	background-color: #fbfbfb;
}
#main .aside--pr .aside-header{
	margin: 0 0 10px 0;
}
#main .aside--pr .aside-body{

}
#main .aside--pr ul li{
	margin: 0 0 5px 0;
}

/*--------------------------------------------

---------------------------------------------*/
#main .section--photonews{
}
#main .section--photonews .section-body{
	padding: 10px 0 0 0;
}


#main .section--photonews .article{
 border-right: 1px solid #e3e3e3;
}
#main .section--photonews .article--last-col{
 border-right: none;
}




/*--------------------------------------------

---------------------------------------------*/
#main .section--photonews .article .inner{
	margin: 0 12px;
}
#main .section--photonews .article .figure{
	margin: 0 0 10px;
}
#main .section--photonews .article p{
}

/*--------------------------------------------

---------------------------------------------*/
#main .section--news ul li .date,
#main .section--feature ul li .date,
#main .section--topics ul li .date,
#main .section--column ul li .date{
}
#main .section--news ul li,
#main .section--pickup ul li,
#main .section--feature ul li,
#main .section--topics ul li,
#main .section--column ul li{
	padding: 8px 0;
	border-bottom: solid 1px #e3e3e3;
}
#main .section--apply .section-header,
#main .section--news .section-header,
#main .section--nnagc .section-header,
#main .section--pickup .section-header,
#main .section--feature .section-header,
#main .section--topics .section-header,
#main .section--photonews .section-header,
#main .section--column .section-header{
	background: #f1efef url(/common/images/bg_header.png) no-repeat 8px center;
	padding: 3px 0 3px 18px;
}


#main .section--apply .section-header .button--list,
#main .section--news .section-header .button--list,
#main .section--pickup .section-header .button--list,
#main .section--feature .section-header .button--list,
#main .section--topics .section-header .button--list,
#main .section--photonews .section-header .button--list,
#main .section--column .section-header .button--list{
	float:right;
	margin: 0 5px;
}
#main .section--news .section-header .button--list img,
#main .section--pickup .section-header .button--list img,
#main .section--feature .section-header .button--list img,
#main .section--topics .section-header .button--list img,
#main .section--photonews .section-header .button--list img,
#main .section--column .section-header .button--list img{
	vertical-align: middle;
}


#main .section--news .section-header .button--rss,
#main .section--pickup .section-header .button--rss,
#main .section--feature .section-header .button--rss,
#main .section--topics .section-header .button--rss,
#main .section--photonews .section-header .button--rss,
#main .section--column .section-header .button--rss{
	float:right;
	margin: 0 5px;
}
#main .section--news .section-header .button--rss span,
#main .section--pickup .section-header .button--rss span,
#main .section--feature .section-header .button--rss span,
#main .section--topics .section-header .button--rss span,
#main .section--photonews .section-header .button--rss span,
#main .section--column .section-header .button--rss span{
	vertical-align: middle;
}

/*#main .section--apply,*/
#main .section--news,
#main .section--pickup,
#main .section--feature,
#main .section--topics,
#main .section--photonews,
#main .section--column {
	margin: 15px 0;
}


/*--------------------------------------------
 tokuhou
---------------------------------------------*/

img.special_logo {
	width: 80px;
	height: auto;
	float: left;
	margin-right: 16px;
}

/*--------------------------------------------
 btn set
---------------------------------------------*/

ul.sns_btn {
	float:left;
	width:300px;
}
ul.sns_btn li.likeButton {
	float:left;
}
ul.sns_btn li.tweetButton {
	float:left;
	width:105px;
}

ul.option_btn {
	float:right;
	width:132px;
}
ul.option_btn li {
	float:left;
	margin-left:5px;
}
ul.option_btn li img {
	margin-bottom:3px;
}

/*--------------------------------------------

---------------------------------------------*/
#main .block--news-list-item .articles
{
	margin: 0 0 20px 0;
}
#main .block--news-list-item .article
{
	position: relative;
	margin: 0 0 10px 0;
}
#main .block--news-list-item .article .article__labels
{
	border-bottom: solid 1px #e3e3e3;
}
#main .block--news-list-item .article .article__header
{
}
#main .block--news-list-item .article .article__header .article__header__date
{
	float: right;
	margin-top: 5px;
	font-weight: normal;
}
#main .block--news-list-item .article .article__header
{
	margin: 15px 0;
}
#main .block--news-list-item .article__body
{
	display: block;
}
#main .block--news-list-item .article__body.is--close
{
	display: inline;
	display: none;
}
#main .block--news-list-item .article .article__figure
{
	float: left;
	/*margin: 0 15px 15px 0;*/
 background: #eee;
 width: 95px;
 height: 64px;
 display: table;
 text-align: center;
 margin: 0 15px 15px 0;
}
#main .block--news-list-item .article .article__figure a{
  max-width: 95px;
  max-height: 64px;
  display: table-cell;
  vertical-align: middle;
}
#main .block--news-list-item .article .article__figure a img{
  height: auto;
  width: auto;
  max-width: 95px;
  max-height: 64px;
  margin-left: auto;
  margin-right: auto;
  display: table-cell;
  vertical-align: middle;
}

#main .block--news-list-item .article__lead
{
  margin-left: 15px;
}

#main .block--news-list-item .article .lead
{
	margin-top: -3px;
	min-height: 50px;
}
#main .block--news-list-item .article .article__link-detail
{
}
#main .block--news-list-item .article .article__header .icon--lock-01
{
	margin: 0 15px;
}
#main .block--news-list-item .article .article__content
{
	margin: 0 70px 0 0;
}
#main .block--news-list-item .article .article__button--toggle
{
	position: absolute;
	top: 33px;
	right: 0;
	height: 28px;
	width: 38px;
	border: solid 1px #CCCCCC;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(/common/images/bg_button_toggle_open.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	border-radius: 3px;
}
#main .block--news-list-item .article .article__button--toggle:hover
{
	background-color: #f1efef;
}
#main .block--news-list-item .article .article__button--toggle.is--close
{
	height: 28px;
	background-color: #FFFFFF;
	background-image: url(/common/images/bg_button_toggle_close.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#main .block--news-list-item .article .article__button--toggle.is--close:hover
{
	background-color: #f1efef;
}

.inner_box {
    border: 1px solid #cccccc;
    margin-top: 20px;
    padding: 15px;
    width: 590px;
}


/*--------------------------------------------

---------------------------------------------*/
#main .button--toggle-article.is--close{
	width: 237px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(/common/images/button_toggle_article_03.gif);
	background-position: 0 0;
}
#main .button--toggle-article{
	width: 237px;
	height: 24px;
	background-image: url(/common/images/button_toggle_article_04.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

#main .button--toggle-article02.is--close
{
	height: 24px;
	width: 197px;
	background-image: url(/common/images/button_toggle_article_01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#main .button--toggle-article02
{
	height: 24px;
	width: 197px;
	background-image: url(/common/images/button_toggle_article_02.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/*--------------------------------------------
 article
---------------------------------------------*/
.article
{
}


/*--------------------------------------------
 .article__label
---------------------------------------------*/
#main .article__labels
{
	min-height: 20px;
}

#main .article__label{
	float: none;
	font-weight: bold;
	display: table-cell;
	padding: 0 5px;
	height: 20px;
	vertical-align: middle;
}
#main .label-country{
	width: 85px;
	background-color: #999;
	color: #fff;
	text-align: center;
    white-space: nowrap;
}
#main .label-date{
	width: 130px;
	color: #666;
	text-align: left;
}
#main .label-category{
	width: 85px;
	background-color: #666666;
	color: #fff;
	text-align: center;
}
#main .label-category span
{
	vertical-align: middle;
	display: inline-block;
	padding-left: 26px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
#main .label-category .label_agriculture	{ background-image: url(/common/images/label/label_agriculture.png);}	/* 農水 */
#main .label-category .label_chemical			{ background-image: url(/common/images/label/label_chemical.png);}	/* 化学 */
#main .label-category .label_commerce			{ background-image: url(/common/images/label/label_commerce.png);}	/* 商業 */
#main .label-category .label_construction	{ background-image: url(/common/images/label/label_construction.png);}	/* 建設 */
#main .label-category .label_consumer_electronics	{ background-image: url(/common/images/label/label_consumer_electronics.png);}
#main .label-category .label_economy			{ background-image: url(/common/images/label/label_economy.png);}	/* 経済 */
#main .label-category .label_fiber				{ background-image: url(/common/images/label/label_fiber.png);}	/* 繊維 */
#main .label-category .label_finance			{ background-image: url(/common/images/label/label_finance.png);}	/* 金融 */
#main .label-category .label_food					{ background-image: url(/common/images/label/label_food.png);}	/* 食品 */
#main .label-category .label_it						{ background-image: url(/common/images/label/label_it.png);}	/* IT */
#main .label-category .label_labor				{ background-image: url(/common/images/label/label_labor.png);}	/* 労働 */
#main .label-category .label_manufacture	{ background-image: url(/common/images/label/label_manufacture.png);}	/* 製造 */
#main .label-category .label_media				{ background-image: url(/common/images/label/label_media.png);}	/* 媒体 */
#main .label-category .label_medicine			{ background-image: url(/common/images/label/label_medicine.png);}	/* 医薬 */
#main .label-category .label_politics			{ background-image: url(/common/images/label/label_politics.png);}	/* 政治 */
#main .label-category .label_society			{ background-image: url(/common/images/label/label_society.png);}	/* 社会 */
#main .label-category .label_steel				{ background-image: url(/common/images/label/label_steel.png);}	/* 鉄鋼 */
#main .label-category .label_tourism			{ background-image: url(/common/images/label/label_tourism.png);}	/* 観光 */
#main .label-category .label_transport		{ background-image: url(/common/images/label/label_transport.png);}	/* 運輸 */
#main .label-category .label_utility			{ background-image: url(/common/images/label/label_utility.png);}	/* 公益 */
#main .label-category .label_vehicle			{ background-image: url(/common/images/label/label_vehicle.png);}	/* 車両 */
#main .label-category .label_resources			{ background-image: url(/common/images/label/label_resources.png);}	/* 資源 */
#main .label-category .label_service			{ background-image: url(/common/images/label/label_service.png);}	/* サービス */

/*--------------------------------------------
 pankuzu
---------------------------------------------*/
div#pankuzu,
#bread-crumb
{
	font-size:	10px;
}
div#pankuzu ul li
{
	float: left;
	padding-right: 15px;
	margin-right: 5px;
	background: url(/common/images/ico_arrow.gif) no-repeat right center;
}
div#pankuzu ul li.active
{
	padding-right: 0px;
	background: none;
}
div#pankuzu ul li a:hover
{
	text-decoration: underline;
}


/*--------------------------------------------
 font size
---------------------------------------------*/
div#changeArea{
	line-height: 1.5;
}
ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 10px;
	position:absolute;
	top:0;
	right:0;
	background:url(/common/images/img_textsize.gif) no-repeat center left;
	padding-left:95px;
}
ul#fontSize:after {
	content: "";
	display: block;
	clear: both;
}
ul#fontSize li {
	float: right;
	cursor: pointer;
	padding:1px 1px 0;
}
ul#fontSize li img {
	margin-bottom:3px;
}

#comments-block {
	margin-top : 20px;
}
#main .icon--arrow-02
{
	padding: 0 0 0 12px;
	background: url(/common/images/arrow02.gif) no-repeat 0 center;
}