@charset "utf-8";

/* CSS Document */

/*======================================

	style

=======================================*/

.flexslider img{
	width:100%;
	min-width:960px;
	height:610px;
}
.flexslider{
	min-width:960px;
	max-height:610px;
	overflow:hidden;
	text-align:center;
}
.flexslider .slides li{
	height:610px;
	background-size:cover !important;
	text-align:center;
}

.flex-caption{
	position:absolute;
	bottom: 140px;
	left:0;
	width:100%;
	text-align:center;
	letter-spacing: 0.1em;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	font-size:30px;
	color:#fff;
}
.flex-caption-s{
	position:absolute;
	bottom: 115px;
	left:0;
	width:100%;
	text-align:center;
	letter-spacing: 0;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 300;
	font-size:16px;
	color:#fff;
}

#monthlyTopicsBlock{
	text-align:center;
}
#monthlyTopics{
	width:960px;
	margin:0 auto 92px auto;
	padding:0 10px;
	font-family: 'Roboto', sans-serif;
}
#monthlyTopics h1{
	margin:40px 0;
	padding:0 0 0 25px;
	background:url(../images/ico_monthly.png) left 3px no-repeat;
	font-weight:400;
	font-size:24px;
	color:#888;
}
#monthlyTopics h2{
	margin:0 0 20px 0;
	font-weight:400;
	font-size:19px;
	color:#000;
  line-height: initial;
}
#monthlyTopics p{
	line-height:2;
	font-weight:300;
	font-size:15px;
	color:#000;
}
#monthlyTopics .pht{
	float:left;
	width:420px;
	text-align:left;
}
#monthlyTopics .pht span{
	text-align:left;
	font-size:8px;
	color:#555;
}
#monthlyTopics .txt{
	float:right;
	width:480px;
	text-align:left;
}

#indexBlockWrapper{
	margin:0 0 70px 0;
	background:url(../../common/images/layout/bg_jpn.jpg) left top repeat;
	text-align:center;
}
#indexBlockWrapperRibbon{
	background:url(../../common/images/layout/bg_ribbon_top_top.png) left top repeat-x;
}
#indexBlockWrapperRibbonBottom{
	height:5px;
	background:url(../../common/images/layout/bg_ribbon_bottom.png) left top repeat-x;
}
#ribbon{
	margin:0 0 80px 0;
}
#indexBlock{
	width:960px;
	margin:0 auto;
}

#index{
	padding:0 0 50px 0;
}
#index dl{
	float:left;
	width: 460px;
	margin:0 10px 35px 10px;
}
#index dl:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#index dt{
}
#index dd{
	min-height:120px;
	padding:16px 10px;
	background:#fff;
	line-height:1.2;
	text-align:left;
	font-size:34px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#555;
}
#index dd a{
	display:block;
	text-decoration:none;
	color:#888;
}

.f20{ font-size:20px; }
.f18{ font-size:18px; }
.f16{ font-size:16px; }
.f14{ font-size:14px; }
.f12{ font-size:12px; }