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

*{
margin:0px;
padding:0px;
}
img{
border:none;
}
body {
text-align:center;
color:#666666;
-webkit-text-size-adjust: none;
}

body.hideMe {
    height: 100%;
    overflow: hidden;
}

h1{
/*
color:#ffffff;
background-color:#000000;
*/
padding:2px;
font-size:12px;
          font-family: HiraKakuProN-W3;
}
p{
font-family: HiraKakuProN-W3;
font-size:12px;
}
h1 span{
display:inline-block;
}
h1 + p > img{
display:block;
margin:auto;
margin-bottom:4px;
}
h1 + p > span > a{
    border: 2px solid #666666;
    border-radius: 10px;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
	margin-bottom:5px;
	font-weight:bold;
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow:1px 1px 2px rgba(255,255,255,1) inset, -1px -1px 2px rgba(0,0,0,0.5) inset;
}
h1 + p > span > a:before{
content:'\260e';
margin-right:4px;
display:inline-block;
}

body:not(#home) h1 + p {
display:none;
}

h1 + p span{
padding:5px;
display:block;
border-radius:5px;
background-color:rgba(0,0,0,.2);
box-shadow:1px 1px 3px rgba(0,0,0,.5) inset;
margin:5px;
border-top:1px solid rgba(0,0,0,.7);
border-left:1px solid rgba(0,0,0,.7);
border-right:1px solid rgba(255,255,255,.3);
border-bottom:1px solid rgba(255,255,255,.3);

}

ul#headnavi {
          background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#5A7499));
          border-top: 1px solid rgba(255,255,255,0.3);
          border-bottom: 1px solid rgba(0,0,0,0.3);
          background-color: #B0BCCD;
/*          text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
          font-family: HiraKakuProN-W6;
          font-size: 14px;
          color: #9A8743;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
		  text-align:left;
		  margin-top:0px;
		  margin-bottom:0px;
		  width:100%;
		  }
ul#headnavi li{
border: none;
padding:0px;
padding-top:2px;
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
width:20%;
float:left;
font-size:10px;
border-left:1px solid rgba(255,255,255,0.3);
border-right:1px solid rgba(0,0,0,0.3);
	-webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */
    -moz-box-sizing: border-box;　/* Firefox用 */
    -ms-box-sizing: border-box;　/* Internet Explorer 8用 */
    box-sizing: border-box;　/* Opera用 */

}

ul#headnavi li#first{
border-left:none;
}
ul#headnavi li#last{
border-right:none;
}
ul#headnavi li a{
display:block;
height:56px;
color:#ffffff;
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}

ul#headnavi li a:link, ul#headnavi li a:hover, ul#headnavi li a:visited{
color:#ffffff;
text-decoration:none;
}

/* added on ver.2014*/

ul#headnavi li img{
display:block;
margin:auto;
}
ul#headnavi.fixed{
display:block;
position:fixed;
top:0px;
z-index:9999;
height:30px;
box-shadow:0px 1px 2px rgba(0,0,0,0.5);
/*テスト*/
display:none;
}
ul#headnavi.fixed li{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding:0px;
}
ul#headnavi.fixed li img{
display:inline-block;
width:30px;
vertical-align:-4px;
}
ul#headnavi.fixed li a{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
height:30px;
padding:4px 0px;
}
#absoluteTelBtn{
position:fixed;
top:auto;
bottom:0px;
font-weight:bold;
width:100%;
z-index:10001;
}
#absoluteTelBtn.fixed{
display:block;
position:fixed;
top:auto;
bottom:0px;
/*
border-top:1px solid rgba(0,0,0,0.25);
*/
}
ul#headnavi + #absoluteTelBtn{
z-index:-1;
}
ul#headnavi.fixed + #absoluteTelBtn{
z-index:10001;
}
#absoluteTelBtn ul{
text-align:left;
opacity:0;
/*
display:none;
*/
}
#absoluteTelBtn ul li{
display:inline-block;
background-color:rgba(0,0,0,.8);
box-shadow:1px 0px 2px rgba(0,0,0,.5);
width:auto;
text-align:center;
/*
border-radius:50%;
*/
border-radius:8px;
margin:5px 1px;
}
body.hideme #absoluteTelBtn ul,
#headnavi.fixed + #absoluteTelBtn ul{
opacity:1;
display:block;
}

#absoluteTelBtn ul li{
/*#absoluteTelBtn ul li:first-child*/
margin-left:5px;
width:auto;
overflow:hidden;
border-radius:8px;
}
#headnavi.fixed + #absoluteTelBtn ul li:first-child{
    background: -moz-linear-gradient(center top , #ffae00, #ff9000) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffae00), to(#ff9000));
	}
#absoluteTelBtn ul li:last-child{
float:right;
margin-right:5px;

border-radius:50%;
}
#absoluteTelBtn ul li a{
color:#ffffff;
padding:10px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
text-shadow:1px 1px 2px rgba(0,0,0,1);
line-height:1;
text-align:center;
}

#baloonAllContents{
position:fixed;
top:0;
width:100%;
/*background-color:rgba(0,0,0,0.5);*/
z-index:10000;
}
/*
#baloonAllContents ul{
position:relative;
overflow:auto;
z-index:10000;
list-style-type:none;
background-color:rgba(255,255,255,.95);
}
#absoluteTelBtn.fixed + #baloonAllContents ul{
position:relative;
overflow:auto;
-webkit-overflow-scrolling:touch;
z-index:9999;
list-style-type:none;
}

#absoluteTelBtn + #baloonAllContents ul:before {
    background-color: rgba(0,0,0,0.8);
    content: "メニュー";
    display: block;
    padding: 8px;
	color:#ffffff;
	font-weight:bold;
	position:fixed;
	width:calc(100% - 60px);
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}
#baloonAllContents ul li:first-child{
margin-top:35px;
}
*/

/*
#baloonAllContents ul li{
border-bottom: solid 1px #B0BCCD;
font-family: HiraKakuProN-W3;
text-align:center;
font-size:18px;
font-weight:normal;
text-align:left;
float:left;
width:49%;
width:calc(100%/2);
}
#baloonAllContents ul li:first-child{
width:100%;
}
#baloonAllContents ul li:nth-child(2n+2){
border-right:1px solid #cccccc;
width:calc(100%/2 - 1px);
}
#baloonAllContents ul li a{
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
padding:8px;
}
#baloonAllContents ul li.telbt{
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow: -1px -1px 2px rgba(0,0,0,0.5) inset, 1px 1px 2px rgba(255,255,255,1) inset;
text-align:center;
font-size:24px;
border: solid 1px #a9abae;
border-radius: 12px;
padding:15px;
margin:4px;
}
#baloonAllContents ul > li:before {
    color: #333333;
    content: ">";
    float: right;
    font-weight: bold;
	margin-top:8px;
	margin-right:8px;
}
#baloonAllContents ul > li.telbt:before {
    content: none;
}


#baloonAllContents ul li span{
color:#ff9000;
display:inline;
}
*/
#baloonAllContents ul{
position:relative;
overflow:auto;
z-index:10000;
list-style-type:none;
/*
background-color:rgba(255,255,255,.95);
*/
padding:5px;
/*width:80%;*/
padding-right:15%;
padding-left:5%;
}
#absoluteTelBtn.fixed + #baloonAllContents ul{
position:relative;
overflow:auto;
-webkit-overflow-scrolling:touch;
z-index:9999;
list-style-type:none;
}


#baloonAllContents ul li{
background-color:rgba(0,0,0,.8);
box-shadow:1px 0px 2px rgba(0,0,0,.5);
font-family: HiraKakuProN-W3;
text-align:center;
font-size:14px;
font-weight:normal;
text-align:left;
float:left;
width:45%;
width:calc(100%/2 - 10px);
margin:5px;
border-radius:8px;
}
#baloonAllContents ul li:first-child{
width:90%;
width:calc(100% - 10px);
}

#baloonAllContents ul li a{
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
padding:6px;
color:#ffffff;
text-shadow:1px 1px 2px rgba(0,0,0,1);
}
#baloonAllContents ul li.telbt{
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow: -1px -1px 2px rgba(0,0,0,0.5) inset, 1px 1px 2px rgba(255,255,255,1) inset;
text-align:center;
font-size:24px;
border: solid 1px #a9abae;
border-radius: 12px;
padding:15px;
margin:4px;
}
/*
#baloonAllContents ul > li:before {
    color: #333333;
    content: ">";
    float: right;
    font-weight: bold;
	margin-top:8px;
	margin-right:8px;
}
#baloonAllContents ul > li.telbt:before {
    content: none;
}
*/

#baloonAllContents ul li span{
color:#ff9000;
display:inline-block;
margin-right:2px;
}


/*below*/

h3 {
          background-image: -moz-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));
          background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));
          border-top: 1px solid rgba(255,255,255,0.7);
          border-bottom: 1px solid rgba(0,0,0,0.7);
          background-color: #B0BCCD;
/*          text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
          font-family: HiraKakuProN-W3;
          font-size: 14px;
          color: #ffffff;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
		  text-align:left;
		  padding:5px;
/*
		  margin-bottom:4px;
*/
		  font-weight:normal;
		  }

ul#navi{
list-style-type:none;
/*width:100%;*/
margin:0px;
}
ul#navi li{
border-bottom: solid 1px #B0BCCD;
font-family: HiraKakuProN-W3;
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
font-size:18px;
font-weight:normal;
text-align:left;
}

ul#navi li.telbt{
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow: -1px -1px 2px rgba(0,0,0,0.5) inset, 1px 1px 2px rgba(255,255,255,1) inset;
text-align:center;
font-size:24px;
border: solid 1px #a9abae;
border-radius: 12px;
padding:15px;
margin:4px;
}
ul#navi > li:before {
    color: #333333;
    content: ">";
    float: right;
    font-weight: bold;
padding:8px;
}
ul#navi > li.telbt:before {
    content: none;
}

ul#navi li span{
color:#2B346D;
display:inline;
}
ul#navi li a{
display:block;
padding:8px;
}
li a{
display:block;
}
a:link, a:visited, a:hover{
text-decoration:none;
}

a:link, a:visited, a:hover{
color:#333333;
}

/*
#back2Top{
	text-align:right;
	padding:10px 5px 15px;
	font-size:14px;
}
#back2Top:after{
content:'▲';
color:#ffffff;
background-color:#333333;
border-radius:50%;
font-size:140%;
    line-height: 1;
    padding: 3px 4px 5px;
}

*/


ul.schedule p > span:not(.icon2),
ul#schedule p > span:not(.icon2){
    border: 1px solid rgba(255,255,255,.8);
	background-color:#FF0A4F;
    background: -moz-linear-gradient(top, #FF99B4, #FF0A4F); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF99B4), to(#FF0A4F));
	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.5;
    margin: 2px 0;
    padding: 3px 6px;
}
#icon > span:not(.icon2) {
    border: 1px solid rgba(255,255,255,.8);
	background-color:#FF0A4F;
    background: -moz-linear-gradient(top, #FF99B4, #FF0A4F); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF99B4), to(#FF0A4F));
	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 3px 6px;
}
.photobox{
	position:relative;
}
#profile span.iconNew,
#profile span.iconUp{
	position:relative;
}
span.iconNew{
	position:absolute;
	top:2px;
	left:2px;
    border: 1px solid rgba(255,255,255,.8);
    display: inline-block;
    font-size: 10px;
    padding: 2px;
	background-color:#0A6B9E;
    background: -moz-linear-gradient(top, #9DC1DB, #0A6B9E); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9DC1DB), to(#0A6B9E));
	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    line-height: 1.5;
    margin: 0;
    padding: 3px 6px;
	vertical-align:middle;
}
span.iconUp{
	position:absolute;
	top:2px;
	left:2px;
    border: 1px solid rgba(255,255,255,.8);
    display: inline-block;
    font-size: 10px;
    padding: 2px;
	background-color:#147000;
    background: -moz-linear-gradient(top, #9DC180, #147000); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9DC180), to(#147000));
	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    line-height: 1.5;
    margin: 0;
    padding: 3px 6px;
	vertical-align:middle;
}
#profile span.iconNew,
#profile span.iconUp{
	position:relative;
}
ul.schedule li h4 span.iconOsusume,
span.iconOsusume {
    border: 1px solid rgba(255,255,255,.8);
    display: inline-block;
    font-size: 12px;
	background-color:#800000;
    background: -moz-linear-gradient(top, #A82121, #800000); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#A82121), to(#800000));
	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    line-height: 1.5;
    margin: 0;
    padding: 3px 6px;
	vertical-align:middle;
}


#profile p#icon span.icon2{
	float:none;
	text-align:right;
	display:block;
}
#icon > .icon2 span{
	border: 1px solid rgba(255,255,255,.8);
	background-color:#333333;
    background: -moz-linear-gradient(top, #666666, #333333); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 2px 4px;
}

#spswitch{
font-size:16px;
font-family: HiraKakuProN-W3;
background-color:#cccccc;
}
#spswitch ul{
list-style-type:none;
padding:15px;
}
#spswitch li{
display:inline-block;
color:#999999;
background-image:none;
}
#spswitch li:first-child{
color:#222222;
}
#spswitch li.last:before{
content:" | ";
}
#spswitch li{
}
#spswitch li a{
color:#000000;
display:inline;
}

address a{
		  font-style:normal;
}
address {
          border-top: 1px solid #cdd5df;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));
          border-bottom: 1px solid #2d3642;
          background-color: #b0bccd;
          font-family: HiraKakuProN-W6;
          font-size: 10px;
          color: #ffffff;
		  font-style:normal;
          text-align: center;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
		  padding:5px;
		  margin-bottom:50px;
		  }


/*add for planJ*/

#headnavi.fixed + #absoluteTelBtn ul li:first-child {
    background: -moz-linear-gradient(center top , rgba(232,216,167,1), rgba(113,91,42,1));
    background: -webkit-linear-gradient(top , rgba(232,216,167,1) 0%, rgba(113,91,42,1) 99%);
background: linear-gradient(to bottom, rgba(232,216,167,1) 0%, rgba(113,91,42,1) 99%);
}

h3{
font-weight:bold;
}
h3 span,h2.fixed span.prev, h2.fixed span.next {
border:none;
font-weight:normal;
}

#realtime h3 span.update {
background-color:transparent;
}
#baloonAllContents ul li {
font-weight:bold;
}
#baloonAllContents ul li a {
    text-shadow: none;
}
body#recruit dl {
    border-radius: 5px;
overflow:hidden;
    margin: 5px;
}
body#recruit dl dt,
body#recruit dl dd,
body#recruit dl dd table,
body#recruit dl dd table th,
body#recruit dl dd table td{
line-height:1.3;
}

#system dd table.twocell{
border-collapse: collapse;
}

#recruit dd p a {
display:block;
padding:10px;
    border-radius: 5px;
    text-align: center;
font-weight:bold;
font-size:16px;
}

body#recruit dl dd table th a,
body#recruit dl dd table td a{
display:block;
text-align:center;
padding:10px;
border-radius:5px;
font-weight:bold;
font-size:16px;
}
dd table.twocell th,
dd table.twocell td {
    width: 50%;
}
dd table.twocell th a,
dd table.twocell td a {
    word-break:break-all;
}


/*回り込み解除用*/
.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 

.clr{
clear: both;  
}