@charset "shift_jis";

/* help.css
====================================== */

/* layout
--------------------------------- */
html,body {
	height: 100%;
}
#help #pageContainer{
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
#help #mainContainer{
	padding-bottom: 8.2em;
}
/* sideArea
--------------------------------- */
#help #sideArea{
	padding: 20px 0;
	background: none;
}
#help #sideArea #sideNavi .wrap {
    margin-bottom: 27px;
}
#help #sideArea #sideNavi .categoryNavi{
	border-right: none;
	border-left: none;
}
#help #sideArea .naviBox01 .notes{
	margin-top: 3px;
	padding-bottom: 6px;
	background: url(/help/images/sn_bg002.gif) no-repeat 0 100%;
}
#help #sideArea .naviBox01 .notes dt{
	font-size: 0;
	line-height: 0;
}
#help #sideArea .naviBox01 .notes dd{
	padding: 0 10px;
	border-left: 1px solid #112d8d;
	border-right: 1px solid #112d8d;
	text-align: left;
}
#help #sideArea .naviBox01 .notes .icon{
	display: block;
	padding: 2px 0;
	text-align: center;
	color: #112d8d;
}
#help #sideArea .naviBox01 p{
    margin-bottom: 27px;
}
#help #sideArea #sideNavi .categoryNavi dt.cur{
	background-color: #e4efff;
}
#help #sideArea #sideNavi .categoryNavi .second-child li{
	background-image: url(/common/images/snav_ic003.gif);
}
#help #sideArea #sideNavi .categoryNavi .second-child li.on{
	background-color: #e4efff;
}
#help #sideArea #sideNavi .categoryNavi dt a.faqLink{
	background: url(/common/images/com_ic006.gif) no-repeat 10px 0.9em;
}
#help #sideArea #sideNavi .csPolicy{
	display: none;
}
#help .index #sideArea #sideNavi .csPolicy,
#help .policy #sideArea #sideNavi .csPolicy{
	display: block;
}

/* sideNavi */
.sideNavi dl {
	background-color: #e2e2e2;
	border-bottom: solid 1px #fff;
	margin-bottom: 15px;
}
.sideNavi .ttl {
	background-color: #1a3694;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	text-indent: 1.0em;
}
.sideNavi .ttl a{
	color: #fff;
}
.sideNavi dt {
	background-color: #3954b2;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	text-indent: 1.0em;
}
.sideNavi dt a {
	display: block;
}
.sideNavi dd {
	background-color: #fff;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 1px;
	text-indent: 1.0em;
}
.sideNavi dd a {
	border-left: solid 1px #e2e2e2;
	border-right: solid 1px #e2e2e2;
	display: block;
	color: #0265cb;
}
.sideNavi .multi {
	background-color: #fff;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 1px;
	padding: 0;
	text-indent: 0;
}
.sideNavi .multi a {
	color: #0265cb;
	padding: 12px 1.0em 11px;
}
.sideNavi .cur{
	background-color: #e5ecf4;
}

/* common elements
------------------------------------ */
/* title */
#help #contents .heading01{
    padding: 0;
}
#help #contents h1.heading01 .logo{
	display: block;
	min-height: 24px;
	_height: 24px;
	padding: 12px 180px 7px 20px;
	background: url(/help/images/com_logo001.gif) no-repeat 557px 45%;
}

/* main */
#help #contents .main{
	margin-bottom: 30px;
}
#help #contents .main p span{
	border-bottom: 1px dashed #d8e1ff;
	padding-bottom: 2px;
	line-height: 1.7;
}
#help #contents .main .ttl{
	color: #112d8d;
	font-weight: bold;
}
#help #contents .main a{
	padding-bottom: 2px;
	/padding-bottom: 0;
	/line-height: 1.6;
}
#help #contents .main a.faqLink{
	/background: url(/common/images/com_ic006.gif) 0 0.3em no-repeat;
	/padding: 0 0 0 16px;
	/line-height: 1.5;
}

/* top5 */
#help #contents .top5{
	margin-bottom: 30px;
}
#help #contents .top5 dt{
	margin-bottom: 5px;
}
#help #contents .top5 dd{
	float: left;
	padding-left: 1px;
	font-size: 0;
	line-height: 0;
}
#help #contents .top5 dd.first{
	padding-left:0;
}

/* index.html
------------------------------------ */
#help #contents.helptop .topInfo{
	width: 350px;
	_height:80px;
}
#help #contents.helptop .topInfo .ic01{
	float: left;
	padding: 7px 0 0 2px;
}
#help #contents.helptop .topInfo .tx01{
	padding-left: 12px;
}
*:first-child+html #help #contents.helptop .topInfo p.faqTxt {
	border-bottom: 1px dashed #d8e1ff;
	padding-bottom: 2px;
	line-height: 1.7;
}

/* menu */
#help #contents.helptop .menu{
	margin-bottom: 40px;
}
#help #contents.helptop .menu .col3_1{
	float: left;
	width: 229px;
	margin-right: 12px;
}
#help #contents.helptop .menu .col3_2{
	float: left;
	width: 239px;
	margin-right: 12px;
}
#help #contents.helptop .menu .col3_3{
	float: left;
	width: 239px;
}
#help #contents.helptop .menu dt{
	padding: 11px 12px 8px;
}
#help #contents.helptop .menu dd{
	padding: 0 46px 2px 12px;
}
#help #contents.helptop .menu dd.last{
	padding-bottom: 20px;
	background: url(/help/images/index_bg006.gif) no-repeat 0 100%;
}
#help #contents.helptop .menu .col3_3 dd.last{
	padding-bottom: 9px;
}
#help #contents.helptop .menu .wrap01 dd.last{
	padding-bottom: 20px;
	background: url(/help/images/index_bg005.gif) no-repeat 0 100%;
}
#help #contents.helptop .menu .wrap01{
	margin-top: 10px;
	background: url(/help/images/index_bg001.jpg) no-repeat 0 0;
}
#help #contents.helptop .menu .wrap02{
	margin-top: 10px;
	background: url(/help/images/index_bg002.jpg) no-repeat 0 0;
}
#help #contents.helptop .menu .wrap03{
	background: url(/help/images/index_bg003.jpg) no-repeat 0 0;
}
#help #contents.helptop .menu .wrap04{
	margin-top: 10px;
	background: url(/help/images/index_bg004.jpg) no-repeat 0 0;
}

/* login/index.html
------------------------------------ */
#help #contents h4.headingHelp{
	margin-bottom: 10px;
	color: #112d8d;
	font-weight: bold;
	font-size: 110%;
}

#help #contents ol.helpStep dl dt{
	margin-bottom: 10px;
	font-weight: bold;
}

#help #contents ol.helpStep dl dt span{
	color: #112d8d;
	font-size: 120%;
}
#help #contents ol.helpStep dl dd.img{
	float: right;
	margin-left: 60px;
}

/* /trouble/mail/index.html
------------------------------------ */
#help #contents .listStyle01 .imgTxt{
	margin:0 3px 0 1px;
}

/* story/address_X.html
------------------------------------ */
#help #contents ul.pageNav01{ /* component.css extends */
	margin:0;
	padding:0;
	background: #ffffff;
}

/* /token/software/index.html
------------------------------------ */
#help #contents h1.heading01 .nologo{
	display: block;
	min-height: 24px;
	_height: 24px;
	padding: 12px 20px 7px 20px;
}

/* clearFix
--------------------------------- */
#help #contents .top5,
#help #contents .top5 dl,
#help #contents.helptop .menu,
#help #contents ol.helpStep,
#help #contents.helptop .topInfo,
#mainContainer #contents .boxCol02a{
	/zoom:1;
}
#help #contents .top5:after,
#help #contents .top5 dl:after,
#help #contents.helptop .menu:after,
#help #contents ol.helpStep:after,
#help #contents.helptop .topInfo:after,
#mainContainer #contents .boxCol02a:after{
	content:'';
	display:block;
	clear:both;
}

/* smt */
@media screen and (max-width:767px){
	/*common*/
	a.anchorLink04{
		padding: 0 1px 1px 16px;
		background: url(/common/images/com_ic036.gif) 0 0.1em no-repeat;
	}
	#contents .listStyle06 li{
		padding-left: 10px;
		background: url(/common/images/com_ic007.gif) no-repeat 0 0.4em;
		zoom: 1;
	}
	#help #contents h1.heading01 .logo{
		background:none;
		padding-right:7px;
	}
	/*sideNavi*/
	#sideAreaCL dl{
		border:none;
		margin-bottom:0;
	}
	.sideNavi dd a {
		border:none;
	}
	.sideNavi .multi a{
		padding-left:0;
	}
	.sideNavi dd a.ic_popupLink{
		background:none;
		padding:0;
	}
	.bnrBox01{
		display: block;
		text-align: center;
		margin-top:15px;
	}

	/*trouble/mail/XXX.html
	--------------------------------- */
	#mainContainer #contents .boxMenu.mailBoxMenu li{
		padding-right:4px;
	}
}