@charset "shift_jis";
/*--文字コード指定--*/

/*--帯の色（08/10/08変更）--*/
/* 旧： #B36E2C　新： #f3692a */
/*--帯の色（10/01/14変更）--*/
/* 新： #4baedf */

/*===== CONTENTS ==========
update:2006.11.14
=========================*/

/*===== 基本設定
=========================*/
html{background::inherit;}

/*\*/
*html .buggybox{height:1%;}
/**/

body {
margin:0;
padding:0;
font-family:verdana,"ＭＳ Ｐゴシック",sans-serif, osaka, sans-serif;
font-size:small;
color:#000;
/*background:#F8F8F8;*/
}
h1, h2, h3, ul, li {
margin: 0px;
padding: 0px;
font-weight: normal;
line-height:100%;
}
p {
line-height:150%;
padding:0;
margin:0;
}

h3 {border: none;}

/*== リンク設定 ==*/
a,
a:link,
a:visited,
a:active {
text-decoration: none;
color: #333;
}

a:hover {
text-decoration: underline;
color: #333;
}
a img {
border:none;
}


/*===== ヘッダエリア設定
=========================*/
#container {
height: 87px;
}
#headerCont {
width:100%;
height:109px;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/header_bg.gif") repeat-x;
}
#headerContTop {
width:400px;
height:68px;
margin:0 auto;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/header_logobg.jpg") no-repeat;
padding:20px 0 0 370px;
}
#headerContTop h1 {
text-indent:-9999px;
}
#headerContTop a {
display:block;
width:379px;
height:56px;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/header_logo.gif") no-repeat;
}
#headerCont ul {
width:754px;
height:21px;
margin:0 auto;
padding:0 8px;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/header_menubg.gif") no-repeat;
}
#headerCont li {
float:left;
font-size:xx-small;
height:19px;
list-style:none;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/header_menuicon.gif") no-repeat 0px 4px;
padding:2px 0 0 8px;
margin:0 4px;
}
#headerCont li a,
#headerCont li a:link,
#headerCont li a:visited,
#headerCont li a:active,
#headerCont li a:hover {
color: #FFF;
}

/*===== フッターエリア設定
=========================*/
#footerCont {
clear:both;
width:100%;
height:82px;
margin:0;
padding:23px 0 0;
text-align:center;
line-height:100%;
font-size:x-small;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/footer_bg.gif") repeat-x;
}
.footer_common{
line-height:1.5;
text-align:left;
clear:both;
margin:0 auto;;
padding:0 0 10px ;
}

p.gotop2 {
font-size:x-small;
text-align:right;
padding:15px 0;
}

/*===== コンテンツエリア設定
=========================*/

.infoCont {
width:735px;
margin:0 auto;
padding:0;
}

/*== サイドメニュー階層 ==*/
.rightCont .title {
padding-top:1px;
}

.sideZone {
border:1px solid #6780AA;
padding:8px 8px 0;
}
.sideZone h4 {
padding:4px 0;
margin:0;
}
.sideZone p {
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/sidemenu/sep.gif") repeat-x left bottom;
font-size:small;
}
.sideZone div {
padding:4px 0;
text-align:center;
}
.sideZone h4.title{
padding:0;
margin:0;
height:auto;
text-align:center;
}
.sideZone form{
padding:0;
margin:0;
}

.sideBanner {
padding-top:5px;
text-align:center;
}

.nobook {
border:1px solid #7187BB;
padding:6px 4px 3px 8px;
margin-top:5px;
text-align:center;
}
.nobook h4 {
text-indent:-9999px;
width:167px;
height:18px;
line-height:100%;
font-size:x-small;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/sidemenu/title_nohonshi.gif") no-repeat;
}
.nobook p {
width:167px;
line-height:150%;
font-size:x-small;
padding-bottom:5px;
text-align:left;
}
.nobook img {
margin:0 auto;
}

/*== 第二階層 ==*/
.pankuzu {
width:738px;
margin:0 auto;
font-size:xx-small;
padding: 5px 10px;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/content_pankuzu.gif") repeat-x 0% 100%;
}

#contentCont {
text-align: left;
width:760px;
margin:0 auto;
padding:0 5px;
line-height:100%;
font-size:x-small;
background:url("http://www.recruit-hokkaido-jalan.jp/blog/images/common/content_bg.jpg") repeat-y;
}
.contentContEnd {
clear:both;
width:735px;
height:28px;
margin:0 auto;
padding:0;
}
.leftCont {
float:left;
width:520px;
margin:0;
padding:10px 0 0 ;
}
.rightCont {
float:right;
width:186px;
margin:0;
padding:10px 0 0;
}

h4.coment {
background:#4baedf url("http://www.recruit-hokkaido-jalan.jp/blog/images/sidemenu/side_title_bg.gif") repeat-x 100% 100%;
margin:5px 0 0;
padding:5px;
color:#FFF;
font-size:small;
font-weight:bold;
}

.rightCont ul {
background:#d6f2ff;
padding:8px;
list-style:none;
margin-bottom:5px;
}

.rightCont li {
background:#d6f2ff url("http://www.recruit-hokkaido-jalan.jp/blog/images/sidemenu/icon_blog.gif") no-repeat 0px 2px;
padding:0 0 6px 8px;
}


.syndicate {
padding:8px;
background:#d6f2ff;
}
.syndicate img {
float:right;
}

/*===== 月別アーカイブ（新） =====*/
dl.typeD {background: #d6f2ff; margin-bottom: 5px;}
dl.typeD dl {}
dl.typeD dt {padding: 5px 0 5px 10px; font-weight: bold;}
dl.typeD dd ul {margin: 0; padding: 0 10px 5px 10px; list-style:none;}
dl.typeD dd ul li {float: left; margin: 0 0 5px 0; padding: 0; white-space: nowrap; width: 33px;}
dl.typeD dd ul li.none {margin-right: 0;}

.clear {zoom: 100%;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/*===== カレンダー =====*/

#calendar {
    margin: 0 0 10px 0;
    color: #333;
background:#d6f2ff;
font-size:xx-small;
padding:5px;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
width:175px;
text-align:center;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}

.today {
    display: block;
    /*border: 1px solid #444;*/
color:#C60;
font-size:xx-small;
background:#b4daec;
padding:3px 6px;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0000ff;
}

#calendar td a {
text-decoration:underline;
}

/*===== エントリーエリア設定
=========================*/
.blogTitle {
padding:0 0 15px;
}
.date-header {
background:#f3692a;
padding:5px;
}
.date-header h2 {
color:#FFF;
font-size:small;
font-weight:bold;
float:left;
line-height:150%;
}
.trackbacks h3,
.comments-content h3,
.comments-open h2,
.date-header,
#archive-title {
color:#FFF;
font-size:small;
font-weight:bold;
background:#4baedf;
padding:5px;
}
#archive-title {
margin:10px 0;
}
.archive-content ul {
list-style:none;
}
.archive-content li {
padding-bottom:10px;
}
#contentCont .trackbacks p,
#contentCont .comments-content p,
#contentCont .comments-open p {
line-height:150%;
padding:5px 0;
}

.date-header p a,
.date-header p a:link,
.date-header p a:visited,
.date-header p a:active,
.date-header p a:hover {
color:#FFF;
font-size:small;
}
.cate-header{
float:right;
text-align:right;
}

.entry-header{
padding:10px 0;
font-size:medium;
line-height:150%;
border-bottom:dotted #4baedf 1px;
font-weight:bold;
}
.entry-content {
padding:10px 0;
line-height:130%;
border-bottom:solid #4baedf 1px;
}
.entry-footer {
padding:5px 0;
margin:0 0 20px 0;
text-align:right;
clear:both;
}

.entry-body,
.entry-body p,
.entry-more,
.entry-more p{
font-size:small;
line-height:130%;
}

div#more{
margin:10px 0;
}

.clear {
clear:both;
}
.zone h2 {
padding:10px 0;
}

/*エントリー補助*/
.clear-both { clear: both;}

div.img-r {
float: right;
margin:0 0 10px 10px;
width: 200px;
}

div.img-l {
float: left;
margin:0 10px 10px 0;
width: 200px;
}

div.img-r img,
div.img-l img{
margin:0 0 10px 0;
}


/*===== トラックバック =====*/

#trackbacks-info{
padding:5px;
margin:10px 0;
border:1px dotted #CCC;
text-align:center;
background:#F6F6F6;
}

#trackbacks-info p{
line-height:200%;
}

.trackback-content {
padding:10px 0;
line-height:130%;
border-bottom:solid #f3692a 1px;
}
.trackback-footer {
padding:5px 0;
text-align:right;
}

/*===== おすすめ宿リスト =====*/

.osusumeSection{
text-align:left;
margin:10px 0;
}

.osusumeSection img {
padding:5px 0;
}

.osusumeSection p{
clear:both;
text-align:left;
}
.yadoTitleHead {
width:520px;
height:26px;
background:#E6E6E6;
vertical-align:middle;
margin-top:15px;
}

.yadoTitleHead p {
font-size:small;
font-weight:bold;
padding:5px 0 5px 10px;
float:left;
width:auto;
}
.yadoTitleHead img {
padding:3px 10px 3px 0;
float:right;
}

.entry-more-link{
padding:10px 0;
text-align:right;
}
.entry-more-link a,
.entry-more-link a:link,
.entry-more-link a:visited,
.entry-more-link a:active,
.entry-more-link a:hover{
color:#CC0000;
}

div.entrySeo{
float:right;
clear:both;
font-style:italic;
color:#999;
padding:5px 0;
font-size:small;
line-height:140%;
}