@charset "euc-jp";

/*
	保険共通CSS
*/


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

	ブラウザリセット
	
==============================================================*/
body {
	margin: 0pt;
	padding: 0pt;
}
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,input,p,blockquote,fieldset,div {
	margin: 0pt;
	padding: 0pt;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ul li, ol li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0pt;
	font-size: 100%;
	margin: 0pt;
	padding: 0pt;
}
caption {
	text-align: left;
}
table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
	font-size: 100%;
}
address,cite,dfn,em,var,th,ins,del,samp {
	font-style: normal;
	font-weight: normal;
}
a img {
	border: 0pt none;
}
hr.separation {
	display: none;
}
fieldset {
	border: medium none;
}


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

	クリアフィックス　clearfix
	
==============================================================*/
.clearfix:after,
#contents:after,
#prd-list div:after,
#prd-list #prd-tabs:after,
#recommend .item:after,
#recommend .campaigns li:after,
#karada_shindan .item:after,
#karada_shindan .body:after,
#mitsumori .item:after,
#mitsumori .body:after,
#psychology .mbody:after,
#column .mbody:after,
#pickup .mbody:after,
#pickup ul:after,
#yChiebukuro .qlist:after,
#yShoping .mbody:after,
#yShoping .mbody .item:after
{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.clearfix,
#contents,
#prd-list div,
#prd-list #prd-tabs,
#recommend .item,
#recommend .campaigns li,
#karada_shindan .item,
#karada_shindan .body,
#mitsumori .item,
#mitsumori .body,
#psychology .mbody,
#column .mbody,
#pickup .mbody,
#pickup ul,
#yChiebukuro .qlist,
#yShoping .mbody,
#yShoping .mbody .item
{
	zoom:1;
}


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

	共通レイアウト
	
==============================================================*/
body {
	background: url(http://i.yimg.jp/images/insurance/top/common/body_bg.gif) repeat;
}

#shadow {
	width: 948px;
	margin: 0 auto;
	border-right: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	overflow:hidden;
}

#wrapper {
	width: 948px;
	border-right: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	background: #FFFFFF;
	line-height: 1.1em;
}

#header {
	
}

#contents {
	padding: 0 12px;
	color: #555555;
	font-size: 75%;
}

#navi {
	float: left;
	width: 165px;
}

#division {
	float: right;
	width: 750px;
}

#main {
	float:left;
	width: 435px;
}

#sub {
	float: right;
	width: 300px;
}

#footer {
	
}


/*------------------------
	モジュール整形用
------------------------*/
/* 外枠 ModuleOuterBox */
.moduleOB,
#items,
#yOriginal,
#insCompany,
#prd-list,
#recommend,
#karada_shindan,
#mitsumori,
#psychology,
#column,
#study,
#campaign,
#pickup_tokushuu01,
#ranking,
#pickup,
#yChiebukuro,
#yShoping,
#yNews,
#qrCode
{
	margin-bottom: 7px;
	padding: 1px;
	border: 1px solid #D0D0D0;
	background: #FFFFFF;
}

/* 内枠 ModuleInnerBox*/
.moduleIB,
#items .mbody,
#insCompany .companies,
#insCompany .listlink,
#prd-list .mbody,
#study li,
#ranking .ranks,
#ranking .listlink
{
	margin-top: 1px;
	border: 1px solid #D0D0D0;
}

/* 内枠（上ボーダーなし） ModuleInnerBoxNoneTop */
.moduleIBNT,
#yOriginal .mbody,
#recommend .mbody,
#karada_shindan .mbody,
#mitsumori .mbody,
#psychology .mbody,
#column .mbody
{
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
}

/* Y!サービス内枠 */
.yserviceB,
#yChiebukuro .mbody,
#yShoping .mbody,
#yNews .mbody
{
	background: #F5F5F5;
	border-top: 1px solid #DBDBDB;
}

/* Y!サービスh2 */
.yserviceh2,
#yChiebukuro h2,
#yShoping h2,
#yNews h2
{
	height: 21px;
	margin-bottom: 1px;
	background: url(http://i.yimg.jp/images/insurance/top/common/yservice_h2.gif) repeat-x;
	line-height: 21px;
	text-indent: 5px;
	font-size: 12px;
	font-weight: bold;
}

.yserviceh2,
#yChiebukuro h2 a,
#yShoping h2 a,
#yNews h2 a
{
	font-weight: normal;
}


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

	ヘッダー
	
==============================================================*/
/*------------------------
	マストヘッド
------------------------*/
.yjmth {
	width: 926px;
	margin: 0 auto;
}


/*------------------------
	関連サービスリンク
------------------------*/
#headeryLink {
	width: 916px;
	margin: 0 auto 12px auto;
	text-align: right;
	font-size: 75%;
}


/*------------------------
	トップボックス
------------------------*/
#topbox {
	width: 916px;
	margin: 0 auto 12px auto;
	padding: 3px;
	border: 1px solid #D0D0D0;
	text-align: right;
	font-size: 75%;
}

#topbox img {
	vertical-align: middle;
}


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

	カラム不定共通モジュール
	
==============================================================*/
/*------------------------
	人気商品ランキング
------------------------*/
#ranking h2 {
	height: 32px;
	text-indent: -9999px;
}

#ranking h3 {
	height: 27px;
	line-height: 27px;
	text-indent: 5px;
	font-weight: bold;
}

#ranking .ranks ul {margin: 5px;}
#ranking .ranks li {margin: 8px 0;}
#ranking .ranks img {vertical-align: middle;}
#ranking .ranks a {margin-left: 4px;}
#ranking .ranks p.ysexamine {
	padding: 5px 0;
	border-top: 1px dotted #D0D0D0;
	text-align: center;
	font-size: 10px;
}

#ranking .listlink ul {margin: 5px;}
#ranking .listlink li {
	margin: 7px 0 7px 17px;
	list-style-position: outside;
	list-style-image: url(http://i.yimg.jp/images/insurance/top/common/icon1.gif);
}

* html body #ranking .listlink li a {position: relative; top:-2px;}	/* IE6 hack */
*+html body #ranking .listlink li a {position: relative; top:-2px;}	/* IE7 hack */


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

	ナビゲーション（左カラム）
	
==============================================================*/
/*------------------------
	種目を探す
------------------------*/
#items h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/items_h2.gif) no-repeat;
	text-indent: -9999px;
}

#items .karada,
#items .kuruma,
#items .ryokou,
#items .leisure,
#items .kasai {
	border-bottom: 1px solid #D0D0D0;
}

#items h3 {
	height: 32px;
	line-height: 32px;
	text-indent: 29px;
	font-size: 134%;
	font-weight: bold;
}
#items .others h3 {text-indent: 5px;}

#items h3 a {
	display: block;
	width: 159px;
	height: 32px;
}

#items .karada h3 {background: url(http://i.yimg.jp/images/insurance/top/common/items_karada.gif) no-repeat;}
#items .kuruma h3 {background: url(http://i.yimg.jp/images/insurance/top/common/items_kuruma.gif) no-repeat;}
#items .ryokou h3 {background: url(http://i.yimg.jp/images/insurance/top/common/items_ryokou.gif) no-repeat;}
#items .leisure h3 {background: url(http://i.yimg.jp/images/insurance/top/common/items_leisure.gif) no-repeat;}
#items .kasai h3 {background: url(http://i.yimg.jp/images/insurance/top/common/items_kasai.gif) no-repeat;}
#items .others h3 {background: url(http://i.yimg.jp/images/insurance/top/common/items_others.gif) no-repeat;}

#items ul {margin: 5px;}
#items li {
	margin: 7px 0 7px 17px;
	list-style-position: outside;
	list-style-image: url(http://i.yimg.jp/images/insurance/top/common/icon1.gif);
}

* html body #items li a {position: relative; top:-2px;}	/* IE6 hack */
*+html body #items li a {position: relative; top:-2px;}	/* IE7 hack */


/*------------------------
	ヤフーのオリジナル
------------------------*/
#yOriginal h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/yoriginal_h2.gif) no-repeat;
	text-indent: -9999px;
}

#yOriginal ul {
	margin: 0 6px;
	padding-top: 1px;
}

#yOriginal li {
	margin: 7px 0 7px 17px;
	list-style-position: outside;
	list-style-image: url(http://i.yimg.jp/images/insurance/top/common/icon1.gif);
}

* html body #yOriginal li a {position: relative; top:-2px;}	/* IE6 hack */
*+html body #yOriginal li a {position: relative; top:-2px;}	/* IE7 hack */


/*------------------------
	保険会社から探す
------------------------*/
#insCompany h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/inscompany_h2.gif) no-repeat;
	text-indent: -9999px;
}

#insCompany h3 {
	height: 27px;
	line-height: 27px;
	text-indent: 5px;
	font-weight: bold;
}

#insCompany ul {
	margin: 0 6px;
	padding-top: 1px;
}

#insCompany li {
	margin: 7px 0 7px 17px;
	list-style-position: outside;
	list-style-image: url(http://i.yimg.jp/images/insurance/top/common/icon1.gif);
}

* html body #insCompany li a {position: relative; top:-2px;}	/* IE6 hack */
*+html body #insCompany li a {position: relative; top:-2px;}	/* IE7 hack */

#insCompany ul.alico {
	margin: 0;
	padding: 1px 6px 0;
	border-top: 1px dotted #D0D0D0;
}

#insCompany ul.alico li {
	margin: 7px 0 7px 17px;
	list-style-position: outside;
	list-style-image: url(http://i.yimg.jp/images/insurance/top/common/icon1.gif);
}



/*------------------------
	y's Insurance（ワイズインシュアランス）
------------------------*/
#ys {
	margin-bottom: 12px;
	border: 1px solid #D0D0D0;
}


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

	メインカラム（中央カラム）
	
==============================================================*/
/*------------------------
	メインビジュアル
------------------------*/
#mainvisual {
	border: 2px solid #D0D0D0;
	margin-bottom: 7px;
}

#mainvisual img {
	vertical-align: bottom;
}


/*------------------------
	××保険の商品一覧　共通
------------------------*/
#prd-list h2 {
	height: 32px;
	text-indent: -9999px;
}

#prd-list .mbody {
	border-bottom: 0px;
}

#prd-list #prd-tabs {
	/*display:none;*/
}

#prd-list .tab,
#prd-list .tabf {
	float:left;
	height: 26px;
	text-align:center;
	line-height: 26px;
	font-size: 12px;
	font-weight:bold;
	border:1px solid #d0d0d0;
	border-right:0;
	border-top: 0;
}

#prd-list .tab a,
#prd-list .tabf a {
	display: block;
	height: 26px;
	text-decoration: none;
}

#prd-list .off a:visited {
	color: #0000FF;
}

#prd-list .off a {
	margin-left: -15px;
	padding-left: 15px;
}

#prd-list .off a:hover {
	text-decoration: underline;
}

#prd-list .tabf {
	border-left:0;
}

#prd-list .on p a {
	color:#545557;
	text-decoration:none;
	cursor: default;
	outline: none;
}

#prd-list .off {
	background: url(http://i.yimg.jp/images/insurance/top/items/prd_tab_n.gif) repeat-x;
}

#prd-list h3 {
	/*display:none;*/
	font-size:134%;
	font-weight:bold;
	padding:5px;
}

#prd-list table {
	border:0;
	border-collapse:collapse;
}

#prd-list table td {
	padding:0;
	text-align:center;
	border:1px solid #d0d0d0;
}

#prd-list table td.pf {
	border-left:0;
}

#prd-list table td.pl {
	border-right:0;
}

#prd-list table td.icon {
	border-bottom:0;
	height:54px;
	padding-bottom: 2px;
	background: url(http://i.yimg.jp/images/insurance/top/items/prd_dot.gif) repeat-x 0 100%;
}

#prd-list table td.none {
	background:none;
	border-right: none;
	border-left: none;
}

#prd-list table td.logo {
	border-top:0;
	height:29px;
	vertical-align:middle;
	padding-top:3px;
}


/*------------------------
	オススメの保険
------------------------*/
#recommend h2 {
	overflow: hidden;
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/recommend_h2.gif) no-repeat;
	text-indent: -9999px;
}

#recommend .mbody {
	padding: 8px;
	*zoom: 1;
}

#recommend .mbody p {

}

#recommend .item {
	margin-bottom: 8px;
}

#recommend .item .image {
	float: left;
}

#recommend .item .image img {
	vertical-align: bottom;
}

#recommend .item .text {
	float: right;
	width: 305px;
}

#recommend .item .text h3 {
	font-size: 134%;
	font-weight: bold;
}

#recommend .campaigns .image {
	float: left;
}

#recommend .campaigns .text {
	float: right;
	width: 305px;
}

#recommend .campaigns p img {
	margin-right: 5px;
	vertical-align: middle;
}


/*------------------------
	生命保険・医療保険・がん保険の診断が登場！
------------------------*/
#karada_shindan h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/karada_shindan_h2_02.gif) no-repeat;
	text-indent: -9999px;
}

#karada_shindan .mbody {
	padding: 8px;
}

#karada_shindan .image {
	float: left;
}

#karada_shindan img {
	vertical-align: bottom;
}

#karada_shindan .text {
	float: right;
	width: 345px;
}

#karada_shindan .text h3 {
	margin-bottom: 7px;
	font-size: 134%;
	font-weight: bold;
}

#karada_shindan .text p {
	line-height: 1.4em;
}

#karada_shindan .taiken {
	margin: 7px -6px -6px -6px;
	padding: 5px;
	background: url(http://i.yimg.jp/images/insurance/top/karada/karada_bg.gif);
}

#karada_shindan .taiken .body {
	padding: 7px;
	background-color: #FFFFFF;
}

#karada_shindan .taiken .image {
	float: left;
}

#karada_shindan .taiken img {
	vertical-align: top;
}

#karada_shindan .taiken .text {
	float: right;
	width: 335px;
}

#karada_shindan .taiken .text h4 {
	font-weight: bold;
	margin-bottom: 4px;
}


/*------------------------
	自動車保険見積もり
------------------------*/
#mitsumori h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/kuruma_mitsumori_h2_1000pt.gif) no-repeat;
	text-indent: -9999px;
}

#mitsumori .mbody {
	padding: 8px;
}

#mitsumori .image {
	float: left;
}

#mitsumori img {
	vertical-align: bottom;
}

#mitsumori .text {
	float: right;
	width: 345px;
}

#mitsumori .text h3 {
	margin-bottom: 7px;
	font-size: 134%;
	font-weight: bold;
}

#mitsumori .text p {
	line-height: 1.4em;
}


/*------------------------
	マネーライフの心理テスト
------------------------*/
#psychology h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/psychology_h2.gif) no-repeat;
	text-indent: -9999px;
}

#psychology .mbody {
	padding: 8px;
}

#psychology .image {
	float: left;
}

#psychology img {
	vertical-align: bottom;
}

#psychology .text {
	float: right;
	width: 345px;
}

#psychology .text h3 {
	margin-bottom: 7px;
	font-size: 134%;
	font-weight: bold;
}

#psychology .text p {
	line-height: 1.4em;
}

#psychology .backnumber {
	float: right;
}

/*------------------------
	プロがお届け！　お役立ちコラム
------------------------*/
#column h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/index/top_column_h2.gif) no-repeat;
	text-indent: -9999px;
}

#column .mbody {
	padding: 8px;
}

#column .image {
	float: left;
}

#column img {
	vertical-align: bottom;
}

#column .text {
	float: right;
	width: 345px;
}

#column .text h3 {
	margin-bottom: 7px;
	font-size: 134%;
	font-weight: bold;
}

#column .text p {
	line-height: 1.4em;
}


/*------------------------
	保険を学ぼう
------------------------*/
#study h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/study_h2.gif) no-repeat;
	text-indent: -9999px;
}

#study li {
	display: block;
	padding: 7px;
	*zoom: 1;
}

#study li h3,
#study li h4 {
	font-size: 134%;
	font-weight: bold;
}

#study li h4 {
	margin-bottom:
}

#study li p {
	line-height: 1.75em;
}


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

	サブカラム（右カラム）
	
==============================================================*/
/*------------------------
	サイト内検索
------------------------*/
#yInsSearch {
	padding: 8px;
	margin-bottom: 7px;
	background: #DEE0DF;
}

#yInsSearch h2 {
	letter-spacing: 0.1em;
}

#yInsSearch input.text {
	width: 240px;
	height: 1.4em;
}

#yInsSearch input.button {
	width: 38px;
	margin-left: 2px;
}


/*------------------------
	キャンペーン
------------------------*/
#campaign h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/campaign_h2.gif) no-repeat;
	text-indent: -9999px;
}

#campaign .mbody {
	margin-top: 1px;
}

#campaign img {
	vertical-align: bottom;
}

#campaign ul {
	overflow: hidden;
	margin: 0 -1px;
	*zoom: 1;
}

#campaign li {
	padding: 0 1px 1px 1px;
}

#campaign li.last {
	padding: 1px 1px 0 1px;
	border-top: 1px solid #D0D0D0;
}

/*------------------------
	ピックアップ特集（091112追加）
------------------------*/
#pickup_tokushuu01 h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/pickup_tokushuu_h2.gif) no-repeat;
	text-indent: -9999px;
}

#pickup_tokushuu01 .mbody {
	margin-top: 1px;
}

#pickup_tokushuu01 img {
	vertical-align: bottom;
}

#pickup_tokushuu01 ul {
	overflow: hidden;
	margin: 0 -1px;
	*zoom: 1;
}

#pickup_tokushuu01 li {
	padding: 0 1px 1px 1px;
}

#pickup_tokushuu01 li.last {
	padding: 1px 1px 0 1px;
	border-top: 1px solid #D0D0D0;
}

/*------------------------
	ピックアップ枠（ちょこっと保険）
------------------------*/
#pickup h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/pickup_h2.gif) no-repeat;
	text-indent: -9999px;
}

#pickup .mbody {
	margin-top: 1px;
	border: 1px solid #7FC31C;
}

#pickup h3 {
	overflow: hidden;
	height: 33px;
	background: url(http://i.yimg.jp/images/insurance/top/common/pickup_h3.gif) no-repeat;
	text-indent: -9999px;
}

#pickup h3 a {
	display: block;
	height: 33px;
}

#pickup .toptext {
	margin: 7px;
}

#pickup .toptext .cap {
	font-size: 134%;
	font-weight: bold;
}

/*------------------------
	QRコード
------------------------*/
#qrCode h2 {
	height: 32px;
	background: url(http://i.yimg.jp/images/insurance/top/common/qrcode_h2.png) no-repeat;
	text-indent: -9999px;
}

#qrCode .mbody {
	margin-top: 1px;
	padding: 9px;
	font-size: 117%;
}

#qrCode .bnr {
	margin-bottom: 10px;
}

#qrCode .code {
	overflow: hidden;
	/zoom: 1;
}

#qrCode .img {
	float: left;
	margin-right: 10px;
}

#qrCode .txt {
	margin-left: 84px;
}

#qrCode .more {
	padding-left: 15px;
	background: url(http://i.yimg.jp/images/insurance/top/common/icon1.gif) 0 50% no-repeat;
}

#qrCode .mailto img {
	vertical-align: middle;
	margin-right: 4px;
}

#qrCode .login {
	margin-top: 6px;
	text-align: center;
	font-size: 93%;
}


/*------------------------
	保険の疑問を解決 - Yahoo!知恵袋
------------------------*/
#yChiebukuro .mbody {
	padding: 5px;
}

#yChiebukuro .qlist {
	margin-bottom: 4px;
}

#yChiebukuro .qlist h3 {
	font-weight: bold;
}

#yChiebukuro li {
	margin: 5px 0 5px 27px;
	list-style-position: outside;
	list-style-image: url(http://i.yimg.jp/images/ytrd/v3/top/icon_q.gif);
}
* html body #yChiebukuro li {margin-left: 20px;}	/* IE6 hack */
*+html body #yChiebukuro li {margin-left: 20px;}	/* IE7 hack */

#yChiebukuro li a {
	vertical-align: top;
}
* html body #yChiebukuro li a {margin-left: 5px;}	/* IE6 hack */
*+html body #yChiebukuro li a {margin-left: 5px;}	/* IE7 hack */

#yChiebukuro .ylink {
	float: right;
	padding-left: 14px;
	background: url(http://i.yimg.jp/images/insurance/top/common/icon1.gif) left 50% no-repeat;
}

#chiesearch {
	padding: 8px;
	background: #DEE0DF;
}

#chiesearch h3 {
	letter-spacing: 0.1em;
}

#chiesearch input.text {
	width: 225px;
	height: 1.4em;
}

#chiesearch input.button {
	width: 38px;
	margin-left: 2px;
}


/*------------------------
	保険関連の商品を探す - Yahoo!ショッピング
------------------------*/
#yShoping .mbody {
	padding: 0 6px;
}

#yShoping .item {
	margin: 6px 0;
}

#yShoping .image {
	float: left;
}

#yShoping p {
	float: right;
	width: 214px;
	margin: 5px 0 5px 5px;
	line-height: 1.4em;
}


/*------------------------
	災害、事故関連ニュース - Yahoo!ニュース
------------------------*/
#yNews .mbody {
	padding: 0 5px 1px;
}

#yNews ul {
	margin-top: 8px;
}

#yNews li {
	margin: 2px 0pt 2px 17px;
	list-style-position: outside;
	list-style-image: url(http://i.yimg.jp/images/insurance/top/common/icon2.gif);
}

#yNews li a {
	margin-left: -5px;
	vertical-align: top;
}

#yNews li span {
	vertical-align: top;
}


/*------------------------
	横リンク
------------------------*/
#yLink {
	margin-bottom: 7px;
}

#yLink .mbody {
	padding: 5px;
}

#yLink table {
	width: 100%;
	border: 1px solid #D0D0D0;
	border-collapse: collapse;
}

#yLink table tr {
	border: 1px solid #D0D0D0;
	vertical-align: middle;
}

#yLink table tr td {
	padding: 3px;
	border-bottom: 1px solid #D0D0D0;
}



/*------------------------
	トップへ戻る
------------------------*/
#toTop {
	text-align: center;
	font-size: 75%;
}