@charset "utf-8";
@import url(share.css);
/*--------------------------------------
  Wakasa Obama Total Style Sheet
  Last Update 2008-01-08
  CREATED:  Imaging Noias  
  http://noias.net/
---------------------------------------*/
div#headImg{
	text-align : left;
	margin : 0 auto;
	background : #000;
	width : 690px;
	height : 150px;
	background : url(../images/share/head_img.jpg);
}
div#headImg a#top_back{
	text-indent : -9999px;
	overflow : hidden;
	outline : none;
	display : block;
	float : left;
	width : 300px;
	background : transparent;
	height : 100px;
}
div#headImg a#panph{
	display : block;
	float : right;
	text-indent : -9999px;
	width : 138px;
	height : 106px;
	margin : 35px 21px 0 0;
	background : transparent url(../images/share/panph_btn.jpg) 0 0 no-repeat;
	text-decoration: none;
}
div#headImg a#panph:hover{
	background-position : 0 -106px;
}

/****************
topic
****************/
div#topics{
	text-align : left;
	float : left;
	margin : 10px 10px 10px 19px ;
	_margin : 10px 8px 10px 10px;
	padding : 0;
	margin-top : 31px;
	overflow:hidden;
}
div#topics dd{
	margin-top : 5px;
	height : 100px;
	width : 495px;
	background-color:#ccc;
}
div#topics dd a{
	display:block;
	height : 50px;
	width : 455px;
	_height:100px;
	_width:495px;
	background-repeat:no-repeat;
	padding:50px 20px 0 20px;
}
div#topics dd#t1 a{background-image : url(../images/top/topic_t1.jpg);}
div#topics dd#t2 a{background-image : url(../images/top/topic_t2.jpg);}
div#topics dd#t3 a{background-image : url(../images/top/topic_t3.jpg);}
div#topics dd#t4 a{background-image : url(../images/top/topic_t4.jpg);}
div#topics dd a:hover{background-position:0 -100px;color:#000;}

div#torafugu{
	width : 495px;
	height : 114px;
	background : transparent url(../images/top/torafugu2.jpg) no-repeat;
	margin-top:20px;
}
/****************
pickup
****************/
div#pickup{
	text-align : left;
	float : left;
	margin : 15px 0 0 0;
	margin-top : 36px;
}

div#pickup ul{
	margin : 0;
	padding : 0;
	text-indent : 0;
	list-style-position : outside;
	list-style : none;
}

div#pickup ul li{
	margin : 0 0 5px 0;
	padding : 0;
	background : #ccc;
}
div#pickup ul li a{
	text-indent : -9999px;
	overflow : hidden;
	outline : none;
	margin : 0;
	padding : 0;
	display : block;
	width : 185px;
	height : 49px;
	background : #ccc;
}

/*お初＆京極高次CGキャラクター募集要項*/
div#pickup ul li#pickup_13 a{height:49px;background : transparent url(../images/share/banner_cgchara.jpg) 50% 50% no-repeat;}
/*おばまを歩く*/
div#pickup ul li#pickup_2 a{height:49px;background : transparent url(../images/share/banner_walking2.jpg) 50% 50% no-repeat;}
/*がんばり日記*/
div#pickup ul li#pickup_3 a{background : transparent url(../images/share/banner_ganbari.gif) 50% 50% no-repeat;}
/*検定*/
div#pickup ul li#pickup_4 a{height:63px;background : transparent url(../images/share/banner_kentei.jpg) 50% 50% no-repeat;}
/*ライブ情報*/
div#pickup ul li#pickup_5{height:126px;width : 185px;background : #fff;}
/*語り部*/
div#pickup ul li#pickup_6 a{background:transparent url(../images/share/banner_kataribe.gif) 50% 50% no-repeat;}
/*応援する会*/
div#pickup ul li#pickup_7 a{height:47px;background : transparent url(../images/share/banner_obama3.jpg) 50% 50% no-repeat;}
/*ハギ*/
div#pickup ul li#pickup_8 a{height:64px;background : transparent url(../images/share/banner_hagi.jpg) 50% 50% no-repeat;}
/*BBS*/
div#pickup ul li#pickup_9 a{background : transparent url(../images/share/banner_bbs.gif) 50% 50% no-repeat;}
/*やきさば*/
div#pickup ul li#pickup_10 a{height : 81px;background : transparent url(../images/share/banner_yakisaba.jpg) 50% 50% no-repeat;}
/*ナナちゃん*/
div#pickup ul li#pickup_11 a{height:49px;background : transparent url(../images/share/banner_nana.jpg) 50% 50% no-repeat;}
/*おばまを歩く*/
div#pickup ul li#pickup_12 a{height:49px;background : transparent url(../images/share/banner_kankou.jpg) 50% 50% no-repeat;}
/*pick up hover*/
div#pickup ul a:hover{background-color:#c33!important;}

/****************
ads
****************/
div#ads{
	text-align : center;
	margin : 0 auto;
	width : 710px;
	padding : 20px 0 0 15px;
	_padding-left : 10px;
}
div#ads ul{
	margin : 0;
	padding : 0;
	height : 253px;
	list-style : none;
	list-style-position : outside;
}
div#ads ul li{
	list-style : none;
	float : left;
	margin : 6px 6px 0 0;
	background : #c33;
}
div#ads ul li a{
	display : block;
	text-indent : -99999px;
	overflow : hidden;
	outline : none;
	width : 133px;
	height : 53px;
	background : #fff url() 50% 50% no-repeat;
	text-decoration: none;
}

div#ads ul li a:hover{background-color : #c33!important;}

div#ads ul li#ads_1 a{background-image : url(../images/share/ad/ad_1.gif)}
div#ads ul li#ads_2 a{background-image : url(../images/share/ad/ad_2.gif)}
div#ads ul li#ads_3 a{background-image : url(../images/share/ad/ad_3.gif)}
div#ads ul li#ads_4 a{background-image : url(../images/share/ad/ad_4.gif)}
div#ads ul li#ads_5 a{background-image : url(../images/share/ad/ad_5.gif)}
div#ads ul li#ads_6 a{background-image : url(../images/share/ad/ad_6.gif)}
div#ads ul li#ads_7 a{background-image : url(../images/share/ad/ad_7.gif)}
div#ads ul li#ads_8 a{background-image : url(../images/share/ad/ad_8.gif)}
div#ads ul li#ads_9 a{background-image : url(../images/share/ad/ad_9.gif)}
div#ads ul li#ads_10 a{background-image : url(../images/share/ad/ad_10.gif)}
div#ads ul li#ads_11 a{background-image : url(../images/share/ad/ad_11.gif)}
div#ads ul li#ads_12 a{background-image : url(../images/share/ad/ad_12.gif)}
div#ads ul li#ads_13 a{background-image : url(../images/share/ad/ad_13.gif)}
div#ads ul li#ads_14 a{background-image : url(../images/share/ad/ad_14.jpg)}
div#ads ul li#ads_15 a{background-image : url(../images/share/ad/ad_15.jpg)}
div#ads ul li#ads_16 a{background-image : url(../images/share/ad/ad_16.jpg)}
div#ads ul li#ads_17 a{background-image : url(../images/share/ad/ad_17.jpg)}
div#ads ul li#ads_18 a{background-image : url(../images/share/ad/ad_18.gif)}
div#ads ul li#ads_19 a{background-image : url(../images/share/ad/ad_19.gif)}
div#ads ul li#ads_20 a{background-image : url(../images/share/ad/ad_20.jpg)}
div#ads ul li#ads_21 a{background-image : url(../images/share/ad/ad_21.jpg)}
/****************
header
****************/
div#header{
	position : absolute;
	top : 29px;
	left : 50%;
	width : 710px;
	height : 21px;
	margin-left : -355px;
}
div#weather{
	width : 288px;
	height : 21px;
	float : left;
	color : #fff;
	font-size : 12px;
	line-height : 24px;
	overflow : hidden;
}
div#subMenu{
	float : left;
	margin-left : 10px;
	background : transparent url(../images/share/sub_menu.gif) no-repeat;
	font-size : 10px;
}
div#subMenu ul{
	list-style : none;
	list-style-position : outside;
}
div#subMenu ul li{
	float : left;
}
div#subMenu ul li a{
	display : block;
	text-indent : -9999px;
	overflow : hidden;
	outline : none;
	height : 21px;
	color : #fff;
	text-decoration: none;
}
div#subMenu ul li#subMenu1 a{width : 83px;}
div#subMenu ul li#subMenu2 a{width : 83px;}
div#subMenu ul li#subMenu3 a{width : 82px;}
div#subMenu ul li#subMenu4 a{width : 82px;}
div#subMenu ul li#subMenu5 a{width : 82px;}

div#subMenu ul li#subMenu1 a:hover{background : transparent url(../images/share/sub_menu.gif) 0 -21px no-repeat;}
div#subMenu ul li#subMenu2 a:hover{background : transparent url(../images/share/sub_menu.gif) -83px -21px no-repeat;}
div#subMenu ul li#subMenu3 a:hover{background : transparent url(../images/share/sub_menu.gif) -165px -21px no-repeat;}
div#subMenu ul li#subMenu4 a:hover{background : transparent url(../images/share/sub_menu.gif) -247px -21px no-repeat;}
div#subMenu ul li#subMenu5 a:hover{background : transparent url(../images/share/sub_menu.gif) -329px -21px no-repeat;}
/****************
footer
****************/
div#footer{
	width : 690px;
	margin : 0 auto;
	padding : 0;
}
div#footer address{
	border-top : 1px solid #666;
	margin : 0;
	padding : 0;
	color : #fff;
	display : block;
	height : 71px;
	background : transparent url(../images/share/address.gif) 50% 30% no-repeat;
	text-indent : -9999px;
}
/****************
copy
****************/
p#copy{
	margin : 10px 0 0 0;
	padding : 10px 0 15px;
	color : #eee;
	font-size : 10px;
}

/****************
counterなど
****************/
p#counter{
	display : block;
	text-align : right;
	padding : 10px 0;
	color : #fff;
	font-size : 10px;
	width : 710px;
	margin : 0 auto;
	font-family : Arial Black;
}
p#counter a{
	color : #999;
	font-size : 10px;
}