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


@font-face {
  font-family: 'hannari';
  src: url(font/hannari.eot) format('embedded-opentype');
  src: url(font/hannari.otf) format('opentype'); 
}


body {
    font-size:100%;
    color:#333;
    background-color:#f6f6f6;
	font-family: 'open sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

a {
	text-decoration:none;
	color:#696969;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    width /***/:auto;/*IE8のみ適用*/
}

.pagetop {
	 display: none;
	 position: fixed;
	 bottom: 30px;
	 right: 30px;
	 z-index:1000;
	 font-size: 240%;
}

.pagetop a {
	 display: block;
	 text-decoration: none;
}

div.main_header {
	width:100%;
	background-color:#1fa0af;
	color:#FFF;
}

div.header_wrapper {
	max-width:980px;
	width:100%;
	margin:0 auto;
}


div.header_wrapper > div.header_contents {
	display:table;
	table-layout:fixed;
	max-width:980px;
	width:100%;
	margin:0 auto;
	padding:15px 0;
	box-sizing:border-box;
}

div.header_wrapper > div.header_contents > .main_logo {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

div.header_wrapper > div.header_contents > .sec_logo {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

#main_menu_area {
	width:100%;
	background-color:#EEEEEE;
	/*border-bottom:1px solid #dfdfdf;*/
	box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	text-align:center;
	/*padding:15px 0;*/

}

#main_menu_area > ul {
	margin:0 auto;
	font-size:0;

}

#main_menu_area > ul > li {
	display:inline-block;
	/*margin-left:25px;*/
	color:#2a2a2a;
	font-size:14px;
	vertical-align:top;
}

#main_menu_area > ul > li > a {
	display:block;
	padding:15px 12px;
	color:#333;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

#main_menu_area > ul > li > a:hover {
	background-color:#49C380;
	color:#FFF;
}

#main_menu_area > ul > li:first-child {
	margin-left:0;

}

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

	トップページ

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


div.main_vis {
	max-width:980px;
	width:100%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:50px;
}

#top_contents {
	max-width:980px;
	width:100%;
	margin:0 auto;
}


#top_contents:after {
	content: '';
	display: block;
	clear: both;
}

#top_contents > .left_block {
	max-width:670px;
	width:100%;
	float:left;
}

#top_contents > .left_block > .contents_unit {
	width:100%;
	background-color:#FFF;
	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.1);
	padding:20px;
	box-sizing:border-box;
}

#top_contents > .left_block > .contents_unit > h2 {
	font-size:120%;
	color:#398B94;
	border-bottom:2px solid #d0d0d0;
	padding-bottom:3px;
	margin-bottom:20px;
}

#top_contents > .left_block > .contents_unit > h2 > i {
	font-size:88%;
	color:#7a7a7a;
	padding-right:7px;
}

#top_contents > .left_block > .contents_unit > dl {
	display:table;
	table-layout:fixed;
	width:100%;
	margin-top:10px;
	border-bottom:1px dotted #d9d9d9;
	padding-bottom:10px;
}

#top_contents > .left_block > .contents_unit > dl > a {
	display:block;
	color:#333;
	text-decoration:none;
}


#top_contents > .left_block > .contents_unit > dl:first-of-type {
	margin-top:0;
}

#top_contents > .left_block > .contents_unit > dl > a > dt {
	display:table-cell;
	vertical-align:middle;
	width:96px;
	font-family: 'Crimson Text', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
	
}

#top_contents > .left_block > .contents_unit > dl > a > dd {
	display:table-cell;
	vertical-align:middle;
	font-size:93%;
	
}

#top_contents > .left_block > .contents_unit > dl > a > dd > dl {
	width:100%;
	display:table;
	table-layout:fixed;
}

#top_contents > .left_block > .contents_unit > dl > a > dd > dl:hover {
	text-decoration:underline;
	color:#147681;
}

#top_contents > .left_block > .contents_unit > dl > a > dd > dl > dt.arrow {
	width:auto;
	display:table-cell;
	width:20px;
	vertical-align:middle;
	color:#268114;
	font-size:88%;
}

#top_contents > .left_block > .contents_unit > dl > a > dd > dl > dd {
	display:table-cell;
	vertical-align:middle;
	font-size:93%;
}

.column {
	margin-top:30px;
}

div.recent_column > h3.report_title {
	font-size:100%;
	margin-bottom:20px;
}

div.recent_column > p {
	font-size:88%;
	line-height:1.8;
}



#top_contents > .right_block {
	max-width:260px;
	width:100%;
	float:right;
}

#top_contents > .right_block > .top_movie {
	margin-top:15px;
}

#top_contents > .right_block > .top_movie:first-of-type {
	margin-top:0;
}

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

	2階層

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




#footer {
	margin-top:60px;
	background-color:#3c3c3c;
	text-align:center;
	color:#FFF;
}

#footer > .inner {
	padding:60px 10px;
}

#footer > .inner > p {
	font-family: 'Exo 2', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
	font-size:0.8rem;
	letter-spacing:1px;
}