@charset "utf-8";


/* *********************************
FileName: mg_content.css
UpdatedBy: -
*********************************** */


/* *********************************
000 : Base Layout
001 : page Layout
002 : clearfix
*********************************** */


/* *********************************
000 : Base Layout
*********************************** */




/* mainArea
-------------------------- */

#mainArea h3 { clear:both;}


/* latestImage */
.latestImage { padding-bottom:20px;}


#magazine #mainArea sup { color:#ff0000;}
	#magazine #mainArea sup a { color:#ff0000; text-decoration:none;}
	#magazine #mainArea sup a:hover { color:#ff0000; text-decoration: underline;}


/* *********************************
001 : page Layout
*********************************** */


/* introduction
------------------------------------------------------------------------------ */
#magazine #content #sideNav.intro {
	width:260px;
	padding:15px 0 15px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#magazine #content #sideNav.intro h3 {
}

#magazine #content #sideNav.intro .themeImage {
	position:relative;
	padding:15px 0 30px;
}

#magazine #content #sideNav.intro .keyword {
	position:relative;
	padding-top:30px;
	border-top:1px solid #cccccc;
}

#magazine #content #sideNav.intro .zoomUp {
	position:absolute;
	top:-10px;
	right:0;
}
#magazine #content #sideNav.intro h4 {
	font-weight:bold;
	font-size:110%;
	padding-top:5px;
}

#content h1.intro { margin:0 0 40px; padding:0; vertical-align:top;}

#content .title.intro { clear:both;}

#content .title.intro dt{ float:left;}
#content .title.intro dd{ float:right;}

#mainArea.intro {}

/*-------- 2013.09.17 修正 start --------*/
#mainArea.intro .sct0917 {
	padding-bottom:2px;
	/*padding:0 0 110px 0;*/
	/*border-bottom:1px solid #ccc;*/
	width:750px;
	margin:0 95px 0 80px;
	padding:0 0 110px 0;
}

#mainArea.intro .sct0917 h3 {
	padding-bottom:30px;
	font-size:160%;
	font-weight:bold;
	line-height:1.5;
	color:#285cbe;
}

#mainArea.intro .sct0917 p {
	font-size:125%;
}
/*-------- 2013.09.17 修正 end --------*/

#mainArea.intro .sct sup {
	color:#ff0000;
}

#mainArea.intro h3 {
	padding-bottom:20px;
	font-size:16px;
	font-weight:bold;
	color:#285cbe;
	line-height:1;
}

#mainArea.intro p {
	font-size:110%;
	line-height:1.8;
}

#mainArea.intro .sct02 {
	padding:30px 0;
	border-top:1px solid #ccc;
	
	width:886px;
}

#mainArea.intro .sct02 .talk {
	padding-bottom:10px;
}

#mainArea.intro .sct02 .talk .cross {
	float:left;
	width:300px;
	padding-top:20px;
	background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;
}

#mainArea.intro .sct02 .talk .cross h4 { padding-bottom:15px;}

#mainArea.intro .sct02 .talk .cross dl {
	padding-top:13px;
}

#mainArea.intro .sct02 .talk .cross dt {
	background: url(../../magazine/img/side/icon_side_arrow.gif) 2px 7px no-repeat;
	font-size:120%;
	padding:0 0 0 16px;
	line-height:1.3;
	float:none;
}

#mainArea.intro .sct02 .talk .cross dd {
	padding:0 0 0 16px;
	float:none;
}

/*-------- 2013.10.10 追加 start --------*/

#mainArea.intro .sct02 .talk .theme {
	float:left;
	width:202px;
	padding-top:20px;
	margin-left:40px;
	background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;
}

#mainArea.intro .sct02 .talk .theme h4 { padding-bottom:15px;}

#mainArea.intro .sct02 .talk .theme dl {
	padding-top:13px;
}

#mainArea.intro .sct02 .talk .theme dt {
	background: url(../../magazine/img/side/icon_side_arrow.gif) 2px 7px no-repeat;
	font-size:120%;
	padding:0 0 0 16px;
	line-height:1.3;
	float:none;
}

#mainArea.intro .sct02 .talk .theme dd {
	padding:0 0 0 16px;
	float:none;
}

/*-------- 2013.10.10 追加 修正 end --------*/

#mainArea.intro .sct02 .talk .interview {
	float:right;
	width:300px;
	padding-top:20px;
	background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;
}

#mainArea.intro .sct02 .talk .interview h4 { padding-bottom:15px;}

#mainArea.intro .sct02 .talk .interview .detail {
	clear:both;
	padding-bottom:18px;
}

#mainArea.intro .sct02 .talk .interview .detail p {
	width:90px;
	float:left;
}

#mainArea.intro .sct02 .talk .interview dl {
	float:right;
	width:200px;
}

#mainArea.intro .sct02 .talk .interview dt {
	background: url(../../magazine/img/side/icon_side_arrow.gif) 0 4px no-repeat;
	font-size:100%;
	/*padding:0 0 0 16px;*/
	padding:0 0 0 8px;
	float:none;
}

#mainArea.intro .sct02 .talk .interview dd {
	padding:0 0 0 8px;
	font-size:92.5%;
	float:none;
}

#mainArea.intro .sct02 .topicList {
	clear:both;
	padding:25px 0 0;
	background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;
}

#mainArea.intro .sct02 .topicList h4 {
	padding-bottom:15px;
}

#mainArea.intro .sct02 .topicList ul {
	clear:both;
}
/*
#mainArea.intro .sct02 .topicList li {
	float:left;
	padding:0 20px 15px 0;
	width:190px;
	_width:210px;/* ie6 
}*/
#mainArea.intro .sct02 .topicList li {
	float:left;
	padding:0 20px 15px 0;
	width:200px;
	_width:220px;/* ie6 */
}
#mainArea.intro .sct02 .topicList p  { padding-left:10px; line-height:1.4; background:url(../../magazine/img/side/icon_side_arrow.gif) 0 3px no-repeat;}
#mainArea.intro .sct02 .topicList dl { margin:0; padding:0; zoom:1;}
#mainArea.intro .sct02 .topicList dt { float:left; padding-right:8px;}
#mainArea.intro .sct02 .topicList dt img { vertical-align:bottom;}
/* #mainArea.intro .sct02 .topicList dd { float:left; width:140px; font-size:83%; line-height:1;} */
#mainArea.intro .sct02 .topicList dd { float:left; width:150px; font-size:83%; line-height:1;}

#magazine #mainArea.intro .sct02 a { text-decoration:none;}
#magazine #mainArea.intro .sct02 a:hover { text-decoration: underline;}



/* topics
------------------------------------------------------------------------------ */

#mainArea.topics{}

#mainArea.topics .article{ clear:both; padding:0 0 10px;}


/* 記事イントロ部分 */
#mainArea.topics .article .intro{
	padding:8px 8px 18px;
	margin-bottom:40px;
	background-color:#eaebeb;
}

#mainArea.topics .article .title{
	color:#fff;
	position:relative;
	background:url(../../magazine/environment/img/bg_interview01.gif) 0 0;
}
#mainArea.topics .article .title dt{
	float:left;
}
#mainArea.topics .article .title dd{
	float:right;
}
#mainArea.topics .article .title h1{
	clear:both;
	padding:15px 25px 4px;
	font-size:200%;
	font-weight:bold;
	color:#fff;
}
#mainArea.topics .article .title p.lead{
	padding:0 25px;
	min-height:66px;
	_height:66px;/* IE6 */
	font-size:110%;
	font-weight:bold;
	color:#fff;
}
#mainArea.topics .article .title ul{
	padding:0 25px 15px;
	zoom:1;
}
#mainArea.topics .article .title li.date  { float:left;}
#mainArea.topics .article .title li.author{ float:right;}

/* メイン画像 */
#mainArea.topics div.pic{
	clear:both;
	margin:0 auto 10px;
	text-align:center;
}

#mainArea.topics div.pic p{
	text-align:left;
	padding:3px 0 0 3px;
}


/* イントロ文 */
#mainArea.topics .intro p.text{
	padding:15px 5px 5px;
	background-color:#eaebeb;
	font-size:110%;
	line-height:1.7;
}
#mainArea.topics .intro p.text.last{
	padding:10px 5px 5px;
}



/* 記事本文 */
#mainArea.topics .sct{
	padding:25px 0 5px;
	font-size:110%;
}

#mainArea.topics .sct h3{
	padding-bottom:40px;
	font-size:150%;
	font-weight:bold;
	line-height:1.5;
	color:#6f9d7c;
}


#mainArea.topics .sct h4{
	padding-bottom:10px;
	font-size:115%;
	font-weight:bold;
	color:#6f9d7c;
}

#mainArea.topics .sct p{
	line-height:1.8;
}

#mainArea.topics .sct ul{
	padding:5px 0 15px 15px;
	color:#6f9d7c;
}
#mainArea.topics .sct li{
	padding-bottom:5px;
}

#mainArea.topics .sct dl{
	padding-bottom:15px;
}

#mainArea.topics .sct dt{
	color:#6f9d7c;
	font-weight:bold;
}

#mainArea.topics .sct dd{
	padding:0 0 5px 1.8em;
}

/* 記事プロフィール */
#mainArea.topics .profile {
	margin-top:14px;
	padding:18px 0 50px;
	border-top:1px solid #b5b5b5;
}

#mainArea.topics .profile h3 {
	padding:0;
	margin:0 0 20px 0;
	font-size:110%;
	color:#333;
}

#mainArea.topics .profile p.name {
	padding-bottom:20px;
	font-size:115%;
}

/* table */
#mainArea.topics table.pic{
	clear:both;
	margin:0 auto 10px;
}

#mainArea.topics table.pic caption{
	text-align:left;
	padding:3px 0 30px 3px;
	font-size:92%;
}

#mainArea.topics table.pic.last caption{
	text-align:left;
	padding:3px 0 43px 3px;
	font-size:92%;
}

#mainArea.topics table.type01 {
	width:100%;
	border-top:1px solid #a0a0a0;
	border-left:1px solid #a0a0a0;
	line-height:1.5;
}

#mainArea.topics table.type01 tr {
	background-color:#FFF;
}

#mainArea.topics table.type01 tr.blue {
	background-color:#ecf4ed;
	color:#333;
}

#mainArea.topics table.type01 th {
	text-align:left;
	padding:5px;
	color:#4e4236;
	background-color:#adc1bb;
	border-right:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	font-size:92%;
}

#mainArea.topics table.type01 td {
	padding:5px;
	border-right:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	font-size:92%;
}

#mainArea.topics table.type01 caption{
	text-align:left;
	padding:3px 0 0 3px;
	font-size:92%;
}


/* 脚注 */
#mainArea.topics .sct02 {
	margin:0;
	padding:10px 0 40px 0;
	font-size:82%;
	background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;
}

#mainArea.topics .sct02 h4 {
	padding:0 0 5px 0;
	color:#303030;
	font-weight:bold;
}

#mainArea.topics .sct02 dl {
}

#mainArea.topics .sct02 dt {
	clear:both;
	float:left;
	padding:0 0 10px 0;
	color:#ff0000;
}

#mainArea.topics .sct02 dd {
	padding:0 0 10px 1.4em;
	float:none;
}

#mainArea.topics .sct02.line2 dd {
	padding:0 0 10px 2.3em;
	float:none;
}/* 2桁の場合 */

#mainArea.topics .sct02 dd span {
	color:#333;
	font-weight:bold;
}
#magazine #mainArea.topics span.notes a {
	text-decoration:none;
}
#magazine #mainArea.topics span.notes a:hover {
	text-decoration: underline;
}


/* 回り込み */
#mainArea.topics .sct .picBox{
	padding-bottom:20px;
}

#mainArea.topics .sct .picBox table{
	float:right;
	margin:0 0 0 15px;
}

#mainArea.topics .sct .picBox table caption{
	padding-bottom:15px;
}

#mainArea.topics .sct .picBox2{
	padding-bottom:20px;
}

#mainArea.topics .sct .picBox2 table{
	float: left;
	margin:0 15px 0 0;
}

#mainArea.topics .sct .picBox2 table caption{
	padding-bottom:15px;
}

/* pager */

#magazine #mainArea.topics #pager,
#magazine #mainArea.topics #pagermt0 {
	width:630px;
	margin-bottom:10px;
}


/* googleMap */
#content .gMap  { padding-bottom:33px; line-height:1.8}



/* interview
------------------------------------------------------------------------------ */

#mainArea.int{ }

#mainArea.int .article{ clear:both; padding:0 0 10px;}


/* 記事イントロ文 */
#mainArea.int .intro{
	padding:8px 8px 20px;
	margin-bottom:35px;
	background-color:#eaebeb;
}

#mainArea.int .article .title{
	color:#fff;
	position:relative;
	background:url(../../magazine/environment/img/bg_interview01.gif) 0 0;
	
}

#mainArea.int .article .title.top{
	min-height:200px;
	_height:200px;/* IE6 */
}
#mainArea.int .article .title dt{
	float:left;
}
#mainArea.int .article .title dd{
	float:right;
}
#mainArea.int .article .title h1{
	clear:both;
	padding:19px 20px 0;
	font-size:200%;
	font-weight:bold;
	line-height:133%;
}
#mainArea.int .article .title p.lead{
	padding:0 20px 27px;
	font-size:125%;
	font-weight:bold;
	color:#fff;
}
#mainArea.int .article .title ul{
	position:absolute;
	bottom:15px;
	left:20px;
}

#mainArea.int .article .title p.date{
	position:absolute;
	bottom:10px;
	left:20px;
}
#mainArea.int .article .title p.author{
	position:absolute;
	bottom:10px;
	right:20px;
}

#mainArea.int .article .title p.author span{
	font-size:140%;
}

#mainArea.int .intro p.author{
	padding-top:7px;
}



/* メイン画像 */
#mainArea.int div.pic{
	clear:both;
	margin:0 auto 10px;
	text-align:center;
}

#mainArea.int div.pic p{
	text-align:left;
	padding:3px 0 0 3px;
}

/* イントロ文 */
#mainArea.int .intro p.text{
	padding:14px 5px 5px;
	font-size:110%;
	line-height:1.7;
}

#mainArea.int .intro p.author{
	margin-bottom:0;
	text-align:right;
	font-size:82%;
	line-height:1;
}


/* 記事本文 */
#mainArea.int .sct{
	padding:25px 0 5px;
	font-size:110%;
}

#mainArea.int .sct h3{
	padding-bottom:40px;
	font-size:150%;
	font-weight:bold;
	line-height:1.5;
	color:#285cbe;
}

#mainArea.int .sct h3.pic{
	padding-bottom:20px;
}


#mainArea.int .sct h4{
	padding-bottom:15px;
	font-size:100%;
	font-weight:bold;
	line-height:1.7;
	color:#303030;
}

#mainArea.int .sct p{
	line-height:1.8;
}

#mainArea.int .sct ul{
	padding:5px 0 15px 15px;
	color:#285cbe;
}
#mainArea.int .sct li{
	padding-bottom:5px;
}

#mainArea .sct li a.popup01{
	color:#6f9d7c !important;
}

#mainArea .sct li a.popup01:hover{
	color:#285cbe !important;
}

#mainArea.int .sct div.pb50{
	line-height:1.8;
}



/* 記事プロフィール */
#mainArea.int .profile {
	margin-top:14px;
	padding:18px 0;
	border-top:1px solid #b5b5b5;
}

#mainArea.int .profile h3 {
	padding:0;
	margin:0 0 20px 0;
	font-size:110%;
	color:#333;
}

#mainArea.int .profile p.name {
	padding-bottom:20px;
}

#mainArea.int .profile p.name span {
	font-size:125%;
}

#mainArea.int .reporter {
	padding:18px 0 50px;
	background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;
}

#mainArea.int .reporter h3 {
	padding:0;
	margin:0 0 20px 0;
	font-size:110%;
	color:#333;
}

#mainArea.int .reporter p.name {
	padding-bottom:20px;
	font-size:115%;
}

/* table */
#mainArea.int table.pic{
	clear:both;
	margin:0 auto 10px;
}

#mainArea.int table.pic.last{
	clear:both;
	margin:0 auto 35px;
}

#mainArea.int table.pic caption{
	text-align:left;
	padding:3px 0 30px 3px;
	font-size:92%;
}

#mainArea.int table.type01 {
	width:100%;
	border-top:1px solid #a0a0a0;
	border-left:1px solid #a0a0a0;
	line-height:1.5;
}

#mainArea.int table.type01 tr {
	background-color:#FFF;
}

#mainArea.int table.type01 tr.blue {
	background-color:#edf1f7;
	color:#333;
}

#mainArea.int table.type01 th {
	text-align:left;
	padding:5px;
	color:#4e4236;
	background-color:#aebacf;
	border-right:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	font-size:92%;
}

#mainArea.int table.type01 td {
	padding:5px;
	border-right:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	font-size:92%;
}

#mainArea.int table.type01 caption{
	text-align:left;
	padding:3px 0 0 3px;
	font-size:92%;
}

/* 脚注 */
#mainArea.int .sct02 {
	margin:0;
	padding:10px 0 40px 0;
	font-size:82%;
	background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;
}

#mainArea.int .sct02 h4 {
	padding:0 0 5px 0;
	color:#303030;
	font-weight:bold;
}

#mainArea.int .sct02 dl {
}

#mainArea.int .sct02 dt {
	clear:both;
	float:left;
	padding:0 0 10px 0;
	color:#ff0000;
}

#mainArea.int .sct02 dd {
	padding:0 0 10px 1.4em;
	float:none;
}

#mainArea.int .sct02.line2 dd {
	padding:0 0 10px 2.3em;
	float:none;
}/* 2桁の場合 */

#mainArea.int .sct02 dd span {
	color:#333;
	font-weight:bold;
}
#magazine #mainArea.int span.notes a {
	text-decoration:none;
}
#magazine #mainArea.int span.notes a:hover {
	text-decoration: underline;
}


/* 回り込み */
#magazine #mainArea.int .sct .picBox{
	padding-bottom:20px;
}

#magazine #mainArea.int .sct .picBox table{
	float:right;
	margin:0 0 0 15px;
}

#magazine #mainArea.int .sct .picBox table caption{
	padding-bottom:15px;
}

#magazine #mainArea.int .sct .picBox2{
	padding-bottom:20px;
}

#magazine #mainArea.int .sct .picBox2 table{
	float: left;
	margin:0 15px 0 0;
}

#magazine #mainArea.int .sct .picBox2 table caption{
	padding-bottom:15px;
}



/* pager */

#magazine #mainArea.int #pager,
#magazine #mainArea.int #pagermt0 {
	background:url(../img/magazine/bg_pagenavi02.gif) 0 0;
	width:630px;
}

#magazine #mainArea.int #pager ul li a,
#magazine #mainArea.int #pagermt0 ul li a {
	color:#FFF;
}

#magazine #mainArea.int #pager ul li a:link,
#magazine #mainArea.int #pagermt0 ul li a:link,
#magazine #mainArea.int #pager ul li a:visited,
#magazine #mainArea.int #pagermt0 ul li a:visited {
	background: #000;
	color: #fff;
}

#magazine #mainArea.int #pager ul li a:hover,
#magazine #mainArea.int #pagermt0 ul li a:hover,
#magazine #mainArea.int #pager ul li a:active ,
#magazine #mainArea.int #pagermt0 ul li a:active{
	background: #fff;
	color: #6e6e6e;
}

#magazine #mainArea.int #pager ul li.prev a,
#magazine #mainArea.int #pagermt0 ul li.prev a {
	background: url(../img/magazine/bg_pagenavi02_left.gif) no-repeat center center !important;
}

#magazine #mainArea.int #pager ul li.next a,
#magazine #mainArea.int #pagermt0 ul li.next a {
	background: url(../img/magazine/bg_pagenavi02_right.gif) no-repeat center center !important;
}

#magazine #mainArea.int #pager ul li em,
#magazine #mainArea.int #pagermt0 ul li em {
	background: #fff;
	color: #6e6e6e;
}




/* theme
-------------------------- */

#mainArea.theme .article{ clear:both; padding:0 0 33px;}

#mainArea.theme .article .title{
	background-color:#f5f5f5;
}

#mainArea.theme .article .title h1{
	clear:both;
	padding:19px 20px;
	font-size:200%;
	font-weight:bold;
	line-height:133%;
}

#mainArea.theme .article .themeImage{
	padding:25px 0 35px;
	text-align:center;
}

#mainArea.theme .article .zoomUp{
	text-align:right;
	padding:0 95px 10px 0;
}

#mainArea.theme .article .zoomDown{
	text-align:right;
	padding:10px 95px 0 0;
}

#mainArea.theme .article h2{
	padding-bottom:15px;
	font-weight:bold;
	font-size:125%;
}

#mainArea.theme .article .textblock{
	padding:0 15px;
}

#mainArea.theme .article p{
	font-size:125%;
	line-height:1.8;
}


/* *********************************
002 : clearfix
*********************************** */

#content.mgTop .step3:after,
#content.mgTop .step3 dl:after,
#content .museum:after,
#mainArea.vol .dl:after,
#mainArea.topics .article .title:after,
#mainArea.topics .article .title ul:after,
#mainArea.topics .sct:after,
#mainArea.int .sct:after,
#mainArea.int .article .title:after,
#content .gMap:after,
#mainArea.topics .sct .picBox:after,
#mainArea.intro .sct02 .talk:after,
#mainArea.intro .sct02 .talk .interview .detail:after,
#mainArea.intro .sct02 .topicList dl:after,
#mainArea.intro .sct02 .topicList:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	overflow: hidden;
}

/* SNS */

.icon01 iframe{
/* 	width: 80px!important; */
}

#content .snsBtn li.icon06{
	width: 61px!important;
}

#content .snsBtn li.icon02{
	padding: 0 10px;
}

#content .snsBtn{
	margin-right: 0;
}