@charset "shift_jis";

/*
------------------------------------------------
■自動車保険の手続き
■/kuruma/hoken/procedure/
-------------------------------------------------
*/


/*手続き内共通スタイル*/
#procedure{
    background:transparent url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/wrapper_bg.gif) repeat-y left top;
	margin-bottom:20px;
    padding:0;
    width:680px;
}
#procedure #procedureWrapper{
    background:transparent url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/wrapper_btm.gif) no-repeat left bottom;
    padding:0 25px 92px;
    width:630px;
}
#procedure #procedureWrapper p{
	font-size:112%;
	line-height:1.4;
	margin:0;
	padding:0;
}
#procedure #procedureWrapper p.fontSS{
	font-size:100%;
	line-height:1.6;
}

/*手続きトップ*/
#procedure ul.procedureList{
    width:630px;
}
#procedure ul.procedureList li{
    background:url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/title_bg.gif) repeat-x left top;
	list-style:none;
	font-size:112%;
	font-weight:bold;
}
#procedure ul.procedureList li span{
	display:block;
    background:url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/title_icon.gif) no-repeat 8px 0;
	padding:10px 8px 8px 35px;
}
#procedure ul.procedureList li.active{
	color:#6a6a6a;
}
#procedure .procedureTop p{
	margin-top:8px;
}
#procedure #procedureWrapper .mBtm{
	margin-bottom:22px;
}

/*手続き第1回以降共通*/
#procedure #procedureWrapper .lead{
	width:610px;
    font-size:112%;
	line-height:1.4;
	background-color:#f7f2d4;
	margin-bottom:20px;
	padding:10px;
}
#procedure #procedureWrapper .imgLeft{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}
#procedure #procedureWrapper .imgRight{
	float:right;
	margin-left:15px;
	margin-bottom:5px;
}
#procedure #procedureWrapper .prdSection{
	margin-bottom:20px;
}
#procedure #procedureWrapper .prdSectionEnd{
	margin-bottom:0;
}
#procedure #procedureWrapper h3{
    background:url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/title_bg.gif) repeat-x left top;
	list-style:none;
	font-size:112%;
	font-weight:bold;
	margin-bottom:5px;
}
#procedure #procedureWrapper h3 span{
	display:block;
    background:url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/title_icon.gif) no-repeat 8px 0;
	padding:10px 8px 8px 35px;
}
#procedure #procedureWrapper h4{
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	line-height:1;
}
#procedure #procedureWrapper .bold{
	font-weight:bold;
}

#procedure #procedureWrapper table.prdDetail{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:3px solid #d2d2d2;
	color:#333333;
	width:630px;
}
#procedure #procedureWrapper .prdDetailBoxL{
	float:left;
	width:311px;
}
#procedure #procedureWrapper .prdDetailBoxR{
	float:right;
	width:311px;
}
#procedure #procedureWrapper .prdDetailBoxR02{
	float:right;
	width:243px;
	margin-left:15px;
	margin-bottom:5px;
}
#procedure #procedureWrapper .prdDetailBoxL p,
#procedure #procedureWrapper .prdDetailBoxR p,
#procedure #procedureWrapper .prdDetailBoxR02 p{
	font-size:100%;
}
#procedure #procedureWrapper table.prdDetailHalf{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:3px solid #d2d2d2;
	color:#333333;
	width:311px;
}
#procedure #procedureWrapper table.prdDetailS{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:3px solid #d2d2d2;
	color:#333333;
	width:243px;
}
#procedure #procedureWrapper table.prdDetail th,
#procedure #procedureWrapper table.prdDetailHalf th,
#procedure #procedureWrapper table.prdDetailS th{
	padding:6px;
	border:1px solid #d2d2d2;
	background-color:#f1f1f1;
	text-align:center;
	vertical-align:middle;
}
#procedure #procedureWrapper table.prdDetail th.cellBg01,
#procedure #procedureWrapper table.prdDetailHalf th.cellBg01,
#procedure #procedureWrapper table.prdDetailS th.cellBg01{
	background-color:#ddeaf6;
}
#procedure #procedureWrapper table.prdDetail th.cellBg02,
#procedure #procedureWrapper table.prdDetailHalf th.cellBg02,
#procedure #procedureWrapper table.prdDetailS th.cellBg02{
	background-color:#fffdef;
}
#procedure #procedureWrapper table.prdDetail td,
#procedure #procedureWrapper table.prdDetailHalf td,
#procedure #procedureWrapper table.prdDetailS td{
	padding:6px;
	border:1px solid #d2d2d2;
	text-align:left;
	vertical-align:top;
	line-height:1.3;
}
#procedure #procedureWrapper table.prdDetail td.tdBg01,
#procedure #procedureWrapper table.prdDetailHalf td.tdBg01,
#procedure #procedureWrapper table.prdDetailS td.tdBg01{
	background-color:#f1f1f1;
}
#procedure #procedureWrapper table.prdDetail td.cellCenter,
#procedure #procedureWrapper table.prdDetailHalf td.cellCenter,
#procedure #procedureWrapper table.prdDetailS td.cellCenter{
	text-align:center;
}
#procedure #procedureWrapper table.prdDetail td.cellMiddle,
#procedure #procedureWrapper table.prdDetailHalf td.cellMiddle,
#procedure #procedureWrapper table.prdDetailS td.cellMiddle{
	vertical-align:middle;
}
#procedure #procedureWrapper table.prdDetail td.cellImg,
#procedure #procedureWrapper table.prdDetailHalf td.cellImg,
#procedure #procedureWrapper table.prdDetailS td.cellImg{
	border:none;
	border-bottom:1px solid #d2d2d2;
}
#procedure #procedureWrapper table.prdDetail td .mkPlus,
#procedure #procedureWrapper table.prdDetailS td .mkPlus,
#procedure #procedureWrapper table.prdDetailS td .mkPlus{
	margin-top:2px;
	margin-bottom:2px;
}
#procedure #procedureWrapper ul.caution{
	margin-top:2px;
	margin-bottom:20px;
}
#procedure #procedureWrapper ul.caution li{
	list-style:none;
	line-height:1.3;
}
#procedure #procedureWrapper table.mBtm10{
	margin-bottom:10px;
}

/*手続き第2回*/
#procedure #procedureWrapper dl.prdStep{
	width:630px;
	background:url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/norikae_step_bg.gif) repeat-y left top;
	position:relative;
	margin-top:10px;
}
#procedure #procedureWrapper dl.prdStep dt{
	display:block;
	width:130px;
	float:left;
	padding:8px 10px 8px 60px;
	font-size:112%;
	font-weight:bold;
}
#procedure #procedureWrapper dl.prdStep dt .stepImg{
	position:absolute;
	left:10px;
	top:-5px;
}
#procedure #procedureWrapper dl.prdStep dd{
	width:410px;
	float:left;
	padding:10px;
	font-size:112%;
	line-height:1.3;
}
#procedure #procedureWrapper .stepArrow{
	margin-top:10px;
	text-align:center;
}
#procedure #procedureWrapper .detailCaption{
	background:url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/mk_circle.gif) no-repeat 0 4px;
	margin-bottom:2px;
	padding-left:13px;
	font-weight:bold;
	font-size:100%;
}

/*第3回*/
#procedure #procedureWrapper .listcenter {
	width:450px;
	margin:0 auto;
}
#procedure #procedureWrapper table.prdDetailM{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:3px solid #d2d2d2;
	color:#333333;
	width:450px;
}
#procedure #procedureWrapper table.prdDetailM th,
#procedure #procedureWrapper table.prdDetailM td
{
	padding:3px 6px;
	border:1px solid #d2d2d2;
	text-align:center;
	vertical-align:middle;
}
#procedure #procedureWrapper table.prdDetailM th {
	background-color:#f1f1f1;
}
#procedure #procedureWrapper table.prdDetailM td.pink {
	background:#ffe1e1;
}
#procedure #procedureWrapper table.prdDetailM td.blue {
	background:#d9f0ff;
}
#procedure .gbox {
	border:3px solid #ddd;
	padding:10px;
	margin-top:10px;
}
#procedure .gbox2 {
	background:#f6f6f6;
	padding:8px;
	margin-top:10px;
}
#procedure #procedureWrapper .gbox2 p {
	font-size:100%;
	line-height:150%;
}
#procedure #procedureWrapper .gbox2 p.mTop10 {
	margin:10px 0 0;
}
#procedure .gbox3 {
	background:#f6f6f6;
	padding:8px;
	width:200px;
	line-height:150%;
	margin-top:10px;
	font-size:112%;
	border:#999 1px dotted;
}
#procedure .bluebox {
	background:#dbeaf7;
	padding:5px 8px;
	font-weight:bold;
	font-size:112%;
	margin:20px 0 10px;
}

#procedure .step {
	background: #dbeaf7;
    margin-top: 10px;
    position: relative;
    width: 630px;
}
#procedure #procedureWrapper .step p{
	display: block;
    font-size: 112%;
    padding: 8px 10px 8px 60px;
}

#procedure .step img {
	left: 10px;
    position: absolute;
    top: -5px;
}

/*第6回*/
#procedure #procedureWrapper .bg6th{
	width:630px;
	background:#f7f2d4 url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/shortterm_lead_img.gif) no-repeat left bottom;
	margin-bottom:20px;
	padding:0 0 5px;
}
#procedure #procedureWrapper .bg6th p{
    font-size:100%;
	line-height:1.4;
	margin:0 0 0 290px;
	padding:10px 10px 10px 0;
}


/*横遷移*/
#navi{
    clear:both;
    overflow:hidden;
    margin:20px auto;
    _overflow:visible;
}
#navi p {
    margin-bottom:0px;
    font-size:114%;
}

/*記事広告内での横遷移*/
.arrowNext01 {
    background:transparent url(https://img1.kakaku.k-img.com/images/itemview/item/arrow_pagenext.gif) no-repeat scroll right center;
    line-height:180%;
    margin-left:5px;
    padding:5px 20px 5px 0;
}
.arrowBack02 {
    background:transparent url(https://img1.kakaku.k-img.com/images/itemview/item/arrow_pageback.gif) no-repeat scroll left center;
    line-height:180%;
    margin-right:5px;
    padding:5px 0 5px 20px;
}


/*ページ下部見積もりボタン*/
#button{
    text-align:center;
    background:transparent url(https://img1.kakaku.k-img.com/images/kuruma/hoken/knowledge/k_bottom.gif) no-repeat left top;
    width:680px;
    clear:both;
    padding-top:145px;
    height:75px;
}

#com{
    width:660px;
    margin:10px 0;
    padding:10px;
    border:1px solid #eee;
}
#com p.title{
    font-weight:bold;
}

/*右カラム目次*/
#menu240 #procedureNavi{
    background:transparent url(https://img1.kakaku.k-img.com/images/kuruma/hoken/knowledge/knowledge_navi_btm.gif) no-repeat left bottom;
    overflow:hidden;
    _overflow:visible;
    /*ulにマージンが効かないようなのでこっちにつけます*/
    padding-bottom:6px;
    margin-bottom:10px;
}
#menu240 #procedureNavi ul{
    list-style-type:none;
    margin:8px 8px 0;
}
#menu240 #procedureNavi ul li{
    background:transparent url(https://img1.kakaku.k-img.com/images/kuruma/hoken/knowledge/chkmark.gif) no-repeat left 3px;
    padding:0 0 8px 20px;
    line-height:150%;
}
#menu240 #procedureNavi h2{
    background:transparent url(https://img1.kakaku.k-img.com/images/kuruma/hoken/procedure/procedure_navi.gif) no-repeat left top;
    padding:10px 0 0 60px;
    font-size:129%;
    color:#fff;
    height:28px;
}


/* 120514 cvbtn class sm4 */
.cvBtn {
    text-align:center;
    background:transparent url(https://img1.kakaku.k-img.com/images/kuruma/hoken/knowledge/k_bottom.gif) no-repeat left top;
    width:680px;
    clear:both;
    padding-top:145px;
    height:75px;
}
/* 120514 cvbtn class sm4 end */