/* --------------------
body and container
-------------------- */

body {
	font-family: "MS UI Gothic", "\004D\0053\0020\0055\0049\0020\0047\006F\0074\0068\0069\0063", "MS PGothic", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;
	text-align: center;
	background:  url("../img/bg.gif") repeat-y center;
	font-size: small;
	}

#container {
	display:block;
	width:771px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

/* --------------------
head
-------------------- */
#head {
	width: 772px;
	float:left;
	}

#logo a {
	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 114px;
	height: 54px;
	background:  url("../img/logo.gif") 0 0 no-repeat;
	}

#banner {
	float: right;
	margin: 4px 20px 0 0;
	width: 336px;
	height: 20px;
	}

/* --------------------
footpath
-------------------- */
#footpath {
	clear: both;
	padding: 10px;
	}

#footpath .on { 
	color:#333; text-decoration:none; 
}

#visual {
	width: 772px;
	height: 104px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#wrap {
	width: 770px;
	margin: 1px;
	background:  url("../img/wrapbg.gif") repeat-y;
	}

/* --------------------
body
-------------------- */
#body {
	float: right;
	width: 609px;
	overflow: hidden;
	}

#contents {
	padding: 0 17px 40px 19px;
}

#title {
    margin-bottom:20px;
	border-top: 2px solid #949494;
}



/* --------------------
Main Foot
-------------------- */
#main_foot{
	width:604px;
	margin-bottom:4px;
}

#body.nomenu #main_foot{
	width:775px;
	margin-bottom:4px;
}

a#btn_back{
	float:right;
	display:block;
	width:48px;
	height:21px;
	margin:0px 5px;
	background: url("../img/btn_back.gif");
}

a#btn_back:hover{
	background: url("../img/btn_back_over.gif");
}

a#btn_pagetop{
	float:right;
	display:block;
	width:155px;
	height:21px;
	margin:0px 5px;
	background: url("../img/btn_pagetop.gif");
}

a#btn_pagetop:hover{
	background: url("../img/btn_pagetop_over.gif");
}

a#btn_sectop {
	float:right;
	display:block;
	width:207px;
	height:21px;
	margin:0px 5px;
	background: url("../img/btn_sectop.gif");
	background-position: 0px 0px;
}

a#btn_sectop:hover {
	background-position: 0px -21px;
}


/* --------------------
table
-------------------- */




.table-help {
	margin-top: 10px;
	border-style:solid;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-collapse: collapse;
	width: 400px;
}

.table-help th {
	padding: 0.7em;
	background-color: #F2F9FD;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-collapse: collapse;
	font-weight:normal;
}

.table-help td {
	padding: 0.7em;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-collapse: collapse;
	}
	


.table-help .table-lo {
	padding: 0px;
	border-style: none;
}

.table-help .table-lo td{
	padding: 0px;
	border-style: none;
	border-spacing: 0px;
}
	




/* --------------------
menu
-------------------- */
#menu{
width:161px;
overflow:hidden;
float:left;
}

/* ----- top menu ----- */

#menu #topmenu a {
	display: block;
	width: 160px;
	height: 50px;
	}

/* ----- special menu ----- */

#menu #specialmenu {
	padding-bottom: 4px;
	}

#menu #specialmenu a {
	display: block;
	width: 152px;
	margin: 6px auto 0 4px;
	}


#menu #specialmenu li {
	margin-bottom: 1px;
	}

/* ----- user menu ----- */

#menu #usermenu{
	padding-left:4px;
	padding-bottom:10px;
	width: 152px;
}

#menu #usermenu a {
	display: block;
	width: 152px;
	}


/* ----- main menu ----- */

#menu #mainmenu {
	border-bottom: 2px solid #000;
	}

#menu #mainmenu li {
	display: inline;
	}

#menu #mainmenu a {
	display: block;
	color: #333;
	text-decoration: none;
	}

#menu #mainmenu a:hover {
	color: #000;
	text-decoration: none;
	}

#menu #mainmenu a.menu1,
#menu #mainmenu a.menu1sel {
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #mainmenu a.menu2,
#menu #mainmenu a.menu2sel {
	width: 125px;
	padding: 6px 5px 6px 30px;
	}

/* ----- sub menu ----- */

#menu #submenu {
	margin-top: 8px;
	border-bottom: 1px solid #999;
	}

#menu #submenu li {
	display: inline;
	}

#menu #submenu a {
	display: block;
	width: 160px;
	border-top: 1px solid #999;
	background-position: 0 0;
	text-decoration: none;
	}

#menu #submenu a.subsectop {
	color: #333;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #submenu a.subsectop  a:hover {
	color: #000;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #submenu a.subsitemap,
#menu #submenu a.subsitemapsel {
	color: #333;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #submenu a:hover {
	color: #000;
	background-position: 0 -25px;
	text-decoration: none;
	}

#menu #submenu a.subsitemap a:hover,
#menu #submenu a.subsitemapsel a:hover {
	color: #000;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

/* ----- related services, contents ----- */

#menu #relatedservices {
	margin: 8px auto 0 6px;
	width: 146px;
	border: 1px solid #aaa;
	}

#menu #relatedcontents {
	margin: 8px auto 8px 6px;
	width: 146px;
	border: 1px solid #aaa;
	}

#menu #relatedservices dt,
#menu #relatedcontents dt {
	width: 146px;
	height: 25px;
	}

#menu #relatedservices dd,
#menu #relatedcontents dd {
	display: inline;
	}

#menu #relatedservices dd a,
#menu #relatedcontents dd a {
	display: block;
	padding: 4px 5px;
	color: #333;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	}

#menu #relatedservices dd a:hover,
#menu #relatedcontents dd a:hover {
	color: #02A2D8;
	text-decoration: none;
	background: #eee;
	}


/* --------------------
foot
-------------------- */
#foot {
	width: 770px;
	margin: 0 1px 20px 1px;
	border-top: 1px solid #5a5a5a;
	}

#foot #footL {
	width: 300px;
	float: left;
	padding: 11px 0 0 15px;
	}

#foot #footR {
	width: 203px;
	float: right;
	padding: 11px 15px 0 0;
	}

#foot #footL li {
	display: inline;
	}

#foot a.footNiftytop {
	display: block;
	width: 89px;
	height: 17px;
	float: left;
	background:  url("../img/footniftop.gif") 0 0;
	}

#foot a.footSignup {
	display: block;
	width: 89px;
	height: 17px;
	float: left;
	margin: 0 0 0 15px;
	/*background:  url("../img/footsignup.gif") 0 0;*/
	}

#foot .footPolicy {
	padding-left: 65px;
	}

#foot a.footCopyright {
	display: block;
	width: 186px;
	height: 10px;
	margin: 1px 0 0 0;
	background:  url("../img/footcopy.gif") 0 0;
	}
	

/* --------------------
最終更新日
-------------------- */

.date {
	text-align:right;
	font-size:90%;
	margin-top:10px;
	margin-bottom:10px;
}

.m_l10 {
	margin-left:25px !important;
}

	
.m_b20 {
	margin-bottom:20px !important;
}

.m_b25 {
	margin-bottom:25px !important;
}


/* --------------------
税表記
-------------------- */
.zei_01 {
    color: #666666;
    font-size: 90%;
    margin-right: 9px;
    text-align: right;
}

.zei_02 {
    color: #666666;
    font-size: 90%;
    margin-right: 9px;
	margin-bottom:10px;
    text-align: right;
}

.caiton_zei {
    font-size: 90%;
    padding-left: 1em;
    text-indent: -1em;
}
.clr {
    clear: both;
}

div.caiton_zei b, div.caiton_zei p {
    color: #666666 !important;
}

/* --------------------
告知枠
-------------------- */
.box_info {
	width: 550px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: left;
	font-style: normal;
	font-variant: normal;
	border: 3px solid #FF0004;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #FF0004;
}

.font_red {
	color: #FF0004;
}


/* --------------------
サービス終了対応用
-------------------- */
#wrapper #body{
	width: 770px;
}

#wrapper div#notice h2{
		background:transparent url(/common/img/info_ti_bg_02.gif) no-repeat scroll 0 0;
		color:#FFFFFF;
		font-weight:bold;
		height:14px;
		padding:8px;
}

#wrapper .box {
		background: rgba(0, 0, 0, 0) url("/common/img/bg_section_02.gif") no-repeat scroll center bottom;
		margin: 15px 0 25px;
		padding-bottom: 5px;
		width: 734px;
}

#wrapper div.box div.section {
		width: 698px;
}

/* --------------------
カスタマーTEL
-------------------- */
.tel {
		font-size:150%;
		font-color:#0086bc;
}