@charset "utf-8";

/*
============================================================
account.css
------------------------------------------------------------

■ 左カラム
■ 右カラム
■
■


作成日：2014.07.25
作成者：kikuchi
更新日：
更新者：
バージョン： 1.0
会社名：Dynamite Brothers Syndicate

============================================================
*/

/* ---------------------------------------------------------
■ 左カラム
--------------------------------------------------------- */
.columnLeft {
	margin-top: 42px;
	padding-top: 20px;
	border-top: 1px solid #ccc; }

.flowWrapper p {
	height: 40px;
	padding: 0 0 0 45px;
	background: url(/images/common/bg_number.jpg) no-repeat;  }

.columnLeft ul .on {
	color: #222;
	font-weight: bold; }

#flow1 p {
	padding-top: 5px;
	height: 35px;
	background-position: 0 0; }

#flow2 p {
	line-height: 40px;
	background-position: 0 -50px; }
	
#flow2-l p {
	padding-top: 5px;
	height: 35px;
	background-position: 0 -50px; }

#flow3 p {
	line-height: 40px;
	background-position: 0 -100px; }
	
#flow3-l p {
	padding-top: 5px;
	height: 35px;
	background-position: 0 -100px; }
	
#flow4 p {
	line-height: 40px;
	background-position: 0 -150px; }

#flow5 p {
	background-position: 0 -200px; }


#flow1 .on { background-position: -130px 0; }
#flow2 .on,#flow2-l .on { background-position: -130px -50px; }
#flow3 .on,#flow3-l .on  { background-position: -130px -100px; }
#flow4 .on { background-position: -130px -150px; }
#flow5 .on { background-position: -130px -200px; }





/* ---------------------------------------------------------
■ 右カラム
--------------------------------------------------------- */
table {
	width: 100%; }

table td {
	padding-bottom: 15px; }

table .head {
	width: 24%;
	color: #555;
	font-size: 82%;
	font-weight: bold;
	line-height: 18px; }

table .w20 {
	width: 20%;}
	
table .body {
	width: 73%; }

table .textbox {
	width: 421px;
	height: 26px;
	margin-bottom: 3px;
	padding: 1px 5px;
	color: #555;
	line-height: 26px;
	border: 1px solid #ccc;}

.newsletterText {
	color: #222;
	font-weight: bold;
	margin: 3px 0 5px; }

.btnBackPre a {
    width: 190px;
    height: 40px;
    display: block;
    cursor: pointer;
    text-align: center;
	text-indent:-9999px;
    background: url(/images/common/btn_backToPreviousPage.jpg) no-repeat 0 0 ; }
	
.btnBackPre a:hover {
    background-position:left bottom; }


/* ---------------------------------------------------------
■
--------------------------------------------------------- */




/* ---------------------------------------------------------
■
--------------------------------------------------------- */


/* ---------------------------------------------------------
■
--------------------------------------------------------- */