@charset "UTF-8";

.tac {
	text-align: center;
}

/* header
----------------------------------------------*/

/* navi */

nav ul{
margin: 35px 0 0 6px;
}

nav ul li{
float: left;
margin-right: 4px;
}

/* IE6以下のユーザーにメッセージを表示 */
.error{
background: #bb0000;
padding: 20px;
color: #fff;
font-size: 1.0em;
text-align: center;
}


/* section
----------------------------------------------*/

/* container */

#container{
width: 960px;
margin: 0 auto;
background-color: #fff;
margin-bottom: 40px;
}

/* 改修に伴い2015.02.06
#container h1{
padding: 30px;
}
*/
.center{
text-align: center;
}

/* pageTop */

#pageTop{
width: 960px;
margin: 0 auto -6px auto;
text-align: right;
}

/* footer
----------------------------------------------*/

#footerArea{
width: 960px;
margin: 0 auto;
text-align: left;
color: #696969;
}

#footerArea #footerUl{
width: 700px;
text-align: left;
}

#footerArea #footerUl ul{
float: left;
text-align: left;
}

#footerArea #footerUl ul li{
margin: 0 38px 5px 0;
font-size: 12px;
white-space: nowrap;
}

#footerArea #footerUl ul li a{
color: #696969;
}

#footerArea #footerUl ul li a:hover,
#footerArea #footerUl ul li a:focus{
text-decoration: underline;
}

#footerArea #footerUl ul li.titleLI{
font-weight: bold;
}

#footerArea #copyrightArea{
float: right;
position: relative;
width: 260px;
text-align: left;
}

#footerArea #copyrightArea .site_seal{
  height: 50px;
  left: 0;
  position: absolute;
  top: 122px;
  width: 90px;
}
.recruit #footerArea #copyrightArea .site_seal{
  top: 112px;
}

#footerArea #copyrightArea p{
font-size: 11px;
}

#footerArea #copyrightArea p.icon{
margin: 25px 0;
text-align: right;
}


/* 画像ロールオーバー効果

a:hover img{
-ms-filter: "alpha( opacity=75 )";
filter: alpha( opacity=75 );
opacity: 0.75;
}
*/

/* for-SP
----------------------------------------------*/

.pc { display: block !important;}
.sp { display: none !important;}

@media only screen and (max-width: 640px) {
.pc { display: none !important;}
.sp { display: block !important;}

body.recruit.rtop  {
margin: 0 auto;
min-width: 320px;
}

.recruit.rtop img {
height: 100%;
vertical-align: bottom;
width: 100%;
}



section {
margin: 0 3%;
width: 94%;
}

section #container {
margin-bottom: 20px;
padding-bottom: 20px;
width: 100%;
}
section #container h1 {
display: inline-block;
height: auto;
letter-spacing: 0;
padding: 25px 0 0;
}
section #container h1 span {
display: inline-block;
margin-left: -2.5em;
}


.recruit.rtop #other_links {
margin: 0 3% 30px;
width: 94%;
}

.message {
color: #696969;
font-size: 0.7em !important;
margin: 0 auto;
padding-bottom: 15px;
width: 100%;
}

#pageTop {
display: none;
}

#pageTop-sp {
background-color: #636363;
border-bottom: 1px solid #fff;
height: 40px;
width: 100%;
text-align: center;
}
#pageTop-sp img {
height: 40px;
width: 40px;
}

footer {
background-color: transparent;
height: 100% !important;
padding: 0 !important;
}
#footerArea-sp {
margin: 0 3%;
width: 94%;
}
#footerArea-sp #footerUl {
padding-bottom: 20px;
}

#footerArea-sp #footerUl li {
background-color: #fff;
border-bottom: 1px solid #d1cfcf;
display: none;
font-size: 1.2em;
padding: 8px 0;
text-align: center;
vertical-align: middle;
width: 100%;
}

#footerArea-sp #footerUl li a {
color: #3b3b3b;
}

#footerArea-sp #footerUl .titleLI-sp {
background-color: #2e2e2e;
border-bottom: 1px solid #fff;
color: #fff;
display: block;
font-size: 1.6em;
padding: 10px 0;
}

#pageTop-sp a,
#footerArea-sp #footerUl .titleLI-sp a {
display: block;
width: 100%;
}

#footerArea-sp #copyrightArea {
position: relative;
}
#footerArea-sp #copyrightArea img[alt="Fun-Marketing"] {
height: 23px;
width: 160px;
}
#footerArea-sp #copyrightArea .icon {
bottom: 0;
height: 26px;
position: absolute;
right: 0;
width: 26px;
}

#container div.contentsBox {
	margin: 0;
	padding: 5%;
}

}