@charset "utf-8";



/********** カテゴリ項目＆評価記事項目***********/

.xp_catetitle {
  background-color:#2860A3;
  color : #ffffff;
  margin-bottom:0px;
  padding: 3px;
}
.xp_catelist {
  width:280px;
  font-size:13px;
  font-weight:bold;
  background-color:#ffffff;
  margin:0 auto;
  clear: both;
}
.xp_catelist .xp_cate_layer_1 {
  font-size:13px;
  margin-bottom: 3px;
  padding: 3px 3px 5px 20px;
  border-bottom:1px solid #cccccc;
  background : url(/imgs/point01.gif) no-repeat;
}
.xp_catelist .xp_cate_layer_2 {
  font-size:13px;
  margin-bottom: 3px;
  padding: 3px 3px 5px 30px;
  border-bottom:1px solid #cccccc;
  background : url(/imgs/point01.gif) no-repeat;
  background-position:10px 0px;
}
.xp_catelist .xp_cate_layer_3 {
  font-size:13px;
  margin-bottom: 3px;
  padding: 3px 3px 5px 40px;
  border-bottom:1px solid #cccccc;
  background : url(/imgs/point01.gif) no-repeat;
  background-position:20px 0px;
}
.xp_catelist .xp_cate_layer_4 {
  font-size:13px;
  margin-bottom: 3px;
  padding: 3px 3px 5px 50px;
  border-bottom:1px solid #cccccc;
  background : url(/imgs/point01.gif) no-repeat;
  background-position:30px 0px;
}
.xp_catelist .xp_cate_layer_5 {
  font-size:13px;
  margin-bottom: 3px;
  padding: 3px 3px 5px 60px;
  border-bottom:1px solid #cccccc;
  background : url(/imgs/point01.gif) no-repeat;
  background-position:40px 0px;
}



/********** 画像つき新着記事 ***********/

.xp_feednewimg {
font-size:12px;
  width:100%;
  color:#555555;
  clear: both;
  margin: 10px 0px 10px 15px;
}

.xp_feednewimg .xp_item_box{
  width:110px;
  border: 1px solid #999999;
  background-color:#F7F7F7;
  padding-top: 5px;
  vertical-align:baseline;
  text-align:center;
  margin-bottom:5px;
  margin-right:3px;
  float:left;
}
.xp_feednewimg .xp_image_box {
  width:100px;
  margin:0px auto;
  overflow:hidden;
  display:block;
  text-align:center
}
.xp_feednewimg img {
  height:90px;
}


/********** 特集記事 ***********/


.xp_feedspecial {
color:#444444;
}
.xp_feedspecial .xp_item_box {
  display:block;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:5px;
}
.xp_feedspecial .xp_item_left_box {
 float:left;
 width:470px;
  background : url(/imgs/point01.gif) no-repeat;
  padding-left:5px;
}
.xp_feedspecial .xp_item_right_box {
  float:right;
  width:130px;
  border: 1px solid #cccccc;
  background-color:#F7F7F7;
  text-align:center;
  overflow:hidden;
  margin-bottom:5px;
}
.xp_feedspecial .imgbox {
  width:130px;
  overflow:hidden;
}

.xp_feedspecial img {
  height:130px;
}

.xp_feedspecial .feed_title{
margin-bottom:5px;
font-size:20px;
margin-left:10px;
font-weight:bold;
margin-bottom:10px;
}

.xp_feedspecial .feed_pubdate{
font-size:11px;
color:#443333;
}

.xp_feedspecial .feed_description{
font-size:14px;

}


/********** 新着ブログ ***********/


.xp_blognew {
  width:100%;
  display:block;
  margin-top:10px;
  clear:both;
}
.xp_blognew .xp_item_box {
  width:550px;
  border-top:1px solid #cccccc;
  padding:0px;

}
.xp_blognew .xp_item_left_box {
  float:left;
  border: 1px solid #888888;
  margin:5px;
}
.xp_blognew .xp_item_right_box {
  border-left: 4px solid #cccccc;
  float:right;
  width:420px;
  padding-left:10px;
  margin:5px;
}
.xp_blognew img {
  width:70px;
  margin:8px;
  border:0px;
}

#xp_blognew_frame {
  width:100%;
  display:block;
}
#xp_blognew_frame .xp_item_box {
margin:4px;
border-bottom:1px solid #E6E6FA;
}
#xp_blognew_frame .xp_item_left_box {
  margin:5px;
  float:left;
}

#xp_blognew_frame .xp_item_right_box {
  float:left;
  margin-top:10px;
  width:500px;
  padding-left:13px;
  background : url(/imgs/point02.gif) no-repeat;
  background-position:0px 0px;
}

#xp_blognew_frame img {
  max-height:80px;
  margin:5px;
  max-width:80px;
  border:1px #ccc solid;
}

#xp_blognew_frame h2 {
  font-size:18px;
}


#xp_blognew p{
  font-size:12px; 
  color:#888
  }

/********** 人気ブログ ***********/

.xp_blogrank {
  width:100%;
  display:block;
  margin-top:10px;
  clear:both;
}
.xp_blogrank .xp_item_box {
  width:550px;
  border-top:1px solid #cccccc;
  padding:0px;

}
.xp_blogrank .xp_item_left_box {
  float:left;
  border: 1px solid #888888;
  margin:5px;
}
.xp_blogrank .xp_item_right_box {
  border-left: 4px solid #cccccc;
  float:right;
  width:420px;
  padding-left:10px;
  margin:5px;
}
.xp_blogrank img {
  width:70px;
  margin:8px;
  border:0px;
}

#xp_blogrank_frame {
  width:100%;
  display:block;
}
#xp_blogrank_frame .xp_item_box {
margin:4px;
border-bottom:1px solid #E6E6FA;
}
#xp_blogrank_frame .xp_item_left_box {
  margin:5px;
  float:left;
}

#xp_blogrank_frame .xp_item_right_box {
  float:left;
  margin-top:10px;
  width:500px;
  padding-left:13px;
  background : url(/imgs/point02.gif) no-repeat;
  background-position:0px 0px;
}

#xp_blogrank_frame img {
  max-height:80px;
  margin:5px;
  max-width:80px;
  border:1px #ccc solid;
}

#xp_blogrank_frame h2 {
  font-size:18px;
}


#xp_blogrank p{
  font-size:12px; 
  color:#888
  }

/********** 新着記事 ***********/

.xp_feednew {
  width:100%;
  margin-top:10px;
  display:block;
  clear:both;
}
.xp_feednew .xp_item_box {
  width:550px;
  padding:0px;

}
.xp_feednew .xp_item_left_box {
  float:left;
}
.xp_feednew .xp_item_right_box {
  float:right;
}
.xp_feednew img {
  width:70px;
  margin:0px;
  border:0px;
}

#xp_feednew_frame {
  width:100%;
  display:block;
}
#xp_feednew_frame .xp_item_box {
margin:4px;
border-bottom:1px solid #E6E6FA;
}
#xp_feednew_frame .xp_item_left_box {
  margin:5px;
  float:left;
}

#xp_feednew_frame .xp_item_right_box {
  float:left;
  margin-top:10px;
  width:500px;
  padding-left:13px;
  background : url(/imgs/point02.gif) no-repeat;
  background-position:0px 0px;
}

#xp_feednew_frame img {
  max-height:50px;
  margin:5px;
  border:1px #ccc solid;
}

#xp_feednew_frame h2 {
  font-size:17px;
}


#xp_feednew p{
  font-size:12px; 
  color:#888
  }



/********** 人気記事 ***********/

.xp_feedrank {
  width:100%;
  margin-top:10px;
  display:block;
  clear:both;
}
.xp_feedrank .xp_item_box {
  width:550px;
  border-top:1px solid #cccccc;
  padding:0px;

}
.xp_feedrank .xp_item_left_box {
  float:left;
  border: 1px solid #888888;
  margin:5px;
}
.xp_feedrank .xp_item_right_box {
  border-left: 4px solid #cccccc;
  float:right;
  width:420px;
  padding-left:10px;
  margin:5px;
}
.xp_feedrank img {
  width:70px;
  margin:8px;
  border:0px;
}

#xp_feedrank_frame {
  width:100%;
  display:block;
}
#xp_feedrank_frame .xp_item_box {
margin:4px;
border-bottom:1px solid #E6E6FA;
}
#xp_feedrank_frame .xp_item_left_box {
  margin:5px;
  float:left;
}

#xp_feedrank_frame .xp_item_right_box {
  float:left;
  margin-top:10px;
  width:500px;
  padding-left:13px;
  background : url(/imgs/point02.gif) no-repeat;
  background-position:0px 0px;
}

#xp_feedrank_frame img {
  max-height:50px;
  margin:5px;
  border:1px #ccc solid;
}

#xp_feedrank_frame h2 {
  font-size:17px;
}


#xp_feedrank p{
  font-size:12px; 
  color:#888
  }



/********** 記事詳細 ***********/

.feeddetail_flame {
  background-color:#f3f3f3;
  border:1px solid #ccc;
  padding:5px;
  display:bloc;
  width:590px;
  margin:5px auto;
}
.feeddetail_icon {
  float:left;
  height:;
  margin-right:8px;
}
.feeddetail_flame img {
  width:100px;
}
.feeddetail_data {
  display:block;
  float:right
  width:450px;

}
.feeddetail_feed {
  font-size:15px;
}

.feed_description {
  width:590px;
  margin:20px auto;
  display:bloc;
}

/********** 特集記事(最も注目されている人気ブログ記事) ***********/

.xp_feedspecial_most {
color:#444444;
}
.xp_feedspecial_most .xp_item_box {
  display:block;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:5px;
}
.xp_feedspecial_most .xp_item_left_box {
 float:left;
 width:470px;
  background : url(/imgs/point01.gif) no-repeat;
  padding-left:5px;
}
.xp_feedspecial_most .xp_item_right_box {
  float:right;
  width:130px;
  border: 1px solid #cccccc;
  background-color:#F7F7F7;
  text-align:center;
  overflow:hidden;
  margin-bottom:5px;
}
.xp_feedspecial_most .imgbox {
  width:130px;
  overflow:hidden;
}

.xp_feedspecial_most img {
  height:130px;
}

.xp_feedspecial_most .feed_title{
margin-bottom:5px;
font-size:20px;
margin-left:10px;
font-weight:bold;
margin-bottom:10px;
}

.xp_feedspecial_most .feed_pubdate{
font-size:11px;
color:#443333;
}

.xp_feedspecial_most .feed_description{
font-size:14px;

}