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

- top.css


[Base]
	content
[Size Large]
	content
[Size Mobile]
	content
[Size Smart Phone]
	content


--------------------------------------------------------------


[font-size]

10px : 77%
11px : 85%
12px : 93%
13px : 100%
14px : 108%
15px : 116%
16px : 123.1%
17px : 131%
18px : 138.5%
19px : 146.5%
20px : 153.9%
21px : 161.6%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%

////////////////////////////////////////////////////////////*/

/*############################################################

[Base]

############################################################*/

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

header
==================================================*/
#top #header .header_navi li a,
#top #header .header_navi li a:link,
#top #header .header_navi li a:visited {
	color: #00267f;
}

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

content
==================================================*/

#top #content h2 {
	line-height: 60px;
	font-size: 123.1%;
}

/* #main_image
--------------------------------------------------*/
#top #content #main_image {
	/*overflow: hidden;*/
	text-align: center;
	z-index: 10;
	margin-bottom: -60px;
}

/* main_image_inner */
#top #content #main_image #main_image_inner {
	position: relative;
	width: 100%;
	height: 0;
	z-index: 10;
	overflow: hidden;
	padding-top: 66.7%;
}

/* main_image_wrap */
#top #content #main_image .main_image_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* main_logo_wrap */
#top #content #main_image .main_logo_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

/* main_title_wrap */
#top #content #main_image .main_title_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 30;
}

#top #content #main_image .main_title_wrap .title {
	display: table-cell;
	padding: 13px 15px 8px;
	/*font-family: 'AvenirLT-Book', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 16px;
	background-color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
}

#top #content #main_image .main_title_wrap .title,
#top #content #main_image .main_title_wrap .title a {
	color: #bbbbbb;
}

#top #content #main_image.over .main_title_wrap .title a {
	color: #00267f;
}

/* navi_main_image */
#top #content #main_image #navi_main_image {
	/*position: absolute;
	bottom: 10px;
	right: 10px;*/
	display: inline-block;
    vertical-align: top;
    padding: 20px 0;
	margin: 0 auto;
	z-index: 20;
}

#top #content #main_image #navi_main_image li {
	display: table-cell;
	padding: 5px;
}

#top #content #main_image #navi_main_image li span {
	display: block;
	width: 10px;
	height: 10px;
}

.borderradius #top #content #main_image #navi_main_image li span {
	background-color: #989898;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.no-borderradius #top #content #main_image #navi_main_image li span {
	background: url("/images/top/main/navi.png") no-repeat 0 0;
}

/* no-js */
.no-js #top #content #main_image {
	position: relative;
	min-height: 588px;
	overflow: hidden;
}

.no-js #top #content #main_image .img_set {
	display: none;
	position: relative;
}

.no-js #top #content #main_image .img_set:first-child {
	display: block;
}

.no-js #top #content #main_image .img_set .logo {
	display: none;
}

.no-js #top #content #main_image .img_set .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	display: table-cell;
	padding: 13px 15px 8px;
	font-size: 16px;
	background-color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
}

.no-js #top #content #main_image .img_set .txt a,
.no-js #top #content #main_image .img_set .txt a:link,
.no-js #top #content #main_image .img_set .txt a:visited {
	color: #bbbbbb;
}

.no-js #top #content #main_image .img_set .txt a:hover,
.no-js #top #content #main_image .img_set .txt a:focus,
.no-js #top #content #main_image .img_set .txt a:active {
	color: #00267f;
}

/* #link_important
--------------------------------------------------*/
#top #content #link_important {
	position: relative;
	float: right;
	margin-bottom: -60px;
	z-index: 20;
}

#top #content #link_important li {
	display: table-cell;
	padding-left: 20px;
	line-height: 60px;
	font-size: 93%;
}

#top #content #link_important li a,
#top #content #link_important li a:link,
#top #content #link_important li a:visited {
	color: #bbbbbb;
}

#top #content #link_important li a:hover,
#top #content #link_important li a:focus,
#top #content #link_important li a:active {
	color: #00267f;
}


/* #pickup
--------------------------------------------------*/
#top #content #pickup {
	clear: left;
	width: 100%;
	/*margin-top: 40px;*/
	overflow: hidden;
}

#top #content #pickup ul {
	/*display: table;*/
	margin-right: -20px;
	overflow: hidden;
}

#top #content #pickup ul li {
	float: left;
	width: 25%;
	margin-bottom: 20px;
	padding-right: 20px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#top #content #pickup .inner .pickup_thumb_wrap {
	position: relative;
	float: left;
	overflow: hidden;
}

/*#top #content #pickup .inner .pickup_thumb_wrap .pickup_thumb_inner {
	position: relative;
	top: 0;
	left: 0;
}*/

#top #content #pickup .inner .pickup_thumb_wrap .pickup_thumb {
	/*float: left;*/
	width: 100%;
}

/* #news
--------------------------------------------------*/
#top #content #news {
	width: 100%;
	/*margin-top: 40px;*/
	overflow: hidden;
}

#top #content #news .inner {
	/*display: table;*/
	margin-right: -20px;
}

#top #content #news .inner .post,
#top #content #news .inner .btn_more {
	float: left;
	width: 50%;
	margin-bottom: 40px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#top #content #news .inner .post .post_inner .photo,
#top #content #news .inner .post .post_inner .txt {
	display: table-cell;
	vertical-align: top;
}

#top #content #news .inner .post .post_inner .photo {
	width: 130px;
}

#top #content #news .inner .post .post_inner .txt {
	padding-left: 10px;
}

#top #content #news .inner .post .post_inner .txt dt {
	line-height: 1.4;
	color: #cccccc;
}

#top #content #news .inner .post .post_inner .txt dt span {
	color: #f1ab00;
}

#top #content #news .inner .post .post_inner .txt dd {
	margin-top: 5px;
	line-height: 1.6;
	/*font-family: "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 108%;
}

#top #content #news .inner .post.over .post_inner .txt dd a {
	color: #999999;
}

/* btn_more */
#top #content #news .inner .btn_more {
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

#top #content #news .inner .btn_more a,
#top #content #news .inner .btn_more a:link,
#top #content #news .inner .btn_more a:visited {
	position: absolute;
	line-height: 1.2;
	color: #bbbbbb;
	font-size: 167%;
	cursor: pointer;
}

#top #content #news .inner .btn_more a:hover,
#top #content #news .inner .btn_more a:focus,
#top #content #news .inner .btn_more a:active {
	border-bottom: 2px solid #00267f;
	color: #00267f;
}

#top #content #news .inner .btn_more a:before {
	content: "\25bc";
	position: absolute;
	top: 4px;
	left: -14px;
	line-height: 1;
	font-family: "WhiteSymbols-Regular";
	font-size: 18px;
}

/* #csr_recovery
--------------------------------------------------*/
#top #content #csr_recovery {
	width: 100%;
	margin-bottom: 40px;
}

#top #content #csr_recovery p a {
	font-size: 108%;
}

#top #content #csr_recovery p a:after {
	content: "\279c";
	margin-left: 2px;
	font-family: "WhiteSymbols-Regular";
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

#top #content #csr_recovery p a,
#top #content #csr_recovery p a:link,
#top #content #csr_recovery p a:visited {
	color: #00267f;
}

#top #content #csr_recovery p a:hover,
#top #content #csr_recovery p a:focus,
#top #content #csr_recovery p a:active {
	color: #bbbbbb;
}




/*############################################################

[Size Large]

############################################################*/

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

content
==================================================*/

/* #pickup
--------------------------------------------------*/
#top.size_large #content #pickup ul {
	margin-right: -40px;
}

#top.size_large #content #pickup ul li {
	padding-right: 40px;
}

/* #news
--------------------------------------------------*/
#top.size_large #content #news .inner {
	margin-right: -40px;
}

#top.size_large #content #news .inner .post,
#top.size_large #content #news .inner .btn_more {
	width: 33.33%;
	padding-right: 40px;
}

#top.size_large #content #news .inner .post .post_inner .photo {
	width: 140px;
}

#top.size_large #content #news .inner .post .post_inner .txt {
	padding-left: 15px;
}




/*############################################################

[Size Mobile]

############################################################*/

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

header
==================================================*/

/* #navi_header_global
--------------------------------------------------*/
#top.size_mobile #header #navi_header_global {
	border-bottom: 0 none;
}

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

content
==================================================*/

#top.size_mobile #content h2 {
	display: none;
}

/* #main_image
--------------------------------------------------*/
#top.size_mobile #content #main_image {
	margin-bottom: 0;
}

/* main_image_inner */
#top.size_mobile #content #main_image #main_image_inner {
	padding-top: 66.8%;
}

/* main_title_wrap */
#top.size_mobile #content #main_image .main_title_wrap .title {
	padding: 8px 10px 4px 0;
	font-size: 15px;
}

/* navi_main_image */
#top.size_mobile #content #main_image #navi_main_image {
	display: none;
}

/* #link_important
--------------------------------------------------*/
#top.size_mobile #content #link_important {
	display: none;
}

/* #pickup
--------------------------------------------------*/
#top.size_mobile #content #pickup {
	margin-top: 10px;
}

#top.size_mobile #content #pickup ul {
	margin-right: -10px;
}

#top.size_mobile #content #pickup ul li {
	width: 50%;
	margin-bottom: 10px;
	padding-right: 10px;
}

#top.size_mobile #content #pickup .inner .pickup_thumb_wrap {
	margin-bottom: 10px;
}

/* #news
--------------------------------------------------*/
/*#top.size_mobile #content #news {
	margin-top: 0;
}*/

#top.size_mobile #content #news .inner {
	margin-right: 0;
}

#top.size_mobile #content #news .inner .post,
#top.size_mobile #content #news .inner .btn_more {
	float: none;
	width: 100%;
	margin-bottom: 0;
	padding-right: 0;
}

#top.size_mobile #content #news .inner .post {
	padding: 9px 0 11px;
	border-top: 1px solid #cccccc;
}

#top.size_mobile #content #news .inner .post .post_inner {
	display: table;
	position: relative;
	width: 100%;
	padding-top: 20px;
}

#top.size_mobile #content #news .inner .post .post_inner .photo {
	width: 24%;
}

#top.size_mobile #content #news .inner .post .post_inner .txt dt {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 75%;
}

#top.size_mobile #content #news .inner .post .post_inner .txt dd {
	margin-top: 0;
	line-height: 1.4;
	font-size: 116%;
}

/* btn_more */
#top.size_mobile #content #news .inner .btn_more {
	border-top: 1px solid #cccccc;
}

#top.size_mobile #content #news .inner .btn_more a,
#top.size_mobile #content #news .inner .btn_more a:link,
#top.size_mobile #content #news .inner .btn_more a:visited {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	padding: 15px 0;
}

#top.size_mobile #content #news .inner .btn_more a:hover,
#top.size_mobile #content #news .inner .btn_more a:focus,
#top.size_mobile #content #news .inner .btn_more a:active {
	border-bottom: 0 none;
}

#top.size_mobile #content #news .inner .btn_more a:before {
	position: relative;
	top: -2px;
	left: -2px;
}

/* #csr_recovery
--------------------------------------------------*/
#top.size_mobile #content #csr_recovery {
	margin: 15px 0 20px;
}

#top.size_mobile #content #csr_recovery p {
	font-size: 116%;
}

#top.size_mobile #content #csr_recovery p a {
	display: block;
	padding: 20px 0;
	text-align: center;
}



/*############################################################

[Size Smart Phone]

############################################################*/

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

content
==================================================*/