@charset "UTF-8";
/*==================================================================
	main
===================================================================*/
#main {
	float:right;
	width:710px;
}
#mainIn {
	padding:0 25px;
}
#main h1#charityListHeadline {
	background:url(/img/list/headline.gif) no-repeat 0 0;
	height:50px;
	text-indent:-5000px;
	margin:0 0 25px 0;
}

#main .big{
	font-size:140%;
}

/*
#sortList li {
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
	padding:0 15px 0 10px;
	display:inline;
}
*/
/*searchUtil*/
#main .searchUtil {
	font-size:12px;
	margin:12px 0 20px;
}
#main .searchUtil p {
	text-align:right;
	background:url(/img/common/line.gif) repeat-x 0 100%;
}
#main .searchUtil p strong, #main .searchUtil p span {
	padding:0 3px;
	color:#C00;
	font-weight:bold;
}
#main .searchUtil p strong {
	font-size:16px;
}
.endList {
	margin:0 0 10px 0;
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
}
/*charityBox */
#main .charityBox {
	border:1px solid #CFC9BE;
	margin:0 0 15px 0;
	padding:1px;
}
.tagBox {
	margin:0 0 10px 0;
}
.tagName {
	background:#F66;
	padding:3px 5px;
	color:#fff;
	font-weight:bold;
}
.tagName a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
}
.shienDantai {
	padding:0 0 0 10px;
}
.shienDantai a {
	font-size:11px;
	color:#F90;
}
.shienDantai img {
	vertical-align:middle;
}
#main .charityBox .inner {
	padding:15px;
}
#main .charityBox .inner h2 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px 0;
	position:relative;
}
#main .charityBox .inner h2 img {
	vertical-align:middle;
	padding:0 5px 0 0;
}
#main .charityBox table {
	background:#fff;
	padding:5px;
}
#main .charityBox th, #main .charityBox td {
	vertical-align:top;
}
#main .charityBox th {
	padding:0 10px 0 0;
}
#main .charityBox table img {
	border:1px solid #ccc;
	padding:1px;
}
#main .charityBox table a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#main .charityBox ul.targetArea{
	margin-bottom:10px;
}
#main .charityBox ul.targetArea li{
	float:left;
	margin-right:10px;
	font-weight:bold;
}
#main .charityBox ul.targetArea li.supporter {
	background:url(/img/icon/supporter.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
}
#main .charityBox ul.targetArea li.achieve {
	background:url(/img/icon/achieve.gif) no-repeat 0 50%;
	padding:0 0 0 16px;
}
#main .charityBox ul.targetArea li.mokuhyo {
	background:url(/img/icon/heart.gif) no-repeat 0 50%;
	padding:0 0 0 17px;
}
#main .charityBox ul.targetArea li.money {
	background:url(/img/icon/money.gif) no-repeat 0 50%;
	padding:0 0 0 22px;
}

#main .charityBox ul.detailArea {
	background:#E8E5E0;
	padding:10px 10px 8px;
	width:636px;
}
#main .charityBox ul.detailArea li {
	float:left;
	font-weight:bold;
}
#main .charityBox ul.detailArea li.idName {
	background:	url(/img/icon/man.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	width:526px;
}
#main .charityBox ul.detailArea li.idName img {
	padding:0 0 0 5px;
}
#main .charityBox ul.detailArea li.detailBtn {
	text-align:right;
	width:90px;
}
/*loginBox*/
#loginBox {
	background:url(/img/common/bg_login.gif) no-repeat 0 0;
	position:relative;
	width:660px;
	height:125px;
	margin:0 auto 15px auto;
}
#loginBox #mailForm {
	position:absolute;
	top:30px;
	left:30px;
}
#loginBox #passForm {
	position:absolute;
	top:30px;
	left:380px;
}
#loginBox #mailForm input {
	width:240px;
}
#loginBox #loginForm input {
	position:absolute;
	left:280px;
	top:65px;
	background:url(/img/common/btn_login2.gif) no-repeat 0 0;
	height:24px;
	width:90px;
	text-indent:-5000px;
}
#loginBox a {
	font-size:10px;
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
	position:absolute;
	padding:0 0 0 10px;
	top:92px;
	left:250px;
}
/*
#loginBox #loginForm:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}*/

#newCharity {
	text-align:center;
}
#newCharity a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#p-login #main {
	float:none;
	width:710px;
	margin:0 auto;
}
/*==================================================================
	sidebar
===================================================================*/
#sidebar {
	float:left;
	width:245px;
}
#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;
	width:245px;
}
.pickupBox {
	width:237px;
	float:left;
	margin:0 10px 10px 0;
	background:#DAEAEF;
	padding:4px;
}
#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;
}
.backHome {
	padding:10px !important;
	background:#E1ECFF;
	text-align:center;
	margin:0 0 10px 0px;
}
.Visited {
	font-weight:bold;
	color:#666;
	font-size:14px;
}
/*==================================================================
	about
===================================================================*/
#p-about #main p {
	margin:0;
}
#p-about #main #faq p {
	margin:0 0 15px 0;
}
#p-about .mini {
	font-size:11px;
}
#p-about #aboutTranslationSection .leftBox, #p-about #aboutTranslationSection .rightBox {
	width:320px;
	background:url(/img/about/bg_kouka.gif) no-repeat 0 100%;
}
#p-about #aboutTranslationSection .leftBox h3 {
	background:url(/img/about/h_kouka.gif) no-repeat 0 0;
	height:50px;
	text-indent:-5000px;
	margin:0 0 15px;
}
#p-about #aboutTranslationSection .rightBox h3 {
	background:url(/img/about/h_kouka.gif) no-repeat 0 -50px;
	height:50px;
	text-indent:-5000px;
	margin:0 0 15px;
}
#p-about #aboutTranslationSection h4 {
	background:url(/img/about/t_kouka.gif) no-repeat;
	height:18px;
	text-indent:-5000px;
	margin:0 0 10px 10px;
}
#p-about #aboutTranslationSection h4#c1 {
	background-position:0 0;
}
#p-about #aboutTranslationSection h4#c2 {
	background-position:0 -18px;
}
#p-about #aboutTranslationSection h4#c3 {
	background-position:0 -36px;
}
#p-about #aboutTranslationSection h4#c4 {
	background-position:0 -54px;
}
#p-about #aboutTranslationSection h4#c5 {
	background-position:0 -72px;
}
#p-about #aboutTranslationSection h4#s1 {
	background-position:0 -90px;
}
#p-about #aboutTranslationSection h4#s2 {
	background-position:0 -108px;
}
#p-about #aboutTranslationSection p {
	margin:0 0 20px 0;
}
#p-about .exampleBox {
	padding:15px 15px 10px;
	background:#FFECC8;
	margin:0 0 10px 0;
}
#p-about .exampleBox h3 {
	font-weight:bold;
	font-size:16px;
	color:#F60;
	margin:0 0 5px 0;
}
/*uk*/
#p-about #ukBox .leftBox {
	width:223px;
}
#p-about #ukBox .rightBox {
	width:400px;
}
#p-about #aboutGlobal table {
	width:100%;
}
#p-about #aboutGlobal table th, #p-about #aboutGlobal table td {
	vertical-align:top;
}
#p-about #aboutGlobal table th {
	padding:0 15px 0 0;
}
#p-about #aboutGlobal table h4 {
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.ukBox{
	padding:10px;
	background:#f5f5f5;
	font-size:13px;
	font-weight:bold;
}
.ukBox span{
	color:#C00;
}
/*=================================================================
	company
===================================================================*/
#member {
	margin:0 0 15px 0;
	text-align:right;
}
#member li {
	display:inline;
}
#p-company #main td span {
	padding:0 0 0 10px;
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
}
#p-company #main td a {
	color:#f60;
}
#p-company #prof {
	width:100%;
}
#p-company #prof th, #p-company #prof td {
	vertical-align:top;
}
#p-company #prof th {
	padding:0 15px 0 0;
	width:180px;
}
#p-company #prof th#miniTh {
	width:100px;
}
#p-company #prof td h3 {
	background:url(/img/company/t_name.gif) no-repeat;
	text-indent:-5000px;
	height:38px;
	margin:0 0 15px 0;
}
#p-company #prof td h3#yumoto {
	background-position:0 0;
}
#p-company #prof td h3#sato {
	background-position:0 -38px;
}
#p-company #prof td h3#shintaku {
	background-position:0 -76px;
}
#p-company #prof td h3#ozawa {
	background-position:0 -114px;
}
#p-company #prof td h3#nakamura {
	background-position:0 -152px;
}
#p-company #prof td h3#yamauchi {
	background-position:0 -190px;
}
#p-company #prof td h3#shibusawa {
	background-position:0 -228px;
}
#p-company #prof td p {
	padding:10px;
	background:#FBF2E1;
}
#p-company #history {
	padding:0 15px;
}
.pickupBox table th,
.pickupBox2 table th{
	text-align:center;
	}

/*==================================================================
	sitemap
===================================================================*/


#p-sitemap #main dl {
	background: #FFF url(/img/sitemap/line_00.gif) repeat-y 0px 0px;
	padding-left: 1px;
	margin-left:25px;
}
#p-sitemap #main dl dt {
	background: #FFF url(/img/sitemap/line_01.gif) no-repeat 0px 65%;
	padding: 3px 0px 0px 32px;
	margin-left: 2px;
	list-style-type: square;
}
#p-sitemap #main dl dd {
	background: #FFF url(/img/sitemap/line_00.gif) repeat-y 0px 0px;
	padding-left: 1px;
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 50px;
}
#p-sitemap #main dl dd ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#p-sitemap #main dl dd li {
	background: #FFF url(/img/sitemap/line_02.gif) no-repeat 0px 10px;
	padding: 3px 0px 0px 28px;
	margin: 5px 0px 0px 1px;
}
#p-sitemap #main dl dd li ul {
	background: #FFF url(/img/sitemap/line_00.gif) repeat-y 0px 0px;
	margin-left: 25px;
}
#p-sitemap #main dl dd li ul li {
	background: #FFF url(/img/sitemap/line_02.gif) no-repeat 0px 60%;
	padding: 3px 0px 0px 28px;
	margin: 5px 0px 0px 1px;
}

/*==================================================================
	sp
===================================================================*/
.bnrSheet th{
	font-weight:bold;
}
.bnrSheet td{
	padding-bottom:10px;
}
.bnrSheet td img{
	margin:0 10px 5px 0;
}
.aboutLink{
	margin-bottom:15px;
}
.aboutLink li{
	display:inline;
	font-weight:bold;
	margin-right:10px;
}
.aboutLink li#linkMail a{
	background:#FFF url(/img/sp/npo/pict_mail.gif) no-repeat 0 50%;
	padding:5px 0 5px 32px;
}
.aboutLink li#linkBnr a{
	background:#FFF url(/img/sp/npo/pict_jgj.gif) no-repeat 0 50%;
	padding:5px 0 5px 24px;
}
.aboutLink li#linkTwitter a{
	background:#FFF url(/img/sp/npo/pict_twitter.gif) no-repeat 0 50%;
	padding:5px 0 5px 33px;
}
.aboutLink li#linkChallenge a{
	background:#FFF url(/img/sp/npo/pict_challenge.gif) no-repeat 0 50%;
	padding:5px 0 5px 21px;
}
.aboutLink li#linkRanking a{
	background:#FFF url(/img/sp/npo/pict_ranking.gif) no-repeat 0 50%;
	padding:5px 0 5px 26px;
}
#p-sp h2#challenge,
#p-sp h2#ranking{
	margin-top:20px;
}

/*=================================================================
	sort
===================================================================*/

#sortList{
	background:url(/img/list/sort_tab.gif) no-repeat 0 0;
	height:30px;
	width:660px;
	margin:0 0 10px 0;
}
#sortList li{
	float:left;
	text-indent:-5000px;
	margin-right:5px;
}

#sortList li a{
	background:url(/img/list/sort_tab.gif) no-repeat 0 0;
	height:30px;
	display:block;
}	
	
#sortList li#sort1 a{
	width:60px;
	background-position:0 0;
}
#sortList li#sort1 a:hover,
#sortList li#sort1.no a {
	background-position:0px -31px;
}

#sortList li#sort2 a{
	width:70px;
	background-position:-65px 0;
}
#sortList li#sort2 a:hover,
#sortList li#sort2.no a{
	background-position:-65px -31px;
}

#sortList li#sort3 a{
	width:85px;
	background-position:-140px 0;
}
#sortList li#sort3 a:hover,
#sortList li#sort3.no a{
	background-position:-140px -31px;
}

#sortList li#sort4 a{
	width:109px;
	background-position:-230px 0;
}
#sortList li#sort4 a:hover,
#sortList li#sort4.no a{
	background-position:-230px -31px;
}

/*==================================================================
	press
===================================================================*/
#reason{
	width:100%;
}
#reason th,
#reason td{
	vertical-align:top;
	padding:0 10px 10px 0;
}

/*==================================================================
	7: hacks setting
===================================================================*/
#contents:after, #globalNavigation:after, #main:after, .detailArea:after, .targetArea:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents, #globalNavigation, #main, .detailArea, .targetArea {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #contents, * html #globalNavigation, * html #main, * html .detailArea, * html .targetArea {
	height: 1%;
}
#contents, #globalNavigation, #main, .detailArea, .targetArea {
	display: block;
}