@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;}

/* サイトトップ
---------------------------------------- */
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; background-color:#ffffff;}
#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 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_en.png) no-repeat right top; background-position:0 0; color: #ffffff; }
#content div.CenterBlock .more a:hover{background: transparent url(../images/top/more_en.png) no-repeat right top; background-position:0 -15px;}

/* 今日の気分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:124px; margin:0 0 2px 21px;
 height: 0 !important; height /**/: 183px; padding-top: 183px;
 background: transparent 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_sitemap { text-align:center; font-size: 11px; display:block; margin-bottom:25px; }
#content div.bnr_sitemap a{ display:block; overflow:hidden; width:122px; margin:0 auto 2px auto;
 height: 0 !important; height /**/: 141px; padding-top: 141px;
 background: transparent url(../images/bnr/bnr_sitemap.png) no-repeat center top; background-position:0 0; color: #ffffff; }
#content div.bnr_sitemap a:hover { background-position:0 -141px; }

/* ブログバッジ */
#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 .what 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 .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 .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 .what a{background: transparent url(../images/top/menu_what.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 .what a:hover {background-position:0 -54px; }


/* 下方メニュー */
div.lower_menu {margin:20px auto 0 230px; 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.6; }
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; }