@charset "utf-8";
/* CSS Document */


/* 全体の設定 */
*{ margin:0; padding:0; border:0;}

body{
text-align:center;
background-color:#eee;
font-size:14px;
line-height:150%;
}


/* ============= wrap =============== */

#wrap{
width:950px;
margin:0 auto;
text-align:justify;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

#wrap-inner{
background-color:#FFFFFF;
}



/* ============= ヘッダー header ============ */

#header{
height:300px;
background-image: url(img/header.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

#header-name em{ display:none; margin:0; padding:0;}
#header-description{ height:0; display:none; margin:0; padding:0; }
#header-text{ height:0; display:none; margin:0; padding:0; }

#header h1 a{
display:block;
width:950px;
height:300px;
}

#header-inner{}


/* ============== コンテンツ content ============= */


#content{ overflow:hidden; }

#content:after { overflow:hidden; }

* html #content {
    height: 1em;
    overflow: visible;
}

.ranking{ /*border-bottom:3px dashed #999;*/ margin-bottom:48px; }


/* ===================== レフト left ======================== */

#left{
float:left;
width:324px;
background-color:#FFFFFF;
}

* html #left{ width:314px; }

#left-inner{
background-image:url(img/left.jpg);
background-repeat:no-repeat;
min-height:300px;
padding:0 29px 10px 25px;
}

* html #left-inner{padding:0 19px 10px 25px;}

#left_rank ol{ list-style:none; border-bottom:1px solid #bbb; margin:0 0 12px;}
#left_rank ol li{ list-style:none; text-indent:-9999px; width:270px; height:69px; background-repeat:no-repeat; }
#left_rank ol li a{ width:270px; height:69px; display:block;}

#left_rank ol li#left_rank_01{ background:url(img/left_rank_01.jpg);}
#left_rank ol li#left_rank_02{ background:url(img/left_rank_02.jpg);}
#left_rank ol li#left_rank_03{ background:url(img/left_rank_03.jpg);}
#left_rank ol li#left_rank_04{ background:url(img/left_rank_04.jpg);}
#left_rank ol li#left_rank_05{ background:url(img/left_rank_05.jpg);}
#left_rank ol li#left_rank_06{ background:url(img/left_rank_06.jpg); height:55px; }
#left_rank ol li#left_rank_07{ background:url(img/left_rank_07.jpg); height:55px; }
#left_rank ol li#left_rank_08{ background:url(img/left_rank_08_1.jpg); height:70px; }
#left_rank ol li#left_rank_09{ background:url(img/left_rank_09.jpg);height:55px;}
#left_rank ol li#left_rank_10{ background:url(img/left_rank_10.jpg);height:55px;}


#left_rank ol li#left_rank_06 a{ width:270px; height:55px; display:block;}
#left_rank ol li#left_rank_07 a{ width:270px; height:55px; display:block;}
#left_rank ol li#left_rank_08 a{ width:270px; height:70px; display:block;}
#left_rank ol li#left_rank_09 a{ width:270px; height:55px; display:block;}
#left_rank ol li#left_rank_10 a{ width:270px; height:55px; display:block;}

#left_profile{ margin:0 0 12px; }
#left_profile p { font-size:12px; text-align:justify; border:6px solid #eee; padding:8px; margin-top:12px; }

/* ====================== ライト right ======================== */

#right{
float:right;
width:626px;
background-color:#FFFFFF;
}

#right-inner{
padding:10px 30px 20px 10px;
}

#owner{ margin:0 0 6px;}

#owner h3{
background:url(img/h3_owner.jpg);
height:65px;
text-indent:-9999px;
}

#owner p {
background:#fbfbf6;
border:1px solid #999900;
border-top:none;
padding:12px;
}

#owner p span {
font-size:10px;
}


#index_rank{ background-image:url(img/bg_index_rank.jpg); padding:6px; margin:6px 0;}
#index_rank_inner{ background:#FFFFFF; padding:6px;}
#index_rank h3{ background:url(img/h3_index_rank.jpg); background-repeat:no-repeat; padding:6px; text-indent:-9999px;}
#index_rank ol{ padding:0; list-style:none;}
#index_rank ol li{ padding:2px 62px; background-position:19px center; color:#006699;  background-repeat:no-repeat;}
#index_rank ol li span{ color:#333; font-size:12px;}

#index_rank ol li#index_rank_01{
background-color:#fff;
background-image:url(img/01.gif);
font-size:20px;
height:48px;
padding:8px 0 8px 122px;
background-position:0px center;
line-height:115%;
}

#index_rank ol li#index_rank_02{
background-color:#eee;
background-image:url(img/02.gif);
font-size:17px; height:48px;
padding:8px 0 8px 122px;
background-position:0px center;
line-height:130%;
}
#index_rank ol li#index_rank_03{
background-color:#fff;
background-image:url(img/03.gif);
font-size:14px;
height:48px;
padding:8px 0 8px 122px;
background-position:0px center;
line-height:140%;
}

#index_rank ol li#index_rank_04{background-color:#eee; background-image:url(img/04.gif);}
#index_rank ol li#index_rank_05{background-color:#fff; background-image:url(img/05.gif);}
#index_rank ol li#index_rank_06{background-color:#eee; background-image:url(img/06.gif);}
#index_rank ol li#index_rank_07{background-color:#fff; background-image:url(img/07.gif);}
#index_rank ol li#index_rank_08{background-color:#eee; background-image:url(img/08.gif);}
#index_rank ol li#index_rank_09{background-color:#eee; background-image:url(img/09.gif);}
#index_rank ol li#index_rank_10{background-color:#eee; background-image:url(img/10.gif);}


.item_cont{
width:100%;
vertical-align:top;
overflow:hidden;
}

.item_cont:after { overflow:hidden; }

.cont_01{ width:200px; }
.cont_02{ width:20%;}
.cont_03{ width:40%;}

.thumb{
float:left;
padding:5px;
border:1px solid #aaa;
}

.spec{
width:62%;
float:right;
}

* html .spec{
border:1px solid #ccc;
border-bottom:none;
font-size:14px;
line-height:150%;
}

.spec tr{
background-image:url(img/bg_spec.jpg);
}

* html .spec tr{ border-bottom:1px solid #ccc; background-image:none; }

.spec th{
text-align:justify;
width:100px;
padding:10px;
color: #333;
}

* html .spec th{ border-bottom:1px solid #ccc; background-color:#f2f2f2;}

.spec td{
padding:10px;
}

* html .spec td{ width:400px; border-bottom:1px solid #ccc;}

.ranking h3{
background-repeat:no-repeat;
width:596px;
height:86px;
margin:5px -5px 5px;
text-indent:-9999px;
}

#h3_01{ background-image:url(img/h3_01.jpg);}
#h3_02{ background-image:url(img/h3_02.jpg);}
#h3_03{ background-image:url(img/h3_03.jpg);}
#h3_04{ background-image:url(img/h3_04.jpg);}
#h3_05{ background-image:url(img/h3_05.jpg);}
#h3_06{ background-image:url(img/h3_06.jpg);}
#h3_07{ background-image:url(img/h3_07.jpg);}
#h3_08{ background-image:url(img/h3_08.jpg);}
#h3_09{ background-image:url(img/h3_09.jpg);}
#h3_10{ background-image:url(img/h3_10.jpg);}

#h3_profile{ background-image:url(img/h3_profile.jpg); height:175px; text-indent:-9999px;}

#profile table {  
border:1px solid #ccc;
border-bottom:none;
width:100%; 
font-size:14px;
line-height:150%;
}

#profile tr {
border-bottom:1px solid #ccc;
}

#profile th {  
padding:12px;  
border-bottom:1px solid #ccc;
background-color:#eee;
}
  
#profile td {    
width:400px;
padding:12px;  
border-bottom:1px solid #ccc;
/*border-left:1px solid #999;  */
}  

h4{ font-size:16px;}
b{ display:block;}

.item_feat{ margin:6px 0;}
.item_graph{ margin:6px 0; }
.item_imp{ margin:6px 0;}
.item_inner{ border:6px solid #e6e6e6; padding:12px 12px 0;}
.item_inner p{ margin:0 0 12px; text-indent:1em;}
.item_feat h4{ background-image:url(img/bg_feat.jpg);}
.item_graph h4{ background-image:url(img/bg_graph.jpg);}
.item_imp h4{ background-image:url(img/bg_imp.jpg);}
.item_h4{ font-size:16px; background-repeat:no-repeat; width:200px; height:20px; text-indent:-9999px; margin:0 0 12px; }
.fl_l{ float:left; margin:3px 9px 9px 0; border:1px solid #999;}
.fl_r{ float:right; margin:3px 0 9px 9px; border:1px solid #999;}
.fl_graph{ float:right; margin:5px 0 14px 14px;}
.yel{ background-color:#FFFF66; font-weight:bold; font-size:21px; color:#f00;}
.feat_img{ margin-bottom:12px; }
.button_jump{ text-align:center; margin:12px 0;}

.button_jump a{ font-size:16px; font-weight:bold;}

/* =========================== footer フッター ============================= */

#footer{
height:100px;
}
.txtlink{text-align:center;}
.txtlink a{center;font-size:12px;color:royalblue;text-decoration:none;}




/* petimg */

.petimg_if{ float:left; margin:0 20px 10px 0; }
.petimg_h4o{ float:right; margin:0 0 10px 20px; width:250px; }
.petimg_shinkokyu{ float:right; margin:0 0 50px 20px; width:200px;  }
.petimg_hanabiratake{ float:right; margin:0 0 100px 20px; width:250px; }

.petimg_kouso{ float:left; margin:0 20px 10px 0; width:200px; }
.petimg_greenies{ float:right; margin:0 0 50px 20px; width:250px;  }

.petimg_kenkou{ float:left; margin:0 20px 10px 0; width:120px; }
.petimg_meigen{ float:right; margin:0 0 50px 20px; width:250px;  }