﻿@charset "UTF-8";



.pdf {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-indent: -9999px;
  margin-left: 4px;
  margin-top: -2px;
  background: url(../images/common/icon_pdf.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
}

.psize:link, .psize:visited, .psize:hover{
	text-decoration:none;
	color: #333333;
	cursor:default;
	}




/* ===================================================================
アイコン表示
=================================================================== */

.id14, .id49{
background: url(/images/home/news_icon_03.png) no-repeat;
height:17px;
width:80px
}


.id41{
background: url(/images/home/news_icon_01.png) no-repeat;
height:17px;
width:80px
}

.id45, .id46{
background: url(/images/home/news_icon_02.png) no-repeat;
height:17px;
width:80px
}




/* ===================================================================
top_slider
=================================================================== */
#top_slider{
	/*width:1280px;*/
	height:323px;
	/*background:#C7C7C7;*/
	overflow:hidden;
}
#top_slider ul.slider{
	height:323px;
}
#top_slider ul.slider li{
	height:323px;
	text-align: center;
}
#top_slider ul.slider li .box{
	display:inline-block;
	width:1280px;
	height:323px;
	position:relative;
}
#top_slider ul.slider li .box.slider2 .btn{
	position:absolute;
	left:160px;
	top:208px;
	display:inline-block;
}
#top_slider ul.slider li .box.slider3 .btn{
	position:absolute;
	left:160px;
	top:208px;
	display:inline-block;
}
#top_slider ul.slider li .box .btn img:hover{
	/*opacity:0.6;*/
}

#top_slider ul.slider li .box.slider4 .btn{
	position:absolute;
	left:206px;
	top:210px;
	display:inline-block;
}

#top_slider ul.slider li .box.slider3 .btn1{
	position:absolute;
	left:160px;
	top:185px;
	display:inline-block;
}

#top_slider ul.slider li .box.slider3 .btn2{
	position:absolute;
	left:393px;
	top:185px;
	display:inline-block;
}

#top_slider ul.slider li .box.slider3 .btn3{
	position:absolute;
	left:160px;
	top:244px;
	display:inline-block;
}

#top_slider ul.slider li .box.slider3 .btn4{
	position:absolute;
	left:393px;
	top:244px;
	display:inline-block;
}

#top_slider ul.slider li .box.slider3 .btn-2017 img:hover{
	opacity:0.6;
    // -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2));
    // filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2));
}

#top_slider ul.slider li .box.slider5 .btn{
	position:absolute;
	left:160px;
	top:220px;
	display:inline-block;
}

/* ===================================================================
convertion
=================================================================== */
#convertion{
	height:283px;
	background-color:#E7E7E7;
	background-image:url(../images/home/convartion_bg_bg.jpg);
	background-position:center center;
	margin-bottom:39px;

}
body.bigFont #convertion{
	height:346px;
}
#convertion .left{
	width:720px;
	float:left;
	margin-top:35px;
}
#convertion .left ul li{
	width:345px;
	height:96px;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin-bottom:20px;
}
#convertion .left ul li.even{
	margin-left:20px;
}
#convertion .left ul li img.thumb{
	display:block;
	width:119px;
	float:left;
}
#convertion .left ul li:hover img.thumb{
	opacity:0.8;
}
#convertion .left ul li .content{
	width:211px;
	float:right;
	display:block;
}
/*
#convertion .left ul li .content span.h3{
	margin-top:10px;
	margin-bottom:7px;
	display:block;
}
*/
#convertion .left ul li .content span.h3{
	margin-top:7px;
	margin-bottom:2px;
	display:block;

	background: url(../images/common/arrow_left4.png) no-repeat;
	background-position: left 4px;
	padding-left: 21px;
	font-size: 134%;
	color:#333333;
	font-weight:bold;
}
#convertion .left ul li:hover .content span.h3{
	color: #ed9401;
}
#convertion .left ul li .content span.p{
	color:#333333;
	display:block;
}
#convertion .left ul li:hover .content span.p{
	color:#606060;
}

body.bigFont #convertion .left ul li{
	height:141px;
}
body.bigFont #convertion .left ul li .content span.h3{
	background-position: left 2px;
	font-size: 118%;
	line-height:120%;
}
body.bigFont #convertion .left ul li .content span.p{
	line-height:140%;
}

#convertion .right{
	width:227px;
	height:244px;
	background:url(../images/home/convartion_bg.png);
	float:right;
	margin-top:17px;
}
#convertion .right .tit{
	width:136px;
	margin:0 auto;
	margin-top:22px;
}
#convertion .right .text{
	width:198px;
	margin:0 auto;
	margin-top:11px;
}
#convertion .right .btn1{
	width:198px;
	margin:0 auto;
	margin-top:16px;
}
#convertion .right .btn2{
	width:198px;
	margin:0 auto;
	margin-top:10px;
}

/* ===================================================================
containner
=================================================================== */
#containner .news_navigation{
	overflow:hidden;
	width:668px;
	margin-top:21px;
	margin-left:23px;
}
#containner .news_navigation li{
	height:46px;
	float:left;
	cursor:pointer;
}
#containner .news_navigation li.navi01{
	width:167px;
}
#containner .news_navigation li.navi02{
	width:167px;
}
#containner .news_navigation li.navi03{
	width:167px;
}
#containner .news_navigation li.navi04{
	width:167px;
}
#containner .news_list{
	margin-left:23px;
	margin-right:22px;
	margin-bottom:15px;
}
#containner .news_list li.news{
	margin-top:13px;
	border-bottom:1px solid #D9D9D9;
	padding-bottom:15px;
	overflow:hidden;
	letter-spacing:-0.4em;
}
#containner .news_list li.news:first-child{
	margin-top:18px;
}
#containner .news_list li.news .info{
	width:158px;
	/*float:left;*/
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	height:66px;
	overflow:hidden;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#containner .news_list li.news .info img{
	border-radius:4px;
}
#containner .news_list li.news .info .thumb{
	/*width:100%;
	height:auto;*/	/* サイズは設定しない！ */
	position:relative;
	filter: alpha(opacity=0);
	-ms-opacity:0;
	opacity:0;
}
#containner .news_list li.news .info .data{
	width:78px;
	display:inline-block;
}
#containner .news_list li.news .info .category{
	width:80px;
	display:inline-block;
	vertical-align:middle;
}

#containner .news_list li.news .content{
	width:496px;
	display:inline-block;
	/*float:right;*/
	vertical-align:middle;
	letter-spacing:normal;
	margin-left:17px;
	vertical-align:top;	/* 20150213 追記 */
}
#containner .news_list li.news .content .categoryList{
	margin-bottom:7px;
	vertical-align:top;
}
#containner .news_list li.news .content .categoryList li{
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
}
#containner .news_list li.news .content .categoryList li img{
	vertical-align:top !important;
}

#containner .news_more{
	text-align:right;
	margin-bottom:15px;
	padding-right:22px;
	 vertical-align:top; /* 20150213 追記 */
}
#containner .news_more a{
	background:url(../images/common/arrow_left3.png) no-repeat;
	background-position:left center;
	padding-left:10px;
	padding-top:3px;
	display:inline-block;
}

#containner .news_footer_menu{
	text-align:right;
	padding-top:10px;
	padding-right:22px;
}
#containner .news_footer_menu .list1,
#containner .news_footer_menu .list2{
	display:inline-block;
	margin-left:10px;
}
#containner .news_footer_menu .list1 a{
	background:url(../images/common/arrow_left3.png) no-repeat;
	background-position:left 2px;
	font-size:84%;
	padding-left:10px;
	padding-bottom:2px;
}
#containner .news_footer_menu .list2 a{
	background:url(../images/common/rss_icon1.png) no-repeat;
	background-position:left 2px;
	font-size:84%;
	padding-left:15px;
	padding-bottom:3px;
}

body.bigFont #containner .news_list li.news .info{
	width:188px;
}
body.bigFont #containner .news_list li.news .info .data{
	width:108px;
}
body.bigFont #containner .news_list li.news .content{
	width:466px;
}
body.bigFont #containner .news_footer_menu{

	padding-top:7px;
}
body.bigFont #containner .news_footer_menu .list1 a{
	background-position:left 4px;
}
body.bigFont #containner .news_footer_menu .list2 a{
	background-position:left 4px;
}

#containner .goriyou_list{
	margin-top:13px;
}
#containner .goriyou_list li{
	width:354px;
	height:124px;
	background:url(../images/home/goriyou_list_btns.png) no-repeat;
}
body.bigFont #containner .goriyou_list li{
	height:174px;
	background:url(../images/home/goriyou_list_btns2.png) no-repeat;
}
#containner .goriyou_list li a{
	display:block;
	width:354px;
	height:124px;
	position:relative;
}
#containner .goriyou_list li:hover{
	/*background-position:bottom left;*/
}
#containner .goriyou_list li.list1{
	float:left;
}
#containner .goriyou_list li.list2{
	float:right;
}
#containner .goriyou_list li span.h3{
	background: url(../images/common/arrow_left4.png) no-repeat;
	background-position: left 5px;
	padding-left: 21px;
	position: absolute;
	top: 20px;
	left: 24px;
	font-size: 134%;
	color:#333333;
	font-weight:bold;
}
#containner .goriyou_list li:hover span.h3{
	color: #ed9401;
}
#containner .goriyou_list li span.p{
	position: absolute;
	top: 48px;
	left: 24px;
	width: 168px;
	color:#343434;
}
#containner .goriyou_list li:hover span.p{
	color:#606060;
}
#containner .goriyou_list li img{
	position: absolute;
	top: 14px;
	right: 15px;
}
#containner .goriyou_list li:hover img{
	opacity:0.8
}
body.bigFont #containner .goriyou_list li span.h3{
	background-position: left 7px;
	top: 13px;
}
body.bigFont #containner .goriyou_list li span.p{
	line-height:140%;
}


/** 20150226 追記 **/
#containner .news_list li.news .info2{
	width:158px;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	overflow:hidden;
}
#containner .news_list li.news .info2 .data{
	width:78px;
	display:inline-block;
}
#containner .news_list li.news .info2 .category{
	width:80px;
	display:inline-block;
	vertical-align:middle;
}
body.bigFont #containner .news_list li.news .info2{
	width:188px;
}
body.bigFont #containner .news_list li.news .info2 .data{
	width:108px;
}
