@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 目次
	= 保険番付2008
	= 保険ランキング2008
	= ライフステージで選ぶ(シミュレーションページ)

	= 今まで存在していたスタイル

 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= 保険番付2008
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#banduke2008{
	width:780px;
	margin:0 auto;
	font-size:12px;
	text-align:left;
}
#banduke2008 .banduke-title{
	width:780px;
	padding-top:90px;
	background:url(/img/static/banduke/title.gif) 0 0 no-repeat;
}
#banduke2008 .banduke-title h2{
	display:none;
}
#banduke2008 .banduke-title img{
	display:block;
}
#banduke2008 table{
	margin:0;
	padding:0;
	border:solid 3px #333;
	border-collapse:collapse;
	border-spacing:0;
}
#banduke2008 table th{
	padding-left:61px;
	border:solid 1px #333;
}
#banduke2008 table th span{
	display:none;
}
#banduke2008 table th.rank1{background:url(/img/static/banduke/rank1.gif) 50% 50% no-repeat #f80;}
#banduke2008 table th.rank2{background:url(/img/static/banduke/rank2.gif) 50% 50% no-repeat #fb0;}
#banduke2008 table th.rank3{background:url(/img/static/banduke/rank3.gif) 50% 50% no-repeat #fd4;}
#banduke2008 table th.rank4{background:url(/img/static/banduke/rank4.gif) 50% 50% no-repeat #fe8;}
#banduke2008 table th.rank5{background:url(/img/static/banduke/rank5.gif) 50% 50% no-repeat #ffc;}

#banduke2008 table td{
	width:355px;
	background:url(/img/static/banduke/item_bg.gif) 0 100% repeat-x;
	border:solid 1px #333;
	vertical-align:top;
	line-height:1.5;
}
#banduke2008 table td h3{
	display:block;
	width:335px;
	height:90px;
	margin:0 0 0 10px;
}
#banduke2008 table td h3 a{
	display:block;
	width:335px;
	height:90px;
	background:0 0 no-repeat;
}
#banduke2008 table td h3 a span{
	display:none;
}
#banduke2008 table td.or07 h3 a{background-image:url(/img/static/banduke/or07.gif);}
#banduke2008 table td.pc02 h3 a{background-image:url(/img/static/banduke/pc02.gif);}
#banduke2008 table td.bf76 h3 a{background-image:url(/img/static/banduke/bf76.gif);}
#banduke2008 table td.a7qa h3 a{background-image:url(/img/static/banduke/a7qa.gif);}
#banduke2008 table td.c6ld h3 a{background-image:url(/img/static/banduke/c6ld.gif);}
#banduke2008 table td.af98 h3 a{background-image:url(/img/static/banduke/af98.gif);}
#banduke2008 table td.ln02 h3 a{background-image:url(/img/static/banduke/ln02.gif);}
#banduke2008 table td.sa02 h3 a{background-image:url(/img/static/banduke/sa02.gif);}
#banduke2008 table td.an07 h3 a{background-image:url(/img/static/banduke/an07.gif);}
#banduke2008 table td.af26 h3 a{background-image:url(/img/static/banduke/af26.gif);}
#banduke2008 table td.or14 h3 a{background-image:url(/img/static/banduke/or14.gif);}
#banduke2008 table td.di01 h3 a{background-image:url(/img/static/banduke/di01.gif);}
#banduke2008 table td.midi h3 a{background-image:url(/img/static/banduke/midi.gif);}


#banduke2008 table td p{
	margin:5px 30px 0 20px;
	font-size:1em;
}
#banduke2008 table td .document-number{
	margin-left:5px;
	font-size:0.9em;
}
#banduke2008 table td .detail-link{
	margin:0 20px 6px;
	text-align:right;
}
#banduke2008 table td .detail-link a{
	color:#f60;
	text-decoration:underline;
}
#banduke2008 table td .detail-link a:hover{
	color:#66f;
	text-decoration:none;
}

#banduke2008 p.lead{
	padding:10px 50px 0;
	font-size:1.2em;
	line-height:1.4;
}
#banduke2008 p.note{
	padding:10px 50px 8px;
	font-size:1em;
	line-height:1.3;
}
#banduke2008 p.document-number{
	padding:5px 50px 8px;
	font-size:0.9em;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= 保険ランキング2008
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
div#ranking2008 {
	width: 950px;
	padding-top: 155px;
	margin: 0 auto;
	background: url(../../img/static/annualranking/bg_top.png) 0 0 no-repeat;
}

/*
div#ranking2008 p.academy {
	padding: 105px 0 5px;
	background: url(../../img/static/annualranking/bg_top.png) 0 0 no-repeat;
	text-align: center;	
}
*/

div#ranking2008 div.annualranking {
	padding: 20px 40px 0;
	margin: 0;
	background: url(../../img/static/annualranking/bg_ranking.png) 0 0 repeat-y;
}

div#ranking2008 table {
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;
}

div#ranking2008 table td {
	padding: 0 10px;
	text-align: center;
	color: #666666;
}

div#ranking2008 table td img {
	margin-bottom: 5px;
}

div#ranking2008 td span {
	display: none;
}

div#ranking2008 table a.req {
	display: block;
	width: 150px;
	height: 45px;
	padding: 0;
	margin: 0;
	background: url(../../img/static/annualranking/btn_ranking.gif) 0 0 no-repeat;
}

div#ranking2008 table a.req:hover {
	display: block;
	background: url(../../img/static/annualranking/btn_ranking.gif) 0 100% no-repeat;
}

div#ranking2008 table td img.rankingline {
	margin: 10px 0;
	border: 0;
}

div#ranking2008 div.ranking2 {
	float: right;
	width: 230px;
	padding: 10px;
	margin: 0;
	border: 2px solid #F95555;
	text-align: left;
	font-size: 0.8em;
}

div#ranking2008 dl {
	padding: 0;
	margin: 0;
}

div#ranking2008 dt {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #F95555;
}

div#ranking2008 dd {
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}

div#ranking2008 a {
	color: #3333FF;
}

div#ranking2008 a:visited {
	color: #666666;
}

div#ranking2008 a:hover {
	background: #fff;
	color: #F95555;
}

div#ranking2008 p {
	margin: 0;
	padding: 14px;
	background: url(../../img/static/annualranking/bg_footer.gif) 0 0 no-repeat;
	color: #fff;
	text-align: right;
}
#ranking2008 p.guard-txt {
	width: 950px;
	margin: 5px auto 0;
	padding: 0;
	background: none;
	color:#666666;
	font-size:0.7em;
	line-height: 140%;
	text-align: left;
}



/* -------------------------------------------------------------------
= ライフステージで選ぶ(シミュレーションページ)
------------------------------------------------------------------- */
.lifestage-sim p {
	margin: 0;
	padding: 0;
}

.lifestage-sim ul,
.lifestage-sim li,
.lifestage-sim dl,
.lifestage-sim dt,
.lifestage-sim dd {
	margin: 0;
	padding: 0;
	text-align: left;
}

.lifestage-sim ul,
.lifestage-sim li {
	list-style: none;
}

.lifestage-sim img {
	vertical-align: bottom;
}

.lifestage-sim form {
	margin: 0;
	padding: 0;
}

/* 共通-----------------------*/
.lifestage-sim .cancellation {
	clear: both;
}

.lifestage-sim a {
	color: #333;
}

.lifestage-sim a:link,
.lifestage-sim a:visited {
	color: #333;
	text-decoration: none;
}

.lifestage-sim a:hover,
.lifestage-sim a:active {
	color: #f60;
	text-decoration:underline;
}


/* 上部 ----------------------- */

.lifestage-sim {
	width: 800px;
}

.lifestage-sim .current-condition {
	background:url(../../../img/static/lifestage/serch_bg.jpg) repeat-x 0 0;
	margin: 8px 0;
	border: 1px solid #ccc;
	height: 63px;
	clear: both;
}

.lifestage-sim .current-condition p,
.lifestage-sim .current-condition ul,
.lifestage-sim .current-condition dl,
.lifestage-sim .demand-box p {
	float: left;
	display: inline;
}

.lifestage-sim .current-condition p {
	margin: 0 18px;
}

.lifestage-sim .current-condition ul {
	margin: 4px 10px 0 6px;

}

.lifestage-sim .current-condition ul li,
.lifestage-sim .current-condition dl dt{
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: bold;
}

.lifestage-sim .current-condition dl {
	margin: 6px 13px 0 18px;
}

.lifestage-sim .current-condition dl dd{
	font-size: 1.2em;
	line-height: 1.8;
	font-weight: bold;
}

.lifestage-sim .current-condition ul li span ,
.lifestage-sim .current-condition dl dt span {
	color: #f30;
}


/* 資料請求ボタン ----------------------- */

.lifestage-sim .demand-box {
	clear: both;
	margin:-10px 0 10px;
}

.lifestage-sim .demand-box .btn-main {
	float:left;
	margin:33px 86px 15px 166px;
	display:inline;/* for IE Doubled Float-Margin Bug */
}

.lifestage-sim .demand-box .btn-sub {
	float:left;
	margin:0;
}

/* 違う条件で再試算-----------------------*/
.lifestage-sim .change-box {
	clear: both;
	height: 108px;
	background:url(../../../img/static/lifestage/change_bg.gif) repeat-x 0 0;
	border: 1px solid #F0DB93;
}

.lifestage-sim .change-box .change-condition-box {
	float: left;
	width: 568px;
}

.lifestage-sim .change-box .change-condition-box .change-condition,
.lifestage-sim .change-box .change-condition-box .change-condition-btn {
	float: left;
	display:inline;/* for IE Doubled Float-Margin Bug */
	margin-left: 30px;
}

.lifestage-sim .change-box .change-condition-box .change-condition{
	margin-left: 30px;
	text-align:left;
}
.lifestage-sim .change-box .change-condition-box .change-condition select {
	margin: 5px 3px 0 0;
}
.lifestage-sim .change-box .change-condition-box .change-condition select.select-plan {
	display:block;
}

.lifestage-sim .change-box .change-condition-box .change-condition-btn {
	margin: 8px 0 0 10px;
}

.lifestage-sim .change-box .other-plan-box {
	float: right;
	width: 220px;
	height: 108px;
	border-left: 1px solid #F0DB93;
}

.lifestage-sim .change-box .other-plan-box ul li {
	background:url(../../../img/static/lifestage/list_mark_l.gif) no-repeat 0 50%;
	margin: 3px 0 0 18px;
	padding: 2px 0 2px 16px;
	line-height: 1.4;
	font-size: 1.25em;
	font-weight:bold;
}

.lifestage-sim .other-stage-box {
	margin: 15px 0;
	border: 1px solid #ccc;
	padding: 5px;
	clear: both;
	text-align:left;
}

.lifestage-sim .other-stage-box h3 ,
.lifestage-sim .other-stage-box ul ,
.lifestage-sim .other-stage-box ul li {
	display:-moz-inline-box;/* hack inline-block Firefox2対応 */
	display:inline-block;
	margin-right:10px;
	font-size:1.0em;
	font-weight:bold;
}

.lifestage-sim .other-stage-box h3 {
	padding:4px 8px;
	background-color:#eee;
}

.lifestage-sim .other-stage-box h3 ,
.lifestage-sim .other-stage-box ul ,
.lifestage-sim .other-stage-box ul li {
	/display:inline;/* hack inline-block IE対応 */
}

.lifestage-sim .other-stage-box ul li {
	background:url(../../../img/static/lifestage/list_mark_s.gif) 0 50% no-repeat;
	padding: 3px 0 2px 12px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= 今まで存在していたスタイル
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 
 * 静的コンテンツのためのスタイルシートです。
 * 幅は780pxを想定しています。
 * ２ペインとし
 * 左を200px 右を550pxとしています。
 * 
 * 
 * 
 *
 */

#Main780 {
	padding:0;
	margin:0;
	width: 780px;
}
#Main780 p {
	text-align: left;
	line-height: 140%;
}
#Left200 {
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	width: 200px;
	background-color:#eee;
}
#Left200 p {
	text-align: left;
	line-height: 140%;
}
#Left200 dt {
	text-align: left;
	line-height: 140%;
	font-size:12px;
	background-color:#ffa;
}
#Left200 dd {
	text-align: left;
	line-height: 140%;
	font-size:12px;
	margin: 1px 10px 1px 10px;
	padding:0;
}
#Right550 {
	padding: 0;
	margin: 0;
	float: right;
	text-align: left;
	width: 550px;
}
#Right550 p {
	text-align: left;
	line-height: 140%;
	font-size: 14px;
}
#Right550 ul {
	text-align: left;
	line-height: 140%;
	font-size: 14px;
}
#head780 { /* 一番大きなヘッダです。基本的にdivタグで使い、h1を囲います。 */
	padding: 0;
	margin: 10px 0 0;
	color: #fff;
	background-color: #6c3;
	width: 780px;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
}
#head550 {
	padding: 0;
	margin: 0 0 10px;
	color: #000;
	background-color: #dcdcdc;
	width: 550px;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
}
#head-typeA {
	display:block;
	text-align: left;
	color : #090;
	font-size: 1em;
	line-height: 120%;
	padding: 0;
	margin:  10px 0 10px;
	border-width: 1px 1px 1px 12px;
	border-style: solid;
	border-color: #090;
}
#head-typeB {
	display:block;
	text-align: left;
	color : #000;
	font-size: 1em;
	line-height: 120%;
	padding: 10px;
	margin: 5px 0 5px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #000;
}
#now {
	font-weight: bold;
	background-color: #ffffff;
}
.size14 {
	font-size: 14px;
	line-height: 20px
}
.size16 {
	font-size: 16px;
	line-height: 22px
}
.size12 {
	font-size: 12px;
	line-height: 18px
}
div#gotop {
	float:right;
	text-align:left;
	width:500px;
	font-size:12pt;
}
div#gotop2 {
	float:left;
	text-align:center;
	width:900px;
	font-size:12pt;
}
div#static_footer {
	float:left;
	background-color: #66cc33;
	width: 100%;
	margin-top:10px;
}
/* So-Net用のクラス */
#Main770 {
	margin: 0;
	padding: 0;
	width: 770px;
}
#head770 { /* 一番大きなヘッダです。基本的にdivタグで使い、h1を囲います。 */
	padding: 0;
	margin: 10px 0 0;
	color: #fff;
	background-color: #6c3;
	width: 770px;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
}