@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		border-top: 5px solid #fe0007;
		color: #333333;
		font-size: 12px;
		line-height: 18px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #000000;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #fe0007;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		clear: both;
	}
	.section .title,
	#forgetArea .title {
		display: inline;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		color: #000000;
	}
	.section .caution {
		display: inline;
		margin-left: 20px;
		font-weight: bold;
		font-size: 10px;
		line-height: 20px;
		color: #ff6600;
	}
	.section .caution span {
		color: #ff6600!important;
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

	/* #memberLogin */
	#memberLogin .contentTitle {
		margin-bottom: 30px;
		height: 24px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../imgs/h-login.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}

/* .section */
	.section {
		margin-bottom:20px;
		border-bottom:1px solid #ccc;
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 920px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #gHeader {
		margin-bottom: 30px;
		height: 55px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../imgs/bg-header.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body #mainContent {}
	body #gFooter {
		margin-top: 50px;
		height: 47px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../imgs/bg-footer.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}

/* donation50 */
	#donation50 #gHeader {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header-01.gif);
	}

/* donationOnetime */
	#donationOnetime #gHeader {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header-02.gif);
	}
    /* for English */
	#donationOnetime #gHeaderE {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header-02_e.gif);
	}
/* user input for English */
	#userInputE #gHeader {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header_e.gif);
	}
	#firsttimeConfirmE #gHeader {
		background-image: url(../imgs/bg-header_e.gif);
	}
	#firsttimeCompleteE #gHeader {
		background-image: url(../imgs/bg-header_e.gif);
	}
/* maintenance */
	#maintenance #gHeader {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header-03.gif);
	}

/* userInfo */
	#userInfo #gHeader {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header-04.gif);
	}

/* donInfo */
	#donInfo #gHeader {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header-05.gif);
	}

/* remind */
	#remind #gHeader {
		margin-bottom: 30px;
		height: 55px;
		background-image: url(../imgs/bg-header-06.gif);
	}


/**
 * 5. EachPageStyle
 */
/* FORM */
	/* FORM FRAME */
	.formArea .section dl {
		display: block;
		border-right: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		clear: both;
		zoom: 1;
		background-color: #ebebeb;
	}
	.formArea .section dl:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		line-height: 0px;
		visibility: hidden;
	}
	.formArea .section dl dt,
	.formArea .section dl dd {
		padding: 4px 10px;
	}
	.formArea .section dl dt {
		padding: 7px 10px 0;
		border-top: 1px solid #cccccc;
		float: left;
		width: 149px;
		line-height: 14px;
		/*background-color: #ebebeb; 20120718変更  */
		background-color: #EEECE8;
		color: #000;
	}
	.formArea .section dl dd {
		border-top: 1px solid #cccccc;
		float: right;
		width: 729px;
		background-color: #ffffff;
		zoom: 1;
	}
	.formArea .section dl.must dt em, .formArea em {
		margin-left: 2px;
		font-style: normal;
		font-size: 10px;
		line-height: 12px;
		vertical-align: top;
		color: #ff6600;
	}
	.formArea .section dl.highcell dt, 
	.formArea .section dl.highcell dd{
		height: 30px;
	}
	/* FORM DETAIL */
	input,
	select {
		margin: 0;
		margin-right: 5px;
		line-height: 14px;
	}
	.formArea .section input,
	.formArea .section select {
		width: 200px;
		zoom: 1;
	}
	.formArea .section input {
		height: 14px;
	}
	.formArea label {
		cursor: pointer;
	}
	#userInputE .formArea .section input[type=text] {
		width: 300px;
	}
	.formArea .section input[type=checkbox],
	.formArea .section input[type=radio] {
		margin-right: 3px;
		width: 1em;
		cursor: pointer;
	}
	*html .formArea .section input.inputBtns {
		margin-right: 3px;
		width: 1em;
		cursor: pointer;
	}
	.formArea .section .shortInput input {
		width: 90px;
	}
	#userInputE .formArea .section .shortInput input {
		width: 90px;
	}
	#userInputE .formArea .section .longselect select {
		width: 400px;
	}
	.formArea .section span {
		margin-right: 5px;
		font-size: 10px;
		line-height: 14px;
		color: #666;
	}
	.formArea .error {
		font-weight: bold;
		font-size: 10px;
		line-height: 16px;
		color: #fe0007;
	}
	.formArea .error img {
		vertical-align: top;
	}
	.formArea .section span.error {
		display: block;
		padding-top: 5px;
		padding-left: 22px;
		font-weight: bold;
		line-height: 18px;
		color: #fe0007;
		background-color: transparent;
		background-image: url(../imgs/icon-caution.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	.formArea .section span.line,
	.formArea .section span.lineUp {
		margin-right: 10px;
	}
	.formArea .section span.lineUp {
		padding-top: 0;
		padding-bottom: 3px;
	}
	.formArea .submitArea {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.formArea .submitArea button {
		margin: 0;
		border: 0;
		padding: 0;
		line-height:0;
		overflow: visible;
		cursor: pointer;
		background-color: transparent;
	}
	.formArea .submitArea img {
		vertical-align: middle;
	}
	a.importantLink,
	.formArea .submitArea a#newMemberRepair {
		display: inline-block;
		margin-right: 20px;
		padding-left: 20px;
		line-height: 40px;
		font-weight: bold;
		font-size: 14px;
		text-decoration: underline;
		color: #000000;
		background-color: #fff;
		background-image: url(../imgs/bg-important.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.formArea .submitArea a#newMemberRepair:hover {
		color: #ff0000;
		text-decoration: none;
		background-position: left -40px;
	}
	a.importantLink {
		display: inline;
		margin-right: 0;
		padding-bottom: 2px;
		padding-left: 20px;
		line-height: 20px;
		background-color: #f8f8f8;
		background-image: url(../imgs/bg-important2.gif);
		background-position: left -2px;
	}
	a.importantLink:hover {
		color: #ff0000;
		background-color: #f8f8f8;
		background-position: left -21px;
		text-decoration: none;
	}
	.msie a.importantLink {
		line-height: 18px;
		background-position: left top;
	}
	.msie a.importantLink:hover {
		background-position: left -19px;
	}
	.formArea .submitArea {
		text-align: center;
	}
	.formArea ul.submitArea li {
		display: inline;
	}

	#imgArea {
		margin-bottom: 30px;
		text-indent: -9999px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
	}
	#firsttimeRegist #imgArea {
		margin-top: 50px;
		height: 50px;
		background-image: url(../imgs/img-confirm.gif);
	}
	#firsttimeComplete #imgArea,
	#memberDonateComplete #imgArea {
		height: 214px;
		background-image: url(../imgs/img-thanks.jpg);
	}
	#firsttimeCompleteE #imgArea,
	#memberDonateComplete #imgArea {
		height: 214px;
		background-image: url(../imgs/img-thanks_e.jpg);
	}
/* donateStopArea */
	#donateStopArea {
		background-color: #fff;
	}

/* submitBtn & submitBtnOn & submitBtnOff */
	.submitBtn {
		margin: 0;
		cursor: pointer;
	}
	#submitBtnOn,
	#submitBtnOff {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	#submitBtnOff {
		display: none;
	}

/* confirmBtnOn & confirmBtnOff */
	#confirmOff {
		display: none;
	}
	#confirmOff button {
		cursor: default;
	}

/* stepArea */
	#stepArea {
		margin-bottom: 30px;
		height: 50px;
		overflow: hidden;
		background-color: #d6d6d6;
		/*background-image: url(../imgs/step01-01.gif);*/
		background-image: url(../imgs/step02-01.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#stepArea dt {
		width: 290px;
		line-height: 50px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	#stepArea dt.line2 {
		padding-top: 7px;
		line-height: 18px;
		overflow: hidden;
		zoom: 1;
	}
	#stepArea dd {
		text-indent: -9999px;
	}
	#userInputE #stepArea { background-image: url(../imgs/step02-01_e.gif); }
	#firsttimeConfirm #stepArea { background-image: url(../imgs/step02-02.gif); }
	#firsttimeConfirmE #stepArea { background-image: url(../imgs/step02-02_e.gif); }
	#firsttimeComplete #stepArea { background-image: url(../imgs/step02-03.gif); }
	#firsttimeCompleteE #stepArea { background-image: url(../imgs/step02-03_e.gif); }
	#memberDonate #stepArea { background-image: url(../imgs/step02-01.gif); }
	#memberDonateConfirm #stepArea { background-image: url(../imgs/step02-02.gif); }
	#memberDonateComplete #stepArea { background-image: url(../imgs/step02-03.gif); }
	#syserror #stepArea { background-image: url(../imgs/step02-02.gif); }

/* commonBox */
	.commonBox {
		border: 2px solid #cccccc;
		padding: 18px 28px;
		background-color: #f8f8f8;
	}
	.commonBox img {
		vertical-align: top;
	}
	#contactArea {
		position: relative;
		display: block;
		height: 80px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../imgs/img-contact.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#contactArea #emailBtn {
		position: absolute;
		left: 520px;
		top: 20px;
		display: block;
		width: 320px;
		height: 80px;
		text-indent: 0;
	}
	.commonBox .title {
		margin-bottom: 15px;
	}

/* commonBox2 */
	.commonBox2 {
		border: 1px solid #c5c5c5;
		border-top: 2px solid #fe0007;
		padding: 18px 29px 19px;
		background-color: #f8f8f8;
	}
	.commonBox2 .section {
		border-bottom: 1px solid #7f7f7f;
	}
	.commonBox2 .section dl {
		border-right: 1px solid #7f7f7f;
		border-left: 1px solid #7f7f7f;
		background-color: #999999;
	}
	.commonBox2 .section dl dt,
	.commonBox2 .section dl dd {
		padding: 15px 20px 15px;
	}
	.commonBox2 .section dl dt {
		padding: 15px 20px 15px;
		border-top: 1px solid #7f7f7f;
		width: 219px;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		background-color: #999999;
		color: #fff;
	}
	.commonBox2 .section dl dd {
		border-top: 1px solid #7f7f7f;
		width: 559px;
		line-height: 16px;
		background-color: #ffffff;
	}
	.commonBox2 .section dl dd .priceOtherInput {
		margin-top: 10px;
	}

/* commonBox3 */
	.commonBox3 {
		margin-right: auto;
		margin-left: auto;
		border: 1px solid #c5c5c5;
		padding: 29px;
		background-color: #f8f8f8;
	}

/* cautionBox */
	#cautionBox {
		margin-bottom: 30px;
		border: 2px solid #fe0007;
		padding: 18px 18px 18px 85px;
		background-color: #fff9d7;
		background-image: url(../imgs/bg-caution.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	#cautionBox h2 {
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 14px;
		line-height: 18px;
		color: #fe0007;
	}
	.formArea .section dl.errorArea dd, .errorArea td, td.errorArea , table.errorArea {
		background-color: #fff9d7;
	}

/* popPoricy */
	#popPoricy #container {
		width: 500px;
	}
	#popPoricy #gHeader {
		background-position: left top;
	}
	#popPoricy .title {
		display: block;
		margin-bottom: 5px;
		font-size: 12px;
	}
	#popPoricy .contentTitle,
	#popPoricy .stitle {
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 14px;
		color: #000;
	}
	#popPoricy .contentTitle {
		margin-bottom: 15px;
		color: #fe0007;
	}
	#popPoricy .section {
		border: none;
	}
	#popPoricy .section p {
		margin-left: 1.5em;
	}
	#popPoricy #gFooter {
		margin-top: 20px;
	}

	/* donationIntro */
	#donationIntro .commonBox2 .title {
		margin-bottom: 14px;
	}
	#donationIntro .commonBox2 .linkList li {
		border: 1px solid #7f7f7f;
		padding: 19px;
		background-color: #ffffff;
	}
	#donationIntro .commonBox2 .linkList li dt {
		margin-bottom: 18px;
	}

	/* userUpdate */
	.changeValue {
		color: #fe0007;
	}

	/* ログアウト部分 */
	#logOut {
		width:920px;
		height:auto;
		text-align:right;
	}
	
	#gHeader #logout{
       text-align: right;
    }