/* 若者しごと倶楽部 */
/* COMMON styles */
img { border-style: none; }
/* FORM styles */
form { display: inline; margin: 0px; padding: 0px }
input { font-size: 14px }
select { font-size: 14px }
textarea { font-size: 14px }

a:link{ text-decoration: underline; color: #57647b }
a:hover{ text-decoration: underline; color: #3791d4 }
a:visited{ text-decoration: underline; color: #333333 }

body {
    font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #ffffff;
    text-align: left;
}

#PAGE_BAK {
    margin: 0px auto;
	border-top: 5px solid #7dc848;
}
#PAGE_OUT {
    margin: 0px;
    padding: 0px;
}
#PAGE_BOX {
    text-align: left;
    border-style: none;
    background-color: #f5faf3;
}

/* HEADER */
#HEADER {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
}
/* HEADER -> SITETITLE */
#SITETITLE {
    float: left;
    margin: 0px;
    border-style: none;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
}
/* HEADER -> CATEGORYNAV */
#CATEGORYNAV {
    float: right;
    margin: 0px;
    border-style: none;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
}
/* HEADER -> HEADINFO */
#HEADINFO {
    float: right;
    margin: 0px;
    border-style: none;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
}
/* ---
#DEFMENU a{
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 150%;
    margin: 2px;
    padding: 8px 5px 8px 8px;
    text-align: left;
}
#DEFMENU a:link{
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
#DEFMENU a:visited {
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
#DEFMENU a:hover {
    background-color: #4197d6;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
---- */

/* PCATEGORY */
#PCATEGORY {
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    border-bottom: 5px solid #e5eee0;
    border-top: 5px solid #e5eee0;
 }
#PATH {
    margin: 0px;
    border-style: none;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
}
/* BODYBLOCK */
#BODYBLOCK {
	width: 100%;
}
#BODY {
    margin: 0px;
    padding: 10px 0 0 0;
    border-style: none;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
	background-color: #ffffff;
 }
#PTOP {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: right;
    vertical-align: top;
 }
#FNAV {
	border-top: 1px solid #666666 ;
	padding: 0;
	margin: 0;
 }
/* FOOTER */
#FOOTER {
	color: #ffffff;
    margin: 0px;
    padding: 0px;
    border-style: none;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
    background-image: url("/img/usrfiles/default/1241_DEFAULT_bg_footer.png") ;
    background-repeat: x-repeat;
}
 #FOOT1 {
    margin: 0px;
    padding: 0px;
    border-style: none;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
    min-height: 97px;
    background-repeat: repeat;
 }
#FOOT2 {
    margin: 0px;
    border-style: none;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    vertical-align: top;
 }

#COPYRIGHT {
    margin: 0px;
    border-style: none;
    padding: 0px 0px;
    font-size: 80%;
    width: 100%;
    line-height: 150%;
    text-align: center;
    vertical-align: top;
}

 
 /* ----------------- SP ------------------- */
@media screen and (max-width: 767px) {
#PAGE_BAK {
    width:100%;
	overflow: hidden;
}

#PAGE_BOX {
}

/* TOP_NAVBOX -> TOP_LOGINBOX */
#TOP_LOGINBOX {
    visibility: hidden;
    height:0px;
}
/* HEADER */
#HEADER {
	height: auto;
}
/* HEADER -> SITETITLE */
#SITETITLE {
	width: 40%;
}
#SITETITLE img {
    float: left;
    height: auto;
    min-width: 200px;
    width: 100%;
}
#CATEGORYNAV {
    height:0px;
	width:0px;
	overflow:hidden;
}
#HEADINFO {
    height:0px;
	width:0px;
	overflow:hidden;
}
#PCATEGORY {
    width: 100%;
    height:auto;
}
#PATH {
    visibility: hidden;
    height:0px;
}
/* BODY */
#BODY {
    width: 100%;
    height: auto;
	padding-bottom: 30px;
}
#PTOP {
    max-width: 100%;
    height: auto;
}
#FSNS {
    max-width: 100%;
	padding:0 20px;
	border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
#R_FNAV {
    max-width: 100%;
	padding: 0;
}

#FOOT2 table { 
	width: 100%; 
	border-collapse: collapse; 
}
#FOOT2 table th { 
	background: none; 
	color: white; 
	font-weight: bold; 
}
#FOOT2 table td, th { 
	padding: 6px; 
	text-align: left; 
}
#FOOT2 table td {
	width:auto !important;
}
#FOOT2 table td div div {
	background: none;
}


#FOOT2 a.FOOT2_link {
    display: block;
    letter-spacing: 0;
    line-height: 150%;
    text-align: center;
}
#FOOT2 a.FOOT2_link:link {
    color: #57647b;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
#FOOT2 a.FOOT2_link:visited {
    color: #57647b;
}
#FOOT2 a.FOOT2_link:hover {
    color: #3791d4;
    text-decoration: underline;
}


#FOOT2 table td div div img{
    visibility: hidden !important;
	height: -1px !important;
	margin: 0;
	padding: 0;
}

}


    #DEFMENU {
      display: none;
    }

/* SP版メニュ */     
    @media screen and (min-width : 768px) {
      #DEFMENU {
        display: block;
      }
      .slicknav_menu {
        display: none;
      }
    }


/* テーブル用 */
	@media only screen and (max-width: 767px) {

        #FOOT2 table, #FOOT2 thead, #FOOT2 tbody, #FOOT2 th, #FOOT2 td, #FOOT2 tr { 
            display: block; 
        }
		
        /* Hide table headers (but not display: none;, for accessibility) */
        #FOOT2 thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
		
        #FOOT2 tr {
            display:block;
        }
		
        #FOOT2 td { 
			/* Behave  like a "row" */
            border: none;
			border-bottom: 1px solid #7B8C81; 
			position: relative;
        }
		
        #FOOT2 td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
        }

	  /*Label the data*/
        td:nth-of-type(1):before { content: ""; }
        td:nth-of-type(2):before { content: ""; }
        td:nth-of-type(3):before { content: ""; }
        td:nth-of-type(4):before { content: ""; }
	}



/* ----------------- PC and iPad ------------------- */
@media screen and (min-width: 768px) {
#PAGE_BOX {
    width: 980px;
    margin: 0px auto;
    box-shadow:rgba(0, 10, 10, 0.18) 0px 2px 2px 1px;
    -webkit-box-shadow:rgba(0, 10, 10, 0.18) 0px 2px 2px 1px;
    -moz-box-shadow:rgba(0, 10, 10, 0.18) 0px 2px 2px 1px;
    }

#PAGE_BAK {
	background-image: url("/img/usrfiles/default/1241_DEFAULT_bg_pagebak.gif") ;
	background-repeat: repeat;
}

/* HEADER */
#HEADER {
    width: 980px;
    min-width: 980px;
    max-width: 980px;
	height: 110px;
	overflow: hidden;
}
#SITETITLE {
    width: 360px ;
}
#DEFMENU {
    float:left;
    width: 100%;
    min-width: 200px;
    max-width: 200px;
    margin-right: 20px;
 }
/* PCATEGORY */
#PCATEGORY {
    width: 980px;
    min-width: 980px;
    max-width: 980px;
 }
#PATH {
    width: 100%;
    height:auto;
}
/* BODY */
#BODY {
    float:left;
    width: 100%;
    min-width: 510px;
    max-width: 510px;
    margin-right: 20px;
 }
#RSIDE {
    float:left;
    width: 100%;
    min-width: 230px;
    max-width: 230px;
 }
/* PTOP */
#PTOP {
    width: 100%;
    min-width: 980px;
    max-width: 980px;
 }
 
 
 /* FNAV */
#L_FNAV {
	float:left;
	width: 60%;
	padding: 5px;
}
#FADD {
	padding-top: 20px;
	padding-left: 30px;
}
#FSNS {
	padding-top: 20px;
	padding-left: 30px;
	border-top: 1px solid #cccccc;
}
#R_FNAV {
	float:left;
	padding: 10px;
	border-left: 1px solid #666666;
}

/* FOOTER */
#FOOTER {
    width: 100%;
    min-width: 980px;
    max-width: 980px;
 }
}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}