/* -------------------------------------------------------------ナビゲーション */
#g_nav_top{
	width: 100%;
	background-color: #E2E2DF;
}
#g_nav_top ul{
	display: table;
	width: 960px;
	margin: 0 auto;
	border: 1px solid #E2E2DF;
	border-width: 0 1px 1px;
	font-weight: bold;
	font-size: 114%;
	line-height: 1.6;
	letter-spacing: 1px;
}
#g_nav_top li{
	display: table-cell;
	width: 320px;
	padding: 8px 0 4px;
	background-color: #ffffff;
	border: 1px solid #E2E2DF;
	box-sizing: border-box;
	cursor: pointer;
}


/* メガナビ */
#g_m_nav{
	margin: 0 auto;
	width: 960px;
	position: relative;
	z-index: 900;
}
#g_m_nav section{
	display: none;
	position: absolute;
	left: 0;
	top: -3px;
	width: 960px;
	border: 1px solid #DFDFDC;
	box-sizing: border-box;
	padding: 45px;
	font-size: 86%;
	line-height: 1.4;
}
#g_m_nav section#g_nav02_cnt{
	padding: 0;
}
#g_m_nav section a{
	color: #ffffff;
	text-decoration: none;
}
.g_m_nav_btn li{
	float: left;
	width: 123px;
}
#g_nav01_cnt{
	height: 360px;
	background-color: #FFF000;
	color:#0B3182;
}
#g_nav01_cnt a{
	color:#0B3182 !important;
}
#g_nav01_cnt_left{
	float: left;
	width: 110px;
}
#g_nav01_cnt_right{
	float: right;
	width: 743px;
}
#g_nav01_cnt_right_line{
	border-bottom: 1px solid #0B3182;
	margin-bottom: 22px;
	padding-bottom: 12px;
}
#g_nav02_cnt{
	height: 360px;
	background-color: #0B3182;
}
#g_nav02_cnt ul{
	padding: 8px 168px 45px;
}
#g_nav02_cnt_in_line{
	border-bottom: 1px solid #ffffff;
	margin-bottom: 5px;
	padding: 8px 168px 10px !important;
}
.g_m_nav2_txt{
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 92%;
	margin: 18px 0 0 150px;
}
#g_nav03_cnt{
	height: 186px;
	background-color: #EC6C00;
	padding-left:110px !important;
}


.g_m_nav_round img{
	border-radius: 42px !important;
}
#g_nav01_cnt .g_m_nav_btn a .g_m_nav_wback img{
	border: 2px solid #0B3182;
	background-color: #ffffff;
	border-radius: 8px;
}
.g_m_nav_btn a .g_m_nav_wback img{
	border: 2px solid #ffffff;
	background-color: #ffffff !important;
	border-radius: 8px;
}
#g_nav01_cnt .g_m_nav_btn a:hover .g_m_nav_wback img{
	border: 2px solid #ffffff;
	background-color: #0B3182 !important;
}
.g_m_nav_btn a:hover .g_m_nav_wback img{
	-webkit-animation: wback 0.3s linear;
	animation: wback 0.3s linear;
	background-color: inherit !important;
}


@keyframes wback {
  0% { box-shadow:rgba(255, 255, 255 ,1) 0px 0px 0px 0px;}
  50% { box-shadow:rgba(255, 255, 255 ,0.5) 0px 0px 8px 8px;}
  100% { box-shadow:rgba(255, 255, 255 ,0) 0px 0px 8px 8px;}
}
.g_m_nav_txt1{
	padding-top: 12px;
}
.g_m_nav_txt2{
	padding-top: 5px;
}



/* スライド */
#main_img{
	width: 100%;
	height: 280px;
	background: url(/images/pic_slide_back.jpg) no-repeat bottom center;
	background-size: cover;
}
#main_img div{
	width: 540px;
	height: 280px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	text-align: center;
}
#main_img div img{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}






#top_2btn_area{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 24px;
}

.column2 li{
	width: 468px;
	position: relative;
	background-color: inherit !important;
}
.column2 li img{
	border-radius: 8px;
}
.icn_openwin{
	position: absolute;
	right: 10px;
	top: -5px;
}
.icn_openwin img{
	border-radius: 0 !important;
}
/*20161004追加*/
#btn_logo_01_1{
	width: 47%;
	position: absolute;
	bottom: 10px;
	right: 2%;
	border-radius: 8px;
	background-color: #ffffff;
}
#btn_logo_01_2{
	width: 47%;
	position: absolute;
	bottom: 10px;
	right: 2%;
	border-radius: 8px;
	background-color: #ffffff;
}
/*20161004追加ここまで*/

#btn_logo_02_1{
	width: 47%;
	position: absolute;
	bottom: 10px;
	left: 2%;
	border-radius: 8px;
	background-color: #ffffff;
}
#btn_logo_02_2{
	width: 47%;
	position: absolute;
	bottom: 10px;
	right: 2%;
	border-radius: 8px;
	background-color: #ffffff;
}
#btn_logo_01{
	width: 96%;
	position: absolute;
	left: 2%;
	bottom: 10px;
	border-radius: 8px;
	background-color: #ffffff;
}
#btn_logo_02_1 img:hover, #btn_logo_02_2 img:hover, #btn_logo_01 img:hover{
	opacity: 0.6 !important;
}

#btn_logo_01_1 img:hover, #btn_logo_01_2 img:hover{
	opacity: 0.6 !important;
}



#top_pickup_wrapper{
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	border-top: 1px solid #ffffff;
}
#top_pickup{
	padding: 10px 0 30px;
}
#top_pickup li{
	float: left;
	width: 304px;
	border-radius: 8px;
}
#top_pickup li a{
	display: block;
	background-color: #ffffff;
	border-radius: 8px;
	color: #E16C00;
	text-decoration: none;
	font-size:143%;
}
#top_pickup li a:hover{
	opacity: 0.7;
}
#top_pickup li a img{
	border-radius: 8px 8px 0 0;
}
.top_pickup_txt{
	position:relative;
	padding: 12px;
	box-sizing: border-box;
}
.top_pickup_txt img{
	margin: 0 auto;
}
#top_pickup li a .icn_openwin{
	position: absolute;
	right: 10px;
	top: 5px;
}

/* -------------------------------------------------------------お知らせ */
#news_area_out{
	max-width: 860px;
	margin: 30px auto;
	padding-bottom:50px;
}
#news_area_title{
	color: #E16C00;
	font-size: 143%;
	font-weight: bold;
	letter-spacing: 1px;
}
#news_area{
	text-align: left;
	letter-spacing: -0.4em;
	color: #505050;
}
#news_area a{
	color: #505050;
}
#news_area dt{
	display: inline-block;
	width: 130px;
	margin-top: 25px;
	letter-spacing: normal;
	vertical-align: top;
}
#news_area dd{
	display: inline-block;
	width: 730px;
	margin-top: 25px;
	letter-spacing: normal;
}
.news_list_btn{
	margin: 20px auto 0;
	text-decoration: none;
}
.news_list_btn a{
	color: #646464;
}



@media screen and (max-width : 640px){

#g_nav_top{
	display: none;
}


#news_area{
	width: 90%;
	margin: 0 auto;
}
#news_area dt{
	width: 100%;
	margin-top: 20px;
}
#news_area dd{
	width: 100%;
	margin-top: 1px;
}


/* スライド */
#main_img{
	height: 170px;
}
#main_img div{
	width: 300px;
	height: auto;
}
#main_img div img{
	display:block;
	width: 300px;
	height: auto;
	margin:0 auto;
}



#content{
	width: 100%;
	overflow: hidden;
}
#top_2btn_area{
	margin-top: 1%;
	width: 90%;
}
.column2 li{
	width: 100%;
	margin-right: 0;
}
.column2.column2_btn_top li a{
	font-size: 78.5%;
}

#top_pickup_wrapper{
	width: 90%;
}



}