@charset "euc-jp";

/*-------------------------------------

screen2.css

author: ハロー十勝ドットコム
info: pc設定
-------------------------------------*/

/*
===== 背景 ===============================================
#
==========================================================
*/
body{
	background:#D7FFFF url(../img2/common/bg.gif) repeat-x 0 0;
	text-align:center;
	margin:0 auto;
}
#set{
	width:920px;
	margin:0 auto;
	text-align:center;
	border-width:0 1px;
}

/*
===== ヘッダー ===========================================
#
==========================================================
*/

/* ナビ */
#h-navi{
	float:left;
	width:920px;
	height:25px;
	background:url(../img2/common/hd_menu_bg.gif) no-repeat 0 0;
}
#h-navi li{
	float:right;
}
#h-navi a{
	display:block;
	height:13px;
}
.h-navi01{
	margin:2px 23px 0 0;
}
.h-navi02{
	margin:2px 23px 0 0;
}
.h-navi03{
	margin:2px 23px 0 0;
}
.h-navi04{
	margin:2px 16px 0 0;
}
*html .h-navi01{
	margin-right:24px;
}
*html .h-navi02{
	margin-right:23px;
}
*html .h-navi03{
	margin-right:23px;
}
*html .h-navi04{
	margin-right:8px;
}
.h-navi01 a{
	background:url(../img2/common/hd_menu01.gif) no-repeat 0 0;
	width:142px;
}
.h-navi02 a{
	background:url(../img2/common/hd_menu02.gif) no-repeat 0 0;
	width:34px;
}
.h-navi03 a{
	background:url(../img2/common/hd_menu03.gif) no-repeat 0 0;
	width:61px;
}
.h-navi04 a{
	background:url(../img2/common/hd_menu04.gif) no-repeat 0 0;
	width:95px;
}
.h-navi01,
.h-navi01 a,
.h-navi02,
.h-navi02 a,
.h-navi03,
.h-navi03 a{
	display:none;
}
#h-navi a:hover{
	background-position:0 -13px;
}

/* ヘッダーセット */
#header{
	float:left;
	width:920px;
	height:60px;
	text-align:left;
	background:url(../img2/common/header_bg.gif) repeat-x bottom right;
}
#header-c{
	float:left;
	width:920px;
	height:60px;
	text-align:left;
	background:#fff;
}

/* タイトル */
#title{
	margin:0;
	padding:0;
	float:left;
}

/* メニュー */
#hd-menu{
	margin:5px 10px 5px 0;
	padding:0;
	float:right;
}
*html #hd-menu{
	margin-right:5px;
}
#hd-menu li{
	float:left;
	padding:0;
	margin:0 0 0 5px;
}
#hd-menu a{
	display:block;
	width:90px;
	height:24px;
}
.hd-menu00 a{
	background:url(../img2/common/hd_menu_home.gif) no-repeat 0 0;
}
.hd-menu01 a{
	background:url(../img2/common/hd_menu_news.gif) no-repeat 0 0;
}
.hd-menu02 a{
	background:url(../img2/common/hd_menu_free.gif) no-repeat 0 0;
}
.hd-menu03 a{
	background:url(../img2/common/hd_menu_shop.gif) no-repeat 0 0;
}
.hd-menu04 a{
	background:url(../img2/common/hd_menu_job.gif) no-repeat 0 0;
}
.hd-menu05 a{
	background:url(../img2/common/hd_menu_estate.gif) no-repeat 0 0;
}
#hd-menu a:hover{
	background-position:0 -24px;
}

/* 掲載件数 */
#number-pub{
	font-size:12px;
	clear:right;
	float:right;
	text-align:right;
	width:200px;
	margin:0 10px 0 0; 
}
*html #number-pub{
	margin-right:5px;
}
#number-cases{
	font-style:italic;
}

/* エントリーボタン
#entry-bt{
	margin:14px 20px 0 0;
	float:right;
}
*html #entry-bt{
	margin-right:10px;
}
#entry-bt a{
	display:block;
	width:101px;
	height:30px;
	background:url(../img2/common/entry_bt.gif) no-repeat 0 0;
}
#entry-bt a:hover{
	background-position:0 -30px;
}
 */

/* 検索キーワード */
#search-result{
	width:920px;
	height:49px;
	margin:0;
	float:left;
	background:url(../img2/common/search_bg01.gif) no-repeat 0 0;
}
#search-result ul{
	margin:0;
	padding:0;
}
#search-result li{
	padding:0;
	float:left;
	height:26px;
	margin:12px 0 0 12px;
}
*html #search-result li{
	margin-left:6px;
}
#search-result h2{
	width:129px;
	height:26px;
	margin-left:6px;
}
li#search-it{
	padding-top:3px;
}
li#search-bt{
	padding-top:2px;
}
.search-number{
	float:right;
	margin:16px 20px 0 0;
}
*html .search-number{
	margin-top:16px;
	margin-right:10px;
}

/* 店舗HPボタン */
.bt-hp{
	width:139px;
	height:22px;
	padding:14px 14px 0 0;
	float:right;
}
*html .bt-hp{
	width:153px;
	height:36px;
}
.bt-hp a{
	display:block;
	background:url(../img2/common/botton_hp.gif) no-repeat 0 0;
	width:139px;
	height:22px;
}
.bt-hp a:hover{
	background-position:0 -22px;
}

/*
===== ボディー ===========================================
#
==========================================================
*/

#body{
	background:#fff url(../img2/common/body_bg.gif)  no-repeat top center;
	float:left;
	width:920px;
	padding:10px 0;
}
#container{
	
}

/* 左カラム
-------------------------------------*/
#col-left{
	width:180px;
	float:left;
	margin:0;
}


/* カラムセット
-------------------------------------*/
/* 最上部 */
#col-set02{
 float:left;
	margin-bottom:10px;
	width:920px;
}
*html #col-set02{
	margin-bottom:0px;
}

/* 上部 */
#col-set{
	width:920px;
	float:right;
}
/* 下部 */
#col-set2{
	width:730px;
	float:left;
}
.set2-col{
	float:right;
}
.set2-col2{
	float:left;
}
#col-set2 h2{
	height:25px;
}
*html #col-set2 h2{
	height:auto;
}

/* センターカラム
-------------------------------------*/
#col-center{
 width:300px;
	float:left;
	display:block;
}

#col-center h2{
	float:left;
	width:300px;
	height:25px;
}

/* 右カラム
-------------------------------------*/
#col-right{
	width:610px;
	float:right;
	margin:0;
}

/* PR情報
-------------------------------------*/
#sale-pr-bg{
	width:610px;
	float:left;
	background:url(../img2/common/pr-bg01.gif) repeat-y 0 0;
}
#pr-title{
	width:560px;
	float:left;
	text-align:left;
	margin:0 0 10px 10px;
	font-size:12pt;
	font-weight:bold;
	padding:5px 0 5px 20px;
	background:url(../img2/pr/pr-title.gif) no-repeat 0 0;
	border:solid 1px #ccc;
	border-width:1px 1px 1px 0;
}
*html #pr-title{
	margin-left:5px;
	width:590px;
}
#pr-title h3{
	display:inline;
	font-weight:bold;
	padding:0;
}
#pr-title h4{
	font-size:10pt;
	padding:0 0 0 10px;
	display:inline;
	margin:0;
	padding:0;
}
#sale-pr-menu{
	float:left;
	width:610px;
	margin:5px 0 10px;
}
#sale-pr-menu li{
	float:left;
	padding:0 0 0 3px;
}
#sale-pr-menu li a{
	font-weight:bold;
	color:#fff;
	width:118px;
	height:19px;
	padding:5px 0 0;
	text-align:center;
	text-decoration:none;
	float:left;
	background:url(../img2/common/pr-menu-bg.gif) no-repeat 0 0;
}
*html #sale-pr-menu li a{
	height:24px;
}
#sale-pr-menu li a:hover{
	background-position:0 -24px;
}
#sale-pr-body{
	text-align:left;
	width:590px;
	float:left;
	padding:0 10px 10px;
	background:url(../img2/common/pr-bg02.gif) no-repeat left bottom;
}
*html #sale-pr-body{
	width:610px;
}

/* PR情報一覧 */
#sale-pr-list{
	text-align:left;
	width:280px;
	float:left;
	padding:0 10px 10px;
	background:url(../img2/common/top_blog_bg02.gif) no-repeat left bottom;
}
*html #sale-pr-list{
	width:300px;
}
#sale-pr-list dl{
	padding:0 0 2px;
	margin:0 0 5px;
	border-bottom:dotted 1px #ccc;
}
#sale-pr-list dt{
	padding:0 0 0 16px;
	font-weight:bold;
	background:url(../img2/common/icon_list01.gif) no-repeat left center;
}
#sale-pr-list dd{
	padding:0 0 0 16px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat left center;
}

/* フッター
-------------------------------------*/
#footer{
	background:url(../img2/common/footer_bg.gif) no-repeat 0 0;
	height:38px;
	width:920px;
	float:left;
	clear:both;
}
#f-menu li{
	float:right;
}
#f-menu a{
	display:block;
	height:12px;
}
#f-menu a:hover{
	background-position:0 -12px;
}
.f-menu01 a{
	margin:13px 20px 0 0;
	background:url(../img2/common/ft_menu01.gif) no-repeat 0 0;
	width:43px;
}
.f-menu02 a{
	margin:13px 20px 0 0;
	background:url(../img2/common/ft_menu02.gif) no-repeat 0 0;
	width:88px;
}
.f-menu03 a{
	margin:13px 20px 0 0;
	background:url(../img2/common/ft_menu03.gif) no-repeat 0 0;
	width:61px;
}
.f-menu04 a{
	margin:13px 34px 0 0;
	background:url(../img2/common/ft_menu04.gif) no-repeat 0 0;
	width:68px;
}
#copyright{
	background:url(../img2/common/copyright_bg.gif) no-repeat 0 0;
	margin:0;
	padding:1px 0 0;
	height:17px;
	width:920px;
	float:left;
	color:#fff;
	font-size:11px;
}
*html #copyright{
	height:18px;
}

/*
===== トップページ =======================================
#
==========================================================
*/

/* 左カラム
-------------------------------------*/
#col-left h2{
	margin:0;
	height:25px;
	float:left;
}

/* カテゴリーリスト */
#category-list{
	float:left;
	width:170px;
	background:url(../img2/common/category_bg.gif) repeat-y 0 0;
	border-bottom:solid 1px #ccc;
	margin:0 0 10px;
	padding:5px;
}
*html #category-list{
	width:180px;
}
#treewrapper{
	position:relative;
}
#treediv{
	position:relative;
	width:160px;
	text-align:left;
}
.icon-ppt,
.icon-dmg,
.icon-prv,
.icon-gen,
.icon-doc,
.icon-jar,
.icon-zip{
	display:block;
	min-height: 22px;
	padding-left:20px;
	background:transparent url(../img2/common/icons.png) 0 0 no-repeat;
}

*html .icon-ppt,
*html .icon-dmg,
*html .icon-prv,
*html .icon-gen,
*html .icon-doc,
*html .icon-jar,
*html .icon-zip{
	height: 22px;
}

.icon-ppt{
	background-position:0 0;
}
.icon-dmg{
	background-position:0 -72px;
}
.icon-prv{
	background-position:0 -144px;
}
.icon-gen{
	background-position:0 -216px;
}
.icon-doc{
	background-position:0 -288px;
}
.icon-jar{
	background-position:0 -180px;
}
.icon-zip{
	background-position:0 -216px;
}

#category-list li{
	text-align:left;
	line-height:1.2;
}
#category-list li a{
	height:16px;
}
#category-list li li{
	margin:0 0 0 12px;
}
#category-list li li li{
	margin:0 0 0 20px;
}
.cate-number{}
.category01 a{}
.category02 a{}
.category03 a{}
.category04 a{}
.category05 a{}

/* PR情報 */
#pr-top{
	float:right;
	background:url(../img2/common/side_bg.gif) no-repeat 100% 100%;
	width:300px;
	height:185px;
	padding:0 0 0;
	margin:0;
}
*html #pr-top{
	height:193px;
}

/* PR掲載文 */
#pr-top dl{
	font-size:10pt;
	float:left;
	text-align:left;
	width:280px;
	padding:0 0 0 10px;
	margin:0 0 1px;
	border-bottom:dotted 1px #ccc;
}
*html #pr-top dl{
	width:290px;
}


#pr-top dt{
	float:left;
	width:269px;
	padding:0 0 0 16px;
	background:url(../img2/common/icon_list01.gif) no-repeat 0 4px;
}
#pr-top dd{
	line-height:1.2;
	float:left;
	width:269px;
	padding:0 0 0 15px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 5px;
}

/* バナー */
#left-banner{
	float:right;
	margin:0 0 20px;
}
#left-banner a img{
	border-width:0;
}


/* 中央カラム
-------------------------------------*/
#map-bg{
	clear:left;
	padding:0 0 5px 5px;
	margin:0 0 10px;
	width:415px;
	float:left;
	background:url(../img2/home/top_map_bg01.gif) no-repeat left bottom;
	display:block;
}
*html #map-bg{
	width:420px
}

/* トップ用 */
#top-map-bg{
	margin:0 0 10px;
	width:300px;
	height:403px;
	float:left;
	text-align:left;
	background:#ededed url(../img2/common/top_blog_bg01.gif) repeat-y 0 0;
	display:block;
}
*html #top-map-bg{
	width:300px;
	height:407px;
}

#top-map{
	width:295px;
	float:left;
	padding:5px 0 5px 5px;
	background:url(../img2/common/top_blog_bg02.gif) no-repeat left bottom;
}
*html #top-map{
	width:300px;
}

#map{
	margin:0;
}

/* トップブログ */
#top-blog-bg *{}
#top-blog-bg{
	padding:1px 0 0;
	margin:0 0 10px;
	width:300px;
	height:403px;
	float:right;
	text-align:left;
	background:#ededed url(../img2/common/top_blog_bg01.gif) repeat-y 0 0;
	display:block;
}
*html #top-blog-bg{
	height:407px;
}
#top-blog-bg h2{}
#top-blog{
	width:295px;
	float:right;
	padding:5px 0 8px 5px;
	background:url(../img2/common/top_blog_bg02.gif) no-repeat left bottom;
}
*html #top-blog{
	width:300px;
}
#top-blog dl{
	width:285px;
	padding:0 0 2px;
	margin:0 0 3px;
	float:left;
	border-bottom:dotted 1px #ccc;
}
#top-blog dt{
	float:left;
	width:269px;
	margin:0;
	padding:0 0 0 16px;
	background:url(../img2/common/icon_list01.gif) no-repeat 0 4px;
}
*htmml #top-blog dt{}
#top-blog dd{
	float:left;
	margin:0;
	width:269px;
	padding:0 0 0 15px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 5px;
}

/* 中央下段カラム */
#top-katimai{
	font-size:10pt;
	text-align:left;
	width:415px;
	height:251px;
	float:left;
	background:url(../img2/common/map_bg.gif) no-repeat left bottom;
	display:block;
	padding:5px 0 5px 5px;
}
*html #top-katimai{
	width:420px;
	height:260px;
}
#top-katimai{
	margin:0 0 10px;
}

#top-katimai li{
	width:394px;
	margin:0 0 5px 0;
	padding:0 0 3px 16px;
	border-bottom:solid 1px #ccc;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 4px;
	display:block;
}

/* 右カラム
-------------------------------------*/
#col-right h2{
	margin:0;
	padding:0;
	width:300px;
	height:25px;
	float:left;
}
#top-news,
#top-pickup,
#top-access,
#top-headline{
	float:left;
	background:url(../img2/common/side_bg.gif) no-repeat 100% 100%;
	width:300px;
	padding:7px 0 0;
	margin:0 0 10px;
}
*html #top-news,
*html #top-pickup,
*html #top-access,
*html #top-headline{
}
#top-news dl,
#top-pickup dl,
#top-access dl,
#top-headline dl{
	font-size:9pt;
	float:left;
	margin:0 0 5px 10px;
	padding:0 0 1px;
	width:280px;
	border-bottom:solid 1px #ccc;
}
*html #top-news dl,
*html #top-pickup dl,
*html #top-access dl,
*html #top-headline dl{
	margin-left:5px;
}
#top-pickup dl{
	border-width:0;
}
#top-headline dl{
	width:270px;
}

/* 新着情報 */
#top-news{
	min-height:197px;
	padding-bottom:5px;
}
*html #top-news{
	height:197px;
}
#top-news #top-n-icon{
	float:left;
	width:48px;
}
#top-news .news-cell{
	width:280px;
	line-height:1.2;
	margin:0 0 1px 10px;
	height:40px;
	text-align:left;
	float:left;
	border-bottom:solid 1px #ccc;
}
*html #top-news .news-cell{
	margin-left:5px;
}
#top-news dl{
	width:226px;
	margin:0;
	padding:0;
	float:right;
	border-width:0;
}
#top-news dt{
	height:14px;
	text-align:left;
	line-height:1.2;
	margin:0;
	padding:0 0 0 16px;
	background:url(../img2/common/icon_list01.gif) no-repeat 0 1px;
}
*html #top-news dt{}
#top-news dd{
	float:left;
	line-height:1.2;
	text-align:left;
	margin:0;
	padding:0 0 0 16px;
}
*html #top-news dd{}
#top-news dd a{
	float:left;
	padding:0 0 0 56px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 3px;
}

/* ピックアップ */
#top-pickup{
	padding-bottom:0;
}
#top-pickup dl{
	margin:0;
	padding:0;
}
#top-pickup dt{
	height:13px;
	line-height:1;
	float:left;
	border-bottom:solid 1px #ccc;
	width:265px;
	text-align:left;
	margin:0 0 6px;
	padding:0 0 2px 15px;
	background:url(../img2/common/icon_list01.gif) no-repeat 0 0;
}
*html #top-pickup dt{
	height:16px;
	width:280px;
}
#top-pickup dd{
	height:130px;
	float:left;
	line-height:1;
	margin:0;
	padding:0 0 0 10px;
	overflow:hidden;
}

/* ヘッドライン */
#top-headline{
	height:210px;
	padding-top:5px;
	padding-bottom:6px;
}
*html #top-headline{
	height:215px;
}

/* アクセス */
#top-access{
	min-height:260px;
	background-position:left bottom;
}
*html #top-access{
	height:260px;
}
#top-access dl{
	line-height:1.2;
}
#top-access dt{
	width:230px;
	overflow:visible;
	float:left;
	text-align:left;
}
#top-access dd{
	font-size:11pt;
	color:red;
	width:40px;
	float:right;
	text-align:right;
	font-weight:bold;
}

/* 外部リンク用ボタン */
#hl-heading{
	position:relative;
	width:300px;
	height:25px;
	float:right;
	z-index:10;
}
#hl-heading h2{
	position:absolute;
	z-index:20;
	left:0;
	top:0;
}
.bt-headline{
	position:absolute;
	right:3px;
	top:3px;
	z-index:100;
}
.bt-headline a{
	display:block;
	width:130px;
	height:19px;
	background:url(../img2/home/headline_link.gif) no-repeat 0 0;
}

/* 画面スクロール用 */
#headline-flow{
	width:288px;
	height:198px;
	padding:5px 0;
	float:left;
	border:solid 1px #ccc;
	border-width:1px;
	margin-left:5px;
	overflow:auto;
}
*html #headline-flow{
	width:290px;
	height:209px;
	float:none;
	margin-left:0;
}
#top-headline dl{
	margin:3px 0 0 5px;
	padding-bottom:3px;
	line-height:1.4;
}
*html #top-headline dl{
	margin-left:2px;
}
#top-headline dt{
	text-align:left;
	height:15px;
	float:left;
	width:250px;
	margin:0 5px 0 0;
	padding:0 0 0 15px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 3px;
}
#top-headline dd{
	text-align:left;
	float:left;
	width:250px;
	font-size:10px;
	padding:0 0 0 15px;
}
*html #top-headline dt,
*html #top-headline dd{
	width:265px;
}
#top-headline dd a{
	font-size:11px;
	padding:0 5px 0 0;
}

/*
===== カテゴリーページ ===================================
#
==========================================================
*/

/* 掲載一覧 */
#publish-list{
	background:url(../img2/category/pub_bg.gif) repeat-y 0 0;
	width:300px;
	float:left;
	padding:7px 0 0;
	margin:0 0 10px;
}
#publish-list h3{
	background:url(../img2/common/icons.png) no-repeat 0 0;
	text-align:left;
	float:left;
	color:#555;
	font-weight:bold;
	height:16px;
	font-size:13px;
	padding:0 0 4px 20px;
	margin:0 0 10px 10px;
	width:280px;
	border-bottom:dotted 1px #aaa;
}
*html #publish-list h3{
	height:20px;
	margin-left:5px;
}
#publish-list h3.cate001{
	background-position:0 0;
}
#publish-list h3.cate002{
	background-position:0 -36px;
}
#publish-list h3.cate003{
	background-position:0 -72px;
}
#publish-list h3.cate004{
	background-position:0 -108px;
}
#publish-list h3.cate005{
	background-position:0 -144px;
}

/* 有料版リスト */
.pub-list-ad{
	width:280px;
	float:left;
	padding:0 0 2px;
	margin:0 0 5px 10px;
	border-bottom:dotted 1px #ccc;
}
*html .pub-list-ad{
	margin-left:5px;
}
.pub-list-ad img{
	display:block;
	float:left;
	width:48px;
}
.pub-list-ad dl{
	float:right;
	width:222px;
	margin:0 0 5px;
}
.pub-list-ad dl dt{
	width:207px;
	min-height:16px;
	float:left;
	text-align:left;
	margin:0 0 2px;
	padding:0 0 0 15px;
	background:url(../img2/common/icon_list01.gif) no-repeat 0 1px;
}
*html .pub-list-ad dl dt{
	height:16px;
	width:222px;
}
.pub-list-ad dl dd{
	float:left;
	height:16px;
	width:35px;
	margin:0 5px 0 0;
	padding:0 0 0 15px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 2px;
}
*html .pub-list-ad dl dd{
	width:50px;
}
.tel{
	color:#ff9900;
	font-size:12px;
	width:105px;
	padding:0 0 0 15px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 2px;
}
.pub-list-ad .tel{
	width:105px;
}
*html .tel{
	width:120px;
}
*html .pub-list-ad .tel{
	width:120px;
}

/* 無料版リスト */
.pub-list-free{
	float:left;
	background:url(../img2/common/side_bg.gif) no-repeat left bottom;
	width:300px;
	padding:7px 0 10px;
}
.pub-list-free dl{
	font-size:9pt;
	float:left;
	margin:0 0 5px 10px;
	padding:0 0 1px;
	width:280px;
	border-bottom:dotted 1px #ccc;
}
*html .pub-list-free dl{
	margin-left:5px;
}
.pub-list-free dt{
	float:left;
	width:195px;
	margin:0 10px 0 0;
	padding:0 0 0 15px;
	min-height:16px;
	text-align:left;
	background:url(../img2/common/icon_list01.gif) no-repeat 0 1px;
}
*html .pub-list-free dt{
	height:16px;
	width:210px;
}
.pub-list-free dd{
	width:50px;
	float:right;
	padding:0;
	margin:0 5px 0 0;
}
.pub-list-free dd a{
	float:left;
	padding:0 0 0 15px;
	height:16px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 2px;
}

/*
===== カテゴリー一覧ページ ===================================
#
==========================================================
*/

/* 上部 */
#cat-s-top{
	float:left;
	width:920px;
	background:url(../img2/category/cell-bg-body.gif) repeat-y 0 0;
	margin:0 0 10px;
}
#cat-s-top h3{
	float:left;
	width:870px;
	height:21px;
	padding:5px 0 0 40px;
	font-size:12pt;
	font-weight:bold;
	background:url(../img2/page/c_h3_bg.gif) no-repeat 20px 0;
	margin:0 0 10px;
	text-align:left;
}
*html #cat-s-top h3{
	width:910px;
	height:26px;
}


/* 一覧背景 */
#cat-list-bg{
	float:left;
	width:910px;
	padding:5px 0 20px 10px;
	background:url(../img2/category/cell-bg-bottom.gif) no-repeat left bottom;
}
*html #cat-list-bg{
	width:920px;
	padding:5px 0;
	margin:0;
}

/* カテゴリ一覧 */
#cat-list{
	text-align:left;
	width:900px;
	margin:0;
	padding:0 0 0 10px;
}
*html #cat-list{
	width:910px;
}
#cat-list li{
	float:left;
	width:180px;
	padding:0;
	margin:0;
	text-align:left;
	line-height:1.4;
}

/* 下部 */
#cat-s-bottom{
	float:left;
	width:920px;
	background:url(../img2/category/cell-bg-body.gif) repeat-y 0 0;
	margin:0 0 10px;
}

/* マップ背景 */
#map-bg-cat-s{
	float:left;
	width:910px;
	padding:5px 0 5px 5px;
	background:url(../img2/category/cell-bg-bottom.gif) no-repeat left bottom;
}
*html #map-bg-cat-s{
	width:920px;
}

/*
===== トップ以下共通 =====================================
#
==========================================================
*/

/* 左メニュー */
#l-meun{
	float:left;
	width:190px;
	margin:0;
}
#l-meun ul{
	float:left;
	width:190px;
	margin:0;
	padding:0 0 10px;
	background:url(../img2/page/l_menu_bg02.gif) no-repeat left bottom;
}
#l-meun li{
	float:left;
	margin:3px 0 0;
	padding:0 0 0 5px;
}
*html #l-meun li{
	margin:3px 0 0;
}
#l-meun a{
	display:block;
	width:180px;
	height:48px;
}
#l-meun .l-menu01 a{
	background:url(../img2/page/page_menu01.gif) no-repeat 0 0;
}
#l-meun .l-menu02 a{
	background:url(../img2/page/page_menu02.gif) no-repeat 0 0;
}
#l-meun .l-menu03 a{
	background:url(../img2/page/page_menu03.gif) no-repeat 0 0;
}
#l-meun .l-menu04 a{
	background:url(../img2/page/page_menu04.gif) no-repeat 0 0;
}
#l-meun .l-menu05 a{
	background:url(../img2/page/page_menu05.gif) no-repeat 0 0;
}
#l-meun .l-menu06 a{
	background:url(../img2/page/page_menu06.gif) no-repeat 0 0;
}
#l-meun .l-menu07 a{
	background:url(../img2/page/page_menu07.gif) no-repeat 0 0;
}
#l-meun .l-menu08 a{
	background:url(../img2/page/page_menu08.gif) no-repeat 0 0;
}
#l-meun .l-menu09 a{
	background:url(../img2/page/page_menu09.gif) no-repeat 0 0;
}
#l-meun a:hover{
	background-position:0 -48px;
}

.l-menu02{
	line-height:1.2;
	color:#333;
	padding:5px;
	width:160px;
	text-align:left;
	margin:0 0 5px;
}
*html .l-menu02{
	width:190px;
}
.l-menu02-link{
	text-align:center;
	padding:5px;
	margin:0 0 10px;
	width:178px;
	border:solid 1px #ccc;
	background:#f7f8f9 url(../img2/common/icon_list01.gif) no-repeat 5px 9px;
}
*html .l-menu02-link{
	width:190px;
}
.l-menu02-link a{
	font-weight:normal;
}

/* ページメイン
-------------------------------------*/
#col-page{
	float:right;
	width:715px;
	margin:0;
}
#col-page h2{
	color:#666;
	margin:0 0 10px;
	padding:4px 0 0 20px;
	font-weight:bolder;
	font-size:16px;
	width:680px;
	height:22px;
	text-align:left;
	float:right;
	background:url(../img2/page/r_h2_bg.gif) no-repeat 0 0;
}
*html #col-page h2{
	height:26px;
	width:700px;
}
#col-page h3{
	padding:0 0 2px 20px;
	margin-bottom:10px;
	font-size:15px;
	height:22px;
	color:#555;
	float:right;
	width:680px;
	font-weight:bold;
	background:url(../img2/page/h4_bg.gif) no-repeat 0 2px;
	border-bottom:solid 1px #0b73ff;
}
*html #col-page h3{
	width:700px;
	height:24px;
}

/* 詳細情報
-------------------------------------*/
.detailed-data{
	border-bottom:solid 1px #ccc;
	padding:0 0 20px;
	margin:0 0 20px;
	float:right;
	width:700px;
}
.detailed-data table{
	color:#666;
	text-align:left;
	font-size:13px;
	border:solid 1px #999;
	border-collapse:collapse;
}
.detailed-data table.free{
	float:left;
	width:700px;
}
.detailed-data table.advance{
	width:400px;
	float:right;
}
.detailed-data tbody th{
	border:solid 1px #999;
	background:#edffff;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding:5px;
	width:75px;
}
.detailed-data tbody td{
	padding:5px;
	text-align:left;
	line-height:1.4;
	border:solid 1px #999;
}


/* RSS
-------------------------------------*/
#d-rss{
	width:335px;
	padding:5px 5px 0;
	text-align:left;
	float:left;
	height:176px;
	border:solid 1px #3366ff;
}
*html #d-rss{
	width:343px;
}
#col-page h3{
	width:313px;
}
*html #col-page h3{
	width:333px;
}
#d-rss ul{
	float:left;
	width:325px;
	margin:0 4px 5px;
}
*html #d-rss ul{
	margin:0 2px 5px;
}
#d-rss li{
	float:left;
	width:308px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 3px;
	padding:0 0 2px 15px;
	margin-bottom:2px;
	border-bottom:dotted 1px #ccc;
}
*html #d-rss li{
	width:323px;
}
#d-rss li a{
	margin-left:10px;
}
.blog-link{
	margin-bottom:0;
	float:right;
	padding:0 0 0 15px;
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 3px;
}

/* トピックス
-------------------------------------*/
#d-topics{
	width:335px;
	padding:5px 5px 0;
	text-align:left;
	float:right;
	height:176px;
	border:solid 1px #3366ff;
}
*html #d-topics{
	width:343px;
}
#col-page #d-topics h3{
	width:313px;
}
*html #col-page #d-topics h3{
	width:333px;
}

/* blog無し */
#d-topics2{
	width:690px;
	padding:5px 5px 0;
	text-align:left;
	float:right;
	height:176px;
	border:solid 1px #3366ff;
}
*html #d-topics2{
	width:698px;
}
#col-page #d-topics2 h3{
	width:668px;
}
*html #col-page #d-topics2 h3{
	width:688px;
}

.d-topics-free{
	width:700px;
	text-align:left;
	float:right;
	padding-bottom:10px;
	margin-bottom:10px;
}
.l-topics-info{
	float:left;
	width:700px;
	text-align:left;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:10px;
	border-top:solid 1px #ccc;
}
#d-topics-body{
	float:left;
	height:130px;
	width:328px;
	padding:0 0 0 5px;
	overflow:auto;
	line-height:1.4;
}
*html #d-topics-body{
	width:333px;
}
#d-topics-body *{
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	border-width:0;
	padding:0;
	margin:0;
}
.l-topics-link{
	text-align:center;
	padding:5px;
	float:left;
	clear:left;
	margin:0;
	width:190px;
	border:solid 1px #ccc;
	background:#f7f8f9 url(../img2/common/icon_list01.gif) no-repeat 5px 9px;
}

/* メニュー
-------------------------------------*/
#bg-menu{
	padding:0 0 10px;
	margin:0 0 10px;
	float:right;
	width:700px;
}
#d-menu{
	width:700px;
	text-align:left;
	float:right;
}
#d-menu .d-m-cel{
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	float:left;
	width:700px;
}
.d-menu-photo{
	float:left;
	width:160px;
	overflow:hidden;
	margin:0 4px 5px;
}
*html .d-menu-photo{
	margin:0 4px 5px;
}
.d-menu-p01{
	width:160px;
	margin-bottom:0;
}
.d-menu-p02{
	width:160px;
}
.menu-price{
	text-align:center;
	font-weight:bold;
	color:#3399FF;
	overflow:hidden;
}
.menu-comment{
	text-align:center;
	font-weight:bold;
	color:#0033DD;
	overflow:hidden;
}

/* メニューリスト
-------------------------------------*/
#d-menu-list{
	width:700px;
	float:right;
}

/* map
-------------------------------------*/
#page-map{
 float:right;
	border:solid 1px #ccc;
	padding:10px;
}
#map{
	width:680px;
	height:360px;
}

/* 詳細広告動画
-------------------------------------*/
.detailed-ad{
	width:280px;
	float:left;
}

/* 写真リスト
-------------------------------------*/
.photo-list{
	float:left;
	width:700px;
	padding:0;
	margin:10px 0 0;
}
.photo-list li{
	float:left;
	width:133px;
	height:100px;
	margin:0;
	padding:0 5px 5px 0;
}
.photo-list li img{
	border:solid 1px #ccc;
}

/* 印刷ボタン
-------------------------------------*/
#bt-print{
	padding:10px 0 0;
	text-align:center;
}

/* ページbody
-------------------------------------*/
#body-page{
	background:#fff url(../img2/page/body_page_bg.gif) no-repeat left top;
	float:left;
	padding:10px 0;
	width:920px;
}
#body-page #banner-table{
	margin-top:30px;
}
#page{
	float:left;
	background:#fff url(../img2/page/page_bg.gif) repeat-y 205px 0;
}

/* シングルカラム
-------------------------------------*/
#s-column{
	text-align:left;
	float:left;
	width:720px;
	padding:0 100px;
	margin:20px 0 10px;
}
*html #s-column{
	width:920px;
}

#s-column *{
	margin-bottom:10px;
}
#s-column h2{
	color:#666;
	margin:0 0 10px;
	padding:4px 0 0 20px;
	font-weight:bolder;
	font-size:16px;
	width:700px;
	height:22px;
	text-align:left;
	float:left;
	background:url(../img2/page/c_h3_bg.gif) no-repeat 0 0;
}
*html #s-column h2{
	height:26px;
	width:720px;
}
#s-column h3{
	padding:0 0 2px 20px;
	font-size:15px;
	color:#555;
	font-weight:bold;
	background:url(../img2/page/h4_bg.gif) no-repeat 0 0;
	border-bottom:solid 1px #0b73ff;
}

#s-column table{
	color:#666;
	width:720px;
	text-align:left;
	font-size:13px;
	border:solid 1px #999;
	border-collapse:collapse;
}
#s-column tbody th{
	width:160px;
	border:solid 1px #999;
	background:#edffff;
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
	padding:5px;

}
#s-column tbody td{
	padding:5px;
	text-align:left;
	line-height:1.4;
	border:solid 1px #999;
}


/* ページ左カラム
-------------------------------------*/
#col-left-page{
	float:left;
	width:190px;
	margin:0 0 10px;
	background:url(../img2/page/l_menu_bg01.gif) repeat-y 0 0;
}
#col-left-page h2{
	float:left;
	height:42px;
	margin:0;
}

/* バナースペース */
.banner-sp{
	float:left;
	width:206px;
	background:#ededed;
	text-align:left;
	padding:5px;
}
*html .banner-sp{
	width:216px;
}

/* 担当写真 */
.office-photo{
	float:left;
	width:190px;
	text-align:center;
	padding:0 0 10px;
}
.office-p01{
	width:190px;
	float:left;
	text-align:center;
	margin:0 auto 5px;
}
.office-comment{
	width:190px;
	float:left;
	text-align:center;
	margin:0 auto;
	color:#36f;
	font-weight:bold;
	margin:0 0 10px;
}

/* メニュー */
.office-menu-bg{
	width:190px;
	float:left;
	background:url(../img2/page/l_menu_bg01.gif) repeat-y 0 0;
	margin-bottom:10px;
}
.office-menu{
	width:185px;
	height:144px;
	float:left;
	padding-bottom:10px;
	padding-left:5px;
	background:url(../img2/page/l_menu_bg02.gif) no-repeat left bottom;
}
*html .office-menu{
	width:190px;
	padding-left:0;
}

/* 営業時間 */
.office-hours{
	float:left;
	width:190px;
	text-align:left;
	padding:0 0 10px;
}
#l-meun .office-hours h3{
	padding:0;
	margin:0 0 0 6px;
	height:20px;
	float:left;
	width:178px;
	border-bottom:solid 1px #2f2f2f;
}
*html #l-meun .office-hours h3{
	margin-left:3px;
}
#l-meun .office-hours ul{
	float:left;
	margin:0 0 0 6px;
	width:138px;
	padding:10px 20px;
	background:#e3e6e6;
}
*html #l-meun .office-hours ul{
	margin-left:3px;
	width:178px;
}

#l-meun .office-hours li{
	float:left;
	width:138px;
	padding:0 0 2px;
	margin:0 0 2px;
	color:#2f2f2f;
	font-size:12px;
	border-bottom:dotted 1px #ccc;
}
.office-hours .day-sun{
	font-weight:bold;
	font-size:13px;
	margin:0 10px 0 0;
	color:#f00;
}
.office-hours .day-sat{
	font-weight:bold;
	font-size:13px;
	margin:0 10px 0 0;
	color:#00f;
}
.office-hours .day-weekday{
	font-weight:bold;
	font-size:13px;
	margin:0 10px 0 0;
	color:#333;
}

/* 店舗詳細 */
.office-details{
	margin:0 0 10px;
	float:left;
	width:190px;
}
.office-details table{
	color:#666;
	text-align:left;
	font-size:13px;
	border:solid 1px #999;
	border-collapse:collapse;
}
.office-details tbody th{
	border:solid 1px #999;
	background:#edffff;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding:3px 0 3px 4px;
	line-height:1.4;
	width:26px;
}
*html .office-details tbody th{
	width:30px;
}
.office-details tbody td{
	padding:3px;
	text-align:left;
	line-height:1.4;
	border:solid 1px #999;
}

/* クーポン画像隠し */
#qupon-img{
	display:none;
}

/* QRコード */
#qr-bg{
	width:190px;
	float:left;
	margin-bottom:10px;
	background:url(../img2/page/l_menu_bg01.gif) repeat-y 0 0;
}
#qr-body{
	width:190px;
	height:128px;
	float:left;
	text-align:center;
	background:url(../img2/page/l_menu_bg02.gif) no-repeat left bottom;
}

/* ページ右カラム
-------------------------------------*/
#col-right-page{
	float:right;
	width:580px;
	margin-right:10px;
}
*html #col-right-page{
	margin-right:5px;
}
#col-right-page h2{
	background:url(../img2/page/r_h2_bg.gif) no-repeat 0 0;
	font-size:18px;
	padding:6px 0 0 20px;
	text-align:left;
	width:560px;
	height:30px;
	color:#666;
	clear:both;
	margin:0 0 10px;
	font-weight:bolder;
}
*html #col-right-page h2{
	width:580px;
	height:36px;
}

/*
===== 仕事ページ =========================================
#
==========================================================
*/

#job-home{
	float:left;
	width:600px;
}
#job-menu{
	float:right;
	width:300px;
}

/*
===== お問い合わせフォーム ===============================
#
==========================================================
*/
#inquiry{
	width:720px;
}
#inquiry fieldset{
	width:720px;
	border:solid 1px #888;
	margin:0 0 10px;
	padding:0 20px 10px;
}
#inquiry fieldset *{
	margin-top:5px;
}
#inquiry fieldset ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#inquiry fieldset li{
	list-style-type:none;
	margin:0;
	padding:0 0 5px;
	border-bottom:solid 1px #888;
}
#inquiry fieldset li label{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding-top:5px;
	border-right:solid 1px #888;
	padding-right:10px;
	margin-right:10px;
}
.asterisk{
	color:red;
}
.inquiry-policy{
	padding-top:20px;
}
.inquiry-submit{
	width:700px;
	text-align:center;
}
.inquiry-submit ul{
	list-style-type:none;
	margin:0 0 0 100px;
	padding:0;
	text-align:center;
	width:600px;
}
.inquiry-submit li{
	list-style-type:none;
	padding:0;
	width:250px;
	text-align:center;
	float:left;
}

/*
===== プライバシーポリシー ===============================
#
==========================================================
*/
#inquiries{}
#inquiries ul{
	width:700px;
	border-bottom:dotted 1px #999;
	margin-bottom:20px;
	padding-bottom:10px;
}
#inquiries li{
	margin-left:32px;
	list-style-type:disc;
	margin-bottom:5px;
}

/* pcで隠す */
.s-hidden{
	display:none;
}

/*
===== ハロー十勝 =========================================
#
==========================================================
*/
/* 検索窓 */
#hens{
	width:720px;
	background:url(../img2/common/hens_bg02.gif) repeat-y 0 0;
	float:left;
}
*html #hens{
	width:720px;
}
#hens *{
	margin:0;
	padding:0;
}
#hens ul{
	width:720px;
	padding:0;
	margin:0;
	float:left;
}
*html #hens ul{
	width:720px;
}
#hens li{
	float:left;
	width:720px;
	text-align:center;
}
#hens li dl{
	width:540px;
	float:left;
	margin:0 0 0 88px;
	padding:0 0 10px;
}
*html #hens li dl{
	margin-left:44px;
}
#hens li dl h3{
	text-align:left;
	margin:0 0 5px;
}
#hens-top{
	padding:10px 0 0;
	background:url(../img2/common/hens_bg01.gif) no-repeat 0 0;
}
#hens li #key_word_s01{
	width:540px;
	height:24px;
	font-size:110%;
}
#kensaku-bg{
	float:left;
	width:720px;
	height:24px;
	padding:10px 0;
	margin:0;
	text-align:center;
	background:url(../img2/common/hens_bg03.gif) no-repeat 0 0;
}
*html #kensaku-bg{
	height:44px;
}
input#kensaku{
	width:118px;
	height:24px;
	border-width:0;
	color:#fff;
	font-weight:bold;
	background:url(../img2/common/bt02.gif) no-repeat 0 0;	
}

/* 雇用形態 */
#hire-style dt{}
#hire-style dd{
	line-height:1;
	float:left;
	text-align:center;
	width:90px;
	padding:0;
}

/* ページナビゲーション */
#search-bg{
	width:720px;
	float:left;
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom:dotted 1px #999;
}
#search-bg *{
	margin:0;
	padding:0;
	float:left;
}
#search-info{
	width:720px;
	text-align:center;
}
#search-pre{
	float:left;
	width:80px;
	margin:0;
}
#search-nex{
	float:right;
	width:80px;
	margin:0;
}
#search-pre input,
#search-nex input{
	float:left;
}

/* 仕事リスト */
.job-list-cell{
	line-height:1.2;
	border-bottom:dotted 1px #ccc;
}
.job-list-cell *{
	margin:0 0 5px;
}
.job-list-cell h4{
	font-weight:bold;
	font-size:140%;
}
.job-list-data{
	color:#00f;
}

/* 掲載情報について */
.information{
	float:left;
	color:#666;
	width:720px;
	padding:5px 0;
	margin:0 0 10px;
	background:#f6f6f6;
	border:solid 1px #ccc;
}
*html .information{}

/* 戻るボタン */
#historyback{
	width:118px;
	margin:0 auto;
	text-align:center;
}
#historyback a{
	float:left;
	text-align:center;
	width:118px;
	height:22px;
	color:#fff;
	padding:2px 0 0;
	margin:0 auto;
	text-decoration:none;
	background:url(../img2/common/bt01.gif) no-repeat 0 0;
}
*html #historyback a{
	height:24px;
	float:none;
}