/**********************************************************************
project name : For Declaration of Area [ /popup/css/parts.css ]

09.08.18
**********************************************************************/


/*---------------------------------------------
 HeadArea
---------------------------------------------*/
#HeadArea{
	margin-top:8px;
	width:760px;
}

#HeadArea #titleArea {
	margin-bottom:2px;
	width:760px;
}

#HeadArea #titleArea .logo{
	width:240px;
	margin-top:2px;
	float:left;
}

#HeadArea #titleArea .banner{
	margin-top: 2px;
	margin-left: 18px;
	float: left;
	width: 200px;
}

#HeadArea #subNavi {
	width:284px;
	float:right;
	text-align:right;
}

#HeadArea #subNavi #ButtonArea {
	height:24px;
	width:284px;
}

#HeadArea #subNavi #ButtonArea li {
	margin-right:4px;
	line-height:0;
	float:left;
}

#HeadArea #subNavi #ButtonArea li#FontChangeBox {
	height:24px;
	width:185px;
	background:transparent url(../../common/img/cmn_bg_fontbox.gif) no-repeat scroll 0 0;
}


#HeadArea  #subNavi #ButtonArea li.last {
	margin-right:0;
}

#FontChangeBox td {
	padding:3px 0 3px 3px;
	vertical-align:top;
}

/*---------------------------------------------
 FootArea
---------------------------------------------*/
#FootArea{
	width:760px;
	height:52px;
	background:url(../../common/img/cmn_ftbg_01.gif) repeat-x top left ;
}

#FootArea .copyright{
	margin:0;
	padding:20px 0 0 13px;
}


/*---------------------------------------------
 BodyArea
---------------------------------------------*/
#BodyArea{
	width:760px;
	margin:0 0 7px 0;
	padding:0;
	background:url(../../common/img/cmn_contbg_02.gif)  repeat-y 0 0;
}

#BodyArea .BodyInner{
	padding:0 15px 6px 15px;
	background:url(../../common/img/cmn_contbg_03.gif) no-repeat bottom left;
}

/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
#ContentsArea{
	width:539px;
	float:left;
}

#ContentsArea h2 .img{
	margin:0 0 25px 0;
	padding:0;
	display:block;
}
#ContentsArea h2 .txt{
	margin:0 0 25px 11px;
	padding:0;
	font-size:150%;
	font-weight:bold;
	display:block;
}

#ContentsArea .section{
	margin:0 0 15px 0;
}

#a #ContentsArea .section h3{
	height:22px;
	margin:0 0 9px 0;
	padding:4px 0 0 10px;
	font-size:100%;
	font-weight:bold;
	background: url("../img/a/a_h3_bg_01.gif") repeat-x 0 0;
}

#b #ContentsArea .section h3{
	height:22px;
	margin:0 0 9px 0;
	padding:4px 0 0 10px;
	font-size:100%;
	font-weight:bold;
	background: url("../img/b/b_h3_bg_01.gif") repeat-x 0 0;
}

#c #ContentsArea .section h3{
	height:22px;
	margin:0 0 9px 0;
	padding:4px 0 0 10px;
	font-size:100%;
	font-weight:bold;
	background: url("../img/c/c_h3_bg_01.gif") repeat-x 0 0;
}

#ContentsArea .section .caption01 .txt{
	width:415px;
	margin:0;
	padding:0 11px 0 13px;
	line-height:150%;
	float:left;
}

#ContentsArea .section .caption01 .img{
	width:100px;
	margin:0;
	padding:0;
	float:left;
}

#ContentsArea .section .caption01 .list{
	width:258px;
	margin:0;
	padding:0 0 0 11px;
	float:left;
}

#ContentsArea .section .caption01 .list ul,li{
	margin:0;
	padding:0;
}

#ContentsArea .section .caption01 .list li{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	background:url(../../common/img/cmn_icon_01.gif) no-repeat 0 0.2em;
	list-style:none;
}

#ContentsArea .section .caption01 .list li.last{
	margin:0;
	padding:0 0 0 20px;
	background:url(../../common/img/cmn_icon_01.gif) no-repeat 0 0.2em;
	list-style:none;
}


#naviArea {
	width:157px;
	margin:0 0 0 34px;
	float:left;
}

#a #naviArea .naviList{
	margin:0 0 5px 0;
	padding:8px 10px 8px 16px;
	background: url("../img/a/a_listareabg_01.gif") repeat-y 0 0;
}

#b #naviArea .naviList{
	margin:0 0 5px 0;
	padding:8px 10px 8px 16px;
	background: url("../img/b/b_listareabg_01.gif") repeat-y 0 0;
}

#c #naviArea .naviList{
	margin:0 0 5px 0;
	padding:8px 10px 8px 16px;
	background: url("../img/c/c_listareabg_01.gif") repeat-y 0 0;
}

#naviArea .naviList p{
	margin:0 0 7px 0;
	padding:0;
	line-height:150%;
}

#naviArea .naviList ul{
	margin:0;
	padding:0;
}

#naviArea .naviList li{
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../../common/img/cmn_listareaicon_01.gif) no-repeat 0 0.2em;
	list-style:none;
}

#naviArea .naviList li.last{
	margin:0;
	padding:0 0 0 15px;
	background:url(../../common/img/cmn_listareaicon_01.gif) no-repeat 0 0.2em;
	list-style:none;
}

/*---------------------------------------------
 pageClose
---------------------------------------------*/
#BodyArea .BodyInner .pageClose{
		margin:8px 0;
		padding:0;
		text-align:right;
}

/*---------------------------------------------
 tipsLink
---------------------------------------------*/
#BodyArea .BodyInner .tipsLink{
		margin:10px 0 0 0;
		padding:2px 0 0 0;
		font-weight:bold;
		text-align:right;
}
#BodyArea .BodyInner .tipsLink img{
		margin:0 0 0 3px;
		padding:0;
		vertical-align:middle;
}

/*********************************************************************/
/*損保協会追加*/
#ContentsArea .section .caption01 .list2{
	width:506px;
	margin:0;
	padding:0 0 0 11px;
	float:left;
}
#ContentsArea .section .caption01 .list ul,li2{
	margin:0;
	padding:0;
}

#ContentsArea .section .caption01 .list2 li{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	background:url(../../common/img/cmn_icon_01.gif) no-repeat 0 0.2em;
	list-style:none;
}

#ContentsArea .section .caption01 .list2 li.last{
	margin:0;
	padding:0 0 0 20px;
	background:url(../../common/img/cmn_icon_01.gif) no-repeat 0 0.2em;
	list-style:none;
}
/*損保協会追加 ここまで*/