/**********************************************************************
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 25px 6px 25px;
	background:url(../../common/img/cmn_contbg_03.gif) no-repeat bottom left;
}

/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
#ContentsArea{
	width:710px;
}

#ContentsArea h2 {
	margin:0 0 25px 0;
	padding:0;
	font-size:150%;
	font-weight:bold;
}


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

#ContentsArea .subMenu table {
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
	text-align:center;
}

#ContentsArea .subMenu table td{
	padding:6px 10px;
	background-color:#f9f9f9;
	border:1px solid #cccccc;
	
}

#ContentsArea .subMenu table td.on{
	padding:6px 10px;
	background-color:#afd2ff;
	border:1px solid #cccccc;
	
}

/*
#ContentsArea .subMenu table td a:hover{
	background-color:#75a3ed;
	text-decoration:underline;
	width:100%;
	color:#fff;
}

#ContentsArea .subMenu {
	margin:0 0 15px 0;
	border:1px solid #d6d6d6;
}

#ContentsArea .subMenu ul,li {
	margin:0;
	padding:0;
	list-style:none;
}

#ContentsArea .subMenu li.L {
	width:353px;
	margin:0;
	padding:11px 0;
	background-color:#85b5f3;
	text-align:center;
	font-weight:bold;
	float:left;
}
#ContentsArea .subMenu li.R {
	width:354px;
	margin:0;
	padding:11px 0;
	border-left:1px solid #d6d6d6;
	background-color:#fafafa;
	text-align:center;
	font-weight:bold;
	float:left;
}

*/

#ContentsArea .read{
	margin:0 0 30px 0;
	padding:0;
}

#ContentsArea .read .img{
	width:115px;
	margin:0;
	padding:0;
	float:left;
}

#ContentsArea .read .txt{
	width:575px;
	margin:0;
	padding:0;
	line-height:150%;
	float:left;
}

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

#ContentsArea  h2{
	height:25px;
	padding:5px 0 0 10px;
	background:url(../img/temp_h2_bg_01.gif) repeat-x 0 0;
}


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

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

#ContentsArea .section .caption01,#ContentsArea .section .caption02,#ContentsArea .section .caption03{
	width:690px;
	margin:0 0 30px 0;
	padding:0 10px 0 10px;
}

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

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

#ContentsArea .section .caption02 .imgL{
	width:333px;
	margin:0 24px 0 0;
	padding:0;
	float:left;
}

#ContentsArea .section .caption02 .imgR{
	width:333px;
	margin:0;
	padding:0;
	float:left;
}

#ContentsArea .section .caption03 .txt{
	width:269px;
	margin:0;
	padding:0 0 0 28px;
	line-height:150%;
	float:left;
}

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

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

/*---------------------------------------------
 topLink
---------------------------------------------*/
.topLink {
	margin:0 0 15px 0;
	padding:0 0 6px;
	text-align:right;
	border-bottom:2px solid #cfcfcf;
}

.totop {
	background:url(../../common/img/arrow_pagetop.gif) no-repeat left bottom;
	padding:0 0 0 14px;
}

/*---------------------------------------------
 損保協会追加分
---------------------------------------------*/
.table1{
	border:solid 1px #333;
	border-collapse:collapse;
}

.table1 th{
	padding:0.5em;
	border:solid 1px #333;
	background-color:#F8DF82;
}	

.table1 td{
	padding:0.5em;
	border:solid 1px #333;
}	

.t_center{
	text-align:center;
}

.t_right{
	text-align:right;
}
.t_left{
	text-align:left;
}

/* アロー2 */

.arw2 {
	background:url(../img/icon_lnav2.gif) no-repeat 0 3px;
	padding:0 0 0 10px;
}

/* 関連リンク */
.boxGray {
	border:solid 1px #dadada;
	padding:10px 10px 15px 10px;
	margin:0 0 15px 0;
	background-color:#f9f9f9;
}
.notes {
	background:url(../img/icon_attention.gif) no-repeat;
	padding:3px 0 0 20px;
}
.lineDA {
	border-bottom:solid 1px #dadada;
	margin:5px 0 10px 0;
}

/*　注釈  */
.nts{
	border:solid 1px #cccccc;
	padding:10px 10px 15px 10px;
	background-color:#f9f9f9;
	margin-top:1em;
	padding:1em;
}

/* 段落インデント  */
.dn_i{
	margin-left:2em;
}

/* 太文字　*/
.bd{
 	font-weight:bold;
}

/*　マージン　*/
.mar_t{
	margin-top:1em;
}
.mar_b{
	margin-bottom:1em;
}
.mar_tb{
	margin-top:1em;
	margin-bottom:1em;
}
.mar_l{
	margin-left:1em;
}

/*********************************************************************/