@charset "shift_jis";

/* service.css
====================================== */

/* layout
--------------------------------- */
html,body {
	height: 100%;
}
#service #pageContainer{
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
* html #footContainer {
	bottom: expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}


/* sideArea
--------------------------------- */
#service #sideArea .naviBox01{
	margin-bottom: 20px;
	background: #2b468f url(/parts/images/sn_bg001.gif) no-repeat;
}
#service #sideArea .naviBox01 div{
	padding: 12px 11px 0;
}
#service #sideArea .naviBox01 div.btm{
	padding-bottom: 10px;
	background: url(/parts/images/sn_bg002.gif) no-repeat 0 100%;
	zoom: 1;
}
#service #sideArea .naviBox01 .btn{
	padding: 0 0 7px;
}
#service #sideArea .naviBox01 .txt a{
	display: inline-block;
	padding: 0 1px 1px 16px;
	background: url(/parts/images/sn_ic001.gif) no-repeat 0 0.2em;
	color: #ffffff;
}
#service #sideArea .naviBox01 .txt a.outLink{
	background: url(/common/images/com_ic009_2.gif) no-repeat 0 0.2em;
}
	
#service #sideArea .naviBox01 .line{
	padding: 0 0 7px;
	border-bottom: 1px solid #5d7ca3;
}
#service #sideArea .wrap{
	margin-bottom: 20px;
}
#service #sideArea #sideNavi p.ttl{
	height: 31px;
	margin-top: 10px;
	padding: 0 11px;
	background-color: #2b468f;
	line-height: 31px;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
}
#amusement #sideArea #sideNavi p.ttl{
	margin-top: 10px;
	padding: 7px 11px;
	background-color: #2b468f;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
}
#amusement #sideArea #sideNavi .categoryNavi dt.noSlide a{
	padding-left: 15px;
	width: auto;
}
#service #sideArea #sideNavi p.ttl a{
	color: #ffffff;
}
#service #sideNavi .categoryNavi dt span{
	display: block;
	outline: medium none;
	padding: 10px 5px 10px 0;
	width: 169px;
}
#service #sideArea #sideNavi .categoryNavi dt a{
	padding-right: 10px;
	padding-left: 10px;
	width: 184px;
}
#service #sideArea #sideNavi .categoryNavi dt.cur,
#service #sideArea #sideNavi .categoryNavi dt.on{
	background-color: #cdf2f9;
}
#service #sideArea #sideNavi .categoryNavi .second-child li.on{
	background-color: #cdf2f9;
	background-image: url(/common/images/snav_ic003.gif);
	background-position: 1em 0.9em;
}
/* sideNavi */
#guide #sideArea #sideNavi p.ttl{
	height: 31px;
	margin-top: 10px;
	padding: 0 11px;
	background-color: #2b468f;
	line-height: 31px;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
}
#guide #sideArea #sideNavi p.ttl a:link{ color: #ffffff;}
#guide #sideArea #sideNavi p.ttl a:visited{ color: #ffffff;}
#guide #sideArea #sideNavi p.ttl a:hover{ color: #ffffff;}
#guide #sideArea #sideNavi p.ttl a:active{ color: #ffffff;}
#guide #sideArea #sideNavi .categoryNavi dt.cur{
	background-color: #cdf2f9;
}

#amusement #naviBoxCO{
	display:none;
}
#amusement #subUnit div{
	display:none;
}

/* contents
--------------------------------- */
.linkList01 li{
	display:inline;
	margin-right:20px;
}
.linkList01 li.lastChild{
	margin-right:0;
}
.anchorList01{
	margin-bottom:20px;
}
.anchorList01 li{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #cecece;
}
.anchorList01 li.firstChild{
	border-left: 1px solid #cecece;
}
.tabMenuTop li.type06 a.tabOutLink,
.tabMenuBtm li.type06 a.tabOutLink{
	position:relative;
}
.tabMenuTop li.type06 a.tabOutLink img,
.tabMenuBtm li.type06 a.tabOutLink img{
	position:absolute;
	top:12px;
	left:24px;
}
img.borderFrame{
	border:1px solid #c1c1c1;
}
.mr13{
	margin-right:13px;
}
.mr16{
	margin-right:16px;
}
#service .txtBlock{
	display: block;
}

/* !!!trial!!! type06-bgFixed */
.tabMenuTop li.type06-bgFixed{
	width: 238px;
	margin-left: 9px;
	background: url(/common/images/com_tab06_top.gif) no-repeat 0 0;
}
.tabMenuBtm li.type06-bgFixed{
	width: 238px;
	margin-left: 9px;
	background: url(/common/images/com_tab06_btm.gif) no-repeat 0 0;
}
.tabMenuTop li.type06-bgFixed a.outLink,
.tabMenuBtm li.type06-bgFixed a.outLink{
	background-position: 30px center;	
}

/* paymment
--------------------------------- */
#service .btlink02 {
	width: 744px;
	_width: 732px;
	overflow: hidden;
}
#service .btlink02 .col {
	width: 226px;
	float: left;
	margin: 0 20px 0 0;
	_margin: 0 16px 0 0;
	background: url(/service/payment/bal_remittance/images/index_bg001.gif) no-repeat 0 0;
	padding: 19px 0 0 0;
	border: 1px solid #cccccc;
}

* html #service .btlink02 .col .inner {
	height:100px;
}

#service .btlink02 .col .inner {
	background: url(/service/payment/bal_remittance/images/index_bg002.gif) no-repeat 0 100%;
}
#service .btlink02 .col .inner .title {
	padding: 0 0 0 14px;
}
#service .btlink02 .col .inner .txt {
	padding: 17px 15px 5px 28px;
}
#service .btlink02 .col.on {
	border: 1px solid #3d57a2;
	cursor: pointer;
}
#service .col2 .leftBox {
	float: left;
	width: 350px;	
}
#service .col2 .rightBox {
	float: right;
	width: 350px;	
}
#service .col2 .leftBox02 {
	float: left;
	width: 175px;
	margin-right: 32px;
}
#service .col2 .rightBox02 {
	float: left;
	width: 525px;	
}
#service .col2 .leftBox03 {
	float: left;
	width: 250px;
	margin-right: 32px;
}
#service .col2 .rightBox03 {
	float: left;
	width: 450px;	
}
#service .col2 .leftBox04 {
	float: left;
	width: 520px;	
}
#service .col2 .rightBox04 {
	float: right;
	width: 100px;	
}
#service .col2 .leftBox05 {
	float: left;
	width: 300px;	
}
#service .col2 .rightBox05 {
	float: right;
	width: 400px;	
}
#service .col2 .leftBox06 {
	float: left;
	width: 365px;	
}
#service .col2 .rightBox06 {
	float: right;
	width: 335px;	
}
#service .col2 .leftBox07 {
	float: left;
	width: 300px;	
}
#service .col2 .rightBox07 {
	float: right;
	width: 300px;	
}
#service .indent01 {
	display: block;
	text-indent: -1.1em;
	padding-left: 1.1em;
}
#service .indent02 {
	display: block;
	text-indent: -1.6em;
	padding-left: 1.6em;
}
#service .w400 {
	width: 400px;
}
#service .frameA {
	margin: 0 auto;
	text-align: center;
}
#service dl.attention02 .col2 .leftBox{
	width: 600px !important;
}
#service dl.attention02 .col2 .rightBox{
	width: 92px !important;
}
#service .borderLine{
	border-top: 1px dotted #C1C1C1;
}
#service .textBox{
	float: right;
	width: 270px;
	margin-right: 5px;
	padding: 15px;
	border: 1px solid #c1c1c1;
}
#service .textBox dl dt {
	font-weight: bold;
}
#service .textBox dl dd {
	padding-top: 3px;
}
#service .tblType02_2 th.bgType02{
	background-color: #BDE3F4 !important;
}
.ml15 {
	margin-left: 15px;
}

/* service/index.html
--------------------------------- */
#information .serviceTop .col{
	width: 235px;
	float: left;
	margin-right: 13px;
	margin-bottom: 15px;
}
#information .serviceTop .title{
	background: url(/service/images/index_bg001.gif) no-repeat 0 0;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 11px;
	height: 25px;
}
#information .serviceTop .title a{
	color: #FFFFFF;
}
/* listStyle */
#information .serviceTop .serviceLis{
	background: #fff url(/service/images/index_bg002.jpg) repeat-x 0 bottom;
	height: 185px;
	padding-top: 10px;
	padding-left: 10px;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}
#information .serviceTop .serviceLis2{
	background: #fff url(/service/images/index_bg003.jpg) repeat-x 0 bottom;
	height: 46px;
	padding-top: 10px;
	padding-left: 10px;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}
#information .serviceTop .serviceLis3{
	background: #fff url(/service/images/index_bg003.jpg) repeat-x 0 bottom;
	height: 70px;
	padding-top: 10px;
	padding-left: 10px;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}
#information .serviceTop .serviceLis li,
#information .serviceTop .serviceLis2 li,
#information .serviceTop .serviceLis3 li{
	padding-top: 2px;
	padding-left: 15px;
	background: url(/common/images/com_ic017_4.gif) no-repeat 0 0.3em;
	zoom: 1;
}
#information .serviceTop .col .inner .serviceLis .noList{
	background-image: none;
	padding-left: 15px;
	text-indent: -15px;
}
#information .serviceTop .last{
	margin-right: 0;
}

/* /bal_remittance/cfm_receiver/possible.html
--------------------------------- */
#service .possibleList .tblType03_2 td{
	vertical-align: middle;
}

/* /service/payment/j_furi/index.html
--------------------------------- */
#service .j_furiIl{
	margin:0 auto;
}

/* clearFix
--------------------------------- */
#service .col2,
#service .btlink02,
#service .documents .flow01,
#service .documents .flow02,
#service .documents .flow02 .rightCol,
#service .documents .flow02 .rightCol .flowCol,
#service .online .w489,
#amusement .sdMall .acList,
#amusement .sdMall .acList .innerList,
#service #contents .j_furiIl{
	/zoom:1;
}

#service .col2:after,
#service .btlink02:after,
#service .documents .flow01:after,
#service .documents .flow02:after,
#service .documents .flow02 .rightCol:after,
#service .documents .flow02 .rightCol .flowCol:after,
#service .online .w489:after,
#amusement .sdMall .acList:after,
#amusement .sdMall .acList .innerList:after,
#service #contents .j_furiIl:after{
	content:'';
	display:block;
	clear:both;
}


/* smt tablet
------------------------------------ */
@media screen and (max-width:1023px){
	#save .bnrBox01{
		display: block;
		text-align: center;
		margin-top: 15px !important;
	}
	
	#save.thirdNavi03 .bnrBox01{
		display:none;
	}

/* smt
------------------------------------ */
@media screen and (max-width:767px){
	/* /service/payment/jdebit/index.html for
				for conversion tool
	--------------------------------- */
	#service .box01 .fR .jdebitR{
		float: right !important;
	}

	/* /service/payment/auto_transfer/use.html
				for conversion tool
	--------------------------------- */
	#service #contents .col02 .indentUse{
		width: auto;
		margin-left: 2.1em;
	}
	
	/* /service/payment/j_furi/index.html
				for conversion tool
	--------------------------------- */
	#service #contents .j_furiIl{
		width: auto;
	}
	#service #contents .j_furiIl .fL{
		float: left !important;
		width: 50%;
	}
	#service #contents .j_furiIl .fR{
		float: right !important;
		width: 50%;
	}
}