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

/*===============================================
特集用
===============================================*/

.topPhoto{
	width: 100%;
}
.topPhoto img{
	width: 99%;
	margin:0 0 20px 0;
	padding: 1%;
	border: 1px solid #ddd;
}

.titleBar {
	background: url(../images/special/titlebar1.png) repeat 0px 0px;
	width: 100%;
	padding: 1px 0px 0 10px;
	margin: 0 0 20px 0;
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 33px;
	border-radius: 3px;
}

.textBox{
	font-size: 14px;
	width: 100%;
	text-align: left;
	height: auto;
	margin-bottom:20px;
	padding:0 0 0 5px;
}

.textBox h3{
	font-size: 18px;
	border-left: 5px solid #999;
	padding-left: 15px;
	color: #666;
	margin:10px 0 5px 0;
}

/*===============================================
bootstrap
===============================================*/

.bs-glyphicons {
	margin-right: 0;
	margin-left: 0;
	background: #fff;
}
.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}
.bs-glyphicons-list {
	padding-left: 0;
	list-style: none;
}
.bs-glyphicons li {
	width: 13.8%;
	font-size: 11px;
	text-align: center;
	float: left;
	height: 90px;
	background: #eee;
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 1%;
	line-height: 13px;
}
.example{
	padding:0;
	margin:0 0 20px;
	/*border: 1px solid #ddd;*/
}



/*===============================================
応募ボタン
===============================================*/



@media screen and (max-width: 768px){
	div#entrybt1 {
		margin:15px 15px 15px;
	}
}

@media screen and (max-width:640px){
	div#entrybt1 {
	margin: 15px auto 15px;
	float: none!important;
	}
}

/*===============================================
基本レイアウト
===============================================*/

div#upperArea div#mainPhoto{
/*	width:343px;*/
	float:left;
	width: 50%;
}

div#upperArea div#mainContents{
/*	width:318px;*/
	float:right;
	width: 49%;
	margin-left:1%;
}

/*-- 基本レイアウト --*/
div#wrapper {
	margin-left:auto;
 	margin-right:auto;
	text-align:left;
}

div#home-main-img {
	margin: 0px auto 20px;
	background: url(../images/main_image.jpg) no-repeat 0px 0px ;
	width: 950px;
	height: 295px;
}
div#home-main-img img{
	margin: 10px 0px 0px 10px;
}




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

/*
#header #PC
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
	div#header {
		margin: 0px auto 0px;
		max-width: 950px;
	/*	height: 65px;*/
	}
	div#header-wrapper{
		margin: 0px auto 0px;
		border-bottom: 5px solid #ff3366;
	}
	div#header-lower-wrapper {
		margin: 0px auto 20px;
		border-bottom: 5px solid #ff3366;
	/*	height: 65px;*/
	}
	div#header-l {
		margin: 0px 0px 0px 0px;
		width: 19%;
		float: left;
		text-align:left;
	}
	div#header-l img {
		margin: -14px 0 0 0;
	}
	div#header-r {
		width: 81%;
		float: left;
	}
	div#header-r2 {
		margin: 10px 0px 10px 0px;
		width: 36%;
		float: left;
	}
	div#header-box-r2{
		float: right;
	}

	div#header-box-l {
		margin: 0px 0px 0px 0px;
		float: left;
		text-align:left;
	}
	div#header-box-r {
		margin: 0px 0px 0px 0px;
		float: left;
		text-align:left;
	}
	div#footer-wrapper div.footer-sub-navi ul li a:link {
		text-decoration: none;
	}
	a:link {
		color: #666666;
		text-decoration: underline;
	}
	a:visited {
		color: #666666;
		text-decoration: underline;
	}
}


/*
#header #Tablet Phone
●tablet.css 画面の横幅が768pxまで
===============================================*/

@media screen and (max-width: 768px){
	div#header-lower-wrapper {
		margin: 0px auto 0px;
		border-bottom: 5px solid #ff3366;
		/*height: 73px;*/
	}
	div#header-box-r2{
		display: none;
		float: right;
	}
	h1.template-title {
		margin: 5px 0 15px 0;
	}
	div#header-box-l {
		width: 100%;
	}
	div#header-l img {
		margin: 10px 0 0 60px;
	}
	div#header_main_navi {
		margin-top: -44px;
		margin-left: 3px;
		float: left;
		width: 100%;
	}
	div#header-l {
		margin: 0px 0px 0px 0px;
		width: 100%;
		float: none;
		text-align: left;
	}
	div#header-r {
		margin: 0px 0 0 0px;
	}
}

/*
#header #Smart Phone
●smart.css  画面の横幅が640pxまで
===============================================*/

@media screen and (max-width:640px){
	div#header-lower-wrapper {
		margin: 0px auto 0px;
		border-bottom: 5px solid #ff3366;
		/*height: 73px;*/
	}
	h1.template-title {
		margin: 5px 0 15px 0;
	}
	div#header-box-l {
		width: 100%;
	}
	div#header-l img {
		margin: 10px 0 0 85px;
	}
	div#header_main_navi {
		margin-top: -44px;
		margin-left: 3px;
		float: left;
		width: 100%;
	}
	div#header-l {
		margin: 0px 0px 0px 0px;
		width: 100%;
		float: none;
		text-align: left;
	}
	div#header-r {
		margin: 0px 0 0 0px;
	}
}



/*===============================================
#menu
===============================================*/

/*
#menu #PC
●style.css 画面の横幅が769px以上
===============================================*/

@media screen and (min-width: 769px){
	#menu{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#menu li{
		display: block;
		float: left;
		width: 24.5%;
		margin: 0;
		padding: 0;
	}
	#toggle{
		display: none;
	}
	ul.navi span {
		display: none;
	}
}

/*
#menu #Tablet Phone
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media only screen and (max-width: 768px) {
	div#header_main_navi ul {
		padding-left: 0px;
		margin: 8px 0 0 -3px;
	}
	ul.navi span {
		display: block;
		color: #fff!important;
		padding: 10px;
		text-align: left;
		font-weight: 100;
	}
	ul.navi span a{
		text-decoration: none;
	}
	.menu-image{
		display: none;
	}
	#menu-box{
		padding-bottom: 0;
	}
	#menu{
		display: none;
	}
	#menu li{
		width: 100%;
		background:#ff3366;
	}
	#toggle{
		display: block;
		position: relative;
		width: 40px;
		background: #ff3366;
		margin-bottom: 8px;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 12px 0 10px;
		text-align: center;
		text-decoration: none;
		color: #fff;
	}
	/*#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #ff3366;
	}
	#toggle a:before{
		margin-top: -6px;
	}
	#toggle a:after{
		margin-top: 2px;
	}*/
}

/*
#menu #Smart Phone
●smart.css  画面の横幅が640pxまで
===============================================*/

@media screen and (max-width:640px){
	div#header_main_navi ul {
		padding-left: 0px;
		margin: 8px 0 0 -3px;
	}
	ul.navi span {
		display: block;
		color: #fff!important;
		padding: 10px;
		text-align: left;
		font-weight: 100;
	}
	ul.navi span a{
		text-decoration: none;
	}
	.menu-image{
		display: none;
	}
	#menu-box{
		padding-bottom: 0;
	}
	#menu{
		display: none;
	}
	#menu li{
		width: 100%;
		background:#ff3366;
	}
/*	#toggle{
		display: block;
		position: relative;
		width: 40px;
		background: #ff3366;
	}
	#toggle a{
		text-align: center;
		text-decoration: none;
		display: block;
		position: relative;
		padding: 12px 0 10px;
		color: #fff;
	}
	#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after{
		background: #ff3366;
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
	}
	#toggle a:before{
		margin-top: -6px;
	}
	#toggle a:after{
		margin-top: 2px;
	}*/
}




/*===============================================
Bread Crumb
===============================================*/

div#breadCrumb-wrapper{
	margin:0 auto 10px;
	clear:both;
}
div#breadCrumb{
	margin: 0 auto;
	padding: 5px 0 5px;
	display: block;
	color: #666;
	font-size: 12px;
	text-align: left;
}
div#breadCrumb a{
	color:#666;
	/*text-decoration:underline;*/
}
div#breadCrumb a:hover{
	color:#ff77a5;
	/*text-decoration:underline;*/
}
div#breadCrumb a:visited{
	color:#666;
	/*text-decoration:underline;*/
}


@media screen and (max-width:640px){
	div#breadCrumb-wrapper{
		display: none;
	}
	div#breadCrumb{
		display: none;
	}
}

/*===============================================
Entry
===============================================*/


/*
#PC
●style.css 画面の横幅が769px以上
===============================================*/

	h1.template-title{
		margin: 0 0 15px 0;
		padding: 7px 0 0 13px;
		background: url(../images/bg_areatitle.jpg) no-repeat 0px 0px;
		width: 100%;
		height: 30px;
		font-size: 17px;
		font-weight: normal;
		text-align: left;
	}

/*TOPjsスライドショー1412*/
.topimageslide .bx-wrapper {
	max-width: 100%;
	padding-bottom: 22px;
}
.topimageslide .bx-wrapper li {
	float:left;
}
.topimageslide .bx-pager {
	position: absolute;
	bottom: 0px;
	left: 0;
}
.topimageslide .bx-wrapper .bx-pager.bx-default-pager a {
	background: #e6e6e6;
	text-indent: -9999px;
	display: block;
	width: 92px;
	height: 8px;
	margin: 0 2px;
	outline: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
}
.topimageslide .bx-wrapper .bx-pager.bx-default-pager a:hover, .topimageslide .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff3366;
	box-shadow: none;
}
/*.topimageslide .bx-wrapper .bx-prev:hover {background-position: 0 -40px;}
.topimageslide .bx-wrapper .bx-next:hover {background-position: 0 -40px;}
.topimageslide .bx-wrapper .bx-controls-direction a {
	width: 22.5px;
	height:40px;
	background-size: 22.5px auto;
	margin-top: -30px;
}*/
.topimageslide .bx-wrapper .bx-prev {display:none !important}
.topimageslide .bx-wrapper .bx-next {display:none !important}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@media screen and (min-width: 769px){
	div.shokushu h3{
		background: url(../images/h3_bg.gif) repeat left top;
		height: 21px;
		color: #ff3366;
		font-size: 12px;
		font-weight: bold;
		padding: 0px 0 0 5px;
		margin-bottom: 10px;
		line-height: 1.9;
	}

	div#subPhoto ul li{
		width:31%;
		float:left;
		margin-right:22px;
	}
	div#subPhoto ul li#subLast{
		width:31%;
		float:left;
		margin-right:0;
	}

	table.work{
		margin-top:5px;
	/*	widht:100%;*/
		border-top:1px solid #cbcbcb;
		border-left:1px solid #cbcbcb;
		border-right:1px solid #cbcbcb;
	}
	table.work tr{
		border-bottom:1px solid #cbcbcb;
	}
	table.work th{
		text-align:center;
		vertical-align:middle;
		font-weight:bold;
		background-color:#ffe3ea;
		width:90px;
	}
	table.work td{
		padding:10px;
	}
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	#mainPhoto img{max-width: 95%; padding:3px;border:1px solid #ddd;}
	#subPhoto img{max-width: 97%; padding:3px;border:1px solid #ddd; margin-bottom:5px;}
	#subPhoto.en-1day img{
		max-width: none;  padding: 0; border: none;
	}
	div#containerWp {
		margin: 0px auto 90px;
		clear: both;
		max-width: 950px;
		overflow: hidden;
	}
	div#mainWp {
		margin: 0px 0px 0px 0px;
	/*	width: 672px;*/
		width: 70%;
		float: left;
	}
	div#side-wrapper{
		margin: 0px 0px 0px 0px;
		float: right;
		width: 29%;
	/*	width: 260px;*/
		text-align:center;
	}
	div#sideMenu{
		margin: 0px 0px 0px 0px;
		float: right;
		width: 29%;
	/*	width: 260px;*/
		text-align:center;
	}

	h1.strong-text {
		margin: 0px 6px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		height: 30px;
		line-height: 200%;
		font-size: 12px;
		font-weight: normal;
		text-align:right;
	}
	div#lowerArea div#workL{
		width:49%;
		float:left;
		margin-right: 1%;
	}
	div#lowerArea div#workR{
		width:49%;
		float:right;
	}
	div#point .kaigyo{
		float: left;
	}
}

/*
#Tablet Phone
●tablet.css 画面の横幅が768pxまで
===============================================*/

@media screen and (max-width: 768px){
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	div#containerWp {
		margin: 0px auto 90px;
		clear: both;
		width: 100%;
		overflow: hidden;
	}
	div#mainWp {
		margin: 0px 0px 0px 0px;
		width: 100%;
		float: left;
	}
	div#side-wrapper{
		margin: 0px 0px 0px 0px;
		float: left;
		width: 100%;
		text-align:center;
	}
	div#sideMenu{
		margin: 0px 0px 0px 0px;
		float: left;
		width: 100%;
		text-align:center;
	}
	div#upperArea div#mainPhoto{
	/*	width:343px;*/
		/*float:left;*/
		width: 100%;
		margin-bottom:20px;
	}
	div#upperArea div#mainContents{
	/*	width:318px;*/
		/*float:right;*/
		width: 100%;
	}
	div#subPhoto ul li{
		width: 100%;
		float:left;
		margin-right:22px;
	}
	div#subPhoto ul li#subLast{
		width: 100%;
		float:left;
		margin-right:0;
	}
	h1.strong-text {
	/*	display: none;*/
		margin: 5px 6px 0px 5px;
		padding: 0px 0px 0px 0px;
		display: block;
	/*	height: 30px;
		line-height: 200%;*/
		font-size: 12px;
		font-weight: normal;
		text-align:left;
		color:#999;
	}
	div#lowerArea div#workL{
		width:49%;
		float:left;
		margin-right: 1%;
	}
	div#lowerArea div#workR{
		width:49%;
		float:right;
	}
	div#point .kaigyo{
		float: none;
		display: block;
		clear:both;
	}
}

/*
#Smart Phone
●smart.css  画面の横幅が640pxまで
===============================================*/

@media screen and (max-width:640px){
	p{padding: 0 5px 0 5px;}
	h2 {
		margin-top: 0px;
		margin-bottom: 0px!important;
		background-color: #EEEEEE;
		padding-left: 10px;
		padding: 10px 10px 10px 10px;
		font-size: 18px;
		font-weight: boldl;
		color: #333;
		text-align: left;
		border-left: 0px solid #FF3366!important;
	}
	div.shokushu h3{
		background: url(../images/h3_bg.gif) repeat left top;
		height: 21px;
		color: #ff3366;
		font-size: 12px;
		font-weight: bold;
		padding: 0px 0 0 5px;
		margin-bottom: 10px;
		line-height: 1.9;
	}
	div#footer-wrapper div#footer-line01-wrapper {
		margin: 0px auto 0px;
		padding: 26px 10px 0px 10px!important;
		width: 100%;
		text-align: center;
	}
	div#footer-wrapper div#footer-line01-wrapper {
		display: none;
	}
	div#day-name .copy {
		margin-top: 5px;
		margin-bottom: 10px;
		font-weight: bold;
		padding-left: 5px;
	}
	.fixed-wrapper {
		display: none;
	}
	div#footer-inner {
		padding: 0px 0px 10px 0px!important;
		background-color: #f0f0f0;
	}
	.fixed-block{
		display: none;
	}
	div#lowerArea div#workL{
		width:100%;
		float:none;
	}

	div#lowerArea div#workR{
		width:100%;
		float:none;
	}
	#subPhoto img{width: 100%;}
	body{
		overflow: hidden;
		margin: 0 1px 0 3px;
	}
	img{
		height: auto;
		width /***/:auto;
		max-width 100%;
		max-width 100%;
	}
	div#containerWp {
		margin: 0px auto 0px;
		clear: both;
		width: 100%;
		overflow: hidden;
	}
	div#mainWp {
		margin: 0px 0px 0px 0px;
		width: 100%;
		float: left;
	}
	div#sideMenu{
		margin: 0px 0px 0px 0px;
		float: left;
		width: 100%;
		text-align:center;
	}
	div#upperArea div#mainPhoto{
		width: 100%;
		margin-bottom: 0px;
	}
	div#upperArea div#mainContents{
		width: 100%;
	}
	div#subPhoto ul li{
		width: 100%;
		margin-right:22px;
		float:left;
		text-align:center;
	}
	div#subPhoto ul li#subLast{
		width: 100%;
		float:left;
		margin-right:0;
	}
	div#point .kaigyo{
		float: none;
		display: block;
		clear:both;
	}
	caption, th, td {
		float: left;
	}
	table.work th {
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		background-color: #ffe3ea;
		padding: 3px;
	}
	table.work {
		widht: 100%!important;
		width: 100%;
		margin-top: 5px;
	}
	table.work tr{
	}
	table.work th{
		width: 100%;
	}
	table.work td{
		padding:10px;
	}
	#toPageTop a {
		margin: 0 auto 0;
		background: url(../images/navi_tub.jpg) no-repeat;
		display: none;
		float: right;
		position: relative;
		left: 0px;
		width: 110px;
	}
	div#cmt1 {
		background: url(../images/comment_bg1.gif) 0% 0% no-repeat;
		height: auto;
		overflow: hidden;
		padding-top: 39px;
		padding-right: 13px;
		padding-left: 90px;
		padding-bottom: 39px;
	}
	div#cmt2 {
		background: url(../images/comment_bg2.gif) 0% 0% no-repeat;
		height: auto;
		overflow: hidden;
		padding-top: 39px;
		padding-right: 13px;
		padding-left: 90px;
		padding-bottom: 39px;
	}
	div#cmt3 {
		background: url(../images/comment_bg3.gif) 0% 0% no-repeat;
		height: auto;
		overflow: hidden;
		padding-top: 39px;
		padding-right: 13px;
		padding-left: 90px;
		padding-bottom: 39px;
	}
}



/*
#Smart Phone
●サイドバー非表示用  画面の横幅が640pxまで
===============================================*/

@media screen and (max-width:640px){
	div#side-wrapper .side-contents-block0002{
		display: none;
	}
	div.side-contents-block0001{
		display: none;
	}
	div.side-banner-block{
		display: none;
	}
	#sns-conts .sns {
		margin: -20px auto 20px;
		width: 260px;
	}
	.fair201706-banner {
      display: none;
	}
}



/*===============================================
Others & Side Bar
===============================================*/

h2 {
	background-color: #EEEEEE;
	border-left: 15px solid #FF3366;
	/*height: 40px;*/
	padding-left: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 18px;
/*	line-height: 40px;*/
	margin-bottom:20px;
	font-weight: boldl;
	color: #333;
	text-align: left;
}

div#day-name {
	margin-top: 15px;
	width: 420px;
	float: left;
	text-align: left;
}

div#entrybt1 {
	margin-top: 15px;
	width: 210px;
	float: right;
}

div#entrybt2 {
	margin-top: 15px;
	margin-bottom: 15px;
/*	width: 670px;*/
	height: 60px;
	background-color: #EEEEEE;
	padding-top: 10px;
}
.entry-form-btn2 {
	margin: 0px auto 0px;
	width:212px;
}

div#day-name .copy{
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

div.main-image {
	width: 100%;
	max-height: 364px;
	margin-bottom: 15px;
	overflow: hidden;
}

div#point{
	margin: 10px 0;
	overflow: hidden;
	width: 100%;
}

div#point ul li{
	float:left;
	font-size:11px;
	margin-right:5px;
	margin-bottom:3px;
}

div#point ul li img{
	margin-right:3px;
}

div#upperArea{
	clear:both;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:20px;
}

div#upperArea div#mainContents div.shokushu{
	margin-bottom: 10px;
	text-align: left;
}

.txt_bold{
	background: url(../images/check_mark.gif) no-repeat left top;
/*	padding-left: 8px;*/
	padding-top: -10px;
/*	font-weight: bolder;*/
	/*margin-left: 3px;*/
	text-align: left;
}

div#subPhoto{
	overflow:hidden;
}

div#lowerArea{
	clear:both;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
}

div#lowerArea h4{
	background:url(../images/h4_bg.gif) repeat left top;
	height:23px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	padding-left:5px;
	width:99%;
	margin-bottom:10px;
	border: 1px solid #CB0033;
}

div#lowerArea h4.workH4{
	background:url(../images/h4_bg.gif) repeat left top;
	height:23px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	padding-left:5px;
	width:100%;
	border: 1px solid #CB0033;
	margin: 0 0 10px 0;
}

.schedule span {
    float:left;
    padding:5px;
}

.schedule div {
    background-color:#EEEEEE;
    border-radius:5px;
    float:left;
    margin-left:10px;
    padding:5px;
    position:relative;
}

.schedule div::before {
    border-color:transparent #EEEEEE transparent transparent;
    border-style:solid;
    border-width:8px 8px 8px 0;
    content:"";
    left:-8px;
    position:absolute;
    top:5px;
    width:0;
}

.schedule2 span {
    display:block;
}

.schedule2 div {
    background-color:#EEEEEE;
    border-radius:5px;
    position:relative;
    float:left;
    margin-top:10px;
    padding:5px;
}

.schedule2 div::before {
    border-color:transparent transparent #EEEEEE;
    border-style:solid;
    border-width:0 8px 8px;
    content:"";
    left:10px;
    position:absolute;
    top:-8px;
    width:0;
}

div#contact{
	background:url(../images/contant_bg.gif) no-repeat left top;
	height:61px;
	padding-top:27px;
	padding-left:15px;
	margin-top:20px;
}

div#contact p#tel{
	font-size:26px;
	color:#FF0004;
	font-weight:bold;
	text-align: left;
}

div#contact p#mail{
	font-size: 13px;
	text-align: left;
}

div#contact p#staff{
	font-size: 13px;
	text-align: left;
}

div#cmt1{
	background: url(../images/comment_bg1.gif) no-repeat left top;
	height: auto;
	min-height: 60px;
	padding: 39px 13px 39px 90px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

div#cmt2{
	background: url(../images/comment_bg2.gif) no-repeat left top;
	height: auto;
	min-height: 60px;
	padding: 39px 13px 39px 90px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

div#cmt3{
	background: url(../images/comment_bg3.gif) no-repeat left top;
	height: auto;
	min-height: 60px;
	padding: 39px 13px 39px 90px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}


div.topic-box {
	margin: 6px 0px 0px 0px;
	float:right;
	width:170px;
}

div.topic-box h4 {
	margin: 0px 0px 6px 0px;
	font-weight:normal;
	font-size:15px;
}
div.topic-box p {
	margin: 0px 0px 6px 0px;
}

div.topic-box .more-link {
	margin: 0px 0px 5px 0px;
	float:right;
}

div.topic-box a:link {
	color: #ff77a5;
	text-decoration: underline;
}
div.topic-box a:visited {
	color: #ff77a5;
	text-decoration: underline;
}
div.topic-box a:hover {
	color: #ff77a5;
	text-decoration: underline;
}

div.topic-box2 {
	margin: 6px 0px 0px 0px;
	float:right;
	width:210px;
}

div.topic-box2 h4 {
	margin: 0px 0px 6px 0px;
	font-weight:normal;
	font-size:15px;
}
div.topic-box2 p {
	margin: 0px 0px 6px 0px;
}

div.topic-box2 .more-link {
	margin: 0px 0px 5px 0px;
	float:right;
}

div.topic-box2 a:link {
	color: #ff6633;
	text-decoration: underline;
}
div.topic-box2 a:visited {
	color: #ff6633;
	text-decoration: underline;
}
div.topic-box2 a:hover {
	color: #ff6633;
	text-decoration: underline;
}


/*===============================================
2015年10月 フェア用CSS
===============================================*/

.clear{
    clear:both;
}

.caption2_fair{
    display:block;
    font-size: 16px;
    color: #5d310c;
    padding-left: 20px;
    margin: 10px;
    text-indent: -1em;
}

.appeal1_fair{
    width: 100px;
    height: 100px;
    display:inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #d0131a;
    margin:10px;
}
.appeal1_fair p{
    width: 100px;
    text-align: center;
    padding:30px 0px;
    color:#ffffff;
}
.appeal2_fair{
    width: 100px;
    height: 100px;
    display:inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ee755f;
    margin:10px;
}
.appeal2_fair p{
    width: 100px;
    text-align: center;
    padding:30px 0px;
    color:#ffffff;
}
.appeal3_fair{
    width: 100px;
    height: 100px;
    display:inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #eb6100;
    margin:10px;
}
.appeal3_fair p{
    width: 100px;
    text-align: center;
    padding:30px 0px;
    color:#ffffff;
}
.appeal4_fair{
    width: 100px;
    height: 100px;
    display:inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffbb00;
    margin:10px;
}
.appeal4_fair p{
    width: 100px;
    text-align: center;
    padding:30px 0px;
    color:#ffffff;
}

.list_fair{
    margin: 10px;
    padding: 5px 20px;
}
.list_fair li{
    text-indent: 0em;
    list-style-type: disc;
}

.list2_fair{
    padding: 5px 20px;
}
.list2_fair li{
    text-indent: 0em;
    list-style-type: disc;
}

.list_fair3{
    padding: 5px 20px;
}
.list_fair3 li{
    text-indent: -1em;
    list-style-type: none;
}

.fair_blue {
    background: #a8daff;
}
.fair_org {
    background: #f8c499;
}

.width23 {
    width: 23%;
}
.width30 {
    width: 30%;
}
.width80 {
    width: 80%;
}

.boxC {
    margin-left: auto;
    margin-right: auto;
}

.img_map {
    width: 60px;
}

.item_blue {
    display: inline-block;
    background: #008cff;
    color: #ffffff;
    padding: 3px 10px;
    margin: 5px 0;
    border-radius:5px;
}

.menu {
    display:block;
    overflow:hidden;
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 20px 0px;
    width:100%;
    text-align: center;
    letter-spacing: -6px;
}
.menu li {
    display: inline-block;
    border: 1px solid #ffffff;
    text-align: center;
    letter-spacing:normal;
}
.menu li a {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 15px 0px;
}
.menu_orange li a {
    background: #f8c499;
    color: #5d310c;
}
.menu_orange li a:hover {
    background-color: #eb6100;
    color: #ffffff;
}
.menu_blue li a {
    background: #a8daff;
}
.menu_blue li a:hover {
    background-color: #008cff;
    color: #ffffff;
}
.menu_pink li a {
    background: #ffc0cb;
    color: #000000;
}
.menu_pink li a:hover {
    background-color: #ff3366;
    color: #ffffff;
}

/*===============================================
上京ページ
===============================================*/
.list_star {
    list-style-type:none;
}
.list_star li {
    padding-left: 30px;
    background: url("http://www.hoikushibank.com/wp_pr/wp-content/uploads/2015/11/jokyo_icon4.jpg") no-repeat 0px 3px;
    margin-bottom: 10px;
}
.list_star li span.text {
    text-indent: -1em;
}

.list_faq {
    display: block;
}
.list_faq li.question {
    clear: both;
    min-height: 73px;
    float: left;
    margin-bottom: 20px;
    background: url("http://www.hoikushibank.com/wp_pr/wp-content/uploads/2015/11/icon_Q.jpg") no-repeat 0px 0px;
}
.list_faq li.question span {
    display: block;
    background-color:#f9d977;
    border-radius:5px;
    position:relative;
    padding: 10px;
    margin-left: 70px
}
.list_faq li.question span:after {
    border:10px solid transparent;
    border-right-color:#f9d977;
    border-left-width:0;
    left:-8px;
    content:"";
    top:10px;
    position:absolute;
}
.list_faq li.answer {
    clear: both;
    min-height: 73px;
    float:right;
    background: url("http://www.hoikushibank.com/wp_pr/wp-content/uploads/2015/11/icon_A.jpg") no-repeat right 0px;
    margin-bottom: 20px;
}
.list_faq li.answer span {
    display: block;
    background-color:#ffc0ae;
    border-radius:5px;
    position:relative;
    padding: 10px;
    margin-right: 70px;
    font-weight: bolder;
}
.list_faq li.answer span:after {
    border:10px solid transparent;
    border-left-color:#ffc0ae;
    border-right-width:0;
    right:-8px;
    content:"";
    display:block;
    top:10px;
    position:absolute;
}

.job_title {
    background: url("http://www.hoikushibank.com/wp_pr/wp-content/themes/hoikushibank/images/jobs/jobs-title-box-bg.gif") repeat;
    padding: 5px;
    border-top: 1px solid #cccccc;
}
.job_title a {
    color: #ff77a5;
    font-size: 1.2em;
    font-weight: bolder;
}

.job_condition {
    margin: 10px;
    width: 460px;
}
.job_condition dt {
    float: left;
    margin-right:10px;
    width: 60px;
    clear:both;
}
.job_condition dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.entrybox {
    background: #eeeeee;
    padding: 5px;
    text-align: center;
}

div#change-search {
    margin-top: 20px;
    margin-bottom: 20px;
}
div#change-search .btn-box{
    padding: 20px 25px 25px 15px;
    text-align: center;
}
div#change-search .btn{
    padding: 10px;
    width: 200px;
    background-color: #FC4B77;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 0 10px 10px;
}
div#change-search .btn span{
    font-size: 14px ;
}
div#change-search .btn:hover{
    background-color: #FF77A5;
}
.private-near-area .ad-execute {
    display: inline-block;
}
@media screen and (max-width:640px){
    div#change-search h2 {
        border-left: solid 10px #ff3366 !important;
    }
    div#change-search .btn-box>a:nth-child(2){
        display: inline-block;
    }
    div#change-search .btn-box .btn{
        padding: 7px;
        font-size: 12px;
    }
}

/* Job search at sidebar top */
div#side-wrapper .side-job-search {
    margin-left: 10px;
    width: 240px !important;
    display: inline-block;
    margin-bottom: 13px;
}
div#side-wrapper .side-job-search .title{
    width: 240px;
    height: 60px;
    background-size: 240px 60px !important;
    background: url("../images/bnr_red.png") no-repeat;
    line-height: 60px;
    padding: 0px;
    border-left: 0px;
    margin-bottom: 12px;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}
div#side-wrapper .side-job-search .icon-search{
    background-image: url("../images/search.png");
    line-height: 60px;
}
div#side-wrapper .side-job-search .title>p{
    font-size: 14px;
    color: white;
    background: url("../images/search.png") no-repeat left 15px top 20px;
    background-size: 20px;
    padding-left: 45px;
}
div#side-wrapper .side-job-search>ul{
    font-family: 'メイリオ',Meiryo, Helvetica, Arial,sans-serif;
    width: 240px;
    margin-left: 12px;
}
div#side-wrapper .side-job-search>ul>li{
    margin: 0px 12px 10px 12px;
    font-size: 12px;
    line-height:1.5em;
    float: left;
    list-style: disc;
}
div#side-wrapper .side-job-search>ul>li>a {
    text-decoration: none;
    margin-left: -5px;
}
div#side-wrapper .side-job-search>ul>li>a:hover {
    text-decoration: underline;
}

div.private_bnr{
    margin-top: 20px;
}

/**
 *     CSS STYLE COMMON DEFINE
 */
.row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}
.btn-block {
    display: block;
    width: 100%;
}

/* Gradation CSS Style */
.contain-link-button {
  width: 100%;
  z-index: 3;
  position: absolute;
  bottom: 0px;
  text-align: center;
  display: none;
}
.contain-link-button a {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  width: 212px;
  background: url(../images/btn_bg.png) no-repeat left center;
}
.contain-gradient {
  height: 130px;
  width: 100%;
  background: #fff;
  display: none;
  position: absolute;
  z-index: 2;
  top: 30px;
}
#workR.work-dummy {
  position: relative;
  z-index: 1;
  height: 250px;
}
#workR.work-dummy .contain-gradient {
  display: block;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
#workR.work-dummy .contain-gradient:before {
  content: " ";
}
#workR.work-dummy .contain-col-work {
  position: absolute;
  height: 160px;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
#workR.work-dummy .contain-link-button {
  display: block;
}