/* 070419 Ryoko Kubota -business product-
---------------------------------------------------------- */

/* Component= Table
---------------------------------------------------------- */
#contentsArea table.tableStyle02{
margin-bottom:1em;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#b8b8b8;
width:100%;
font-size:80%;
}

#contentsArea table.tableStyle02 th,
#contentsArea table.tableStyle02 td{
padding:11px 8px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#b8b8b8;
text-align:left;
vertical-align:top;
}

#contentsArea table.tableStyle02 th.align02,
#contentsArea table.tableStyle02 td.align02{
text-align:center;
vertical-align:top;
}

#contentsArea table.tableStyle02 th.align03,
#contentsArea table.tableStyle02 td.align03{
text-align:right;
vertical-align:top;
}


#contentsArea table.tableStyle02 a{
font-weight:normal;
}

#contentsArea table.tableStyle02 thead th{
padding-top:6px;
padding-bottom:6px;
border-right:1px solid #fff;
color:#fff;
background:#7e7e7e;
}

#contentsArea table.tableStyle02 thead th.lastColumn{
border-right:#b8b8b8;
}

#contentsArea table.tableStyle02 tbody tr.parentLine th,
#contentsArea table.tableStyle02 tbody tr.parentLine td{
border-bottom-width:3px;
}

#contentsArea table.tableStyle02 tbody tr.parentLine a{
font-weight:bold;
}

#contentsArea table.tableStyle02 tbody th{
width:auto;
background:#eee;
font-weight:bold;
}

#contentsArea table.tableStyle02 tbody td{
background:#fff;
line-height:1.5;
}

#contentsArea table.tableStyle02 tbody td p{
font-size:100%;
}

#contentsArea table.tableStyle02 tbody td ul.actionButton01,
#contentsArea table.tableStyle02 tbody td ul.actionButton02,
#contentsArea table.tableStyle02 tbody td ul.actionButton03a,
#contentsArea table.tableStyle02 tbody td ul.actionButton03b,
#contentsArea table.tableStyle02 tbody td ul.linkListA01,
#contentsArea table.tableStyle02 tbody td ul.linkListB01,
#contentsArea table.tableStyle02 tbody td ul.linkListB02{
margin-bottom:0;
font-size:100%;
}

#contentsArea table.tableStyle02 tbody td ul.actionButton02 li,
#contentsArea table.tableStyle02 tbody td ul.actionButton03a li,
#contentsArea table.tableStyle02 tbody td ul.actionButton03b li{
float:none !Important;
}

#contentsArea table.tableStyle02 tbody td ul.actionButton02 li a span,
#contentsArea table.tableStyle02 tbody td ul.actionButton03a li a span,
#contentsArea table.tableStyle02 tbody td ul.actionButton03b li a span{
_padding:0 15px 4px 5px;
}


/* Component= Section Block
---------------------------------------------------------- */
#contentsArea div.sectionBlock10,
#contentsArea div.newsList03a,
#contentsArea div.newsList03b{
margin-bottom:10px;
}

#contentsArea div.sectionBlock20{
margin-bottom:20px;
}


#contentsArea div.sectionBlock10,
#contentsArea div.sectionBlock20{
width:620px;
display:inline-block;
clear:both;
}

/* テキストが回りこむタイプに使用する画像のクラス*/

#contentsArea div.sectionBlock10 p.imageArea,
#contentsArea div.sectionBlock20 p.imageArea,
#contentsArea div.imageLayoutBlock01a p.imageArea,
#contentsArea div.imageLayoutBlock01b p.imageArea,
#contentsArea div.imageLayoutBlock02a p.imageArea,
#contentsArea div.imageLayoutBlock02b p.imageArea,
#contentsArea div.imageLayoutBlock03a p.imageArea,
#contentsArea div.imageLayoutBlock03b p.imageArea,
#contentsArea div.imageLayoutBlock04a p.imageArea,
#contentsArea div.imageLayoutBlock04b p.imageArea{
float:right;
margin:0 0 10px 10px;
}


/*9px*/
#contentsArea div.fullColumnBlock01b p{ margin: 0 0 10px 9px}
#contentsArea div.imageLayoutBlock01b div.textArea p{ margin: 0 0 10px 9px}
#contentsArea div.imageLayoutBlock02b div.textArea p{ margin: 0 0 10px 9px}
#contentsArea div.imageLayoutBlock03b div.textArea p{ margin: 0 0 10px 9px}
#contentsArea div.imageLayoutBlock04b div.textArea p{ margin: 0 0 10px 9px}
#contentsArea div.newsList03b dl.newsList03a{ margin-left:9px}

/* 620pxのフルカラムの画像を配置する際に使用する画像のクラス*/

#contentsArea div.sectionBlock10 p.imageArea02,
#contentsArea div.sectionBlock20 p.imageArea02{
	marign:0 0 10px 0;
}

/* 画像下にキャプションを配置する際に使用するクラス*/

span.cap{
	display:block;
	margin:5px 0 0 0;
	font-size:0.74em;
}

/* テキストのみのクラス*/





/* テキストが回りこまないタイプに使用する画像(411px)のクラス*/

#contentsArea div.sectionBlock10 p.imageAreaA01,
#contentsArea div.sectionBlock20 p.imageAreaA01{
float:right;
margin:0 0 10px 10px;
width:411px;
}

#contentsArea div.sectionBlock10 div.textAreaA01,
#contentsArea div.sectionBlock20 div.textAreaA01{
float:left;
width:195px;
}

/* テキストが回りこまないタイプに使用する画像(306px)のクラス*/

#contentsArea div.sectionBlock10 p.imageAreaA02,
#contentsArea div.sectionBlock20 p.imageAreaA02{
float:right;
margin:0 0 10px 10px;
width:306px;
}

#contentsArea div.sectionBlock10 div.textAreaA02,
#contentsArea div.sectionBlock20 div.textAreaA02{
float:left;
width:300px;
}

/* テキストが回りこまないタイプに使用する画像(202px)のクラス*/

#contentsArea div.sectionBlock10 p.imageAreaA03,
#contentsArea div.sectionBlock20 p.imageAreaA03{
float:right;
margin:0 0 10px 10px;
width:202px;
}

#contentsArea div.sectionBlock10 div.textAreaA03,
#contentsArea div.sectionBlock20 div.textAreaA03{
float:left;
width:405px;
}

/* テキストが回りこまないタイプに使用する画像(118px)のクラス*/

#contentsArea div.sectionBlock10 p.imageAreaA04,
#contentsArea div.sectionBlock20 p.imageAreaA04{
float:right;
margin:0 0 10px 10px;
width:118px;
}

#contentsArea div.sectionBlock10 div.textAreaA04,
#contentsArea div.sectionBlock20 div.textAreaA04{
float:left;
width:480px;
}

/* heading追加　*/

.headingTypeE01{
	font-size: 13px;
	line-height: 1.2;
	/*\*/
	_font-size: 80%;
	/**/ 
	margin:0 0 5px 0;
	padding:0 0 3px 9px;
	clear:none;
}

*+html .headingTypeE01{font-size: 80%;}

/* Topics　*/


div#infoArea dl{
font-size:80%;
line-height:1.4;
}

div#infoArea dl dt{
width:8em;
}

div#infoArea dl dd{
margin:-1.4em 5px 5px 8.5em;
}

/* NewsList */

dl.businessNewsList{
	font-size:0.8em;
	padding-left:1em;
}

dl.businessNewsList dt{
	float:left;
	width:auto;	
}

dl.businessNewsList dd{
margin:0 0 3px 10em;
padding-left:11px;
background:url("/classic_shared/img/bullet_arrow-b001.gif") 0 0.5em no-repeat; /*Variable Image*/
width:auto;
}

div.businessBoxType{
border:1px solid #b8b8b8;
margin-bottom:1em;
}


#contentsArea dl.newsList03a{
font-size:0.8em;
border-bottom:1px solid #b8b8b8;
margin:5px 0;
pdding:0;
}

#contentsArea dl.newsList03a dt{
float:left;
width:auto;	
}

#contentsArea dl.newsList03a dd{
margin:0 0 3px 9.5em;
padding-left:11px;
background:url("/classic_shared/img/bullet_arrow-b001.gif") 0 0.5em no-repeat; /*Variable Image*/
width:auto;
}

#contentsArea dl.newsList03b{
font-size:0.8em;
border-bottom:1px solid #b8b8b8;
margin:5px 0;
pdding:0;
}

#contentsArea dl.newsList03b dt{
float:left;
width:auto;	
}

#contentsArea dl.newsList03b dd{
margin:0 0 3px 6.5em;
padding-left:11px;
background:url("/classic_shared/img/bullet_arrow-b001.gif") 0 0.5em no-repeat; /*Variable Image*/
width:auto;
}


/* Component= Button
---------------------------------------------------------- */
#contentsArea ul.actionButton03a,
#contentsArea ul.actionButton03b{
display:inline-block;
font-size:80%;
}

#contentsArea ul.actionButton03a:after,
#contentsArea ul.actionButton03b:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#contentsArea ul.actionButton03a li,
#contentsArea ul.actionButton03b li{
clear:left;
float:left !important;
margin-bottom:3px;
border:1px solid #b8b8b8;
}

#contentsArea ul.actionButton03a li,
#contentsArea ul.actionButton03b li{
clear:none;
margin-right:20px;
}

#contentsArea ul.actionButton03a li a,
#contentsArea ul.actionButton03b li a{
display:block;
padding:0 0 0 20px;
background-color:#a3248f; /*Variable Color*/
background-image:url("/classic_shared/img/bullet_arrow-button001.gif");
background-position:0 0;
background-repeat:no-repeat;
font-weight:bold;
text-decoration:none;
}

#contentsArea ul.actionButton03a li a span,
#contentsArea ul.actionButton03b li a span{
display:block;
padding:3px 15px 4px 5px;
border-left:1px solid #b8b8b8;
background:#fff;
line-height:1;
}

#contentsArea ul.actionButton03a li a span,
#contentsArea ul.actionButton03b li a span{
white-space:nowrap;
}