@charset "UTF-8";
@import "/css/front_base.css";
@import "/css/textplugin.css";
@CHARSET "UTF-8";

#directory {
 border              : 1px solid #EFEFEF;
 margin-bottom       : 15px;
 margin-left         : 5px;
}
#directory .box {
 line-height         : 170%;
 margin-bottom       : 5px;
 padding             : 5px;
}
#directory h2 {
 overflow            : hidden;
 text-indent         : 5px;
}
#directory li {
 color               : rgb(125, 125, 125);
 display             : inline;
 font-weight         : bold;
 margin              : 0px;
 padding             : 0px;
}
#directory span {
 background          : url(/img/131.png) no-repeat;
 background-position : left;
 font-size           : 120%;
 font-weight         : bold;
 margin              : 3px;
 padding-left        : 15px;
}
#directory span a {
 padding             : 3px;
}
#directory span a:hover {
 background-color    : #F6F3E3;
}
#directory span.child {
 font-weight         : normal;
}
#directory ul {
 background-color    : #F9F9F9;
 font-size           : 140%;
 font-weight         : bold;
 padding             : 5px;
 vertical-align      : middle;
}
#directory:after,#main-content  dl:after,#navi-content  dl:after {
 clear               : both;
}
#head_line {
 background          : url(/img/bt.png) no-repeat;
 background-position : 0px -24px;
 height              : 24px;
 margin              : 0px 0px 5px 0px;
 text-indent         : 80px;
 vertical-align      : middle;
 width               : 205px;
}
#head_line img {
 margin              : 4px 1px 4px 1px;
 vertical-align      : middle;
}
#head_top {
 background-color    : #7F7F7F;
 border-bottom       : 1px solid #aaa;
 height              : 20px;
 padding             : 0px 0px 0px 0px;
 text-indent         : 10px;
 width               : 100%;
 z-index             : 100;
}
#head_top h1 {
 color               : #fff;
 display             : inline;
 float               : left;
 font-size           : 12px;
 font-weight         : bold;
 margin              : 3px;
}
#head_top p {
 color               : #fff;
 display             : inline;
 float               : left;
 font-size           : 11px;
 margin              : 3px;
}
#header .search_type {
 padding             : 2px;
}
#header h2 {
 display             : inline;
 float               : right;
 font-size           : 100%;
 font-weight         : normal;
 margin              : 5px;
}
#header h2 a {
 color               : #666;
 text-decoration     : none;
}
#header h2 a:hover {
 text-decoration     : none;
}
#header_search {
 float               : right;
 width               : 280px;
}
#header_search img {
 float               : right;
 margin-right        : 5px;
 position            : static;
}
#header_search input {
 background-color    : #fff;
 border              : 1px solid #999999;
 float               : right;
 font-size           : 14px;
 height              : 16px;
 padding             : 1px;
 width               : 110px;
}
#header_search select {
 background-color    : #fff;
 border              : 1px solid #999999;
 float               : right;
 font-size           : 14px;
 height              : 20px;
 width               : 100px;
}
#left-content .box,#navi-content .box {
 background-color    : #F7FAFA;
 border              : 1px solid #CCCCCC;
 font-size           : 110%;
 margin-bottom       : 10px !important;
 margin-bottom       : 5px;
 padding             : 5px;
}
#left-content .box .bottom {
 background          : url(/img/left_box_bottom.gif) no-repeat center bottom;
 display             : block;
 padding             : 7px;
}
#left-content .box .small,#navi-content .box h2 span {
 font-size           : 80%;
}
#left-content .box .top {
 background          : url(/img/left_box_top.gif) no-repeat center top;
 display             : block;
 padding             : 7px 7px 7px 10px;
}
#left-content .box img {
 margin-left         : 10px;
 margin-right        : 10px;
}
#left-content .box p {
 color               : #505050;
 font-size           : 90%;
 line-height         : 130%;
 margin              : 0 5px 5px;
}
#left-content .dir .child {
 text-indent         : 10px;
}
#left-content .dir h2,.paginationControl {
 font-size           : 120%;
}
#left-content .dir p {
 background          : url(/img/dir_h.png) no-repeat left;
 border-bottom       : 1px dashed #ccc;
 font-size           : 90%;
 margin-left         : 3px;
 padding             : 3px;
 text-indent         : 10px;
}
/**
サイドバーの見出し
**/
#left-content h2,#navi-content h2 {
 background-image    : url(/img/m/h2_side.gif);
 background-position : 0px 0px;
 background-repeat   : no-repeat;
 clear               : both;
 color               : #FFF;
 display             : table-cell;
 font-size           : 110%;
 font-weight         : bold;
 height              : 30px;
 line-height         :30px;
 text-indent         : 20px;
 vertical-align      : middle;
 width               : 205px;
}
#main-content  .attension {
 color               : #666;
 font-size           : 90%;
 padding-left        : 10px;
}
#main-content  .desc {
 background          : url(/img/piyo.png) no-repeat left center;
 border-bottom       : 1px dotted #ccc;
 font-size           : 110%;
 font-weight         : nomal;
 margin              : 0px 5px 0px 5px;
 padding             : 5px 0px 5px 30px;
}
#main-content  .now img {
 margin              : 0px;
 padding             : 0px;
}
#main-content  .sub {
 color               : #666;
 font-size           : 90%;
}
#main-content  .sub_right {
 color               : #666;
 font-size           : 90%;
 text-align          : right;
}

#main-content  h2 a,#main-content  h2 a:visited {
 color               : #333;
}
#main-content  h2 a:hover {
 color               : #333;
 text-decoration     : none;
}
#main-content  h5 span {
 color               : #666;
 float               : right;
 margin-left         : 20px;
 vertical-align      : middle;
}
#main-content .bottom {
 margin-bottom       : 25px;
}
#main-content .box1 {
 background-position : top;
 margin-bottom       : 5px !important;
 margin-bottom       : 5px;
}
#main-content .box1 .inner1 {
 background-color    : #fff;
 border-bottom       : 1px dotted #CCCCCC;
 clear               : both;
 display             : block;
 padding-bottom      : 5px;
 padding-top         : 5px;
}
#main-content .box1 .inner1 .inner1_mid {
 background-color    : #fff;
 border-left         : 1px solid #CCCCCC;
 border-right        : 1px solid #CCCCCC;
}
#main-content .box1 .inner1 .inner1_mid_end {
 height              : 10px;
}
#main-content .box1 .inner1 .inner1_title {
 background-color    : #EFEFEF;
 margin              : 1px;
 padding             : 5px;
}
#main-content .box1 .inner1:after {
 clear               : both;
 content             : url(pixel.gif);
 display             : block;
 height              : 0;
}
#main-content .box1 h3 {
 font-size           : 140%;
 margin              : 5px 5px;
 padding             : 0px 10px 0 10px;
}
#main-content .box1 h3 img,#main-content span img {
 margin-left         : 2px;
 margin-right        : 2px;
 padding             : 0px;
}
#main-content .box1 h4 {
 clear               : both;
 font-size           : 120%;
 font-size           : 120%;
 height              : 20px;
 margin              : 5px 5px;
 margin              : 5px 5px 5px 5px;
 padding             : 5px 10px 0 10px;
 padding             : 5px 10px 0 10px;
}
#main-content .box1 h4 img {
 vertical-align      : middle;
}
#main-content .box1 h4 span {
 color               : #666;
 float               : right;
 height              : 15px;
 margin-left         : 20px;
 width               : auto;
}
#main-content .box1 p {
 margin              : 5px 5px 5px 5px;
 padding             : 0 10px 0 10px;
}
#main-content .box1:after {
 clear               : both;
 content             : "";
 display             : block;
 height              : 0;
}
#main-content .box2 h3,#main-content h5 {
 font-size           : 140%;
 margin              : 3px 0 3px 0;
 padding             : 0 10px 0 10px;
}
#main-content .box2 img,.trendbox ul li span.title {
 margin-left         : 10px;
}
#main-content .box_comm {
 background-color    : #fff;
 border-bottom       : 1px dotted #ccc;
 margin-bottom       : 2px;
 margin-bottom       : 5px !important;
}
#main-content .box_comm .inner1 {
 clear               : both;
 padding-top         : 5px;
}
#main-content .boxset {
 width               : 720px;
}
#main-content .res {
 background-color    : #FFF;
}
#main-content .search_right {
 float               : right;
 width               : 200px;
}

#main-content h1 {
 color               : rgb(80,80,80);
 font-family         : "trebuchet ms",arial,sans-serif;
 font-size           : 210%;
 font-weight         : normal;
 margin              : 1.0em 0 0.5em 0;
}
/**
メインの見出し（短い）
**/
#main-content h2 {
 _display            : inline;
 background-image    : url(/img/m//h2_main.gif);
 background-position : 0px 0px;
 background-repeat   : no-repeat;
 clear               : both;
 color               : #fff;
 display             : table-cell;
 font-size           : 110%;
 font-weight         : bold;
 height              : 30px;
 line-height         :30px;
 text-indent         : 20px;
 vertical-align      : middle;
 width               : 530px;
 zoom                : 1;
}
#main-content h2.side,#main-content h3.side,#main-contentt h1.side {
 clear               : none;
}
#main-content h3 span {
 color               : #666666;
 display             : inline;
 float               : right;
 font-size           : 70%;
 font-weight         : normal;
 margin              : 0 0 0 25px;
 padding             : 0;
}
#main-content img {
 /**margin-left         : 10px;
 margin-right        : 10px;
 padding             : 0 10px 0 10px;
 **/
}
#main-content ol {
 margin              : 0.5em 0 1.0em 20px !important;
 margin              : 0.5em 0 1.0em 25px;
}
#main-content ol li {
 font-size           : 120%;
 line-height         : 1.4em;
 list-style-position : outside;
 margin              : 0 0 0.2em 0;
}
#main-content p {
 line-height         : 1.5em;
 padding             : 5px 10px 5px 10px;
}
#main-content p.center {
 text-align          : center;
}
#main-content p.right {
 text-align          : right;
}
#main-content table {
 border-collapse     : collapse;
 empty-cells         : show;
 table-layout        : fixed;
}
/**
メニューの画像
**/
#menu {
 background          : url(/img/m/gnavi.png) no-repeat;
 padding             : 0px;
 width               : 750px;
}
#menu dt {
 background-repeat   : no-repeat;
 float               : left;
 text-indent         : -900em;
}
#menu dt a {
 display             : block;
 height              : 39px;
 margin              : 0px;
 width               : 150px;
}
#menu dt a:hover {
 color               : #CCC;
 text-decoration     : none;
}
#menu dt.m_comment a {
 background-image    : url(/img/m/gnavi.png);
 background-position : -150px -39px;
}
#menu dt.m_comment a:hover {
 background-image    : url(/img/m/gnavi.png);
 background-position : -150px -78px;
}
#menu dt.m_data a {
 background-image    : url(/img/m/gnavi.png);
 background-position : -450px -39px;
}
#menu dt.m_data a:hover {
 background-image    : url(/img/m/gnavi.png);
 background-position : -450px -78px;
}
#menu dt.m_home a {
 background-image    : url(/img/m/gnavi.png);
 background-position : 0px -39px;
}
#menu dt.m_home a:hover {
 background-image    : url(/img/m/gnavi.png);
 background-position : 0px -78px;
}
#menu dt.m_link a {
 background-image    : url(/img/m/gnavi.png);
 background-position : -300px -39px;
}
#menu dt.m_link a:hover {
 background-image    : url(/img/m/gnavi.png);
 background-position : -300px -78px;
}
#menu dt.m_trend a {
 background-image    : url(/img/m/gnavi.png);
 background-position : -600px -39px;
}
#menu dt.m_trend a:hover {
 background-image    : url(/img/m/gnavi.png);
 background-position : -600px -78px;
}
#menu img {
 border              : 0px;
}
#navi {
 float               : left;
 font-family         : verdana,arial,sans-serif;
 height              : 10px;
 list-style          : none;
 margin              : 3px;
}
#navi a {
 color               : rgb(70, 122, 167);
 text-decoration     : none;
}
#navi a:hover {
 color               : rgb(42, 90, 138);
 text-decoration     : underline;
}
#navi li {
 background          : transparent url(/img/bg_bullet_arrow.gif) no-repeat 0 50%;
 color               : rgb(125, 125, 125);
 display             : inline;
 font-size           : 100%;
 font-weight         : bold;
 padding             : 0 0 0 10px;
}
#navi-content  dl {
 margin              : 0 10px;
}
#navi-content  dt {
 font-size           : 100%;
 font-weight         : nomal;
 margin-top          : 5px;
}
#navi-content .box .login fieldset {
 margin              : 3px;
}
#navi-content .box .login input {
 width               : 100px;
}
#navi-content .box h2 a {
 color               : #666666;
}
#navi-content .box h2 a:hover {
 color               : #ccc;
}
#navi-content .box h3 {
 font-size           : 100%;
 font-weight         : bold;
 line-height         : 110%;
 margin              : 5px 0 3px 0;
 padding             : 0 10px 0 10px;
}
#navi-content .box h4 {
 font-size           : 16px;
}
#navi-content .box h5 {
 background          : url(/img/box3_2.png) no-repeat;
 background-position : bottom;
 overflow            : hidden;
 padding             : 10px;
 vertical-align      : middle;
}
#navi-content .box p {
 color               : rgb(80,80,80);
 font-size           : 80%;
 line-height         : 1.5em;
 margin              : 0 10px 5px 10px;
}
#navi-content .box p span.child {
 font-size           : 100%;
}
#navi-content .box p span.parent {
 font-size           : 110%;
 font-weight         : bold;
}
#navi-content .box p strong {
 text-decoration     : underline;
}
#navi-content .box span.review {
 font-size           : 110%;
 font-size           : 85%;
}
#navi-content .login_box {
 background          : url(/img/login_box.png) no-repeat;
 color               : #FFF;
 height              : 95px;
 padding             : 20px;
 width               : 185px;
}
#navi-content .login_box a {
 color               : #FFF;
}
#navi-content .login_box p {
 font-size           : 120%;
 font-weight         : bold;
 text-align          : center;
}
/**
#navi-content dd {
 background-color    : #F6F3E3;
 float               : left;
 font-size           : 120%;
 font-weight         : normal;
 margin              : 2px 2px 2px 2px;
 padding             : 3px;
 padding-left        : 5px;
 padding-right       : 5px;
}
**/
#search_tag {
 list-style          : none;
}
#search_tag li {
 display             : inline;
 font-size           : 150%;
 font-weight         : normal;
 line-height         : 200%;
}
#search_tag li a {
 font-weight         : normal;
 margin              : 3px;
}
#sitemap {
 margin              : 10px;
}
#sitemap li {
 font-size           : 16px;
 list-style          : none;
 margin              : 10px;
 text-indent         : 20px;
}
/**
メインの見出し画像（ワイド）
**/
#wide-content h2 {
 background-image    : url(/img/m/h2_wide.gif);
 background-position : 0px 0px;
 background-repeat   : no-repeat;
 clear               : both;
 color               : #fff;
 font-size           : 120%;
 height              : 30px;
 line-height         :30px;
 text-indent         : 30px;

 width               : 746px;
}
.attention {
 color               : #EF0E81;
}
.footer:after,p:after {
 clear               : both;
 content             : ".";
 display             : block;
 height              : 0;
 visibility          : hidden;
}
.ketai {
 background          : url(/img/ketai.png) no-repeat;
 background-color    : #fff;
 border              : solid 3px #CCC;
 display             : block;
 height              : 209px;
 margin-bottom       : 5px;
}
.li_flo {
 float               : left;
 font-size           : 80%;
 font-weight         : normal;
 margin              : 5px;
}
.li_flo a {
 font-size           : 80%;
 font-weight         : normal;
}
.pages {
 background-color    : #F6F3E3;
 font-size           : 70%;
 padding             : 3px;
 padding-left        : 5px;
 padding-right       : 5px;
}
.paginationControl li {
 display             : inline;
 list-style-type     : none;
 margin              : 1px;
 text-align          : center;
}
.paginationControl li a {
 background-color    : #F6F3E3;
 padding             : 3px;
 padding-left        : 5px;
 padding-right       : 5px;
}
.paginationControl li span {
 border              : 1px solid #F6F3E3;
 padding             : 3px;
 padding-left        : 5px;
 padding-right       : 5px;
}
.paginationControl ul {
 list-style-type     : none;
 padding             : 5px;
}
.regist_bt {
 background          : url(/img/bt.png) no-repeat;
 background-position : 0px -48px;
 border              : 0px;
 color               : #ffffff;
 display             : block;
 font-size           : 14px;
 height              : 39px;
 text-align          : center;
 text-indent         : -900em;
 width               : 205px;
}
.regist_bt:hover {
 background          : url(/img/bt.png) no-repeat;
 background-position : -205px -48px;
}
.show_bt {
 background          : url(/img/bt.png) no-repeat;
 background-position : 0px 0px;
 display             : block;
 height              : 24px;
 margin              : 0px 0px 5px 0px;
 text-indent         : -900em;
 width               : 205px;
}
.show_bt:hover {
 background          : url(/img/bt.png) no-repeat;
 background-position : -205px 0px;
}
.submit {
 background          : url(/img/bt.png) no-repeat;
 background-position : 0px -87px;
 border              : 0px;
 color               : #ffffff;
 display             : block;
 font-size           : 14px;
 height              : 34px;
 text-align          : center;
 text-indent         : -900em;
 width               : 154px;
}
.submit:hover {
 background          : url(/img/bt.png) no-repeat;
 background-position : -205px -87px;
}
.trendbox {
 background-color    : #fff;
 padding             : 5px;
}
.trendbox .tag {
 float               : left;
 width               : 360px;
}
.trendbox .tag li {
 font-size           : 140%;
 font-weight         : bold;
}
.trendbox li.blog {
 background          : url(/img/165.png) no-repeat;
}
.trendbox li.movie {
 background          : url(/img/078.png) no-repeat;
}
.trendbox li.news {
 background          : url(/img/147.png) no-repeat;
}
.trendbox li.question {
 background          : url(/img/044.png) no-repeat;
}
.trendbox ul li {
 border-bottom       : 1px solid #ccc;
 padding             : 3px;
 text-indent         : 15px;
}

#footer {
background: url(/img/m/bg.gif);
background-position:0 0;
clear:both;
color:#666666;
font-size:13px;
min-height:200px;
overflow-x:visible !important;
overflow-y:visible !important;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
position:relative;
}