@charset "euc-jp";

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

	main.css

					since: 2008-1-21

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

 目次

自動車保険一括見積もり　CSS
上部タイトル部分＆テキスト
	
	1. テキストスタイル
	
	2. タイトルエリア
	
	 2-1.タイトル/無料/最短５分
	 2-2.写真/３つのポイント/ログイン画面
　　　　 2-3.終了部分
	 
	3. メインテキストエリア 

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


/*===== 1. テキストスタイル =====*/ 

.headbox2{
  padding: 3px;
  border: 1px solid #CCCC99;
}

.s-red{
  font-size: 80%;
  line-height: 120%;
  color: #FF0000;
  font-weight:bold;
}

.text-base{
  color: #444444;
}

.text-base2{
  color: #444444;
  line-height: 120%;
}

.s{
  font-size: 80%;
  line-height: 120%;
  color: #444444;
  font-weight:normal;
}

.b {
  font-weight:bold;
  color: #444444;
}

.ss{
  font-size: 70%;
  line-height: 100%;
  color: #444444;
}

.s-1{
  font-size: 100%;
  line-height: 100%;
  text-align: left;
}

h1{
  display: none;
  font-size: 80%;
  font-weight:bold;
}

.org {
  color: #FF6600;
}

.blue{
  color:#336699;
  margin-right: 3px;
}

/*===== 2. タイトルエリア =====*/ 

/*---- 2-1. タイトルエリア ----*/ 

#title {
  height:63px;
  background: url(http://i.yimg.jp/images/insurance/auto/estimate/080214/main01.gif) no-repeat bottom;
}

h2#main-title {
  position: absolute;
}

#point{
  margin:13px 0 0 0;
  float:right;
  width: 285px;
}

#point li{
  margin:0 0 0 5px;
  padding:0;
  list-style: none;
  display: inline;
}

/*---- 2-2. 写真/３つのポイント/ログイン画面 ----*/ 

#title-login{
  background:#B3E0FF url(http://i.yimg.jp/images/insurance/auto/estimate/080214/main02_bak.jpg) repeat-x bottom;
  margin: 0 0 15px 0;
}


#p1{
  float: left;
  margin-left: 10px;
  margin-right: 8px;
}

#pbl{
  width: 243px;
  float: left;
  padding-left: 10px;
  margin-right: 8px;
}


#title-left{
  margin:0px;
  padding: 0px;
}

.m-b01{
  width: 932px;
  margin-left: 10px
}

.cat-01{
  float: right;
}


li{
  list-style: none;
  display: inline;
}

.login{
  width: 679px;
  background:#FFFFFF url(http://i.yimg.jp/images/insurance/auto/estimate/080214/main02_1_mid.gif) no-repeat bottom;
  padding-bottom: 10px;
  float: left;
}

#catch-01{
 float: right;
}

p.guest{
  width: 679px;
  font-size: 80%;
  color: #444444;
  font-weight:bold;
  text-align: center;
  background:#FFFFCC url(http://i.yimg.jp/images/insurance/auto/estimate/080214/main02_1_up.gif) no-repeat;
}

.point-id{
  width: 515px;
  height:70px;
  padding: 0 0 0 13px;
}

.ppid01{
  width: 420px;
  height:70px;
  margin: 0 0 0 53px;
}

.point-left{
  float: right;
}

.b-red{
  padding: 10px 0 0 0px;
  font-weight: bold;
  color: #FF0000;
}

.line-cl{
  padding: 3px 0 8px 11px;
}

.enter{
  width: 500px;
  padding: 0 0 0 13px;
  text-align: center;
}

.gg{
  list-style: none;
  display: inline;
  }

.g1{
  padding: 5px 2px 0 2px;
}

.line-h{
  display: inline;
  padding: 0 0 0 2px;

}

.enter-bbt{
  padding: 2px 0 0 0;

}

.btn{
  padding: 3px 0 3px 0;
}

.illust01{
  float: right;
}

/*---- 2-3. 終了部分＆共通部分 ----*/ 

.main_down{
  margin:0 0 15px 0;
}

.cl{
  clear: both; 
}

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

.clearfix{
  display: inline-block;
}