@charset "shift_JIS";
/*---------------------------------------------------------------------------------
detail
---------------------------------------------------------------------------------*/
@import "./search_cmn.css";

/*
wrapper
---------------------------------------------------------------------------------*/
div.wrapCnt{
width: 950px;
margin: 0px 0px 0px 10px;
}

* html div.wrapCnt{
width: 955px;
}

div#leftCnt{
float:left;
width: 750px;
margin: 0px 0px 0px 0px;
}

div#rightCnt{
margin: 0px 0px 0px 0px;
width: 190px;
float: right;
}

/*
店舗名部分
---------------------------------------------------------------------------------*/
div#wrapBasicInfo{
margin: 10px 0px 10px 0px;
}

div#wrapBasicInfo h3{
width: 750px;
height: 32px;
display: block;
font-size: 120%;
color: #FFFFFF;
font-weight: bold;
padding: 8px 0px 0px 10px;
}

* html div#wrapBasicInfo h3{
height: 40px;
}

div#wrapBasicInfo h3#paid{
background:url(../images/detail/bar_shop_paid.jpg) no-repeat;
}


div#wrapBasicInfo a{
clear: left;
float: right;
margin: 5px 0px 0px 0px;
}

/*
新着ニュース
---------------------------------------------------------------------------------*/
h4#news{
width: 750px;
height: 20px;
display: block;
background:url(../images/detail/bar_news.jpg) no-repeat;
text-indent: -9999px;
}

div#wrapNews th, div#wrapNews td{
padding: 8px 0px 5px 0px;
font-size: 75%;
}

div#wrapNews th{
width: 115px;
font-weight: normal;
background: #FFFFFF;
}

div#wrapNews a{
color: #CC0000;
text-decoration: none;
}

/*
新着ニュース詳細
---------------------------------------------------------------------------------*/
div#newsDetail{
padding: 5px 10px 10px 10px;
font-size: 75%;
}

div#newsDetail h3{ height: auto; }

div#newsDetail th, div#newsDetail td{
line-height: 140%;
border: none;
padding: 5px 0px;
}

div#newsDetail th{
width: 728px;
font-size: 140%;
color:#CC0000 !important;
font-weight: bold;
background: none;
}

div#newsDetail th span{
font-size: 80% !important;
color:#000000 !important;
}

div#newsDetail ol li{
margin: 5px 0px 5px 10px;
padding: 5px 0px;
list-style-type: decimal !important;
}

div#newsDetail ul li{
margin: 5px 0px 5px 10px;
padding: 5px 0px;
list-style-type: disc !important;
}

div#newsDetail td{
line-height: 150%;
padding: 10px 0px 0px 0px !important;
}

div#newsDetail p{
font-size: 100%;
}

div#wrapList{
text-align: center;
background: #FFFFCC;
margin: 10px 0px 0px 0px;
padding: 4px 0px;
}

div#wrapList a{
color: #330000;
}

/*
キャッチとか
---------------------------------------------------------------------------------*/
div#wrapCatch{
margin: 0px 0px 10px 0px;
}

div#wrapCatch h5{
width: 750px;
text-align:left;
margin: 10px 0px;
color:#CC0000;
font-size:95%;
font-weight:bold;
}

div#wrapCatch p{
line-height: 150%;
font-size: 75%;
}

/*
求人情報
---------------------------------------------------------------------------------*/
div.wrapDetail{
width: 728px;
padding: 10px;
margin: 0px 0px 15px 0px;
border: 1px solid #CCCCCC;
}

* html div.wrapDetail{
width: 728px;
}

div.wrapDetail p{
line-height: 150%;
font-size: 75%;
}

div.wrapDetail table.tblPaid th, div.wrapDetail table.tblPaid td,
div.wrapDetail table.tblFree th, div.wrapDetail table.tblFree td{
padding: 15px 0px 15px 10px;
text-align: left;
vertical-align: top;
color: #000000;
font-size: 75%;
border-bottom: 1px dotted #CCCCCC;
}

div.wrapDetail th{
width: 115px;
font-weight: bold;
background: #FFFFCC;
}

div.wrapDetail td.oubo{
font-size: 100%;
color: #000000;
background-color: #FFD1D1;
}

p#ouboText{
text-align:left;
margin: 10px 20px 0px 0px;
float:left;
font-size: 100%;
}

p#btImg02{
text-align:left;
}

div.wrapDetail table.tblPaid img, div.wrapDetail table.tblFree img{
display: block;
float: left;
margin: 0px 5px 5px 0px;
}

div.wrapDetail table a{
color:#FF6600;
}

div.wrapDetail th a{
font-weight: normal;
color: #000000;
}


/*
求人情報(有料)
---------------------------------------------------------------------------------*/
h3#detailPaid{
width: 750px;
height: 20px;
display: block;
background:url(../images/detail/bar_result_paid.jpg) no-repeat;
text-indent: -9999px;
}

h4#work_paid01 {
width: 728px;
height: 25px;
background:url(../images/detail/bar_work_paid01.jpg) no-repeat;
text-indent: -9999px;
margin: 0px 0px 10px 0px;
}

h4#work_paid02{
width: 728px;
height: 25px;
background:url(../images/detail/bar_work_paid02.jpg) no-repeat;
text-indent: -9999px;
margin: 10px 0px 10px 0px;
}

div.wrapDetail table.tblPaid th{
color: #669933;
}

/*
画像
---------------------------------------------------------------------------------*/
div.image{
width:240px;
padding: 0px 0px 8px 0px;
background-color:#E0EBF5;
text-align:left;
margin:10px 4px 10px 0px;
float:left;
}

* html div.image{
margin:10px 3px 10px 0px;
}

div.image img{
margin: 5px 4px;
}

* html div.image img{
margin: 5px 2px;
}

div.image p{
width:230px;
margin: 0px 5px;
}

* html div.image p{
width:230px;
margin: 0px 3px 0px 5px;
}

div#wrapImg div.last{
margin:10px 0px 0px 0px;
}

div#wrapImg img.button{
margin: 4px 0px 0px 83px;
}

* html div#wrapImg img.button{
margin: 4px 0px 0px 41px;
}

/*
キープＢＯＸ
---------------------------------------------------------------------------------*/

div#rightCnt h3#keep{
width: 190px;
height: 45px;
background:url(../images/search_common/title_keepbox.gif) no-repeat;
display: block;
text-indent: -9999px;
}

div#rightCnt h4#keepList a{
width: 190px;
height: 31px;
background:url(../images/search_common/title_keeplist.gif) no-repeat;
display: block;
padding: 2px 0px 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

div#rightCnt .section{
width: 188px;
border-bottom: none;
padding: 0px 0px 5px 0px;
}

div#keepAreaIn{
color: #000000;
font-size: 75%;
background-color: #FFFFCC;
margin: 0px 2px 2px 2px;
border-top: 1px solid #FFFFFF;
padding: 0px 0px 15px 0px;
border-bottom: 2px solid #CCCCCC;
}

div#keepAreaIn .redBold{
font-size: 125%;
}

div#keepAreaIn p.result{
text-align: center;
margin: 5px 0px 10px 0px;
}

div#keepAreaIn p.btImg{
text-align: center;
}

div#keepAreaIn p.redSmall{
text-align: center;
color: #CC0000;
font-size: 80%;
margin: 3px 0px 0px 0px;
}

div#keepAreaIn p.btImg img{
margin: 5px 0px 0px 0px;
}

div.keeplistArea{
margin: 0px 10px 0px 10px;
padding: 0px 0px 5px 0px;
font-size: 75%;
}

div.keeplistArea dl{
width: 130px;
float: left;
padding: 8px 0px 0px 0px;
line-height: 1.5;
}

div.keeplistArea dt a{
color: #FF6600;
}

div.keeplistArea img{
width:30px ;
float: right;
margin: 18px 0px 0px 0px;
}

div#rightCnt h4#keepUse a{
width: 190px;
height: 33px;
background:url(../images/search_common/title_keepuse.gif) no-repeat;
display: block;
text-indent: -9999px;
overflow: hidden;
}

div.wrapKeep{
border-bottom: 1px solid #CCCCCC;
}

div.wrapKeep ul{
padding: 5px 0px 0px 0px;
margin: 0px 9px;
width: 172px;
font-size: 75%;
line-height: 130%;
}

div.wrapKeep li{
padding: 0px 0px 0px 12px;
margin: 0px 0px 8px 0px;
background: url(../images/search_common/list_heart.gif) no-repeat left 0.1em;
}