@charset "utf-8";
/* CSS Document */

/*=============================
Misc
=============================*/
img,div { behavior: url("/common/js/iepngfix.php"); }
img		{ border:none!important;}
a img	{ border:none;}
a 		{ }
a.btn	{ display:block; background-repeat:no-repeat; background-position:left top; height:0; overflow:hidden; }
a:hover { }
p 		{ font-size:12px; line-height:1.5em; color:#333333 }
span.small,
p.small { font-size:10px!important; margin:4px 0;}
p.left	{ text-align:left!important;}
p.right { text-align:right!important;}

a.arwRight 	{ padding:0 0 0 15px; color:#57A729; background:url(/common/images/ico_arw_green.gif) no-repeat left center; font-size:11px; }

h1.title,h2.title,h3.title,h4.title,h5.title,h6.title,label.title { display:block; background-repeat:no-repeat; background-position:left top; height:0; overflow:hidden; }
h2.title { margin:0 0 20px 0;}

/*=============================
Common
=============================*/
html,body 	{ margin:0; padding:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}
body 		{ width:100%; height:100%; background:url(/common/images/bg_body.gif) repeat left top;}
	
	div#header 				{ width:820px; height:112px; padding:0 40px; margin:0 auto; overflow:hidden; background:#FFFFFF url(/common/images/bg_header.gif) no-repeat left bottom;}
		
		ul#toku-menu 				{ margin:5px 20px 0 0; padding: 0px; text-align:right; font-size:10px;list-style-type: none; width:100%; height:20px; overflow:hidden;  }
		ul#toku-menu li 			{ font-size:9px;display: inline; padding:0; list-style-type: none; }
		ul#toku-menu li a 			{ color:#333333; text-decoration:none; font-size:10px;}
		ul#toku-menu li a:visited 	{ color:#666666; }
		ul#toku-menu li a:hover		{ color:#FF6666; }
		ul#toku-menu li.menu 		{ margin:0 1px;padding:3px 4px; border-top-width:3px; border-top-style:solid; border-top-color:#999999; }
		
		
		ul#toku-menu li#t00 { margin:0 5px;padding:0 3px; border:none;}/*総合トップvertical-align:bottom; */
		ul#toku-menu li#t01 { border-top-color:#FF9966;}/*グルメ*/
		ul#toku-menu li#t02 { border-top-color:#33CC00;}/*おでかけ*/
		ul#toku-menu li#t03 { border-top-color:#3366CC;}/*中古車*/
		ul#toku-menu li#t04 { border-top-color:#99CC66;}/*結婚*/
		ul#toku-menu li#t05 { border-top-color:#FF33CC;}/*ショッピング*/
		ul#toku-menu li#t06 { border-top-color:#9999FF;}/*映画*/
		ul#toku-menu li#t07 { border-top-color:#FFCC00;}/*イベント*/
		ul#toku-menu li#t08 { border-top-color:#00CCFF;}/*プレゼント*/
		ul#toku-menu li#t09	{ border-top-color:#CC0000;}/*群馬*/
		ul#toku-menu li#t10	{ border-top-color:#999999;}/*動画*/
		ul#toku-menu li#t11	{ border-top-color:#00B3FF;}/*トクだねショップ*/
		ul#toku-menu li#t12	{ border-top-color:#CC6600;}/*ラーメン*/
	
	
		div#headerLeft 		{ width:500px; float:left;}
			div#headerLeft p 	{ width:100%; height:30px; overflow:hidden; line-height:30px; margin:0; padding:0; }
			div#headerLeft h1 	{ display:inline; overflow:hidden; margin:0; line-height:1em;  }
			div#headerLeft h1 a { width:100%; height:0; padding:62px 0 0 0; overflow:hidden; display:block; }
		div#headerRight 	{ width:320px; height:92px; float:right; overflow:hidden;}
			div#sizeSetter		{ width:92px; height:100%; overflow:hidden; float:right; }
			div#sizeSetter h6 	{ width:92px; height:0; padding:14px 0 0 0; margin:12px auto 8px auto; overflow:hidden;background:url(/common/images/title_sizesetter.gif) no-repeat center top;}
			div#sizeSetter a 	{ width:92px; height:0; padding:21px 0 0 0; margin:0 0 5px 0; display:block; overflow:hidden;}
				a#ssLarger  	{ background:url(/common/images/btn_size_larger.gif) no-repeat left top;}
				a#ssDefault 	{ background:url(/common/images/btn_size_default.gif) no-repeat left top;}
			div#tellarea		{ width:215px; height:100%; overflow:hidden; float:left; margin-left:10px; }
			div#tellarea p      { width:100%; overflow:hidden; margin-top:5px; margin-bottom:0px;}
			ul#subMenu			{ height:19px; overflow:hidden; padding:0; margin:5px 0 0 0px; list-style:none; }
			ul#subMenu li			{ font-size:10px; display:inline; line-height:1em; margin:0; padding:0; }
			ul#subMenu li a			{ padding:0 0px 0 13px; margin:0 3px 0 0; color:#000000; line-height:1em; background:url(/common/images/ico_arw_org_wht.gif) no-repeat left center; text-decoration:none; }
			ul#subMenu li.green a	{ background-image:url(/common/images/ico_arw_org_62C478.gif);}

	div#globalMenuBlock 	{ width:100%; height:45px; background:#399C07; overflow:hidden;}
		ul#globalMenu		{ width:828px; height:41px; overflow:hidden; margin:4px auto 0 auto; padding:0; list-style:none;  }
		ul#globalMenu li 	{ display:inline;}
		ul#globalMenu li a	{ width:138px; height:0; padding:41px 0 0 0; float:left; display:inline; /*display:block;*/ overflow:hidden; background-image:url(/common/images/globalmenus.gif); background-repeat:no-repeat;}
		ul#globalMenu li#gmTop a 		{ background-position:0px 0px; }
		ul#globalMenu li#gmNews a 		{ background-position:-138px 0px;}
		ul#globalMenu li#gmMikata a 	{ background-position:-276px 0px;}
		ul#globalMenu li#gmKihon a 		{ background-position:-414px 0px;}
		ul#globalMenu li#gmSpots a 		{ background-position:-552px 0px;}
		ul#globalMenu li#gmItems a 		{ background-position:-690px 0px;}
		ul#globalMenu li#gmTop a:hover		{ background-position:0px -41px; }
		ul#globalMenu li#gmNews a:hover  	{ background-position:-138px -41px;}
		ul#globalMenu li#gmMikata a:hover 	{ background-position:-276px -41px;}
		ul#globalMenu li#gmKihon a:hover 	{ background-position:-414px -41px;}
		ul#globalMenu li#gmSpots a:hover 	{ background-position:-552px -41px;}
		ul#globalMenu li#gmItems a:hover 	{ background-position:-690px -41px;}
	
	#headerSearchBlock-wrap { width:820px; padding:10px 40px 10px; margin:0 auto; background:#FFF;}
	#headerSearchBlock { padding:4px; width:812px; margin:0; background:url(/common/images/bg_tile_gray_bias.png);}
	#headerSearchBlock .wrapper {   background:#FFF; width:800px; padding:6px 6px 0; overflow:hidden;}
	#headerSearchBlock .left { width:208px; float:left;}
	#headerSearchBlock .right { width:582px; float:right;}
	#headerSearchBlock .searchForm { width:100%; overflow:hidden; padding:0 0 2px 0;}
	#headerSearchBlock .searchList { width:100%; overflow:hidden;}
	#headerSearchBlock .searchList .btn { margin-left:150px;}
	#headerSearchBlock .searchList #headerRecommnedList { width:285px; height:30px;  padding:3px 0 3px 0px; float:left; background:url(/common/images/header_search_list_recommend_bg.png) no-repeat;}
	#headerSearchBlock .searchList .result { display:none; padding:10px; background:url(/common/images/header_search_list_result_bg.png); width:265px; margin:3px 0 0 0; position:absolute;}
	#headerSearchBlock .searchList .result ul { margin:0; padding:0; list-style:none;}
	#headerSearchBlock .searchList .result li { padding:4px 0; background:url(/common/images/bdr_dot_999.gif) repeat-x left bottom; font-size:12px;}
	#headerSearchBlock .searchList .result li a {  color:#360; padding:0 0 0 14px; background:url(/common/images/header_search_list_recommend_ico.png) no-repeat left center; text-decoration:none}/*{ background-image:url(/common/images/ico_arw_org_62C478.gif);}*/
	#headerSearchBlock .searchList .result table { width:100%; border-collapse:collapse;}
	#headerSearchBlock .searchList .result td { font-size:12px; padding:4px;background:url(/common/images/bdr_dot_999.gif) repeat-x left bottom; }
	#headerSearchBlock .searchList .result td a { color:#360; padding:0 0 0 14px; background:url(/common/images/header_search_list_recommend_ico.png) no-repeat left center; text-decoration:none}
		
	#headerSearchBlock .searchList #headerAreaList { width:285px;  height:30px; padding:3px 0 3px 0px; float:right; background:url(/common/images/header_search_list_area_bg.png) no-repeat;}
	#headerSearchBlock .searchList #headerAreaList .result {}
	#headerSearchBlock .searchList #headerAreaList .result li a {}
		
	div#contents 		{ width:900px; margin:0 auto;  overflow:hidden; background:#FFFFFF;}
		div#contentsWrapper 	{ width:820px; overflow:hidden; margin:0px auto 0px auto;}
			div#pagePath 		{ width:820px; overflow:hidden; clear:both; margin:3px 0; height:21px;  }
			div#fullBlock 		{ width:820px; overflow:hidden;}
			div#mainBlock 		{ width:596px; overflow:hidden; float:left;}
			div#sideBlock 		{ width:203px; overflow:hidden; float:right; }
	div#footer 				{ width:100%; overflow:hidden;  margin:10px 0;}


/*=============================
PagePath
=============================*/		
ul#pages 		{ list-style:none; margin:0; padding:0;  }
ul#pages li 	{ display:inline; font-size:10px; padding:0; line-height:21px; float:left; color:#454545;padding:0 20px 0 0; background:url(/common/images/-.gif) no-repeat right center;}
ul#pages li.present { background:none; padding:0;}
ul#pages li a 	{  text-decoration:none; }

/*=============================
Footer
=============================*/		
div#footerBanners { width:820px; margin:20px 40px; text-align:center;}
div#footerBanners img { padding:0 4px;}


div#footerMenu 			{ width:100%; height:18px; background:#EFEFEF;}
div#footerMenu ul		{ list-style:none; padding:0; margin:0 40px; }
div#footerMenu ul li	{ display:inline;}
div#footerMenu ul li a	{ font-size:11px; text-decoration:none; color:#444444; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; margin:0 20px 0 0; }
div#footerMenu ul li a:hover { text-decoration:underline;}

div#footerLinks { margin:10px 0; font-size:10px; padding:0px 40px; line-height:1.4em}
div#footerLinks a { text-decoration:none; border-left:#999999 solid 1px; padding:0 3px 0 4px; color:#666666}
div#footerLinks a.nobdr { border:none; padding-left:0;}
div#footerLinks a:hover { text-decoration:underline;}

div#footerCopyright  	{}
div#footerCopyright p 	{ font-size:10px; text-align:center;}
div#footerCopyright p a { text-decoration:none;}		

/*=============================
Common Components
=============================*/
div.toPageTop 		{ text-align:right;  margin:10px 0; padding:0 4px}
div.toPageTop a 	{ width:100px; padding:13px 0 0 0 ; background-image:url(/common/images/btn_pagetop.gif); float:right;}
	
h3.greenTitle { height:32px; padding-left:14px; line-height:32px; margin:10px 0; color:#339900; font-size:15px; background:url(../images/bg_greentitle.gif) no-repeat left top; }
	
table.linkList 		{ width:100%; border-collapse:collapse; table-layout:fixed; }
table.linkList td	{ padding:6px 0; font-size:12px; vertical-align:top;}
table.linkList td a	{ background:url(../images/ico_arw_org_13.gif) no-repeat left center; padding:0 0 0 15px;}

table#pickupTable 				{ width:100%; border-collapse:collapse; }
table#pickupTable td			{ padding:10px 0; vertical-align:top; background:url(/common/images/bdr_dot_666.gif) repeat-x left top;}
table#pickupTable tr.nobdr td 	{ background:none; }
table#pickupTable td.img		{ }
table#pickupTable td.txt 		{ padding-left:10px;}
table#pickupTable td.txt h4		{ background:url(/common/images/ico_arw_org_11.gif) no-repeat left center; margin:4px 0; padding-left:15px;}
table#pickupTable td.txt h4	a 	{ margin:0; font-size:12px; color:#339900;}
table#pickupTable td.txt p		{ line-height:1.3em; margin:2px 0	; font-size:12px;}
table#pickupTable tr.nobdr td 	{ background:none; }
		
		
/*=============================
アンケート
=============================*/
div#enquete		{ margin:10px 0; }
div#enquete	h4			{ width:203px; height:0; padding:39px 0 0 0; margin:0; overflow:hidden; background:url(/common/images/title_enquete.gif) no-repeat left top;  }
	div#enqueteBody 	{ width:195px; overflow:hidden; padding:0 4px; background:url(/common/images/bg_enquete_body.gif) repeat-y left top; }
		div#enqueteQuestion	{ padding:6px; background:#EAEAEA; color:#666666; font-size:11px; font-weight:bold;}
		form#enqueteAnswer	{ font-size:12px; }
		div#enqueteResults		{ padding:10px 0; margin:4px 10px 0 10px; background:url(/common/images/bdr_dot_999.gif) repeat-x left top;}
		div#enqueteResults a	{ background:url(/common/images/ico_arw_green.gif) no-repeat left center; padding:0 0 0 13px; margin:0 10px 0 0;}
	div#enqueteBottom 	{ width:203px; height:0; padding:4px 0 0 0; overflow:hidden; background:url(/common/images/bg_enquete_bottom.gif) repeat-y left bottom;  }


/*=============================
sideBlock
=============================*/
#sideRecommend { width:100%; overflow:hidden; margin:0 0 10px; }
#sideRecommend h4 { margin:0 0 0; background:url(/common/images/side_recommend_title.png) no-repeat left top; height:16px; padding:3px; text-align:right;}
#sideRecommend .body { padding:2px 6px; border:#CCC solid 1px; background:#FFF; width:189px; overflow:hidden;}
#sideRecommend ul { width:100%; overflow:hidden; margin:0; padding:0; list-style:none; display:none;}
#sideRecommend li { width:100%; overflow:hidden; padding:4px 0 5px; background:url(/common/images/bdr_dot_999.gif) repeat-x left bottom;}
#sideRecommend li:last-child { background:none;}
#sideRecommend li .left { width:90px; float:left;}
#sideRecommend li .left img { border:#EEE solid 1px!important; padding:1px; width:86px; }
#sideRecommend li .right { float:right; width:96px; font-size:14px; line-height:1.2em;}
#sideRecommend li .right a { color:#57A729; font-weight:bold; text-decoration:none;}

#sideRecruit { width:100%; overflow:hidden; margin:0 0 10px; }
#sideRecruit h4 { margin:0 0 0; background:url(/common/images/side_recruit_title.png) no-repeat left top; height:16px; padding:3px; text-align:right;}
#sideRecruit .body { padding:6px; border:#CCC solid 1px; background:#FFF; width:189px; overflow:hidden;}
#sideRecruit .body ul { margin:0; padding:0; list-style:none; display:none;}
#sideRecruit .recruitItem { width:100%; overflow:hidden; padding:0 0 4px;}
#sideRecruit .recruitItem a { color:#df564f; font-size:12px;line-height:1.2em;}
#sideRecruit .left { width:90px; float:left;}
#sideRecruit .left img { border:#EEE solid 1px!important; padding:1px; width:86px; }
#sideRecruit .right { float:right; width:96px; font-size:13px; font-weight:bold; color:#555; line-height:1.2em;}
#sideRecruit .right a { color:#57A729; font-weight:bold; text-decoration:none;}
#sideRecruit .right h5 { margin:0 0 3px;}
#sideRecruit .right p { margin:0;}
ul.sideBanners		{ margin:0; padding:0; list-style:none;}
ul.sideBanners li	{ padding:0; margin:0 0 6px 0;}
ul.sideBanners li a	{ }


/*=============================
マガジン無料配布中
=============================*/
#sideMagazine{ width:185px; margin:0 0 14px 0; padding:6px 8px; border:1px solid #CCCCCC; overflow:hidden; }
#sideMagazine h4{ display:block; width:184px; height:50px; background:url(/common/images/magazine_h.gif) left top no-repeat; text-indent:-9999px; margin:0 0 6px 0; padding:0; }
#sideMagazine .Left_item{ float:left; margin:0 6px 2px 0; }
#sideMagazine p{ float:left; width:84px; color:#666666; line-height:130%; font-size:10px; margin:0 0 2px 0; padding:0; }
#sideMagazine h5{float:left; width:83px; height:17px; background:url(/common/images/magazine_bt01.jpg) left top no-repeat; margin:4px 0 0 0; padding:0; text-indent:-9999px; }
#sideMagazine h5.bt02{ background:url(/common/images/magazine_bt02.jpg) left top no-repeat; }
#sideMagazine h5 a{ display:block; width:83px; height:17px; margin:0; padding:0; }


/*=============================
ご意見
=============================*/
div#opinionBlock 		{ width:203px; overflow:hidden; margin:10px 0 10px 0;}
div#opinionBlock h4#titleOpinion { width:203px; padding-top:36px; margin:0px 0 0 0; background-image:url(/common/images/title_opinion.gif)}

	div#opinionResponses 	{ width:191px; padding:5px 5px 8px 5px; border-color:#DDDDDD; border-style:solid; border-width:0 1px 1px 1px;/*height:230px;*/ }
	div#opinionResponses p	{ font-size:11px; margin:5px 0; line-height:1.2em; }
	div#opinionResponses p#alert 	{ background:#FF0000;color:#FFFFFF;padding:3px; text-align:center;}
	div#opinionResponses p.alt { margin:10px 0;}
	div#opinionResponses h5 { font-size:14px; font-weight:bold; margin:5px 0; color:#339900;}
	div#opinionText { background:#FFFFCC; padding:5px;}
	div#opinionText h5 { font-size:12px;}
		form#opinionForm {width:193px; margin:10px 0 5px 0; text-align:center}
		form#opinionForm textarea { width:179px; height:80px; margin:0 auto;}
		form#opinionForm input { font-size:12px; color:#444444;}	
			
/*=============================
"介護のきほん" Listing Block
=============================*/
div#hirobaListing { width:594px; overflow:hidden; background:#5CB050; /*ie hack*//*min-height:176px;height: auto !important;height:176px;*//*end:ie hack*/ border:#CCCCCC solid 1px; margin:0 0 20px 0; }
	div#hirobaListingTitle {/*ie hack*/min-height:176px;height: auto !important;height:176px;/*end:ie hack*/ width:230px; float:left;  background:#5CB050 url(/common/images/bg_hirobalist.gif) no-repeat left top;}
		
		div#hirobaBtns 		{ width:211px; margin:105px auto 0 auto; overflow:hidden;}
			a#btnHirobaListTop 			{ width:109px; padding-top:31px; background-image:url(/common/images/btn_hirobalist_top.gif); float:left;}
			a#btnHirobaListTop:hover 	{ /*background-image:url(/common/images/btn_hirobalist_top_on.gif);*/}
			a#btnHirobaListAsk 			{ width:102px; padding-top:29px; background-image:url(/common/images/btn_hirobalist_ask.gif); float:left;}
			a#btnHirobaListAsk:hover 	{ background-image:url(/common/images/btn_hirobalist_ask_on.gif);}
		
	div#hirobaListingBlock { border-left:#CCCCCC solid 1px; float:right; width:343px; padding:0 10px 6px 10px; background:#FFFFFF;/*ie hack*/ min-height:176px;height: auto !important;height:176px;/*end:ie hack*/}
		h5#titleHirobaListing { width:343px; padding-top:22px; background-image:url(/common/images/title_hiroba_listing.gif); margin:10px auto;}
		table#hirobaListingTable 			{ width:343px; margin:0 auto; border-collapse:collapse;}
		table#hirobaListingTable td 		{ vertical-align:top; background:url(/common/images/bdr_dot_999.gif) repeat-x left top; padding:4px 0; font-size:12px;}
		table#hirobaListingTable td a		{}
		table#hirobaListingTable td.date	{ padding-right:3px; width:82px;}
		table#hirobaListingTable td.title	{ padding-right:3px;}
		table#hirobaListingTable td.title a	{}
		table#hirobaListingTable td.name	{ text-align:right;min-width:60px;}
		table#hirobaListingTable tr.nobdr td { background:none;}
		

/*=============================
メルマガ
=============================*/
/*sideのメルマガ*/
div#sidemailmag{ margin:0 0 10px 0;}
div#sidemailmag h4.mailmag{ width:203px; height:24px; text-indent:-9999px; background:url(/common/images/mailmag_hed.gif) left top no-repeat; margin:0; padding:0; }
div#sidemailmag div.sidemailmagbox{ 
border-color:#DDDDDD;
border-style:solid;
border-width:0 1px 1px;
padding:8px;
width:185px; }
div#sidemailmag div.sidemailmagbox p{ margin:0 0 5px 0;}
		
/*=============================
エリアリスト
=============================*/
/*sideのエリアリスト*/
div#sideArealist{ margin:0 0 10px 0;}
div#sideArealist h4{ width:203px; height:26px; text-indent:-9999px; background:url(/shisetsu/images/arealist_h4_side.gif) left top no-repeat; margin:0; padding:0; }

div#sideArealist ul{ width:189px; border:1px solid #339900; border-top:none; margin:0; padding:8px 0 8px 12px; list-style-type:none; }

div#sideArealist li{ margin:0 0 3px 0; font-size:10px; list-style-type:none; }

div#sideArealist li a { background:url(/common/images/ico_arw_org_wht.gif) left center no-repeat; padding:2px 0 2px 17px; }

div#sideArealist li.nolink { background:url(/common/images/ico_arw_mono_13.gif) left center no-repeat; padding:2px 0 2px 17px; color:#999999; }	
			
/*=============================
ツイッターエリア
=============================*/
#tw{ width:203px; margin:0 0 14px 0; }	

/*=============================
コラム
=============================*/
/*sideのコラム*/
div#sidecolumn{ margin:0 0 10px 0;}
div#sidecolumn h4{ width:203px; height:25px; text-indent:-9999px; background:url(/common/images/column_h4_side.gif) left top no-repeat; margin:0; padding:0; }

div#sidecolumn ul{ width:191px; border:1px solid #cccccc; border-top:none; margin:0; padding:5px 5px 5px 5px; list-style-type:none; }

div#sidecolumn ul p{ margin:0; font-size:12px; line-height:1.3em; margin-bottom:5px;}

div#sidecolumn li{ margin:0 0 6px 0; font-size:12px; list-style-type:none; color:#009999;}

div#sidecolumn li a { background:url(/common/images/ico_arw_org_wht.gif) left center no-repeat; padding:2px 0 2px 17px; }

div#sidecolumn li.nolink { background:url(/common/images/ico_arw_mono_13.gif) left center no-repeat; padding:2px 0 2px 17px; color:#999999; }	
		
