@charset "utf-8";
/* CSS Document */

body{
	margin:auto;
	width:888px;
	background:url(../images/body_bg.gif) repeat-x ;
	}



/*--- head ---*/
#head{
	padding:0px;
	margin:0px;
	background:url(../images/top/header_bg.gif) no-repeat;
	background-position:bottom left;
	height:115px;
}

#head #header_top{
	height:71px;
	clear:both;
}

#head #header_top #logo{
	width:259px;
	float:left;
	margin:10px 0 0 24px;
	padding:0;
}

*:first-child+html #head #header_top #logo  { margin:28px 0 0 24px; }
#head #header_top #logo { _margin:28px 0 0 12px; }


#head:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #head {
height: 1em;
overflow: visible;
}
/**/


/*--- navi ---*/
#head #header_navi{
	height:44px;
	width:870px;
	padding:0 9px 0 9px;
	margin:0 0 0 0;
/*	background-image:url(../images/top/home_bg.gif);
	background-repeat:repeat-y;
*/}

#head #header_navi ul{
	list-style-type: none;
	height:44px;
	width:870px;
	margin:-15px 0px 0px 0px;
	padding:0px;
/*	background-image: url(../images/top/header_navi_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;*/
	}

*:first-child+html #head #header_navi ul { margin:0; }
#head #header_navi ul { _margin:0; }

	
#head #header_navi ul li{
	margin:0px;
	padding:0px;
	float:left;
	}	

#head #header_navi li a{
	display:block;
	background-image:url(../images/top/header_navi.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	float:left;
	height:44px;
	}

#head #header_navi  #navi-1 a{width:152px;}
#head #header_navi  #navi-2 a{width:152px;background-position:-152px 0px;}
#head #header_navi  #navi-3 a{width:152px;background-position:-304px 0px;} 
#head #header_navi  #navi-4 a{width:152px;background-position:-456px 0px;}

#head #header_navi  #navi-1 a:hover,
#head #header_navi  #navi-1 span a{background-position:0px -88px;}
#head #header_navi  #navi-2 a:hover,
#head #header_navi  #navi-2 span a{background-position:-152px -88px;}
#head #header_navi  #navi-3 a:hover,
#head #header_navi  #navi-3 span a{background-position:-304px -88px;}
#head #header_navi  #navi-4 a:hover,
#head #header_navi  #navi-4 span a{background-position:-456px -88px;}


#container{
	width:870px;
	padding:15px 9px 10px 9px;
	margin:0;
	background-image:url(../images/top/home_bg.gif);
	background-repeat:repeat-y;
	}

/*--- main ---*/
#main {
	width:676px;
	padding:0 0 0 10px;
	display:inline;
	float:left;
}

#main:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #main {
height: 1em;
overflow: visible;
}
/**/


/*--- main_left ---*/
#main #main_left{
	width:215px;
	background-color:#ddeed6;
	padding:10px 10px 20px 10px;
	float:left;
	margin:0 0 0 0 ;
	display:inline;
}

#main_left .box_info,
#main_left .box_news,
#main_left .box_search,
#main_left .box_vote{
	width:215px;
	margin:0 0 15px 0;
	padding:0;
	float:left;
	background:url(../images/top/box_bg.gif) bottom no-repeat;
	display:inline;
}

#main_left .box_info{
	height:80px;
}

#main_left .box_news{
	height:429px;
}

#main_left .box_search{
	height:85px;
}

#main_left .box_vote{
	height:180px;
}

#main_left .box_info .info_txt{
	height:80px;
}

#main_left .box_news .news_txt{
	height:386px;
}

#main_left .box_search .search_txt{
	height:42px;
}

#main_left .box_vote .vote_txt{
	height:137px;
}

#main_left .box_info .info_txt,
#main_left .box_news .news_txt,
#main_left .box_search .search_txt,
#main_left .box_vote .vote_txt{
	width:203px;
	margin:5px 5px 5px 7px;
	overflow-y:auto;
	overflow-x:hidden;
}


/*--- main_right ---*/
#main #main_right{
	width:426px;
	margin:0 0 0 14px;
	padding:0;
	float:left;
	display:inline;
}

#main #main_right .two_col{
	width:426px;
	margin:0;
	padding:0;
	display:inline;
	clear:both;
}

#main #main_right .two_col .left_col{
	width:208px;
	margin:7px 10px 5px 0;
	padding:0;
	float:left;
}

#main #main_right .two_col .right_col{
	width:208px;
	margin:7px 0 5px 0;
	padding:0;
	float:right;
}

div.z-index{
	width:208px;
	height:87px;
	z-index:1;
	position:relative;
	margin-bottom:5px;
}

.up_date_col01,
.up_date_col02{
	float:left;
	padding:0;
	color:#FF0000;
}

.up_date_col01{
	/*margin:-24px 0 0 162px;*/
	margin:0px;
	z-index:2;
	position:absolute;
	top:64px;
	left:164px;
}

.up_date_col02{
	/*margin:-24px 0 0 133px;*/
	margin:0px;
	z-index:2;
	position:absolute;
	top:63px;
	left:135px;
}

#col01_new,
#col02_new{
	z-index:1;
	position:relative;
	top:0;
	left:0;
	width:208px;
	height:87px;
}

#main #main_right .two_col .left_col #col01,
#main #main_right .two_col .right_col #col02,
#main #main_right .two_col .left_col #col01_new,
#main #main_right .two_col .right_col #col02_new,
#main #main_right .two_col .left_col #col03,
#main #main_right .two_col .left_col #con01,
#main #main_right .two_col .right_col #con02,
#main #main_right .two_col .left_col #con03,
#main #main_right .two_col .right_col #con04,
#main #main_right .two_col .left_col #con05,
#main #main_right .two_col .right_col #con06,
#main #main_right .two_col .left_col #blog01,
#main #main_right .two_col .right_col #blog02{
	width:208px;
	height:87px;
	margin:0 0 8px 0;
	float:left;
}

#main #main_right .two_col .left_col #col01 span a,
#main #main_right .two_col .right_col #col02 span a,
#main #main_right .two_col .left_col #col01_new span a,
#main #main_right .two_col .right_col #col02_new span a,
#main #main_right .two_col .left_col #col03 span a,
#main #main_right .two_col .left_col #con01 span a,
#main #main_right .two_col .right_col #con02 span a,
#main #main_right .two_col .left_col #con03 span a,
#main #main_right .two_col .right_col #con04 span a,
#main #main_right .two_col .left_col #con05 span a,
#main #main_right .two_col .right_col #con06 span a,
#main #main_right .two_col .left_col #blog01 span a,
#main #main_right .two_col .right_col #blog02 span a{
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:208px;
	height:87px;
}

#main #main_right .two_col .left_col #col01{
	background:url(../images/top/column_naruse.gif) no-repeat;
	background-position:0px 0px;
}

#main #main_right .two_col .left_col #col01 a:hover{
	background:url(../images/top/column_naruse.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .left_col #col01_new a{
	background:url(../images/top/column_naruse_new.gif) no-repeat;
	background-position:0px 0px;
}

#main #main_right .two_col .left_col #col01_new a:hover{
	background:url(../images/top/column_naruse_new.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .right_col #col02 a{
	background:url(../images/top/column_matsumoto.gif) no-repeat;
	background-position:0px 0px;
}

#main #main_right .two_col .right_col #col02 a:hover{
	background:url(../images/top/column_matsumoto.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .right_col #col02_new a{
	background:url(../images/top/column_matsumoto_new.gif) no-repeat;
	background-position:0px 0px;
}

#main #main_right .two_col .right_col #col02_new a:hover{
	background:url(../images/top/column_matsumoto_new.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .left_col #col03 a{
	background:url(../images/top/column_larry.gif) no-repeat left top;
	background-position:0px 0px;
}
#main #main_right .two_col .left_col #col03 a:hover{
	background:url(../images/top/column_larry.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .left_col #con01{
	background: url(../images/top/contents_shindan.gif) no-repeat left top;
	background-position:0px 0px;
}
#main #main_right .two_col .left_col #con01 a:hover{
	background:url(../images/top/contents_shindan.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .right_col #con02{
	background: url(../images/top/contents_bio.gif) no-repeat left top;
	background-position:0px 0px;
}
#main #main_right .two_col .right_col #con02 a:hover{
	background:url(../images/top/contents_bio.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .left_col #con03{
	background: url(../images/top/contents_eiyouso.gif) no-repeat left top;
	background-position:0px 0px;
}
#main #main_right .two_col .left_col #con03 a:hover{
	background:url(../images/top/contents_eiyouso.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .right_col #con04{
	background: url(../images/top/contents_spot.gif) no-repeat left top;
	background-position:0px 0px;
}
#main #main_right .two_col .right_col #con04 a:hover{
	background:url(../images/top/contents_spot.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .left_col #con05{
	background: url(../images/top/contents_foodguide.gif) no-repeat left top;
	background-position:0px 0px;
}
#main #main_right .two_col .left_col #con05 a:hover{
	background:url(../images/top/contents_foodguide.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .right_col #con06{
	background: url(../images/top/contents_wiifit.gif) no-repeat left top;
	background-position:0px 0px;
}
#main #main_right .two_col .right_col #con06 a:hover{
	background:url(../images/top/contents_wiifit.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .left_col #blog01{
	background: url(../images/top/blog_naruse.gif) no-repeat;
	background-position:0px 0px;
}
#main #main_right .two_col .left_col #blog01 a:hover{
	background:url(../images/top/blog_naruse.gif) no-repeat;
	background-position:0px -87px;
}

#main #main_right .two_col .right_col #blog02{
	background: url(../images/top/blog_matsumoto.gif) no-repeat left top;
}
#main #main_right .two_col .right_col #blog02 a:hover{
	background:url(../images/top/blog_matsumoto.gif) no-repeat;
	background-position:0px -87px;
}





/*--- sub ---*/

#sub{
	width:160px;
	padding:0 10px 0 0px;
	float:right;
	display:inline;
	text-align:center;
}

#sub img{
	margin-bottom:15px;
}

#sub:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #sub {
height: 1em;
overflow: visible;
}
/**/

#sub .pmark{
	width:160px;
	height:85px;
	background:url(../images/pmark_kurumi.gif) no-repeat left top;
}

/*--- footer ---*/
#footer{
	width:870px;
	padding:10px 9px 10px 9px;
	background-image:url(../images/top/fotter_bg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#footer_txt{
	background-color:#e1ffd2;
	border-bottom:3px solid #339900;
	text-align:center;
	padding:2px 0 0 0;
}

#copyright{
	text-align:center;
	padding:2px;
	margin-bottom:10px;
	color:#808080;
	font-size:93%;
}