@charset "UTF-8";
/*****************************************************
business.css
Last Modified: 2010-11-17
******************************************************/
body {
	background: url(../../images/index_bg02.gif) repeat left top;
}
/*header
=========================================*/
#header {
	width: 964px;
	height: 115px;
	background: url(../../images/index_bg03.gif) no-repeat left top;
}

#header #logo {
	position: absolute;
	top: 35px;
	left: 46px;
	width: 274px;
	margin: 0;
	padding: 0;
}

#header-nav-1 {
	position: absolute;
	top: 42px;
	left: 230px;
	width: 135px;
}


#header-nav-2 {
	position: absolute;
	top: 10px;
	left: 532px;
	width: 482px;
}

#header-inner p.arrow{
	float: left;
	width: 24px;
	position: absolute;
	left: 912px;
	top: 6px;
}

#contents {
	padding: 0px 20px 0px 22px;
	background: url(../../images/index_bg06.gif) repeat-y left top;
	zoom: 1;
}


/*global-nav*/
#business #global-nav ul li#gnav01 {
	width: 242px;
}

#business #global-nav ul li#gnav02 {
	width: 240px;
}

#business #global-nav ul li#gnav03,
#business #global-nav ul li#gnav04 {
	width: 239px;
}



/*footer-utility-01*/
#footer-utility-01 {
	clear: both;
	background: url(../../images/index_bg06.gif) repeat-y left top;
	zoom: 1;
}


#footer #footer-utility-02{
	clear: both;
	width: 960px;
	padding: 44px 2px 0px;
	background: url(../../images/index_bg05.gif) no-repeat left top;
	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 .heading-1 .head-txt{
	display: block;
	padding: 12px 0px 10px 60px;
	background: url(../images/consumer_bg01.gif) repeat-y left top;
	zoom: 1;
}


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

#contents .heading-2 .head-txt{
	display: block;
	padding: 11px 0px 10px 25px;
	background: url(../images/form002.gif) no-repeat left top;
	zoom: 1;
}

.colTwo .colL p {
	padding:0 5px 0 0;
}

#contents .sec dt{
	padding:0 10px 0 0;
	margin:3px 0 0;
	width:100px;
}

#contents .sec dd{
	margin:-45px 0 0 115px;
	_margin:-45px 0 0 100px;
}



#contents .otoiawase{
	border: 2px solid #eeeeee;
	padding:12px 10px;
	background:#f6f6f6;
}

#contents .otoiawase dt{
	margin:3px 0 0;
	width:10em;
	font-weight:bold;
	
}

#contents .otoiawase dd{
	margin:-1.7em 0 0 10.5em;
}

.noticebg{
	margin-top:20px;
	padding:15px;
	background-color:#fff6d0;
}

div#notice {
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	height:190px;
	overflow:auto;
	padding:15px;
}

.numberList01 {
	margin:15px 0 0 15px;
}
.numberList01 li {
	list-style-position:inside;
	list-style-type:decimal;
	padding:1em 0 0 1.35em;
	text-indent:-1.35em;
}


.numberList01 li .numberList01 li {
	padding:0 0 0 1.35em;
}

#contents .head-sub-txt{
	font-weight: normal;
	font-size: 80%;
}

/* text*/
#contents .lead-txt{
	color: #dd0000;
	font-weight: bold;
	font-size: 120%;
}

/* anchor-1*/
#contents .anchor-1{
	margin: 0px;
	padding: 3px 0px 5px;
	background: #dddddd url(../images/consumer_bg03.gif) no-repeat left bottom;
	text-align: center;
	zoom: 1;
}

#contents .anchor-1 a{
	padding: 0px 0px 0px 10px;
	background: url(../images/com_ic05.gif) no-repeat left 0.5em;
	zoom: 1;
}

/* anchor-2*/
#contents .anchor-2{
	padding: 0px 0px 4px;
	background: url(../images/consumer_bg05.gif) no-repeat left bottom;
	zoom: 1;
}

#contents .anchor-2 a{
	display: block;
	padding: 10px 10px 10px 40px;
	background: url(../images/consumer_bg04.gif) no-repeat left top;
	font-weight: bold;
	zoom: 1;
}



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



#contents table th{
	padding: 6px;
	background: #fff0ab url(none);
	text-align: center;
}


#contents table th.sub-1{
	padding: 6px;
	background: #f3f3f3;
	text-align: left;
	vertical-align:top;
}


#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 .cel-border{
	border-bottom: 2px solid #CCCCCC;
}

#contents table.bgnone{
	margin-top: 0;
	background:none;
	border-collapse: separate;
	border-spacing: 1px;
}

div#contents .error {
	color:#e20c0c;
}

.cap{
	color:#666666;
}


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


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




div#contents .column-1 table th{
	padding: 5px 12px 5px 25px;
	border-top: 1px solid #f3c500;
	background: #FFFFFF url(../images/consumer_ic01.gif) no-repeat left top;
	text-align: left;
}


div#contents .column-1 table td{
	padding: 5px 12px 5px 25px;
	border-top: 1px solid #f3c500;
	border-top: 1px solid #f3c500;
	border-right: 1px solid #f3c500;
	background: #FFFFFF url(../images/consumer_ic01.gif) no-repeat left top;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
}

div#contents .column-1 table td.blank-cel{
	padding: 5px 12px 5px 25px;
	border-top: 1px solid #f3c500;
	border-top: 1px solid #f3c500;
	border-right: 1px solid #f3c500;
	background: #FFFFFF url(none);
	text-align: left;
}


/* column-2 */
.colTwo {
	margin:15px 0 0 0;
}

.colTwo .colL {
	background: url(../images/form004.gif) repeat-y right top;
	float:left;
	margin-right:10px;
	width:360px;
	zoom: 1;
}

.colTwo .backBg {
	background-image:none;
	background-color:#FFF6D0;
	padding:0 0 5px 0;
}

.colTwo .backBg p{
	padding:0 5px;
}

.colTwo .colR {
	float:left;
	margin-right:0;
	width:320px;
}



/* movie-area */
div#contents .movie-area {
	clear: both;
	margin-top: 20px;
	padding: 12px;
	border: 3px solid #eeeeee;
	background: #f6f6f6;
	text-align: center;
}

/* howto-area */
div#contents .howto-area {
	clear: both;
	margin: 20px 0px 0px 10px;
	background: url(../images/consumer_ic03.gif) repeat-x left top;
	zoom: 1;
}

div#contents .howto-area .col{
	float: left;
	width: 145px;
	margin: 0px 31px 0px 0px;
}

div#contents .howto-area .end{
	margin: 0;
}

div#contents .col-box3{
	width: 498px;
}

div#contents .half{
	width: 322px;
}

div#contents .single{
	width: 145px;
}

/* 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/consumer_ic02.gif) no-repeat 7px 0.2em;
	zoom: 1;
}

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


/* local-nav-1 */
div#contents .local-nav-1 {
	clear: both;
	margin: 15px 0px 0px 30px;
	padding: 0px 0px 1px;
	background: url(../images/com_hr01.gif) repeat-x left bottom;
	zoom: 1;
}


div#contents .local-nav-1 dl{
	clear: both;
	padding: 1px 0px 0px;
	background: url(../images/com_hr01.gif) repeat-x left top;
	zoom: 1;
}


div#contents .local-nav-1 dl dt {
	float: left;
	width: 194px;
	padding: 5px 0px 0px 10px;
	background: url(../images/com_ic08.gif) no-repeat left 0.7em;
	zoom: 1;
}


div#contents .local-nav-1 dl dd{
	float: left;
	width: 455px;
	margin: 0px;
	padding: 5px 0px 2px;
}



div#contents .local-nav-1 dl dd ul li{
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/com_ic02.gif) no-repeat 5px 0.5em;
	white-space: nowrap;
	zoom: 1;
}


/* side-navi */


#sub #side-navi li {
	vertical-align: baseline;
	text-align:center;
	margin: 0;
	padding: 0px 0px 3px 0px;
	background:none;
	zoom: 1;
}


/* error
=========================================*/
div.errortxt{
	margin:20px 0 0 0;
	background:#ffe5e5;
	padding:10px;
}

div#contents p.error {
	margin-top:3px;
}

div#contents div.noticebg p.error {
	margin-top:10px;
}

#contents table td.errorbg{
	background:#ffe5e5;
}

/* finish
=========================================*/
div.finishtxt{
	text-align:center;
	margin:15px 0 20px 0;
}

div.finishtxt p.red{
	color:#e20c0c;
	font-size:125%;
	font-weight:bold;
}

div#contents .local-nav-3{
	margin:15px 0 0 2px;
}

div#contents .local-nav-3 ul li{
	float: left;
	width: 16.7em;
	margin: 0px 6px 0px 0px;
	padding: 4px 0 3px 9px;
	border: 1px solid #CCCCCC;
	background: url(../images/com_bg02.gif) repeat left top;
	zoom: 1;
}

div#contents .local-nav-32{
	margin:15px 0 0 220px;
}

div#contents .local-nav-32 ul li{
	float: left;
	width: 20em;
	margin: 0px 8px 0px 0px;
	padding: 4px 0 3px 3px;
	border: 1px solid #CCCCCC;
	background: url(../images/com_bg02.gif) repeat left top;
	zoom: 1;
}

div#contents .local-nav-32 ul li a{
	float: left;
	padding: 0px 0px 0px 10px;
	background: url(../images/com_ic02.gif) no-repeat left 0.4em;
	zoom: 1;
}


/*99: clearfix
=========================================*/
.colTwo:after,
.colTwo dd:after,
div#contents .column-1:after,
div#contents .howto-area:after,
div#contents .ul-1 li .inner:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}





.colTwo,
.colTwo dd,
div#contents .column-1,
div#contents .howto-area,
div#contents .ul-1 li .inner{
	zoom: 1;
}

#sub #contact {
    width: 197px;
}

#sub #contact .contact-tel {
	background:none;
}


.noticebg h2{
    margin:0 0 15px 0 !important;
    padding: 0;
	font-weight:bold;
}

.noticebg h3 {
    margin:15px 0 0 0 !important;
    padding: 0;
	font-weight:bold;
}

@media print {
	div#notice {
		height: auto;
		overflow: visible;
	}
}

#contents .section ul li {
    background: url("../images/com_ic10.gif") no-repeat scroll 0.2em center transparent;
    display: inline;
    padding: 0 0 0 15px;
}




/*99: clearfix
=========================================*/

div#contents .column-1:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}




 
div#contents .column-1{
	zoom: 1;
}