@charset "utf-8";
* {outline:none;}

/* ========== clear ========== */
.clrFix:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
* html .clrFix{display:inline-block;}
*:first-child+html .clrFix {display:inline-block;}
.clr{clear:both;}
.hide {display:none;}

.clearfix{ zoom:1;}
.clearfix:after{ height:0; display:block; clear:both; visibility:hidden; content:"."; line-height:0; }

/* サイトトップ
---------------------------------------- */
body {background:#eeeeee url(../images/top/bg_square.png);}
#container {width:920px; margin:0 auto; overflow:hidden;}
#wrapper {width:920px; text-align:left; background:url(../images/top/bg_content.png) center top repeat-y;}
#bnr_flash {margin:0 10px; width:900px; height:167px; background-color:#ffffff; }
#content {width:900px; margin:0 10px; }
#content p{margin:0; padding:0; }
#content h1{text-indent:-9999px; height:1px; overflow:hidden;}
#content h1 br{display:none;}

#content #flashDateNoScript {text-align:center; margin:0 auto 20px; font-size:16px; font-weight:bold; color:#3366FF;}

#content div.LeftBlock {clear:left; float:left; width:189px; margin:0; text-align:left; font-size:11px; padding-top:52px;}
#content div.RightBlock {float:right; width:711px; margin:0; text-align:left; }
#content div.CenterBlock {position:relative; float:left; width:493px; margin:0; text-align:left; padding-bottom:25px;}
#content div.RightBlock div.RightMenu {float:right; width: 193px; margin:30px 0 0 25px; text-align:left; padding-bottom:30px;}

/* 今日の気分 */
#content div.feeling{text-align:left;}
#content div.feeling h2 {width:492px; height:50px; margin:0; text-indent:-9999px; background:url(../images/top/title_feeling.png) left top no-repeat;}
#content div.feeling .frame{position:relative; height:372px; width:492px; margin:0 auto; background-color: #505050; }
#content div.feeling .frame p.feelingframe {height: 372px; width:492px;  overflow:hidden; position:absolute; z-index:3; left:0;}
#content div.feeling .frame a {height:372px; width:492px; overflow:hidden;position:absolute; display:block; text-indent:-9999px; z-index:5; left:0;}
/*#content div.feeling .frame a:hover {background:url(../images/top/feelingFrame_a_o.png) center 0 no-repeat;}*/
/* #content div.feeling .frame p.feelingname {position:absolute; bottom:42px; *//*font-size:60%;*/ /* font-size:12px; color:#834D00; text-align:center; width:268px; font-weight:bold; z-index:4;left:0;} */
/* #content div.feeling .frame p.feelingdate {position:absolute; bottom:27px; *//*font-size:50%;*/ /* font-size:12px; color:#834D00; text-align:center; width:268px; font-weight:bold; letter-spacing:120%; z-index:4;left:0;} */
#content div.feeling .frame #FrameBase {position:absolute; left:0; top:0; width:100%;}
#content div.feeling .frame .feelingimg {margin:6px; width:480px; height:360px; z-index:3;}
#content div.feeling .frame #copyright { position:absolute; top:315px; left:387px; z-index:5; background:url(../images/top/maruc.png) left top no-repeat; width:93px; height:16px;}
#content div.feeling .feelinginfo {clear:both; position:relative; width:492px; height:30px; background-color:#ffffff; margin-top:15px;}
#content div.feeling .feelingmore {position:absolute; top:3px; width:492px; text-align:right;}
#content div.feeling .frame p.feelingname {position:absolute; bottom:14px; font-size:12px; color:#343434; text-align:center; width:492px; font-weight:bold; left:0;}
#content div.feeling .frame p.feelingdate {position:absolute; bottom:0; font-size:12px; color:#343434; background-color:transparent; text-align:center; width:492px; font-weight:bold; letter-spacing:120%; left:0; z-index:5;}

/* ニュース */
/* #content div.CenterBlock div.news {position:absolute; top:454px; margin-bottom:25px; padding:0; background:transparent url(../images/top/bg_news.png) left top no-repeat; width:493px; height:170px;} */
#content div.CenterBlock div.news {position:relative; margin-top:10px; margin-bottom:25px; padding:0; background:transparent url(../images/top/bg_news.png) left top no-repeat; width:493px; height:170px;}
#content div.CenterBlock div.news ul {display:block; margin-left:137px; padding-top:71px; padding-bottom:2px; list-style-type: none; text-align:left; z-index:3;}
#content div.CenterBlock div.news ul li {display:block; font-size: 12px; margin: 0 0 7px 0; padding:0; width: 354px; overflow:hidden;}
#content div.CenterBlock div.news ul li a{color: #000000;}
#content div.CenterBlock div.news ul li a:hover{text-decoration: underline; color:#ff11a8;}
#content div.CenterBlock #news_bird {position:absolute; top:55px; left:16px; width:84px; height:70px; background-color:transparent; z-index:7;}

/* もっとみる */
#content div.CenterBlock .more { z-index:5; width:493px; height:15px; text-align:right;}
#content div.CenterBlock .more a{ display:block; overflow:hidden; width:95px; margin-bottom:25px; 
 height: 0 !important; height /**/: 15px; padding-top: 15px; margin-left:398px;
 background: transparent url(../images/top/more.png) no-repeat right top; background-position:0 0; color: #ffffff; }
#content div.CenterBlock .more a:hover{background: transparent url(../images/top/more.png) no-repeat right top; background-position:0 -15px;}

/* タコスタッフ募集 */
#content div.bnr_takostaff { text-align:center; font-size: 11px; display:block; margin-top:25px; }
#content div.bnr_takostaff a{ display:block; overflow:hidden; width:492px; margin:0;
 height: 0 !important; height /**/: 89px; padding-top: 89px;
 background: url(../images/bnr/tako_staffboshu.png) no-repeat center top; background-position:0 0; color: #ffffff;}
#content div.bnr_takostaff a:hover { background-position:0 -89px; }

/* 今日の気分App */
#content div.bnr_kibunapp { text-align:center; font-size: 11px; display:block; margin-bottom:25px; }
#content div.bnr_kibunapp a{ display:block; overflow:hidden; width:133px; margin:0 0 2px 31px;
 height: 0 !important; height /**/: 183px; padding-top: 183px;
 background: url(../images/bnr/bnr_kibunapp.png) no-repeat center top; background-position:0 0; color: #ffffff;}
#content div.bnr_kibunapp a:hover { background-position:0 -183px; }

/* でるびさんうらない */
#content div.bnr_fortune { text-align:center; font-size: 11px; display:block; margin-bottom:25px; }
#content div.bnr_fortune a{ display:block; overflow:hidden; width:153px; margin:0 0 2px 21px;
 height: 0 !important; height /**/: 120px; padding-top: 120px;
 background: transparent url(../images/bnr/bnr_fortune.png) no-repeat center top; background-position:0 0; color: #ffffff; }
#content div.bnr_fortune a:hover { background-position:0 -120px; }

/* ブログバッジ */
#content div.bnr_badge { text-align:center; font-size: 11px; display:block; width:140px; margin-left: 27px; margin-bottom:25px; }

/* 携帯サイト */
#content div.bnr_mobile { text-align:center; font-size: 11px; display:block; margin-bottom:25px; }
#content div.bnr_mobile a{ display:block; overflow:hidden; width: 97px; margin:0 auto 3px auto;
 height: 0 !important; height /**/: 130px; padding-top: 130px;
 background: transparent url(../images/bnr/bnr_mobile.png) no-repeat left top; }

/* 右ブロックメニュー */
div.menu {width:168px; font-size:12px; margin: 0 0 10px 0; font-weight:bold;}
div.menu p{display:block; margin-bottom: 20px;}
div.menu .zukan a, div.menu .news a, div.menu .dodo a, div.menu .hoke a, 
div.menu .kibun a, div.menu .shokichi a, div.menu .goods a, div.menu .anzan a, 
div.menu .badge a, div.menu .heso a, div.menu .obake1 a, div.menu .obake2 a {display:block; overflow:hidden; width:168px; margin:2px 0 7px 0; height:0 !important; height /**/:54px; padding-top: 54px; background-position:0 0;}
div.menu .anzan a{background: transparent url(../images/top/menu_anzan.png) no-repeat left top; }
div.menu .badge a{background: transparent url(../images/top/menu_badge.png) no-repeat left top; }
div.menu .dodo a{background: transparent url(../images/top/menu_dodo.png) no-repeat left top; }
div.menu .goods a{background: transparent url(../images/top/menu_goods.png) no-repeat left top; }
div.menu .hoke a{background: transparent url(../images/top/menu_hoke.png) no-repeat left top; }
div.menu .kibun a{background: transparent url(../images/top/menu_kibun.png) no-repeat left top; }
div.menu .hoke a{background: transparent url(../images/top/menu_hoke.png) no-repeat left top; }
div.menu .news a{background: transparent url(../images/top/menu_news.png) no-repeat left top; }
div.menu .shokichi a{background: transparent url(../images/top/menu_shokichi.png) no-repeat left top; }
div.menu .zukan a{background: transparent url(../images/top/menu_zukan.png) no-repeat left top; }
div.menu .heso a{background: transparent url(../images/top/menu_heso.png) no-repeat left top; }
div.menu .obake1 a{background: transparent url(../images/top/menu_obake.png) no-repeat left top; }
div.menu .obake2 a{background: transparent url(../images/top/menu_obake2.png) no-repeat left top; }

div.menu .zukan a:hover, div.menu .news a:hover, div.menu .dodo a:hover,
div.menu .hoke a:hover, div.menu .kibun a:hover, div.menu .shokichi a:hover,
div.menu .goods a:hover, div.menu .anzan a:hover, div.menu .badge a:hover,
div.menu .heso a:hover, div.menu .obake1 a:hover, div.menu .obake2 a:hover{background-position:0 -54px; }

/* 下方メニュー */
div.lower_menu {margin:0 auto 0 210px; text-align:left; clear: both; }
div.lower_menu ul {margin:0; padding:0; list-style-position:inside; list-style-type: none; }
div.lower_menu li {display:inline; line-height: 1.4; }
div.lower_menu li a {text-decoration: none; color: #000000; padding: 0 0 0 18px; background:url(../images/top/h3bg.gif) left 0.1em no-repeat; font-size: 12px; margin-right:38px;}
div.lower_menu li a:hover {text-decoration: underline; color: #ff0000; }

/* うるまのへそ */
div.CenterBlock div.heso {text-align:center; background:#505050; width:492px; margin-top:50px; }
div.CenterBlock div.heso div.entryArea {background:#ffffff; border:#505050 solid 6px; width:480px; padding-bottom:12px; }
div.CenterBlock div.heso div.contentTitle {text-align:center; background:#ffffff; width:480px; }
div.CenterBlock div.heso div.contentTitle h2 {margin: 8px auto; width:337px; height:52px; text-indent:-9999px; background:url(../images/top/title_heso.png) left top no-repeat;}
div.entrySection {clear: both; width: 408px; background: #ffffff; margin:0 36px; text-align:left;}
div.CenterBlock div.heso .entryMore a{ display:block; overflow:hidden; width:95px;
 height: 0 !important; height /**/: 15px; padding-top: 15px; margin-left:373px;
 background: transparent url(../images/top/more.png) no-repeat right top; background-position:0 0; color: #ffffff; }
div.CenterBlock div.heso .entryMore a:hover{background: transparent url(../images/top/more.png) no-repeat right top; background-position:0 -15px;}