/*-------------------------------------------------------------------------

common.css

--------------------------------------------------------------------------*/

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* カテゴリで探す */
#index-content #category1
{float: left; width: 640px; height: 363px; background:url(/image/top/category_bg1.gif); margin-top: 20px; margin-bottom:20px;}
*html #index-content #category1{ width: 600px; }
#index-content #category1 #bar
{float: left; width: 640px; height: 23px; text-align:right; font-weight:bold; margin-top:2px;}
#index-content #category1 #ct1_box
{float: left; width: 640px; height: 328px; padding-left: 24px; padding-top: 12px; line-height: 17px;}
*html #index-content #category1 #ct1_box{ width: 614px;}

#index-content #category1 #ct1_box .ct_bold
{font-weight: bold;}
#index-content #category1 #ct1_box #ct1_a
{float: left; width: 211px; height: 279px;}
#index-content #category1 #ct1_box #ct1_a #ct_1
{float: left; width: 211px; height: 119px; margin-bottom: 14px;}
#index-content #category1 #ct1_box #ct1_a #ct_2
{float: left; width: 211px; height: 85px; margin-bottom: 10px;}
#index-content #category1 #ct1_box #ct1_a #ct_3
{float: left; width: 211px; height: 85px; }

#index-content #category1 #ct1_box #ct1_b
{float: left; width: 196px; height: 279px; }
#index-content #category1 #ct1_box #ct1_b #ct_4
{float: left; width: 196px; height: 102px; margin-bottom: 13px;}
#index-content #category1 #ct1_box #ct1_b #ct_5
{float: left; width: 196px; height: 102px; margin-bottom: 10px;}
#index-content #category1 #ct1_box #ct1_b #ct_6
{float: left; width: 196px; height: 85px; }

#index-content #category1 #ct1_box #ct1_c
{float: left; width: 211px; height: 279px;}
#index-content #category1 #ct1_box #ct1_c #ct_7
{float: left; width: 211px; height: 102px; margin-bottom: 12px;}
#index-content #category1 #ct1_box #ct1_c #ct_8
{float: left; width: 211px; height: 102px; margin-bottom: 11px;}
#index-content #category1 #ct1_box #ct1_c #ct_9
{float: left; width: 211px; height: 48px; margin-bottom: 9px;}
#index-content #category1 #ct1_box #ct1_c #ct_10
{float: left; width: 211px; height: 48px;}
*html #index-content #category1 #ct1_box #ct1_c{ width: 200px;}
*html #index-content #category1 #ct1_box #ct1_c #ct_7{ width: 200px;}
*html #index-content #category1 #ct1_box #ct1_c #ct_8{ width: 200px;}
*html #index-content #category1 #ct1_box #ct1_c #ct_9{ width: 200px;}
*html #index-content #category1 #ct1_box #ct1_c #ct_10{ width: 200px; height: 30px;}
/* カテゴリで探す ここまで */


/* 右カラムランキング */
#ranking {
    text-align:center;
}
#ranking #list {
    overflow:auto;
    width: 285px;
    height: 440px;
    background-color:#fff;
    border:1px solid #aaa;
    margin:0px auto;
}
#ranking #list li {
    width:265px;
    height:auto;
    margin:0px auto;
    background: url(/image/top/dash-line.gif) bottom repeat-x;
    text-align:left;
}
#ranking #list li a {
    width:190px;
    height:auto;
    display:block;
    padding-left:65px;
}
#ranking #list li a.pr1     {   background: url(/image/top/r_pr_icon.gif)  0px no-repeat; }
#ranking #list li a.pr2     {   background: url(/image/top/r_pr2_icon.gif) 0px no-repeat; }
#ranking #list li a.rank1   {   background: url(/image/top/r_1_icon.gif)   0px no-repeat; }
#ranking #list li a.rank2   {   background: url(/image/top/r_2_icon.gif)   0px no-repeat; }
#ranking #list li a.rank3   {   background: url(/image/top/r_3_icon.gif)   0px no-repeat; }
#ranking #list li a.rank4   {   background: url(/image/top/r_4_icon.gif)   0px no-repeat; }
#ranking #list li a.rank5   {   background: url(/image/top/r_5_icon.gif)   0px no-repeat; }
#ranking #list li a.rank6   {   background: url(/image/top/r_6_icon.gif)   0px no-repeat; }
#ranking #list li a.rank7   {   background: url(/image/top/r_7_icon.gif)   0px no-repeat; }
#ranking #list li a.rank8   {   background: url(/image/top/r_8_icon.gif)   0px no-repeat; }
#ranking #list li a.rank9   {   background: url(/image/top/r_9_icon.gif)   0px no-repeat; }
#ranking #list li a.rank10  {   background: url(/image/top/r_10_icon.gif)  0px no-repeat; }
#ranking #list li a.rank11  {   background: url(/image/top/r_11_icon.gif)  0px no-repeat; }
#ranking #list li a.rank12  {   background: url(/image/top/r_12_icon.gif)  0px no-repeat; }
#ranking #list li a.rank13  {   background: url(/image/top/r_13_icon.gif)  0px no-repeat; }
#ranking #list li a.rank14  {   background: url(/image/top/r_14_icon.gif)  0px no-repeat; }
#ranking #list li a.rank15  {   background: url(/image/top/r_15_icon.gif)  0px no-repeat; }
#ranking #list li a.rank16  {   background: url(/image/top/r_16_icon.gif)  0px no-repeat; }
#ranking #list li a.rank17  {   background: url(/image/top/r_17_icon.gif)  0px no-repeat; }
#ranking #list li a.rank18  {   background: url(/image/top/r_18_icon.gif)  0px no-repeat; }
#ranking #list li a.rank19  {   background: url(/image/top/r_19_icon.gif)  0px no-repeat; }
#ranking #list li a.rank20  {   background: url(/image/top/r_20_icon.gif)  0px no-repeat; }
#ranking #list li a.rank21  {   background: url(/image/top/r_21_icon.gif)  0px no-repeat; }
#ranking #list li a.rank22  {   background: url(/image/top/r_22_icon.gif)  0px no-repeat; }
#ranking #list li a.rank23  {   background: url(/image/top/r_23_icon.gif)  0px no-repeat; }
#ranking #list li a.rank24  {   background: url(/image/top/r_24_icon.gif)  0px no-repeat; }
#ranking #list li a.rank25  {   background: url(/image/top/r_25_icon.gif)  0px no-repeat; }
#ranking #list li a.rank26  {   background: url(/image/top/r_26_icon.gif)  0px no-repeat; }
#ranking #list li a.rank27  {   background: url(/image/top/r_27_icon.gif)  0px no-repeat; }
#ranking #list li a.rank28  {   background: url(/image/top/r_28_icon.gif)  0px no-repeat; }
#ranking #list li a.rank29  {   background: url(/image/top/r_29_icon.gif)  0px no-repeat; }
#ranking #list li a.rank30  {   background: url(/image/top/r_30_icon.gif)  0px no-repeat; }

#ranking #list li a.pr1,
#ranking #list li a.rank1,
#ranking #list li a.rank2,
#ranking #list li a.rank3   {   height:47px; padding-top:8px;}

#ranking #list li a.pr2,
#ranking #list li a.rank4,
#ranking #list li a.rank5,
#ranking #list li a.rank6,
#ranking #list li a.rank7,
#ranking #list li a.rank8,
#ranking #list li a.rank9,
#ranking #list li a.rank10,
#ranking #list li a.rank11,
#ranking #list li a.rank12,
#ranking #list li a.rank13,
#ranking #list li a.rank14,
#ranking #list li a.rank15,
#ranking #list li a.rank16,
#ranking #list li a.rank17,
#ranking #list li a.rank18,
#ranking #list li a.rank19,
#ranking #list li a.rank20,
#ranking #list li a.rank21,
#ranking #list li a.rank22,
#ranking #list li a.rank23,
#ranking #list li a.rank24,
#ranking #list li a.rank25,
#ranking #list li a.rank26,
#ranking #list li a.rank27,
#ranking #list li a.rank28,
#ranking #list li a.rank29,
#ranking #list li a.rank30  {
    min-height:24px;
    height: auto !important;
    height: 24px;
    padding-top:8px;
}


/* 右カラムランキング ここまで */


/* 共通ページャー */
#pager:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#pager {display: inline-table;}

/* Hides from IE-mac \*/
* html #pager {height: 1%;}
#pager {display: block;}
/* End hide from IE-mac */

#pager {
    width: 620px;
    height: 22px;
    padding: 0px 4px 0px 4px;
}
#pager .count{
    width: 140px;
    height: 22px;
    float:left;
}
#pager .page{
    width: 440px;
    height: 22px;
    float:right;
}
#pager .prev {
    width: 60px;
    height: 22px;
    display:block;
    float:right;
    text-align:left;
    margin-right:25px;
    _margin-right:0px;
}
#pager .next {
    width: 60px;
    height: 22px;
    display:block;
    float:right;
    text-align:right;
    margin-right:25px;
    _margin-right:0px;
}
#pager .prev a, #pager .next a {
    width: 60px;
    height: 22px;
    display:block;
}
#pager .prev a{ background: url(/image/cate/prev_bt.gif) no-repeat; background-position:left;  padding-left:25px;  }
#pager .next a{ background: url(/image/cate/next_bt.gif) no-repeat; background-position:right; padding-right:25px; }

#pager .num{
    max-width:280px;
    width: auto !important;
    width: 280px;
    _max-width:270px;
    _width: auto !important;
    _width: 270px;
    height: 22px;
    float:right;
    text-align:center;
    overflow:hidden;
}


/* 共通ページャー ここまで */

/*
===== :: Footer =============================================================*/

#footer #footer_link
{ float: left; display: block; width: 950px; height: 72px; padding-top: 10px;}
#footer #footer_link #footer_logo
{ float: left; display: block; width: 194px; height: 52px; margin-left: 15px;}
#footer #footer_link #footer_icon_box
{ float: left; display: block; width: 660px; height: 60px; padding-left: 50px;}
#footer #footer_link #footer_icon_box img
{ float: left; display: block; width: 70px; height: 60px; margin-right: 2px;}
#footer #footer_box
{ float: left; display: block; width: 950px; height: 191px;
background: url(/image/top/footer_box_bg.gif) repeat-x;}
#footer #footer_box #footer_mark
{ float: left; display: block; width: 204px; height: 189px; margin-top: 1px; margin-bottom: 1px;}
#footer #footer_box #footer_menu
{ float: left; display: block; width: 720px; height: 191px; padding-left: 15px; padding-top: 15px;}
#footer #footer_box #footer_menu #f_menu1
{ float: left; display: block; width: 680px; height: 82px; margin-bottom: 20px;}
#footer #f_menu2
{ text-align: center; margin: 0 auto; }
html > body #footer #f_menu2 { text-align: center; margin: 0 auto; padding-top:40px }/* Win IE6 以外のモダンブラウザに適用 */

/* { float: left; display: block; width: 500px; height: 40px;} */
 #footer #footer_box #footer_menu a{ color: #999999;}
#footer #footer_box #footer_menu a:hover{ color: #02b6eb;}
#footer #footer_copyright
{ float: left; display: block; width: 950px; height: 24px; font-size: 12px; color: #FFFFFF; text-align: center;
background-color: #00b8ee;}