@charset "utf-8";

body {

}

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}


/* ---タブメニュー--- */
#menu-bar {
	width: 697px;
	margin-left: 253px;
}

#tab-line-00 {
	background-color: #bd0000;
	height: 2px;
}

#tab-line-01 {
	background-color: #87b6f5;
	height: 2px;
}

#tab-line-02 {
	background-color: #ff5891;
	height: 2px;
}

#tab-line-03 {
	background-color: #eb8000;
	height: 2px;
}

#tab-line-04 {
	background-color: #fa726a;
	height: 2px;
}

#tab-line-b {
	background-color: #123b77;
	height: 2px;
}

/* =================ヘッダー================= */
#head {
	width: 950px;
	height: 70px;
}

#h-logo {
	background-image: url(../../images/logo_sb.gif);
	background-repeat: no-repeat;
	width: 198px;
	height: 70px;
	float: left;
	margin-right: 10px;
}

#h-logo a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#h-txt {
	float: left;
	width: auto;
	margin-top: 40px;
}

#h-txt h2 {
	font-size: 12px;
	font-weight: normal;
}

#h-right {
	float: right;
	width: 180px;
	margin-top: 6px;
}

#btn-b2b {
	background-image: url(../../images/c_top/btn_b2b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	width: 180px;
	height: 26px;
}

#btn-b2b a:hover {
	background-image: url(../../images/c_top/btn_b2b.gif);
	background-repeat: no-repeat;
	background-position: -180px 0px;
	text-indent: -9999px;
	width: 180px;
	height: 26px;
}

#btn-b2b a {
	text-decoration: none;
	display: block;
	height: 100%;
}



/* ---登録--- */
#bm-w {
	background-image: url(../../images/btob/reg_back.gif);
	background-repeat: repeat-x;
	text-align: center;
	width: 196px;
}

#bm-btn {
	width: 196px;
	height: 48px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-image: url(../../images/btob/reg_btn.gif);
	background-position: 0px 0px;
}

#bm-btn a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#bm-btn a:hover {
	width: 196px;
	height: 48px;
	background-image: url(../../images/btob/reg_btn_on.gif);
	background-position: 0px 0px;
}

#log-w {
	width: 178px;
	background-color: #f4f1e7;
	margin-left: 9px;
	background-image: url(../../images/btob/login_back.gif);
	background-repeat: repeat-y;
	margin-right: 9px;
}

#log-table {
	text-align: left;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.log-tf {
	width: 100px;
}

#log-b-txt {
	margin: 6px 3px 0px 9px;
	text-align: left;
	font-size: 12px;
	background-image: url(../../images/btob/log_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 5px;
	width: auto;
	line-height: 13px;
}

#log-b-txt a:link {
	color: #FFFFFF;
}

#log-b-txt a:visited {
	color: #FFFFFF;
}

#log-b-txt a:hover {
	color:#3C4682;
}

#log-b-txt a:active {
	color: #FFFFFF;
}

#log-btn {
	margin: 7px 0 5px 0;
}

/* =================コンテンツ================= */
#container {
	width: 950px;
	background-image: url(../../../customer/images/nbg.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
	padding-bottom: 20px;
}

#mwrap {
	width: 734px;
	background-image: url(../../../customer/images/bg_menu.gif);
	background-repeat: repeat-y;
	margin-top: 22px;
}


#mwrap a:link {
	color: #333333;
	text-decoration: none;
}

#mwrap a:visited {
	color: #333333;
	text-decoration: none;
}

#mwrap a:hover {
	color:#999999;
	text-decoration: underline;
}

#mwrap a:active {
	color: #333333;
	text-decoration: none;
}

#head-img {
	width: 950px;
	height: 301px;
}

#mc-h1 {
	float: left;
	width: 390px;
	height: 301px;
	background-image: url(../../../customer/images/c_login_img_1.gif);
	background-repeat: no-repeat;
}

#mc-h2 {
	float: left;
	width: 284px;
	height: 301px;
	background-image: url(../../../customer/images/c_login_img_2.jpg);
	background-repeat: no-repeat;
}

#mc-h3 {
	float: left;
	width: 276px;
	height: 301px;
	background-image: url(../../../customer/images/c_login_img_3.jpg);
	background-repeat: no-repeat;
}

#mc-h3-t {
	width: 199px;
	margin: 103px 0 0 38px;
	font-size: 12px;
	line-height: 1.5em;
}

#mc-h3-t ul {
	margin: 20px 0 0 0;
}

#mc-h3-t li {
	background-image: url(../../../customer/images/c_login_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	line-height: 22px;
	padding-left: 12px;
	list-style-type: none;
}

#mc-h3-t li a:link {
	text-decoration: underline;
	color: #293660;
}

#mc-h3-t li a:visited {
	text-decoration: underline;
	color: #293660;
}

#mc-h3-t li a:hover {
	text-decoration: none;
	color:#990000;
}

#mc-h3-t li a:active {
	text-decoration: underline;
	color: #293660;
}

#maincontents {
	margin-top: 30px;
}

#m-left {
	float: left;
	width: 196px;
}

#m-right {
	float: right;
	width: 734px;
	margin-left: 0px;
}

#mu-left {
	float: left;
	width: 221px;
	padding-left: 20px;
}

#mu-left2 {
	float: left;
	width: 221px;
	padding-left: 15px;
}

#mu-right {
	float: right;
	width: 221px;
	padding-right: 22px;
}

#mu-left a:hover {
	color: #005EBB;
}

#mu-left2 a:hover {
	color: #1E791E;
}

#mu-right a:hover {
	color: #726750;
}


#smenu_blue {
	width: auto;
	padding-left: 9px;
}


#smenu_blue li {
	background-image: url(../../../customer/images/smenu_bgblue.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	line-height: 30px;
	padding-left: 19px;
	list-style-type: none;
}

#smenu_green {
	width: auto;
	padding-left: 9px;
}


#smenu_green li {
	background-image: url(../../../customer/images/smenu_bggreen.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	line-height: 30px;
	padding-left: 19px;
	list-style-type: none;
}


#smenu_brown{
	width: auto;
	padding-left: 9px;
}


#smenu_brown li {
	background-image: url(../../../customer/images/smenu_bgbrown.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	line-height: 30px;
	padding-left: 19px;
	list-style-type: none;
}

#info {
	width: 302px;
	margin: 5px 0 0 15px;
}

#info li {
	background-image: url(../../../customer/images/c_login_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	line-height: 25px;
	padding-left: 12px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d7d7d7;
}

#info a:link {
	text-decoration: underline;
	color: #293660;
}

#info a:visited {
	text-decoration: underline;
	color: #293660;
}

#info a:hover {
	text-decoration: none;
	color:#990000;
}

#info a:active {
	text-decoration: underline;
	color: #293660;
}

/* ---流れ--- */
#mc {
	text-indent: -9999px;
	width: 221px;
}

#mc a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#mc ul {
	margin: 0;
	padding: 0;
}

#mc li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 43px;
}

#mc01 {
	background-image: url(../../../customer/images/menutitle04_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#mc02 {
	background-image: url(../../../customer/images/menutitle05_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#mc03 {
	background-image: url(../../../customer/images/menutitle06_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#mc01 a:hover {
	background-image: url(../../../customer/images/menutitle04_b.gif);
	background-repeat: no-repeat;
	background-position: -221px 0px;
}

#mc02 a:hover {
	background-image: url(../../../customer/images/menutitle05_b.gif);
	background-repeat: no-repeat;
	background-position: -221px 0px;
}

#mc03 a:hover {
	background-image: url(../../../customer/images/menutitle06_b.gif);
	background-repeat: no-repeat;
	background-position: -221px 0px;
}

/* =================フッター================= */
#foot-line {
	margin: 10px 0px 0px 0px;
	height: 2px;
	background-image: url(../../images/c_top/foot_line.gif);
	background-repeat: repeat-x;
}

#foot-txt {
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
}

.foot-txt-line {
	margin: 0px 5px;
}

#foot-txt a:link {
	text-decoration: none;
	color: #333333;
}

#foot-txt a:visited {
	text-decoration: none;
	color: #333333;
}

#foot-txt a:hover {
	text-decoration: underline;
	color:#B70000;
}

#foot-txt a:active {
	text-decoration: none;
	color: #333333;
}

#foot-copy {
	width: 950px;
	height: 40px;
	background-image: url(../../images/c_top/foot_copy.gif);
	background-repeat: no-repeat;
	background-position: center;
}