@charset "UTF-8";

/* content
----------------------------------------*/
#wrap{
    height: auto;
    background-color: #ffffff;
    overflow: hidden;
    width: 870px;
    padding: 10px 15px 0 15px;
}
#content {
    width: 870px;
    height: auto;
}
#slider {
    width: 870px;
    height: 320px;
    float: left;
    margin-top: 5px;
}
#slider1 {
    width: 870px;
    height: 320px;
    overflow: hidden;
}
#comment{
    float: left;
    width: 850px;
    height: 25px;
    margin: 8px 0 10px 0;
    padding: 0 35px 20px 15px;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
}
#main {
    clear: both;
    float: left;
    width: 640px;
}
.sideArea_01 {
    width: 198px;
    height: 680px;
    margin: 0 10px 15px 0;
    border: 1px solid #ffc34c;
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255,195,76,0.6) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(255,195,76,0.6) 100%);
    border-radius: 4px;
    float: left;
    text-align: center;
}

/* これは Firefox でのみ動作します */
@-moz-document url-prefix() {
.sideArea_01 {
    height: 675px;
}
}

.imgContainer {
    width: 180px;
    height: 180px;
    margin: 10px 10px 0 auto;
    position: relative;
    overflow: hidden;
}
.insta_box {
    position: relative;
    width: 400px;
    height: 400px;
    top: -130px;
    left: -105px;
    transform:scale(0.46);
}
.ennaiJoho p{
    margin: 3px 10px 0 10px;
    font-size: 0.7em;
    font-weight: bold;
    position: relative;
}
.sns {
    margin: 10px 10px 0 10px;
    font-size: 0.7em;
    position: relative;
}
.sns-navi {
  display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;  /* 左右均等分布 */
    justify-content: space-between;  /* 左右均等分布 */
    list-style-type: none
}
.banner_box {
    margin-top: 10px;
    font-size: 0.7em;
    position: relative;
}
.centerArea {
    width: 430px;
    margin: 0 0 0 0;
    float: left;
}
.LP_banner_box {
    margin-bottom: 12px;
}
#info_header {
    width: 418px;
    height: 30px;
    border-top:  1px solid #ffc34c;
    border-right: 1px solid #ffc34c;
    border-bottom: 1.5px dotted #ffc34c;
    border-left: 1px solid #ffc34c;
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255,195,76,0.6) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(255,195,76,0.6) 100%);
    border-radius: 6px 6px 0 0;
}

#info_header p{
    padding: .4em .8em 0 .8em;
    font-size: .9em;
    font-weight: bold;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#info_header p{
    padding: .4em .8em 0 .8em;
    font-size: .9em;
    font-weight: bold;
}
}
#info_inner {
    width: 418px;
    height: 262px;  /* LPバナー掲載時212px */
    border-top: 0px;
    border-right: 1px solid #ffc34c;
    border-bottom: 1px solid #ffc34c;
    border-left: 1px solid #ffc34c;
    border-radius: 0 0 6px 6px;
}
.scroll_01 {
    width: 405px;
    height: 256px;  /* LPバナー掲載時206px */
    margin: 0 0 5px 13px;
    overflow: auto;
    scrollbar-base-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-face-color:#CCCCCC;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-highlight-color:#CCC;
    scrollbar-arrow-color:#666;
    background-color:#FFFFFF;
}
.scroll_01 p {
    font-size: .75em;
    font-weight: bold;
    line-height: .1em;
    padding-top: 1.3em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #333333;
}
.scroll_01 a {
    font-weight: bold;
}
.special {
	width: 418px;
	height: 200px;
	border-top: 1px solid #ffc34c;
	border-right: 1px solid #ffc34c;
	border-bottom: 0px;
	border-left: 1px solid #ffc34c;
	border-radius: 6px 6px 0 0 ;
	margin-top:12px;
}
.columnbox_01 {
	width: 200px;
	height: 91px;
	float: left;
	padding: 8px 0px 0px 8px;
	border-right: dashed #ffc34c 1px;
	border-bottom: dashed #ffc34c 1px;
}
.columnbox_02 {
	width: 200px;
	height: 91px;
	float: left;
	padding: 8px 0px 0px 8px;
	border-bottom: dashed #ffc34c 1px;
}
.columnbox_03 {
	width: 200px;
	height: 92px;
	float: left;
	padding: 8px 0px 0px 8px;
	border-right: dashed #ffc34c 1px;
}
.columnbox_04 {
	width: 200px;
	height: 92px;
	float: left;
	padding: 8px 0px 0px 8px;
}
.columnbox_01,.columnbox_02,.columnbox_03,.columnbox_04 p {
	font-size: .75em;
	font-weight: bold;
  line-height: 1.7em;
}
p.cb a {
  text-decoration: none;
}
p.cb a:hover {
  text-decoration: underline;
}
p.cb a::before {
	content : url(../images/arrow.png) ;
	display: inline;
	position : relative ;
	bottom : -0.2em ;
	margin-right : 0.2em ;
}
p.cb a:hover::before {
	content : url(../images/arrow_on.png) ;
	display: inline;
	position : relative ;
	bottom : -0.2em ;
	margin-right : 0.2em ;
}
.columnbox_img {
	width: 65px;
	height: 50px;
	float: right;
	padding: 0px 0px 0px 0px; 
	margin: -48px 4px 0 0;
}
.special_footer {
    width: 418px;
    height: 50px;
    border: 1px solid #ffc34c;
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255,195,76,0.6) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(255,195,76,0.6) 100%);
    border-radius: 0 0 6px 6px;
}
.sNav {
    display: table;
    width: 94%;
    margin: 11px auto 0 auto;
    list-style-type: none;
    background: -webkit-linear-gradient(#00a497, #0c907c);
    background: linear-gradient(#00a497, #0c907c);
    box-shadow: 1px #333;
}
.sNav_item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.sNav_item {
    width: 80px;
}
.sNav_item a {
    display: block;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: .75em;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.7);
    border-left: 1px solid #fff;
}
.sNav_item a.no_wing {
    border: none;
}
.sNav_item a:hover{
    background: -webkit-linear-gradient(#00a497, #004d3b);
    background: linear-gradient(#00a497,#004d3b);
    box-shadow: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sNav_item a {
    display: block;
    padding: 8px 0 6px 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: .75em;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.7);
    border-left: 1px solid #fff;
}
}
.kokuchi {
    width: 430px;
    height: 80px;
    float: left;
    margin-top: 15px;
}
.sougokouen {
    margin: 0 0 0 15px;
    float: left;
    text-align: center;
}
.sougokouen p {
    font-size:0.7em;
    padding: 3px 0 0 0;
    margin:  0 0 0 0;
}
.ticket {
    margin: -63px 0 0 200px;
    float: left;
}
.ticket p {
    font-size:0.7em;
    margin: -35px 0 0 135px;
    float: left;
}
.job {
    margin: -63px 0 0 215px;
    float: left;
}

.eigyo {
    width: 228px;
    height: 360px;
    margin: 0 0 10px 0;
    float: left;
}
.eigyo_header {
    width: 226px;
    height: 30px;
border: 1px solid #ffc34c;
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255,195,76,0.6) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(255,195,76,0.6) 100%);
    border-radius: 6px 6px 0 0;
}
.eigyo_header p{
    font-size: 0.9em;
    font-weight: bold;
    padding: .4em .8em 0 .8em;
}
.eigyo_inner {
    width: 226px;
    height: 325px;
    font-size: .8em;
    border-top: 0px;
    border-right: 1px solid #ffc34c;
    border-bottom: 1px  solid #ffc34c;
    border-left: 1px solid #ffc34c;
    border-radius: 0 0 6px 6px;
}
.eigyo_inner p {
    line-height: 1.5em;
    padding: .4em .0 .4em .6em;
    font-weight: bold;
}
.txtRight {
    text-align: right;
}

/* Edge */
@supports (-ms-ime-align: auto) {
.txtRight {
    text-align: right;
    margin-right: .8em;
}
}

/* ie11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.txtRight {
    text-align: right;
    margin-right: .8em;
}
}

.chuo {vertical-align: 25%;}

.centeringTest {
    border-bottom: 1px dotted #333333;
}
.centeringTest p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

/* これは Firefox でのみ動作します */
@-moz-document url-prefix() {
    .eigyo {
margin: 0 0 12px 0;
}
    .eigyo_inner {
height: 328px;
}
}
.sideArea_02 {
    width: 228px;
    height: 240px;
    border: 1px solid #ffc34c;
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255,195,76,0.6) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(255,195,76,0.6) 100%);
    border-radius: 4px;
    float: right;
    margin: 0 0 15px 0;
}
.Adbox {
    width: 210px;
    height: 158px;
    margin: 10px 0 0 9px;
    background-color: #ffffff;
}
.sidebanner_box {
    margin: 10px 0 0 9px;
}

#f_container {height:130px;}