@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: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		clear: both;
	}
	.section .title {
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

/* .section */
	.section {
		margin-bottom:20px;
	}

/* .pagetop */
	.pagetop a {
		margin-right: 10px;
		padding-left: 12px;
		font-size: 85%!important;
		font-size: 70%;
		line-height: 12px;
		color: #000000;
		text-decoration: none;
		background-color: transparent;
		background-image: url(../imgs/blt-pagetop.gif);
		background-repeat: no-repeat;
		background-position: left -2px;
	}
	.pagetop a:hover {
		color: #fe0007;
		text-decoration: underline;
		background-position: left -2px;
	}

/* 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: 20px;
		border-top: 1px solid #666666;
		padding: 10px 0 10px;
		font-size: 10px;
		color: #000000;
	}
	body #gFooter address {
		font-style: normal;
	}
	body #gFooter a {
		font-size: 10px;
		line-height: 14px;
		color: #000000;
		text-decoration: none;
	}
	body #gFooter a:hover {
		font-size: 10px;
		line-height: 14px;
		color: #000000;
		text-decoration: underline;
	}

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

/**
 * 5. EachPageStyle
 */
	a.importantLink {
		margin-right: 0;
		padding-bottom: 2px;
		padding-left: 20px;
		line-height: 20px;
		font-weight: bold;
		font-size: 14px;
		text-decoration: underline;
		color: #000000;
		background-color: #f8f8f8;
		background-image: url(../imgs/bg-important2.gif);
		background-repeat: no-repeat;
		background-position: left -2px;
	}
	a.importantLink:hover {
		color: #ff0000;
		background-color: #f8f8f8;
		background-position: left -21px;
		text-decoration: none;
	}

/* donateStopArea */
	#donateStopArea {
		background-color: #fff;
	}

/* commonBox */
	.commonBox {
		border: 2px solid #cccccc;
		padding: 18px 28px;
		background-color: #f8f8f8;
	}
	.commonBox img {
		vertical-align: top;
	}
	#forgetArea #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;
	}
	#forgetArea #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;
	}

	/* 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;
	}
	/* hoverArea */
	#donationIntro .commonBox2 .linkList li.hoverArea {
		border: 2px solid #fe0007;
		padding: 18px;
		cursor: pointer;
	}
	
/* commonBox2.col4 */
	#donationIntro .commonBox2.col4 .title {
		margin-bottom: 14px;
	}
	#donationIntro .commonBox2.col4 .linkList li {
		border: 1px solid #7f7f7f;
		padding: 14px;
		background-color: #ffffff;
	}
	#donationIntro .commonBox2.col4 .linkList li dt {
		margin-bottom: 15px;
	}
	/* hoverArea */
	#donationIntro .commonBox2.col4 .linkList li.hoverArea {
		border: 2px solid #fe0007;
		padding: 13px;
		cursor: pointer;
	}

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

/* donationIntro btn01 - 05 */
	#donationIntro .linkList li a {
		display: block;
		width: 170px;
		height: 70px;
		text-indent: -9999px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#donationIntro .linkList li#btn01 a,
	#donationIntro .linkList li#btn02 a {
		width: 380px;
		height: 50px;
	}
	#donationIntro .linkList li#btn01 a {
		background-image: url(../../images/donateintro/bt-01.gif);
	}
	#donationIntro .linkList li#btn02 a {
		background-image: url(../../images/donateintro/bt-02.gif);
	}
	#donationIntro .linkList li#btn03 a {
		background-image: url(../../images/donateintro/bt-03.gif);
	}
	#donationIntro .linkList li#btn04 a {
		background-image: url(../../images/donateintro/bt-04.gif);
	}
	#donationIntro .linkList li#btn05 a {
		background-image: url(../../images/donateintro/bt-05.gif);
	}
	#donationIntro .linkList li#btn06 a {
		background-image: url(../../images/donateintro/bt-06.gif);
	}
	#donationIntro .linkList li a:hover,
	#donationIntro .linkList li.hoverArea a,
	#donationIntro .linkList li.hoverArea a {
		background-position: left -70px;
	}
	#donationIntro .linkList li#btn01 a:hover,
	#donationIntro .linkList li#btn02 a:hover,
	#donationIntro .linkList li#btn01.hoverArea a,
	#donationIntro .linkList li#btn02.hoverArea a {
		background-position: left -50px;
	}
	#donationIntro .caption{
		margin:10px 0 0 440px;
	}
	
/* #footer */

	#footer a {
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer .mt15 {
		margin-top: 0px;
	}

/*	#footer {
		padding-bottom: 0;
		font-size: 90%;
		line-height: 14px;
	}
	#footer .f75 {
		font-size: 85%;
	}
	#footer .fleft {
		padding-bottom: 0;
	}

*/