idName@charset "UTF-8";


/*==================================================================
	homeArea
===================================================================*/
#homeArea{
	margin:0 0 5px 0;
}
#homeArea .leftBox{
	width:720px;
}
#homeArea h1,
{
	background:url(/img/home/keyv2.jpg) no-repeat 0 0;
	width:720px;
	height:284px;
	text-indent:-5000px;
	position:relative;
}

#homeArea h1 a.flowBtn{
	background:url(/img/home/btn_how2.jpg) no-repeat 0 0;
	display:block;
	position:absolute;
	top:0;
	right:20px;
	height:34px;
	width:172px;	
}

#album li {
	width:720px;
	height:230px;
	text-indent:-5000px;
	position:relative;
	font-weight:bold;
}

#album li span.keyvData {
	display:block;
	text-indent:0;
	position:absolute;
	bottom:5px;
	right:10px;
}

#album li span.keyvData img {
	vertical-align:top;
	margin-top:2px;
	*margin-top:4px;
}

#album li span.keyvData span {
	color:#CC0000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	padding:0px 3px 0 20px;
}


a.flowBtn{
	background:url(/img/home/btn_how2.jpg) no-repeat 0 0;
	display:block;
	position:absolute;
	top:0;
	right:20px;
	height:34px;
	width:172px;
}

/*
#homeArea h1 a#entryBtn{
	background:url(/img/home/btn_entry2.jpg) no-repeat 0 0;
	display:block;
	position:absolute;
	top:179px;
	right:237px;
	height:75px;
	width:217px;
}
*/

#album li a.entryBtn {
	background:url(/img/home/btn_entry4.gif) no-repeat 0 0;
	display:block;
	position:absolute;
	bottom:40px;
	right:120px;
	height:35px;
	width:201px;
}

#album li a.entryBtn2 {
	background:url(/img/home/btn_entry2.jpg) no-repeat 0 0;
	display:block;
	position:absolute;
	bottom:13px;
	right:237px;
	height:75px;
	width:217px;
}

#album li a:hover, 
#album li a:hover img, 
#homeArea h1 a:hover,
#homeBnr a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#homeArea .rightBox{
	width:245px;
}

/*==================================================================
	main
===================================================================*/
#main{
	float:left;
	width:665px;
}

/* mainIn
-------------------------------------------------------------------*/
#mainIn{
	float:right;
	width:465px;
}

/* pickupcharitySection
-------------------------------------------------------------------*/
#pickupcharitySection.section{
	margin:0 0 10px 0;
}
#pickupcharitySection h2{
	background:url(/img/home/h_pickupcharity.gif) no-repeat 0 0;
	height:34px;
	text-indent:-5000px;
	margin:0 0 15px 0;
}
.pickupBox{
	width:219px;
	float:left;
	margin:0 10px 10px 0;
	background:#DAEAEF;
	padding:4px;
}
.pickupBox2{
	width:219px;
	float:left;
	margin:0 0 10px 0 !important;
	background:#DAEAEF;
	padding:4px;
}
.pickupBox table th,
.pickupBox2 table th{
	text-align:center;
	}

#pickupcharitySection table{
	background:#fff;
	padding:5px;
}
#pickupcharitySection th,
#pickupcharitySection td{
	vertical-align:top;
	padding:5px 5px 0 5px;
}
#pickupcharitySection img{
	border:1px solid #ccc;
	padding:1px;
}
#pickupcharitySection a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

/* ------------------------------------------------------------------
 update1006
-------------------------------------------------------------------*/

#p-home #searchBox {
	background:#FFF url(/img/home/bg_search2.gif) 0 0 no-repeat;
	width:300px;
	*width:285px;
}

#p-home #searchBox .formfield {
	width:230px;
}

#p-home #searchBox select {
	width:238px;
}

/* newcharitySection
-------------------------------------------------------------------*/
#newcharitySection{
	background:url(/img/home/bg_newlist.gif) no-repeat 0 100%;
}
#newcharitySection h2{
	background:url(/img/home/h_newcharity.gif) no-repeat 0 0;
	height:34px;
	text-indent:-5000px;
}
#newcharitySection .inner{
	padding:0 10px;
}
#newcharitySection table{
	width:100%;
}
#newcharitySection table th,
#newcharitySection table td{
	vertical-align:top;
	padding:10px 0;
	background:url(/img/common/line.gif) repeat-x 0 100%;
}
#newcharitySection table th{
	width:70px;
}
#newcharitySection table th img{
	border:1px solid #ccc;
	padding:1px;
}
#newcharitySection table th a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#newcharitySection table td h3 {
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:14px;
}
#newcharitySection table td h3 span{
	padding:2px 4px;
	background:	#F66;
	color:#fff;
	font-size:10px;
}
#newcharitySection table td h3 span a{
	color:	#fff;
	text-decoration:none;
}
#newcharitySection table td ul{
	padding:2px 0 0 10px;
	height:25px;
	background:url(/img/home/bg_list.gif) no-repeat 0 0;
}
#newcharitySection table td ul li{
	float:left;

	font-weight:bold;
}
#newcharitySection table td ul li img{
	vertical-align:middle;
	padding:0 5px 0 0;
}
#newcharitySection table td ul li.idName{
	background:	url(/img/icon/man.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	width:190px;
}
#newcharitySection table td ul li.mokuhyo{
	background:url(/img/icon/heart.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	width:120px;
}

/*news*/
#news h2{
	background:url(/img/home/h_news.gif) no-repeat 0 0;
	height:25px;
	text-indent:-5000px;
}
#news ul{
	
}
#news ul li{
	background:url(/img/common/line.gif) repeat-x 0 100%;
	padding:1px 0 2px;
}
#news ul li .bold{
	padding:0 10px 0 0;
	width:120px;
	white-space:nowrap;
	display:block;
}
#news ul li span.listin{
	display:block;
	padding:3px 5px;
}
.gray{
		background:#E6E6E6;
}


/* mainSide
-------------------------------------------------------------------*/
#mainSide{
	float:left;
	width:177px;
	background:#F1F0ED;
	padding:4px;
}
#mainSide a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#btnSection,
#commentSection,
#pickupbnrSection{
	margin: 0 0 15px 0;
}
#commentSection h2{
	background:url(/img/home/h_comment.gif) no-repeat 0 0;
	height:29px;
	margin:0 0 10px;
	text-indent:-5000px;
}
#commentSection ul{ 
	padding:5px 10px 10px;
	background:#fff;
}
#commentSection ul li{
	background:url(/img/common/line.gif) repeat-x 0 100%;
	padding:0 0 5px 0;
}
#commentSection ul li span{
	background:url(/img/icon/flower.gif) no-repeat 0 6px;
	display:block;
	padding:5px 0 2px 22px;
	font-weight:bold;
	font-size:14px;
	color:#f60;
}

#pickupbnrSection h2{
	background:url(/img/home/h_pickup.gif) no-repeat 0 0;
	height:29px;
	margin:0 0 10px;
	text-indent:-5000px;
}

#pickupbnrSection ul li{
	margin:0 0 10px;
}

#addCategory{
	background:url(/img/home/bg_orange.gif) no-repeat 0 100%;
	text-align:center;
	padding:0 30px 15px;
	margin:0 0 15px 0;
}
/*==================================================================
	side
===================================================================*/
#sidebar{
	float:right;
	width:300px;
}

#eventSearchArea{
	background:url(/img/home/bg_category.gif) no-repeat 0 100%;
}

#eventSearchArea h2{
	background:url(/img/home/h_event.gif) no-repeat 0 0;
	height:40px;
	text-indent:-5000px;
}
#eventSearchArea .innerSec{
	padding:10px 17px 20px;
}
#eventSearchArea ul{
	overflow:auto;
	height:100px;
}
#eventSearchArea ul li{
	background:url(/img/icon/heart_orange.gif) no-repeat 0 0.3em;
	padding:0 0 0 20px;
}
#eventSearchArea ul li a{
	font-weight:bold;
}
#eventSearchArea ul li img{
	padding:0 5px 0 0;
}
#eventSearchArea .eventon{
	font-size:11px;
	padding:2px 0 2px 48px;
	background:url(/img/home/icon_event_on.gif) no-repeat 0 0;
}
#eventSearchArea .eventoff{
	font-size:11px;
	padding:2px 0 2px 70px;
	background:url(/img/home/icon_event_off.gif) no-repeat 0 0;
}

#categorySearchArea{
	background:url(/img/home/bg_category.gif) no-repeat 0 100%;
}
#categorySearchArea h2{
	background:url(/img/home/h_category.gif) no-repeat 0 0;
	height:40px;
	text-indent:-5000px;
}
#categorySearchArea ul{
	padding:10px 17px 20px;
}
#categorySearchArea ul li{
	line-height:180%;
	font-weight:bold;
	background:url(/img/icon/heart_orange.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
}
#categorySearchArea ul li img{
	padding:0 5px 0 0;
}

/*==================================================================
	nanapiBox
===================================================================*/
#nanapiBox{
	background:url(/img/home/bg_nanapibox.gif) no-repeat 0 100%;
	margin-bottom:10px;
	width:185px;
	padding-bottom:5px;
}
#nanapiBox h2 a{
	display:block;
	background:url(/img/home/nanapibox_top.gif) no-repeat 0 0;
	height:83px;
	text-indent:-5000px;
}
#nanapiBox li{
	font-size:11px;
	padding:5px 10px;
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#nanapiBox li a{
	background:url(/img/icon/arrow.gif) no-repeat 0 2px;
	padding-left:10px;
}

/*==================================================================
	hacks setting
===================================================================*/
#homeArea:after,
#newcharitySection table td ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#homeArea,
#newcharitySection table td ul{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #homeArea,
* html #newcharitySection table td ul{
	height: 1%;
	}
#homeArea,
#newcharitySection table td ul{
	display: block;
	}