@charset "Shift_JIS" ;

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

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


/* -------------------------------------------------------------------
            #container設定 【総合TOP専用】
-------------------------------------------------------------------- */
#container {}


/* [ 基本3段組み ] ------------------- */
.colmn_3 {
	width : 950px ;
	overflow : hidden ; /* float対策 */
	margin : 0 0 15px ;
}

/* 左 */
.Left_Area {
	float : left ;
	width : 150px ;
	margin-right : 10px ;
}

/* 中 */
.Center_Area {
	float : left ;
	width : 480px ;
}

/* 右 */
.Right_Area {
	float : right ;
	width : 300px ;
}


/* [ 中2段 ] ------------------- */
.two_steps {
	float : left ;
	width : 640px ;
	overflow : hidden ; /* float対策 */
}
.two_steps .Left_Area { margin : 0 ; }
.two_steps .Center_Area { float : right ; }



/* 3段組み共通 ----------------- */
/* h3 */
.colmn_3 h3 { margin-bottom : 5px ; }



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





/* ///////////////////////////////////////////////////////////////////////////// 【 TOP3段エリア お知らせ 】 */
#Top_infomation {
	margin-bottom : 10px ;
	height : 17px ;
}
#Top_infomation img {
	vertical-align : middle ;
}


/* ///////////////////////////////////////////////////////////////////////////// 【 TOP3段エリア 左メニュー 】 */
ul#L_menu {
	width : 140px !important ;
	width /* */ : 150px ; /* IE6 older */
	padding : 4px 4px 2px ;
	border : solid 1px #cccccc ; /* 罫線 グレー */
}

#L_menu li {
	width : 140px ;
	height : 27px ;
	background : url(/img/lm_00.jpg) left top no-repeat ;
	margin-bottom : 2px ; 
}

#L_menu a {
	display : block ;
	width : 140px ;
	height : 27px ;
	overflow : hidden ; /* firefox 枠線対策 */
}





/* ///////////////////////////////////////////////////////////////////////////// 【 TOP3段エリア　中 】 */
/* 新潟最新ニュース　【 マーキー風スクロール 】------------ */

#tickers {
	width : 480px ;
	height: 30px ; 
	background : url(/img/rss_bg02.jpg) left top ;
	position : relative ;

}

/* RSSボタン */
#top_rss {
	position : absolute ;
	top : 8px ;
	right : 3px ;
}


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




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



/* ///////////////////////////////////////////////////////////////////////////// 【 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 { }
.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 {
	width : 130px !important ;
	width /* */ : 150px ; /* IE6 older */
	padding : 9px ;
	border : solid 1px #cccccc ;
	background : #f0f0f0 ;
}
#pickup_magazine p { margin : 3px 0 0 ; }
#pickup_magazine em {
	font-weight : bold ;
	color : #ff3300 ; /* 文字 赤 */
}


/* ///////////////////////////////////////////////////////////////////////////// 【 トクだね情報登録サイト 】 */
/* 追加修正 2009.01.28 tosa */
#itp_block {
	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 ; }









/* ///////////////////////////////////////////////////////////////////////////// 【 スポンサーサイト 】 */
#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 ; }