@charset "euc-jp";

/*=========================================

	information.css

					since: 2008-1-29

===========================================

 目次

検索で毎日ポイントがたまる！　CSS
詳細部分
	
	1. 共通カラムの設定
	　　1-1.項目&タイトル部分
	
	2. 各項目の設定
	
	 2-1.Yahoo!検索の便利な機能をご紹介
	 2-2.当キャンペーンでの社会貢献の仕組みについて
	 2-3.Yahoo!プレミアム会員になると、楽しい特典がいっぱい！
	 2-4.Yahoo!ポイントとは？
	 

 更新履歴
 
	2008/01/29 : 新規制作
	 
*/


/*===== 1. 共通カラムの設定 =====*/ 

/*---- 1-1. 項目&タイトル部分----*/

.column-01{
  margin-bottom: 28px;
  padding: 5px 20px 15px 20px;
  background: url(http://i.yimg.jp/images/premium/campaign/searchpoint/c_back.gif) no-repeat bottom;
}

.column-02{
  margin-bottom: 28px;
  padding: 0 0 20px 0;
  background: url(http://i.yimg.jp/images/premium/campaign/searchpoint/c_back.gif) no-repeat bottom;
}

.column-03{
  margin-bottom: 28px;
  padding: 0 10px 10px 10px;
  background: url(http://i.yimg.jp/images/premium/campaign/searchpoint/c_back.gif) no-repeat bottom;
}

h3.ttl-catch{
  height: 39px;
  padding-left: 37px;
  background: url(http://i.yimg.jp/images/premium/campaign/searchpoint/c_ttl_back.gif) no-repeat;
}

h3.ttl-catch2{
  height: 39px;
  padding-left: 37px;
  background: url(http://i.yimg.jp/images/premium/campaign/searchpoint/c_ttl_back2.gif) no-repeat;
}

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

.clearfix{
  display: inline-block;
}

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


.link-a{
  padding-left: 15px;
  background: url(http://i.yimg.jp/images/premium/campaign/searchpoint/yaji1.gif) no-repeat;
}

.link-b{
  padding-left: 12px;
  background: url(http://i.yimg.jp/images/premium/campaign/searchpoint/yaji2.gif) no-repeat;
}

.li-right{
  float: right;
}

.cl{
  clear: both;
}

.li-right2{
  padding-right: 20px;
  float: right;
}

.li-right3{
  padding-right: 10px;
  margin: 5px 0 5px 0;
  float: right;
}

/*===== 2. 各項目の設定 =====*/ 

/*---- 2-1. Yahoo!検索の便利な機能をご紹介----*/

#howto{
  width: 645px;
  float: left;
}

#ranking{
  width: 283px;
  float: right;
  border-left: 2px solid #D8D8D8;
  padding-bottom: 8px;
}


#use1{
  clear: both;
  width: 312px;
  float: left;
  background-color: #FFFFD2;
  border-right: dotted 1px #CCCCCC;
  border-bottom: dotted 1px #CCCCCC;
  padding: 5px 5px 5px 7px;
  margin-left: 1px;
}

#use2{
  width: 308px;
  float: right;
  border-bottom: dotted 1px #CCCCCC;
  padding: 5px;
}



#use3{
  clear: both;
  width: 312px;
  float: left;
  border-right: dotted 1px #CCCCCC;
  padding: 5px 5px 5px 7px;
  margin-left: 1px;
}

#use4{
  width: 308px;
  float: right;
  background-color: #FFFFD2;
  padding: 5px;
}

#fhowto{
  margin: 19px 0 23px 13px;
}

#fhowto-ttl{
  width: 150px;
  float: left;
}

#fbox{
  width: 265;
  margin-top: 4px;
  float: left;
}

.fbox-1{
  width: 260px;
  height: 18px;
  padding-top: 2px;
}

#f-button{
  margin-top: 4px;
  margin-left: 3px;
}

.i-howto-p{
  padding-left: 48px;
}

.p-howto{
  margin: 5px 0 0 3px;
}

.p-howto2{
  margin: 5px 0 0 6px;
}

#kwd-ttl{
  padding: 5px 0 0 2px;
}

#kwd-date{
  padding-right: 5px;
  float: right;
}

.kwd-rank-a{
  width: 35px;
  float: left;
  padding-left: 10px;
}

.kwd-rank2-a{
  width: 232px;
  float: right;
  margin-right: 3px;
}

.kwd-rank2-a-re{
  width: 265px;
  float: right;
  margin-right: 3px;
}


.kwd-ranka{
  padding: 0 0 5px 0;
}

.kwd-rankb{
  background-color: #ECF5FF;
  padding: 3px 0 3px 0;
}

.kwd-rank-b{
  width: 35px;
  float: left;
  padding-left: 10px;
}

.kwd-rank2-b{
  width: 232px;
  float: right;
  margin-right: 3px;
}

.kwd-rank2-b-re{
  width: 265px;
  float: right;
  margin-right: 3px;
}

.kwd-rankc{
  padding: 3px 0 5px 0;
}

/*---- 2-2. 当キャンペーンでの社会貢献の仕組みについて----*/

.p-left{
  margin-right: 3px;
  float: left;
}

/*---- 2-3. Yahoo!プレミアム会員になると、楽しい特典がいっぱい！----*/

.bo{
  border: 1px #CCCCCC solid;
  margin-right: 10px;
  margin-bottom: 10px;
}

#pre1{
  margin: 0 0 3px 0;
  padding: 10px 10px 8px 20px;
  width: 290px;
  float: left;
}

#pre2{
  margin: 0 0 3px 0;
  width: 290px;
  padding: 10px 10px 8px 10px;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  float: left;
}

#pre3{
  margin: 0 0 3px 0;
  width: 290px;
  padding: 10px 10px 8px 10px;
  float: left;
}

/*---- 2-4. Yahoo!ポイントとは？----*/

#co-left{
  width: 345px;
  float: left;
}

.top-space{
  margin-top: 15px;
}

#co-right{
  width: 565px;
  float: right;
}

/*---- 2-5. 便利なツールをご紹介----*/

.tl{
  margin-left: 20px;
}

.tools1{
  width: 435px;
  float: left;
  padding-bottom: 5px;
		padding-right: 10px;
  border-right: dotted 1px #CCCCCC;
}

.tools2{
  width: 453px;
  padding-left: 10px;
  float: right;
  padding-bottom: 5px;
}

.tool-link-b{
  float: right;
  margin-top: 5px;
}