@charset "utf-8";


/* top --------------------*/

#top-pcentry a {
display: block;
height: 150px;
width: 210px;
text-indent: -999em;
float: right;
position: relative;
background: url(./img/button-yellow-entry.gif) no-repeat 0 -150px;
}
#top-pcentry a:hover {
background: url(./img/button-yellow-entry.gif) no-repeat 0 0;
}
#top-pcentry a:focus {
outline: none;
}

#top-client a {
height: 150px;
width: 210px;
text-indent: -999em;
float: right;
position: relative;
background: url(./img/button-yellow-client.gif) no-repeat 0 -150px;
}
#top-client a:hover {
background: url(./img/button-yellow-client.gif) no-repeat 0 0;
}
#top-client a:focus {
outline: none;
}

/* pagedoby --------------------*/

#pagebody {
margin-top: 0;
}


/* 左側 ------------------------*/

#sub-col {
float: left;
width: 210px;
margin: 0 20px 0 0;
}

#sub-col div {
margin-bottom: 4em;
padding: 6px 0 0 10px;
font-size: 12px;
line-height: 1.4em;
background: url(./img/box-head.gif) no-repeat left top;
text-align: left;
}

#sub-col p {
text-align: left;
padding: 5px;
}

#sub-col h3 {
margin-bottom: 1em;
}

div#feature-photo {
margin: 0 5px 0 0;
padding: 10px;
background: #fb86c5 url(./img/line-naname-clear.gif);
}

#first ul {
margin: 0;
padding: 0 0 0 2px;
}

#first ul li {
background : url(./img/mark-hatena.gif) no-repeat 0 1px;
padding: 0 0 0 20px;
margin-bottom: 0.5em;
line-height: 1.5em;
}

#ranking ul {
margin: 0;
padding: 5px 0 0 10px;
text-align: left;
clear: both;
}

#ranking li {
padding: 0.5em 0;
margin-left: 25px;
vertical-align: top;
list-style-position: outside;
}

#ranking a:link {
text-decoration: none;
color: #333333;
}

#ranking a:visited {
text-decoration: none;
color: #666666;
}

#rank1 {
color: #fc4ea0;
font-size: 14px;
list-style-image: url(./img/rank1.gif);
}

#rank1 a:link {
color: #fc4ea0;
}

#rank1 a:visited {
color: #fc4ea0;
}

#rank2 {
list-style-image: url(./img/rank2.gif);
}

#rank3 {
list-style-image: url(./img/rank3.gif);
}

#rank4 {
list-style-image: url(./img/rank4.gif);
}

#rank5 {
list-style-image: url(./img/rank5.gif);
}


#campaign p {
margin-bottom: 1em;
padding: 0;
}

#mobile p {
font-size: xx-small;
margin-top:-2em;
padding: 0 5px;
}

#mobile h4{
padding:1em 0 0;
}

#staffmenu a, .banner-space a {
display: block;
padding: 4px;
background: #e4e4e4;
}
#staffmenu a:hover, .banner-space a:hover {
background: #ff90cc;
}

/* メインコンテンツ ------------*/

#content {
float: left;
width: 500px;
margin: 0 20px 0 0;
text-align: left;
}

#content p,#content table,#content ul,#content div {
font-size: 12px;
line-height: 1.4em;
}

#content td {
padding: 5px 5px 5px 0px;
}

#content h2 {
}

#content h3 {
padding: 5px 0px;
}

#content h4 {
padding: 2px;
border: solid 1px #d2d2d2;
background: #ffffff;
}

#content hr {
border: 0px;
width: 100%;
height: 5px;
margin: 30px 0 28px;
background: #fb86c5 url(./img/line-naname-clear.gif);
}

#content ul li a:focus {
outline: none;
}

#content li {
margin: 10px 4px 0;
}

#guide-all {
background: url(./img/guide-foot.gif) no-repeat bottom;
padding-bottom: 5px;
position: relative;
height: 240px;
margin-bottom: 2.5em;
}

#guide1 {
float: left;
width: 160px;
margin: 0 0 5px 0;
}

#guide2 {
float: left;
width: 160px;
margin: 0 10px 5px;
}

#guide3 {
float: right;
width: 160px;
margin: 0 0 5px 0;
}

#guide1 h2 a {
display: block;
font-size: 80%;
overflow: hidden;
text-indent: -9999px;
height: 150px;
background: url(./img/guide1-photo.jpg) no-repeat top left;
}

#guide2 h2 a {
display: block;
font-size: 80%;
overflow: hidden;
text-indent: -9999px;
height: 150px;
background: url(./img/guide2-photo.jpg) no-repeat top left;
}

#guide3 h2 a {
display: block;
font-size: 80%;
overflow: hidden;
text-indent: -9999px;
height: 150px;
background: url(./img/guide3-photo.jpg) no-repeat top left;
}

li.guide-text {
height: 50px;
}

li.more a {
text-indent: -9999px;
overflow:hidden;
display: block;
width: 100%;
height: 20px;
background: url(./img/guide-more.gif) no-repeat right top;
}

#table_jobinfo,#table_news {
clear: both;
width: 480px;
margin: 0 10px;
}

#table_jobinfo caption, #table_news caption {
border-bottom: solid 2px #ffd2ee;
height: 24px;
line-height: 1em;
text-align: right;
}

#table_jobinfo caption {
background: url(./img/jobinfo-title.gif) no-repeat left;
}

#table_news caption {
background: url(./img/news-title.gif) no-repeat left;
}

#table_jobinfo td, #table_news td  {
word-break: break-all;
vertical-align: top;
border-bottom: dotted 1px #eaeaea;
padding: 10px 0;
}

.date {
width: 70px;
font-size: 10px;
}

.colored {
width: 60px;
color: #fb86c5;
font-weight: bold;
}

.licence {
width: 80px;
color: #000000;
}

#table_jobinfo .title {
width: 270px;
}

#table_news .title {
width: 340px;
}

.line {
background: #fb86c5 url(./img/line-naname-clear.gif);
margin: 1em 0;
}

.banner-space {
width: 500px;
text-align: center;
}

#pickup-all {
width: 510px;
overflow: hidden;
margin: 0 -10px 0 0;
}

#pickup-all h2 {
width: 500px;
height: 44px;
overflow: hidden;
text-indent: -9999px;
background: url(./img/pickup-title.gif) no-repeat left top;
}

div.pickup-box1 {
float: left;
width: 140px;
height: 80px;
padding: 10px;
margin: 0 10px 10px 0;
background: url(./img/pickup-box.gif) no-repeat left top;
}

div.pickup-box1 a {
display: block;
width: 140px;
height: 80px;
line-height: 1.6em;
text-decoration: none;
}

div.pickup-box1 a:visited {
background: url(./img/pickup-visited.gif) no-repeat right bottom;
}

div.pickup-box1 a:hover {
background: url(./img/pickup-hover.gif) no-repeat right bottom;
}

div.pickup-box1 span.licence {
font-size: 12px;
}

div.pickup-box1 span.title {
display: block;
margin: 0 0 4px 28px;
font-weight: bold;
font-size: 14px;
}

/* 右側 ------------------------*/

#attention {
float: right;
width: 190px;
margin: 0;
margin-bottom: 4em;
font-size: 12px;
line-height: 1.4em;
text-align: left;
}

#attention img {
margin: 0 0 5px 0;
}

#ex-col {
float: right;
width: 190px;
margin: 0;
}

#ex-col a {
color: #000000;
text-decoration: none;
background: transparent;
}

#ex-col h4 {
margin-bottom: 1em;
text-indent: -9999px;
}

#ex-col div {
margin-bottom: 4em;
padding: 6px 0 0px 10px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
background: url(./img/box-head.gif) no-repeat left top;
}

#ex-col ul {
margin: 0;
padding: 0;
text-align: left;
}

#ex-col li {
padding-bottom: 0.3em;
vertical-align: top;
font-size: 14px;
line-height: 1.4em;
}

#month h4 {
text-indent: -9999px;
background: url(./img/stic-title.gif) no-repeat 0 -30px;
}

#month select {
margin-bottom: 20px;
}

#link h4 {
text-indent: -9999px;
background: url(./img/box-title-link.gif) no-repeat;
height: 30px;
}

#ad h4 {
text-indent: -9999px;
background: url(./img/box-title-ad.gif) no-repeat;
height: 30px;
}

li.ken {
padding: 3px 0;
vertical-align: middle;
font-size: 14px;
background: url(./img/mark-ken.gif) no-repeat left;
text-indent: 18px;
}