@charset "shift_jis";
/*********************************************
for layout
*********************************************/


/* pageBody */
#pageBody {
	font-family:"�q���M�m�p�S Pro W3", "�l�r �o�S�V�b�N", "Osaka",verdana,arial,sans-serif;
	padding-top: 20px;
	text-align: center;
	background-color:#000000;
}
#bodyContainer {
		background:#ffffff;
		margin: 0 auto;
		width: 800px;
		text-align: left;
	}
	
/* contents */
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

#contents {
	position: relative;
	margin: 0 ;
	padding: 0;
	width: 800px;
}
#mainContents * {
		margin: 0;
		padding: 0;
		list-style-type: none;
		border: 0;
		}


#mainContents {
	width: 800px;
	float: right;
	text-align:center;
	line-height: 1.6;
	font-size: 12px;
	/*\*/
	*font-size: 75%;
	/**/
	margin:0;
}


#mainContents h1 {
		background: url(tfw_info.gif) no-repeat left top;
		margin: 0px auto;
		width: 473px;
		height: 480px;
		text-indent: -9999px;
		overflow: hidden;

	}
#mainContents #topOdd{
		margin-left:40px;
		
}
	
	
#mainContents #infoArea{
	width:800px;
	height:215px;
	background:#C42329;
	margin:0;
}

#mainContents .topOdd2{
	margin-left:40px;
}

#mainContents #infoArea div.idxcharity h3{
    display:block;
	position:relative;
	float:left;
	margin-top:20px;
	margin-left:40px;
	width: 720px;
	height: 80px;
	background-image: url(btn_charity.jpg) no-repeat left top;
		/*\*/
	_width: 720px;
	_display:inline;
	_height: 1px;
	/**/


}




#mainContents #infoArea .detail{
	display:block;
	width:720px;
	background-color:#EFEFEF;
	float:left;
	height:80px;
	margin-left:40px;
	margin-top:20px;
	margin-bottom:20px;
			/*\*/
	_width:720px;
	_display:inline;
	_height: 1px;
	_margin-right:40px;
	_margin-top:20px;
	_margin-bottom:20px;
	/**/
}







#mainContents #infoArea div#navibtn01
{
	margin:0px;
	padding:0;
	width:333px;
	height:82px;
	float:left;
	text-indent: -9999px;
	overflow: hidden;
	background:url(btn_entry.jpg) no-repeat;
	/*\*/
	_width:333px;
	_display:inline;
	/**/
}

#mainContents #infoArea div#navibtn01 ul
{
	list-style:none;
	height:82px;
	float:left;
	overflow:hidden;
}

#mainContents #infoArea div#navibtn01 ul li
{
	height:82px;
	float:left;
}


#mainContents #infoArea div#navibtn01 ul li.navi01
{
	width:333px;
}


#mainContents #infoArea div#navibtn01 ul li a
{
	display:block;
	height:82px;
	font-size:0;
	text-decoration:none;
	text-indent: -9999px;
	background:url(btn_entry.jpg) no-repeat top left;
}

#mainContents #infoArea div#navibtn01  ul li.navi01 a
{
	background-position:0 0px;
}

#mainContents #infoArea div#navibtn01  ul li.navi01 a:hover
{
	background-position:0 -82px;
}

/* LinkArea */
#mainContents #LinkArea{
	width:800px;
	height:220px;
	margin:20px auto;
}

#mainContents #LinkArea div.block01{
	width:215px;
	height:210px;
	float:left;
	margin-left:30px;
	border:solid #000000 5px;
	/*\*/
	_width: 215px;
	_display:inline;
	_height:210px;
	_margin-left:32px;
	/**/
}

#mainContents #LinkArea div.block01 p{
	display:block;
	height:82px;
	font-size:10px;
	line-height:140%;
	margin:10px;
	text-align:left;
}

#mainContents #LinkArea div.block02{
	width:215px;
	height:210px;
	float:left;
	margin-left:30px;
	border:solid #000000 5px;
}

#mainContents #LinkArea div.block02 p{
	display:block;
	height:82px;
	font-size:10px;
	line-height:140%;
	margin:10px;
	text-align:left;
}

#mainContents #LinkArea div.block03{
	width:215px;
	height:210px;
	float:left;
	margin-left:30px;
	border:solid #000000 5px;
}

#mainContents #LinkArea div.block03 p{
	display:block;
	height:82px;
	font-size:10px;
	line-height:140%;
	margin:10px;
	text-align:left;
}

/*********************************************
except for top ---entry---
*********************************************/

#mainContents2 #header_Main {
		background: url(header_main.gif) no-repeat left top;
		margin: 0px;
		width: 800px;
		height: 162px;
		text-indent: -9999px;
	    text-align:left;
	}

#mainContents2 div.oubo h1{
	    display:block;
		float:left;
		margin-top:0;
		margin-bottom:10px;
		width:800px;
		height:26px;
		text-indent: -9999px;
		overflow: hidden;
		background:url(ti_entry.gif) no-repeat left top;
	
}

div.entryMain{
	clear:both;
}

div.entryMain div.entryConts{
	width:670px;
	padding:10px 0;
	background:url(sepadot.gif) repeat-x left bottom;
	text-align:left;
}

div.entryMain div.entryConts p{
	line-height:150%;
}

/***************/
#mainContents2 #TopbackArea 
{
clear:both;
	margin:30px auto;
	padding:0;
	width:333px;
	height:82px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(btn_entry3.jpg) no-repeat;
}

#mainContents2 #TopbackArea  ul
{
	list-style:none;
	height:82px;
	float:left;
	overflow:hidden;
}

#mainContents2 #TopbackArea  ul li
{
	height:82px;
	float:left;
}


#mainContents2 #TopbackArea  ul li.navi01
{
	width:333px;
}


#mainContents2 #TopbackArea  ul li a
{
	display:block;
	height:82px;
	text-decoration:none;
	text-indent: -9999px;
	background:url(btn_entry3.jpg) no-repeat top left;
}

#mainContents2 #TopbackArea  ul li.navi01 a
{
	background-position:0 0px;
}

#mainContents2 #TopbackArea  ul li.navi01 a:hover
{
	background-position:0 -82px;
}

/*********************************************
except for top ---charity---
*********************************************/
#mainContents2 div.charityTi h1{
	    display:block;
		float:left;
		margin-bottom:10px;
		width:356px;
		height:33px;
		text-indent: -9999px;
		overflow: hidden;
		background:url(ti_charity.gif) no-repeat left top;
}

div.charityMain{
	clear:both;
	/*\*/
	_margin-bottom:50px;
	/**/
}


#Aboutcharity {
width:800px;
}

#Aboutcharity #Tilecharity01 h2{
        display:block;
		float:left;
		width:320px;
		height:50px;
		text-indent: -9999px;
		overflow: hidden;
		background:url(ti_charity01.gif) no-repeat left top;
}

.chari01{
position:relative;
margin:20px auto;
float:left;
margin-left:30px;
		margin-bottom:50px;
	width:740px;
	height:335px;
	background: url(bg_charity01.gif) no-repeat left top;
	/*\*/
	_width: 740px;
	_display:inline;
	_height:335px;
	_margin-bottom:50px;
	/**/
}

.chari01 p{
	text-indent: -9999px;
		overflow: hidden;
}

#HowTocharity #Tilecharity02 h2{
        display:block;
		float:left;
		width:320px;
		margin-bottom:20px;
		height:50px;
		text-indent: -9999px;
		overflow: hidden;
		background:url(ti_charity02.gif) no-repeat left top;
}

#chari02A{
	position:relative;
	float:left;
	margin-left:37px;
	margin-bottom:30px;
	width:715px;
	height:120px;
	background: url(howto_charity01.gif) no-repeat left top;
	/*\*/
	_width: 715px;
	_display:inline;
	_height:120px;
	/**/
	text-indent: -9999px;
		overflow: hidden;
}

#chari02A #howto01{
	position:relative;
	width:715px;
	
}

#chari02A p{
	text-indent: -9999px;
	overflow: hidden;
}



#chari02B{
	position:relative;
	float:left;
	margin-left:37px;
	margin-bottom:30px;
	width:715px;
	height:382px;
	background: url(howto_charity02.gif) no-repeat left top;
	/*\*/
	_width: 715px;
	_display:inline;
	_height:382px;
	/**/
}

#chari02B #howto02{
	position:relative;
	width:715px;
	
}

#chari02B p{
	text-indent: -9999px;
	overflow: hidden;
}



/***************/
#chari02A .howto01
{
float:right;
	margin-right:22px;
	margin-top:19px;
	padding:0;
	width:253px;
	height:82px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(btn_entry2.jpg) no-repeat left top;
}

#chari02A .howto01 ul
{
	list-style:none;
	height:82px;
	float:left;
	overflow:hidden;
}

#chari02A .howto01 ul li
{
	height:82px;
	float:left;
}


#chari02A .howto01 ul li.navi01
{
	width:253px;
}


#chari02A .howto01 ul li a
{
	display:block;
	height:82px;
	text-decoration:none;
	text-indent: -9999px;
	background:url(btn_entry2.jpg) no-repeat top left;
}

#chari02A .howto01 ul li.navi01 a
{
	background-position:0 0px;
}

#chari02A .howto01 ul li.navi01 a:hover
{
	background-position:0 -82px;
}
/***************/

/***************/
#chari02B .howto02
{
float:right;
	margin-right:22px;
	margin-top:19px;
	padding:0;
	width:253px;
	height:82px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(btn_entry2b.jpg) no-repeat left top;
}

#chari02B .howto02 ul
{
	list-style:none;
	height:82px;
	float:left;
	overflow:hidden;
}

#chari02B .howto02 ul li
{
	height:82px;
	float:left;
}


#chari02B .howto02 ul li.navi01
{
	width:253px;
}


#chari02B .howto02 ul li a
{
	display:block;
	height:82px;
	text-decoration:none;
	text-indent: -9999px;
	background:url(btn_entry2b.jpg) no-repeat top left;
}

#chari02B .howto02 ul li.navi01 a
{
	background-position:0 0px;
}

#chari02B .howto02 ul li.navi01 a:hover
{
	background-position:0 -82px;
}
/***************/


/*********************************************
except for top ---finish---
*********************************************/
div.FinishMain{
	clear:both;
	/*\*/
	_margin-bottom:50px;
	/**/
}


#AboutFinish {
width:800px;
}




.finishmsg{
position:relative;
float:left;
margin-top:20px;
margin-bottom:30px;
margin-left:30px;
width:740px;
height:338px;
background: url(bg_finishmsg.jpg) no-repeat left top;
	/*\*/
	_width: 740px;
	_display:inline;
	_height:338px;
	_margin-top:20px;
	_margin-bottom:30px;
	_margin-left:30px
	/**/
}

.finishmsg p{
	text-indent: -9999px;
	overflow: hidden;
}