@charset "Shift_JIS" ;

/* --------------------------------------------------------------------------------------------------
AUTHOR:			Tosa Mamico
CSS構成書:   	こまちTOP専用 メイン領域（#container）
LAST MODIFIED:	2008.12.17	

AUTHOR:			dyamada
CSS構成書:   	こまちTOP専用 メイン領域（#container） renew
LAST MODIFIED:	2010.9.22	

AUTHOR:			e.honma
CSS構成書:   	こまちTOP専用 メイン領域（#ads_block） new
LAST MODIFIED:	2011.4.7	


■ 基本階層構造			（段組み） 		
----------------------------------------------------------------------------------------------------
	#wrapper			→ ヘッダー部画像差し替え用			
	   #header			→ 950px
	   #container		→ 950px
	   #footer			→ 950px
-------------------------------------------------------------------------------------------------- */ 


/* -------------------------------------------------------------------
            #container設定 【総合TOP専用】
-------------------------------------------------------------------- */
div#container { width:950px; overflow : hidden ; /* float対策 */ margin : 0 0 15px ; margin:0 auto;}
div#mainBlock { width:630px; float:left;}
div#sideBlock { width:300px; float:right;}



/* --- 共通 ----------------- */

div#mainBlock h3.title { margin:0 0 7px;}
div#sideBlock h3.title { margin:0 0 0px;}

/*もっと見る*/
div.viewMore 	{ text-align:right; font-size:12px; margin:0; clear:both;}
div.viewMore a 	{ padding:4px 0 4px 20px; background:url(../img/viewmore_ico.png) no-repeat left center;}

.wrap { width:100%; overflow:hidden;}

/* バナー */
.banner { margin:0 0 12x;}
.banner a { display : block ; margin-bottom : 10px ;}
.banner object,
.banner embed { margin-bottom : 5px ; }


/* 臨時 お知らせ */
#Top_infomation { margin-bottom : 8px ; margin-top : 5px ; width:930px; background-color:#FFFFCC; padding:10px; }
#Top_infomation02 { margin-bottom : 5px ; margin-top : 10px ; width:928px; border:1px solid #CCCCCC; padding:10px; }
#Top_infomation img { 	vertical-align : middle ; }
#Top_infomation p {	color : #CC0000 ; } 
#Top_infomation02 p { text-align:center; margin-bottom:0px; } 

/* 掲示板 背景 */
.tickercontainer { background : url(/img/news_back.gif) left top no-repeat ; width : 480px ;	height: 22px ;	padding : 0 ;	overflow : hidden ;  } /* the outer div background */ 
/* スクロール領域 */
.tickercontainer .mask { position : relative ;	left : 120px ;	top : 5px ;	width : 355px ;	overflow : hidden ;} /* that serves as a mask. so you get a sort of padding both left and right */
ul.newsticker { position : relative ;/* that's your list */ }
ul.newsticker li { float : left ; }
ul.newsticker a {	white-space: nowrap ;	color : #666666 ; 	margin-right : 30px ; } 
ul.newsticker span {	margin-right : 3px ; 	color : #ff6600 ; /* オレンジ */ }


#event-postpic { width:100%; overflow:hidden; /*background:url(../img/event-postpic_bg.png) no-repeat right bottom;*/ margin-bottom:10px; height:340px;}


/*  ///////////////////////////////////////////////////////////////////////// 【 今週のイベント 】 */
div#thisWeekEvent { width:276px; float:left; overflow:hidden; padding:0;}
div#thisWeekEventWrap { width:256px; border:#ccc solid 1px; padding:9px; overflow:hidden; clear:both;}
div#thisWeekEvent div.event { width:256px; overflow:hidden; border-bottom:#ccc dotted 1px; padding:0 0 6px; margin:0 0 8px}
div#thisWeekEvent div.last  { padding:0; margin:0; border:none;}
div#thisWeekEvent div.event div.img { width:116px; margin-right:5px; float:left;}
div#thisWeekEvent div.event div.img a img { border:#CCCCCC solid 1px; padding:1px;}
div#thisWeekEvent div.event div.img a:hover img { border:#F93 solid 1px; }
div#thisWeekEvent div.event div.txt { width:130px; float:right; text-align:left;}
div#thisWeekEvent div.event div.txt h4 { font-size:12px; line-height:1.2em; margin:2px 0; padding:0; color:#39F; display:block}
div#thisWeekEvent div.event div.txt h4 a {color:#3399FF; text-decoration:none;}
div#thisWeekEvent div.event div.txt p {font-size:12px;line-height:1.2em;color:#333;margin:0; display:block; text-align:left;white-space:normal;word-break:keep-all;word-wrap: break-word; word-break:break-strict}
div#thisWeekEvent div.event div.txt p strong { color:#35a400;}

/* ///////////////////////////////////////////////////////////////////////////// 【 街ネタ 】 */


/* コンテンツ */
div#postPickBlock { width:340px; float:right; overflow:hidden ;padding:0 0 10px; margin:0 0 0; /*border-bottom:#ccc solid 4px;*/ }
div#postPickBlock h3 { margin:0 0 10px;}
	
	/* 画像＆コピー */
	#postPickBlock span {width:127px; float:left; background:url(/img/postpic_baloon_bg_2.png) no-repeat left bottom; padding-bottom:7px;}
	#postPickBlock span img 	{ width:127px;}
	
	#postPickBlock span em 		{ display : block ; margin : 4px 0 0 ;	padding :20px 0 0px 4px; height:41px;	background:url(/img/postpic_baloon_bg_1.png) no-repeat center top;font-size : 1.2em;}
	#postPickBlock span em a 	{ background : url(/img/postpic_baloon_ico.png) no-repeat left center; padding :0px 4px 0px 28px; display:block;}
	
	
	/* 街ネタ情報 */
	#postPickBlock div {	float : right;	width : 203px !important ;	width /* */ : 205px ; /* IE6 older */   margin:0 0 0 10px; padding:0 0 0; }
	
	#postPickBlock ol { margin:0 0 10px; border-top:#ccc dotted 1px; border-bottom:#ccc dotted 1px;}
	#postPickBlock li {	line-height : 1.4 ;	margin-bottom : 3px ;	padding :3px 0 3px 22px ;	background : url(/img/postpic_icon.png) no-repeat left center ;}
	#postPickBlock p { margin : 5px 10px 0px ; }
	#postPickBlock p a { 	padding-left : 20px ; background : url(/img/viewmore_ico.png) left center no-repeat ;}

	#postPickBlock h4 { display:none; }


/* ///////////////////////////////////////////////////////////////////////////// 【 今月のおすすめ 】 */
div.adCategory { width:608px!important; margin:0 10px 10px!important; padding:0 0 0px!important; border-bottom:#ccc dotted 1px!important;}
div.adOne { width:304px!important}
div.adOne div.adText { width:204px!important}*/

/*div#monthlyRecommend { margin:0 0 20px;}
div#monthlyRecommend div.adOne { width:315px!important}
div#monthlyRecommend div.adOne div.adText { width:215px!important}*/

div#monthlyRecommend h3 { border-bottom:#FF9900 solid 2px; margin:6px 0; background:url(/common/img/rec_monthlyrec_titlebg.png) no-repeat right bottom }


div#adGourmet div.adText h4 { background:url(../img/rec_gourmet_ico.png) no-repeat left top; padding:14px 0 0 0;}
div#adOdekake div.adText h4 { background:url(../img/rec_odekake_ico.png) no-repeat left top; padding:14px 0 0 0;}
div#adEvent  div.adText h4 { background:url(../img/rec_event_ico.png) no-repeat left top; padding:14px 0 0 0;}
div#adYnavi  div.adText h4 { background:url(../img/rec_ynavi_ico.png) no-repeat left top; padding:14px 0 0 0;}


/*=====================================
旬の情報
======================================*/
#shunInfo { width:100%; overflow:hidden; background:url(../img/shun_bdr.png) no-repeat left bottom; margin:0 0 10px;}
.shunLeft { width:300px; float:left; overflow:hidden;}
.shunLeft h3 { float:left; width:90px; }
.shunLeft .text {float:right; width:200px; background:url(../img/shun_bdr.png) no-repeat left top; padding:8px 0 0 0;}
.shunLeft h4 { color:#FF6666; margin:3px 0;} 
.shunLeft p { line-height:1.2em;}
.shunRight { width:320px; text-align:right; float:right; background:#FFF}

#shunInfo02 { width:100%; overflow:hidden; margin:0 0 10px;}
.shunLeft02 { width:310px; text-align:right; float:left; background:#FFF; margin-right:10px;}
.shunRight02 { width:310px; text-align:right; float:right; background:#FFF}

/* [ タブ ] ------------------------- */
/* レイアウトは 「spry_tab.css」 にて定義 */

div#areaInfo { margin:0 0 20px;}
div#lifeInfo { margin:0 0 20px;}




/* ///////////////////////////////////////////////////////////////////////////// 【 TOP3段エリア 右 】 */
/* ------ [ ご利用ガイド等リンク ] -------- */
#user_guide {
	width : 300px ;
	overflow : hidden ; /* flaot対策 */
	margin-bottom : 5px ;
}

#user_guide li {
	width : 100px ;
	height : 20px ;
	float : left ;
	text-align : center ;
}
#user_guide img {
	vertical-align : middle ;
	margin-right : 2px ;
}





/* ///////////////////////////////////////////////////////////////////////////// 【 TOP3段エリア OVERTURE 】 */
/* 追記 2009-01-29 tosa */

.overture {
	/* width : 640px ; */
	width : 99% ;
	float : left ;
}





/* ///////////////////////////////////////////////////////////////////////////// 【 右 ピックアップ 】 */
ul.pickup { margin:0 0 20px; }
.pickup li {
	width : 288px !important ;
	width /* */ : 300px ; /* IE6 older */
	border : solid 1px #cccccc ;
	padding : 5px ;
	margin-bottom : 5px ;
	overflow : hidden ; /* float対策 */
}
.pickup img {
	float : left ;
	margin-right : 5px ; 
}
.pickup p {
	font-size : 1em ;
	line-height : 1.2 ;
}




/* ///////////////////////////////////////////////////////////////////////////// 【 左 好評発売中 】 */
#pickup_magazine { margin:0 0 10px;
	width : 280px !important ;
	width /* */ : 300px ; /* IE6 older */
	padding : 9px ;
	border : solid 1px #cccccc ;
	background : #f0f0f0 ;
	overflow:hidden;
}
#pickup_magazine p { margin : 3px 0 0 ; }
#pickup_magazine em {
	font-weight : bold ;
	color : #ff3300 ; /* 文字 赤 */
}

div.pickupMag { float:left; width:130px;}
#pickup_magazine p { font-size:11px;}
div.pickupMagNotice { width:100%; overflow:hidden; clear:both; text-align:right;}


/* ///////////////////////////////////////////////////////////////////////////// 【 トクだね情報登録サイト 】 */
/* 追加修正 2009.01.28 tosa */
#itp_block {
	margin:0 0 10px;
	width : 280px !important ;
	width /* */ : 300px ; /* IE6 older */
	overflow : hidden ; /* float対策 */
	padding : 9px 9px 0 ;
	border : solid 1px #cccccc ;
	font-size : 1em ;
}

/* 新着サイト */
#itp_new {
	width : 100% ;
	margin : 0 0 10px ;
}
#itp_new p {
	font-size : 1em ;
	line-height : 1.3 ;
	margin-bottom : 5px ;
}
#itp_new h4 {
	margin-bottom : 5px ;
	color : #000000 ;
}
#itp_new h4 img { margin-right : 5px ; }



#itp_block strong {
	display : block ;
	height : 16px ;
	margin-bottom : 3px ;
	padding : 2px 0 2px 18px ;
}
#itp_block img { vertical-align : middle ; }
#itp_block br { display : none ; }

/* 各ブロック配置 */
#gourmet_ITP,
#kankou_ITP,
#shop_ITP,
#business_ITP {
	width : 138px ;
	overflow : hidden ;
	margin-bottom : 18px ;
	position : ralative ;
}

#gourmet_ITP div,
#kankou_ITP div,
#shop_ITP div,
#business_ITP div { margin-bottom : 2px ; }

/* グルメ */
#gourmet_ITP { float : left ; }
#gourmet_ITP strong { background : url(/img/icon_010.jpg) left center no-repeat ; }

/* おでかけ */
#kankou_ITP {
	clear : both ;
	float : left ;
}
#kankou_ITP strong { background : url(/img/icon_011.jpg) left center no-repeat ; }

/* ショップ */
#shop_ITP {  }
#shop_ITP strong { background : url(/img/icon_012.jpg) left center no-repeat ; }

/* ビジネス */
#business_ITP {
	clear : both ;
	float : left ;
}
#business_ITP strong { background : url(/img/icon_013.jpg) left center no-repeat ; }




/* ///////////////////////////////////////////////////////////////////////////// 【 定期刊行物のご案内 】 */
#magazine { margin : 10px 0 ; clear : both ; }

/* h3 */
#magazine h3 { position : relative ; }
#magazine h3 a {
	display : block ;
	width : 72px ;
	height : 19px ;
	position : absolute ;
	top : 5px ;
	right : 5px ;
}

#magazine div {
	width : 930px !important ;
	width /* */ : 950px ; /* IE6 older */
	padding : 10px 9px ;
	border : solid 1px #e1e1e1 ;
	border-top : none ;
	background : url(/img/magazine_bg.jpg) left bottom no-repeat ;
}

/* 定期刊行物一覧表 */
#magazine table { width : 930px ; }
#magazine table p {
	font-size : 1em ; /* 12px 相当 */
	line-height : 1.3 ;
	margin-bottom : 3px ;
}

#magazine th,
#magazine td {
	vertical-align : top ;
	padding-top : 10px ;
	border-bottom : dotted 1px #cccccc ;
	width : 200px ; 
}

/* 雑誌イメージ */
#magazine td.magazine_photo {
	padding : 10px ;
	width : 90px !important ;
	width /* */ : 110px ;
}

/* 雑誌名 */
p.magazine_title  {
	background : url(/img/icon_01.gif) left 2px no-repeat ;
	padding-left : 15px ;
}

/* 価格 */
em.price {
	font-weight : bold ;
	color : #ff0000 ; /* 文字 赤 */
}

/* ブログ */
p.blog { margin-top : 10px ; }
p.blog strong {
	display : block ;
	color : #333333 ;
}

/* オンラインショップへ */
#go_online {
	margin-top : 10px ;
	font-weight : bold ;
	color : #333333 ; /* 濃いグレー */
	text-align : center ;
}

#go_online a {
	background : url(/img/icon_01.gif) left top no-repeat ;
	padding-left : 15px ;
}








/* ///////////////////////////////////////////////////////////////////////////// 【 アンケート・ブログ・携帯 】 */
/* 3段組み */
#block_3step {
	width : 950px ;
	overflow : hidden ; /* float対策 */
	margin : 15px 0 ;
}

/* アンケート */
#question {
	width : 165px ;
	float : left ;
	margin-right : 12px ;
}

/* 編集部ブログ */
#blog_Area {
	width : 410px ;
	float : left ;
}

/* 携帯サイト情報 */
#mobile {
	width : 350px ;
	float : right ;
}


/* ///////////////////////////////////////////////////////////////////////////// 【 アンケート 】 */
#question div {
	width : 147px !important ;
	width /* */ : 165px ; /* ie6 older */
	border : solid 1px #cccccc ;
	border-top : none ;
	padding : 10px 8px ;
	font-size : 1.2em ; /* 12px相当 */
}

#question p { font-size : 1em ; }
#question span { 
	display :block ;
	margin : 5px 0 ;
	line-height : 1.8 ;
}
#question input { margin : 0 2px 0 0 ;}

#question p.before {
	font-size : 0.9em ;
	margin-top : 5px ;
}
p.before a { text-decoration : none ; }



/* ///////////////////////////////////////////////////////////////////////////// 【 ブログエリア 】 */
#blog_New {
	width : 380px !important ;
	width /* */ : 410px ; /* IE6older */
	overflow : hidden ; /* float対策 */
	border : solid 1px #cccccc ;
	border-top : none ;
	padding : 10px 14px ;
	background : url(/img/blogarea_bg.jpg) left bottom no-repeat ;
}

/* 自動取得 */
#blog_New .Left_box {
	width : 245px ;
	font-size : 1.2em ;
	line-height : 2 ;
}
#blog_New .Left_box img {
	margin-bottom : 10px ;
	vertical-align : middle ;
}
#blog_New .Left_box a {
	padding-left : 16px ;
	background : url(/img/icon_01.gif) left top no-repeat ;
}


/* 編集部ブログ一覧 */
#blog_New .Right_box {
	width : 120px !important ;
	width /* */ : 130px ; /* IE6 older */
	border : solid 1px #dbb895 ;
	padding : 4px ;
	background : #ffffff ;
}
#blog_New .Right_box p { color : #333333 ; }
#blog_New .Right_box li { margin-top : 5px ; }





/* ///////////////////////////////////////////////////////////////////////////// 【 携帯サイト告知 】 */
#mobile_box {
	width : 320px !important ;
	width /* */ : 350px ; /* IE6 older */
	border : solid 1px #cccccc ;
	border-top : none ;
	padding : 10px 14px ;	
}

#mobile_box div {
	margin : 10px 0 0 ;
	padding : 5px ;
	background : #f9f9f2 ; /* 薄オリーブ */
}

#mobile_box div p { margin-bottom : 5px ; }
#mobile_box li {
	margin-bottom : 5px ;
	padding-left : 16px ;
	background : url(/img/icon_01.gif) left top no-repeat ;
}

#mobile_box #QR {
	width : 300px !important ;
	width /* */ : 310px ; /* IE6 older */
	padding : 0 5px ; 
	overflow : hidden ;
	background :#ffffff ;
}
#mobile_box #QR p { margin : 15px 0 15px 5px ; }


#mobile_box #SF {
	width : 300px !important ;
	width /* */ : 310px ; /* IE6 older */ 
	overflow : hidden ;
	background :#ffffff ;
}

#mobile_box #SF p { margin : 0px ; }




/* ///////////////////////////////////////////////////////////////////////////// 【 スポンサーサイト 】 */
#sponsor { margin : 15px 0 ; }

#sponsor_block {
	width : 930px !important ;
	width /* */ : 950px ; /* IE6older */
	border : solid 1px #cccccc ;
	border-top : none ;
	padding : 10px 9px ;
	overflow : hidden ; /* float対策 */
}

/* リスト */
#sponsor ul {
	width : 600px ;
	overflow : hidden ; /* float対策 */
	float : left ;
}
#sponsor li {
	width : 195px ;
	float : left ;
	line-height : 1.3 ;
	margin : 0 5px 3px 0 ;
	font-size : 8px ;
}

/* バナー */
#sponsor .banner {
	width : 320px ;
	float : right ;
}




/* ///////////////////////////////////////////////////////////////////////////// 【 下部バナーエリア 】 */
#Small_Banner { margin : 15px 0 ; }
#Small_Banner ul { text-align : center ; }
#Small_Banner li {
	display : inline ;
	margin : 0 5px ;
}
#Small_Banner li img { vertical-align : middle ; }




/* ///////////////////////////////////////////////////////////////////////////// 【 Ads 】 */
#ads_block {
	margin:0 0 10px;
	overflow : hidden ; /* float対策 */
	zoom : 1 ; /* IE対策 */
}
#ads_block_02 {
	margin:0 0 10px;
	overflow : hidden ; /* float対策 */
	zoom : 1 ; /* IE対策 */
}
#ads_block_03 {
	margin:0 0 10px;
	overflow : hidden ; /* float対策 */
	zoom : 1 ; /* IE対策 */
}