@charset "UTF-8";
/*****************************************************
business.css
Last Modified: 2010-11-17
******************************************************/
body {
}
/*header
=========================================*/
#business #header {
	width: 100%;
}


#header-nav-2 {
}

/*global-nav*/
@media screen and (max-width: 679px){
#business #global-nav ul li#gnav01 ::after,#business #global-nav ul li#gnav04 ::after{
		display: inline-block;
		content: attr(data-label); /*contentでdata-label属性を指定*/
		padding-left: 6px;
		color: #0182c3;
		font-size: 0.8rem;
		padding: 10px 3px 10px;
		color:#0025A4;
	
	}
	#business #global-nav ul li img {
		display: none;
	}
	#business #global-nav ul li{
	width:45%;
	float:left;
	display: block;
	padding:0px 0px;
	margin:0px 5px;
	}

	#business #global-nav ul li a{
	width:100%;
	text-align:center;
	display: block;
	margin:5px 0px;
	border-radius:10px;
	padding:5px 0px;
	background-color:#fff;
	}

}

#business #global-nav ul li#gnav03{
	display:none;
}

#contents {
	zoom: 1;
}

/*footer-utility-01*/
#footer-utility-01 {
	clear: both;
	zoom: 1;
}


#footer #footer-utility-02{
	clear: both;
	width: 100%;
	padding: 10px 2px 10px 0px;
	background-color: #0025A4;
	zoom: 1;
}


/*contents
=========================================*/
/* heading*/
#contents .heading-1{
	padding: 0px 0px 2px;
	background: url(../images/com_bg04.gif) repeat-y left bottom;
	font-weight: bold;
	font-size: 140%;
	zoom: 1;
}

#contents .head-txt{
	display: block;
	padding: 12px 0px 10px 60px;
	background: url(../images/business_bg03.gif) repeat-y left top;
	zoom: 1;
}

#contents .heading-2{
	padding: 8px 0px 8px 20px;
	background: url(../images/business_bg06.gif) no-repeat left top;
	font-weight: bold;
	font-size: 120%;
	zoom: 1;
}

#contents .head-sub-txt{
	font-weight: normal;
	font-size: 80%;
}
#contents .heading-3{
	margin-top: 20px;
	padding: 8px 0px 0px;
	background: url(../images/business_bg12.gif) no-repeat left top;
	font-weight: bold;
	font-size: 110%;
	zoom: 1;
}

#contents .heading-3 .head-txt{
	display: block;
	padding: 0px 0px 8px 20px;
	background: url(../images/business_bg13.gif) no-repeat left bottom;
	zoom: 1;
}
#contents .heading-4{
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../images/business_ic03.gif) no-repeat 8px 0.4em;
	font-weight: bold;
	font-size: 110%;
	zoom: 1;
}

/* table*/
#contents table{
	clear: both;
	width: 100%;
	margin-top: 10px;
	background-color: #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
}


#contents table th{
	padding: 6px;
	background: url(../images/business_bg07.gif) repeat left top;
	font-weight: bold;
	text-align: center;
}

#contents table th.sub-1{
	padding: 6px;
	background: #e3e3e3;
	font-weight: bold;
	text-align: left;
}

#contents table th.sub-1-b{
	padding: 6px;
	background: #e3e3e3;
	font-weight: normal;
	text-align: center;
}

#contents table th.sub-2{
	padding: 6px;
	background: #e7effa;
	font-weight: bold;
	text-align: left;
}

#contents table th.sub-3{
	padding: 6px;
	background: #ffffff;
	font-weight: bold;
	text-align: left;
}

#contents table td{
	padding: 6px;
	background: #ffffff;
}

#contents table .highlight{
	background: #f3f3f3;
}

#contents table .white{
	background: #ffffff;
}
#contents table .cel-border{
	border-bottom: 2px solid #CCCCCC;
}


#contents table.half{
	width: 100%;
	margin-top: 10px;
	background-color: #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
}


#contents table.half th{
	padding: 6px;
	background: url(../images/business_bg07.gif) repeat left top;
	font-weight: bold;
	text-align: center;
}

#contents table.half th.sub-1{
	padding: 6px;
	background: #e3e3e3;
	font-weight: bold;
	text-align: left;
}

#contents table.half th.sub-2{
	padding: 6px;
	background: #e7effa;
	font-weight: bold;
	text-align: left;
}

#contents table.half th.sub-3{
	padding: 6px;
	background: #ffffff;
	font-weight: bold;
	text-align: left;
}

#contents table.half td{
	padding: 6px;
	background: #ffffff;
}

#contents table.half .highlight{
	background: #f3f3f3;
}

#contents table.half .cel-border{
	border-bottom: 2px solid #CCCCCC;
}


#contents table.hagashi{
	width: 100%;
	margin-top: 10px;
	background-color: #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
}


#contents table.hagashi th{
	padding: 6px;
	background: url(../images/business_bg07.gif) repeat left top;
	font-weight: bold;
	text-align: center;
}

#contents table.hagashi th.sub-1{
	padding: 6px;
	background: #e3e3e3;
	font-weight: bold;
	text-align: left;
}

#contents table.hagashi th.sub-2{
	padding: 6px;
	background: #e7effa;
	font-weight: bold;
	text-align: left;
}

#contents table.hagashi th.sub-3{
	padding: 6px;
	background: #ffffff;
	font-weight: bold;
	text-align: left;
}

#contents table.hagashi td{
	padding: 6px;
	background: #ffffff;
}

#contents table.hagashi .highlight{
	background: #f3f3f3;
}

#contents table.hagashi .cel-border{
	border-bottom: 2px solid #CCCCCC;
}






/* column-1 */
div#contents .column-1 {
	clear: both;
	padding: 0px 0px 20px;
	background: url(../images/business_bg05.gif) left bottom;
	zoom: 1;
	background-size:100%;
}

div#contents .column-1 table{
	clear: both;
	width: 90%;
	margin: 0px 0px 0px 10px;
	background-color: #ffffff;
	border-collapse: separate;
	border-spacing: 0px;
}

div#contents .column-1 table th{
	padding: 5px 12px 5px 25px;
	border-top: 1px solid #003e9b;
	background: #FFFFFF url(../images/business_ic01.gif) no-repeat left top;
	text-align: left;
	vertical-align:top;
	font-size:110%;
}

div#contents .column-1 table td{
	padding: 5px 12px;
	border-top: 1px solid #003e9b;
	background: #FFFFFF url(../images/business_hr01.gif) no-repeat left top;
}

/* column-1-1 */
div#contents .column-1-1 {
	clear: both;
	padding: 0px 0px 20px;
	background: url(../images/business_bg16.gif) left bottom;
	zoom: 1;
	background-size: 100% auto;
}

div#contents .column-1-1 .first-child img{
	width:100% ;
	height:auto;
}

div#contents .column-1-1 table{
	clear: both;
	width: 90%;
	margin: 0px 0px 0px 20px;
	background-color: #ffffff;
	border-collapse: separate;
	border-spacing: 0px;
}

div#contents .column-1-1 table th{
	padding: 5px 12px 5px 25px;
	border-top: 1px solid #003e9b;
	background: #FFFFFF url(../images/business_ic01.gif) no-repeat left top;
	text-align: left;
	vertical-align:top;
	font-size:110%;
}

div#contents .column-1-1 table td{
	padding: 5px 12px;
	border-top: 1px solid #003e9b;
	background: #FFFFFF url(../images/business_hr01.gif) no-repeat left top;
}

/* anchor-link */
#contents .anchor-link{
	clear: both;
	margin: 20px 0px 0px;
}

#contents .anchor-link ul.top-anchor li,
#contents .anchor-link ul.bottom-anchor li{
	margin: 0px 7px 0px 0px;
	background: url(../images/com_hr03.gif) no-repeat right 0.2em;
	white-space: nowrap;
	padding: 0px 11px 5px 0px;
	float: left;
	zoom: 1;
}
#contents .anchor-link ul.top-anchor li.end,
#contents .anchor-link ul.bottom-anchor li.end{
	margin: 0px;
	background: url(none);
	white-space: nowrap;
	padding: 0px 0px 5px;
	float: left;
}

#contents .anchor-link ul.top-anchor li a{
	margin: 0px;
	background: url(../images/com_ic11.gif) no-repeat left 0.4em;
	white-space: nowrap;
	padding: 0px 0px 0px 11px;
	float: left;
	zoom: 1;
}
#contents .anchor-link ul.bottom-anchor li a{
	margin: 0px;
	background: url(../images/com_ic12.gif) no-repeat left 0.4em;
	white-space: nowrap;
	padding: 0px 0px 0px 11px;
	float: left;
	zoom: 1;
}

/* tab-link */
#contents .tab-link-top{
	clear: both;
	margin: 0px 0px 0px;
	background-color:#fff;
	border-top:0px solid #0025A4;
	border-bottom:3px solid #0025A4;
}
#contents .tab-link-top ul li{
	float: left;
	width:33%;
	text-align:center;
	border-left:1px solid #fff;
}

	#contents .tab-link-top ul li.stay ::after{
		display: inline-block;
		content: attr(data-label); /*contentでdata-label属性を指定*/
		padding-left: 6px;
		font-size: 0.8rem;
		padding: 10px 3px 10px;
		color:#fff;
	
	}

	#contents .tab-link-top ul li ::after{
		display: inline-block;
		content: attr(data-label); /*contentでdata-label属性を指定*/
		padding-left: 6px;
		font-size: 0.8rem;
		padding: 10px 3px 10px;
		color:#0025A4;
	
	}
	#contents .tab-link-top ul li img {
		display: none;
	}
	#contents .tab-link-top ul li{
	}

#contents .tab-link-bottom{
	clear: both;
	display: none;

}

#contents .tab-link-bottom ul li{
	float: left;
	width: 168px;
	padding: 2px 0px 9px;

}


	#contents .tab-link-bottom ul li ::after{
		display: inline-block;
		content: attr(data-label); /*contentでdata-label属性を指定*/
		padding-left: 6px;
		color: #0182c3;
		font-size: 1rem;
		padding: 5px 3px 2px;
	
	}
	#contents .tab-link-bottom ul li img {
		display: none;
	}
	#contents .tab-link-bottom ul li{
	}


#contents .tab-link-top ul li.stay,
#contents .tab-link-bottom ul li.stay{
	float: left;
	padding: 0px;
background-color: #0025A4;
	color:#fff;
}


/* column-3 */
div#contents .column-3{
	clear: both;
	margin: 20px 0px 0px;
	padding: 0px 0px 12px;
	zoom: 1;
}
div#contents .column-3 h2{
	clear: both;
	margin: 0px;
	padding: 8px 0px 8px 20px;
background: transparent url("../images/business_bg06.gif") no-repeat scroll left top;
}

div#contents .column-3 h2::after{
	content: attr(data-label); 
	color: #000;
}
	
div#contents .column-3 h2 img{
	display: none;
}

div#contents .column-3 .col4{
	clear: both;
	padding: 0px;
	margin: 9px 0px 0px;
}
div#contents .column-3 .col4 .col{
	padding: 0px;
	float: left;
	width: 29%;
	margin: 0px 13px 0px 0px;
}
div#contents .column-3 .col4 .end{
	margin: 0px 0px 0px 0px;
}
div#contents .column-3 ul{
	margin: 0px;
	padding: 1px 0px 0px;
	zoom: 1;
}
div#contents .column-3 ul li{
	margin: 0px;
	padding: 7px 0px 8px 10px;
	zoom: 1;
	display:block;
	border:1px solid #ccc;
}
div#contents .column-3 ul li a{
	margin: 0px;
	background: url(../images/com_ic10.gif) no-repeat 2px 0.2em;
	padding: 0px 0px 0px 15px;
	zoom: 1;
}
* html div#contents .column-3 ul li a{
	margin: 0px;
	background: url(../images/com_ic10.gif) no-repeat 2px 0.4em;
	padding: 0px 0px 0px 15px;
	zoom: 1;
}
*:first-child+html div#contents .column-3 ul li a{
	margin: 0px;
	background: url(../images/com_ic10.gif) no-repeat 2px 0.4em;
	padding: 0px 0px 0px 15px;
	zoom: 1;
}




/* Safari4 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#contents .column-3 ul li a{
	margin: 0px;
	background: url(../images/com_ic10.gif) no-repeat 2px 0.4em;
	padding: 0px 0px 0px 15px;
	zoom: 1;
}
}

div#contents .column-3 ul li span{
	margin: 0px;
	background: url(../images/com_ic04.gif) no-repeat 2px 0.4em;
	padding: 0px 0px 0px 15px;
	zoom: 1;
}
/* dl-btn */
#contents .dl-btn{
	clear: both;
}
#contents .dl-btn ul{
	float: right;
}
#contents .dl-btn ul li{
	float: left;
	width: 215px;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 4px;
	background: url(../images/business_bg11.gif) no-repeat left bottom;
	zoom: 1;
}

#contents .dl-btn ul li a{
	float: left;
	width: 135px;
	display: block;
	padding: 10px 40px 10px 40px;
	background: url(../images/business_bg10.gif) no-repeat left top;
	font-weight: bold;
	zoom: 1;
}
#contents .dl-btn ul li.end{
	float: left;
	width: 215px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 4px;
	background: url(../images/business_bg11.gif) no-repeat left bottom;
	zoom: 1;
}


/* text*/
div#contents .point-txt-3{
	color: #cc0000;
}

div#contents .point-txt-4{
	color: #cc0000;
}
#contents .txt-small{
	font-size: 80%;
}
#contents .lead-txt{
	color: #dd0000;
	font-weight: bold;
	font-size: 120%;
}
/* indent */
div#contents .indent-1{
	margin-left: 20px;
}
/* line-1 */
div#contents .line-1{
	clear: both;
	margin: 10px 0 0;
	background: url(../images/com_hr01.gif) left top;
	padding: 0px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	zoom: 1;
}
/* ul-1 */
div#contents .ul-1{
	clear: both;
}

div#contents .ul-1 li{
	padding: 10px 0px 10px 0px;
	background: url(../images/com_hr01.gif) repeat-x left bottom;
	zoom: 1;
}

div#contents .ul-1 li .inner{
	clear: both;
	padding: 0px 0px 0px 20px;
	background: url(../images/business_ic02.gif) no-repeat 7px 0.2em;
	zoom: 1;
}

div#contents .ul-1 li .inner .illust-right{
	float: right;
	margin-left: 20px;
}

/* col2 */
div#contents .col2 .colleft02{
	float: left;
	width: 338px;
}

div#contents .col2 .colright02{
	float: left;
	width: 338px;
}

@media screen and (min-width: 768px){
div#contents .col2 .colright02{
	float: right;
	width: 338px;
}
}


div#contents .col2 .colleft03{
	float: left;
	width: 160px;
}

div#contents .col2 .colright03{
	float: right;
	width: 145px;
}

/* col3 */
div#contents .col3 {
	clear: both;
	margin: 15px 0px 0px;
}
div#contents .col3 .col{
	float: left;
	width: 218px;
	margin: 0px 20px 0px 0px;
}
div#contents .col3 .col-end{
	float: right;
	width: 218px;
	margin: 0px;
}
/* col4 */
div#contents .col4 {
	clear: both;
	margin: 10px 0px 0px;
}
div#contents .col4 .col{
	float: left;
	width: 161px;
	margin: 0px 17px 0px 0px;
}

div#contents .col4 .col-2{
	float: left;
	width: 182px;
	margin: 0;
}
div#contents .col4 .col-3{
	float: left;
	width: 156px;
	margin: 0px 17px 0px 0px;
}
div#contents .col4 .end{
	margin: 0;
}

/* column-4 */
div#contents .column-4{
	clear: both;
	margin: 30px 0px 0px;
	padding: 7px;
	border: 3px solid #dddddd;
	background: #eeeeee;
}

div#contents .column-4 dl dt{
	background: url(../images/business_bg15.gif) no-repeat left bottom;
	padding: 0px 0px 7px;
	zoom: 1;
}
div#contents .column-4 dl dt span{
	background: url(../images/business_bg14.gif) no-repeat left top;
	padding: 7px 0px 0px 15px;
	display: block;
	font-size: 140%;
	font-weight: bold;
	zoom: 1;
}
div#contents .column-4 dl dd{
	padding: 10px 0px 0px 10px;
}
div#contents .column-4 dl dd .inner{
	clear: both;
}
div#contents .column-4 dl dd .inner .text{
	margin: 0px 5px 0px 0px;
	float: left;
	width: 200px;
}
div#contents .column-4 dl dd .inner .photo01{
	margin: 0px;
	float: left;
	width: 225px;
}
div#contents .column-4 dl dd .inner .photo02{
	margin: 0px;
	float: right;
	width: 225px;
}
div#contents .column-4 dl dd .inner .photo01 img,
div#contents .column-4 dl dd .inner .photo02 img{
	margin: 0px 0px 5px;
}
/* column-4-2 */
div#contents .column-4-2{
	clear: both;
	margin: 30px 0px 0px;
	padding: 7px;
	border: 3px solid #dddddd;
	background: #eeeeee;
}

div#contents .column-4-2 dl dt{
	background: url(../images/business_bg15.gif) no-repeat left bottom;
	padding: 0px 0px 7px;
	zoom: 1;
}
div#contents .column-4-2 dl dt span{
	background: url(../images/business_bg14.gif) no-repeat left top;
	padding: 7px 0px 0px 15px;
	display: block;
	font-size: 140%;
	font-weight: bold;
	zoom: 1;
}
div#contents .column-4-2 dl dd{
	padding: 10px 0px 0px 0px;
}
div#contents .column-4-2 dl dd .inner{
	clear: both;
}
div#contents .column-4-2 dl dd .inner .text-list{
	margin: 0px 9px 0px 0px;
	float: left;
	width: 240px;
}
div#contents .column-4-2 dl dd .inner .illust01{
	margin: 0px 6px 0px 0px;
	float: left;
	width: 138px;
}
div#contents .column-4-2 dl dd .inner .illust02{
	margin: 0px;
	float: left;
	width: 138px;
}
div#contents .column-4-2 dl dd .inner .illust03{
	margin: 0px;
	float: right;
	width: 138px;
}


/*annual 
=========================================*/

.annual {
    margin: 10px 0 0 0;
}

.iconLink01 {
	border: 1px solid #d4d4d4;
	margin:10px 0 0 0;
	padding:10px 0 10px 6px;
}

.iconLink01 a {
    background: url(../images/business_ic04.gif) no-repeat 0 -0.03em;
    display: block;
    float: left;
    padding: 0 0 0 21px;
	font-size:115%;
	font-weight:bold;
	zoom: 1;
}

.iconLink01 span{
    padding: 0 0 0 5px;
	vertical-align:bottom;

}

img.linkType02 {
    padding: 2px 0 2px 5px;
	vertical-align:text-top;
}


/*anchor-link 
=========================================*/
#contents .anchor-link{
	clear: both;

}
#contents .anchor-link ul.top-anchor{
	margin: 15px 0px 0px 0px;
}

#contents .anchor-link ul.bottom-anchor{
	margin: 20px 0px 0px 0px;
	display:none;
}
#contents .anchor-link ul.top-anchor li,
#contents .anchor-link ul.bottom-anchor li{
	margin: 0px 7px 0px 0px;
	background: url(../images/com_hr03.gif) no-repeat right 0.2em;
	white-space: nowrap;
	padding: 0px 11px 5px 0px;
	float: left;
	zoom: 1;
}
#contents .anchor-link ul.top-anchor li.end,
#contents .anchor-link ul.bottom-anchor li.end{
	margin: 0px;
	background: url(none);
	white-space: nowrap;
	padding: 0px 0px 5px;
	float: left;
}

#contents .anchor-link ul.top-anchor li a{
	margin: 0px;
	background: url(../images/com_ic11.gif) no-repeat left 0.4em;
	white-space: nowrap;
	padding: 0px 0px 0px 11px;
	float: left;
	zoom: 1;
}
#contents .anchor-link ul.bottom-anchor li a{
	margin: 0px;
	background: url(../images/com_ic12.gif) no-repeat left 0.4em;
	white-space: nowrap;
	padding: 0px 0px 0px 11px;
	float: left;
	zoom: 1;
}

#contents .icon-02 {
    margin: 2px 0 3px 3px;
}


/*anchor-link 
=========================================*/
.colTwo {
    margin: 15px 0 15px 0;
}

.colTwo .colL {
    float: left;
    margin-right: 20px;
    width: 330px;
}

.colTwo .colR {
    float: left;
    margin: 0;
    width: 330px;
}

.ecBanner {
	text-align: right;
}

.ecBanner .textLeft{
    float: right;
    width: 200px;
	text-align: left;
	margin: 8px 0 0 0 !important;
}

.ecBanner .textRight{
    float: right;
}


.inqBt .colL{
	float: left;
}

.inqBt .colR{
	float: right;
}


.column-3 h2 img{
width:100%;
height:auto;
}

.column-3 h2 {
width:100%;
background-color:#ff0000;
}

/*99: clearfix
=========================================*/
.ecBanner:after,
.column:after,
div#contents .plugin-area-1 .inner:after,
#contents .anchor-link:after,
.linkContainer:after,
div#contents .column-1:after,
#contents .anchor-link:after,
#contents .tab-link-top:after,
#contents .tab-link-bottom:after,
div#contents .column-3:after,
div#contents .column-3 .col4:after,
div#contents .col3:after,
div#contents .col4:after,
div#contents .column-4 dl dd .inner:after,
div#contents .column-4-2 dl dd .inner:after,
#contents .dl-btn:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}

.ecBanner,
.column,
div#contents .plugin-area-1 .inner,
#contents .anchor-link,
.linkContainer,
div#contents .column-1,
#contents .anchor-link,
#contents .tab-link-top,
#contents .tab-link-bottom,
div#contents .column-3,
div#contents .column-3 .col4,
div#contents .col3,
div#contents .col4,
div#contents .column-4 dl dd .inner,
div#contents .column-4-2 dl dd .inner,
#contents .dl-btn{
	zoom: 1;
}