@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 0;
	width:636px;
}
#main .charityBox ul.detailArea li {
	float:left;
	font-weight:bold;
}
#main .charityBox ul.detailArea li.idName,
#main .charityBox ul.detailArea li.idName_icon {
	background:	url(/img/icon/man.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	width:526px;
}
#main .charityBox ul.detailArea li.idName img,
#main .charityBox ul.detailArea li.idName_icon img {
	padding:0 0 0 3px;
}
#main .charityBox ul.detailArea li.detailBtn {
	text-align:right;
	width:90px;
	position: relative;
	top: -2px;
}

.shiensaki {
	float: right !important;
}

.shiensaki span {
	 position: relative;
	 top:3px;
	 margin-right: 5px;
}

li.idName_icon {
	position: relative;
	top:-3px;
}

li.idName_icon .iconLink {
	position: relative;
	top:3px;
}

/*loginBox*/
#loginBox {
	background:url(/img/common/bg_login.gif) no-repeat 0 0;
	width:660px;
	height:125px;
	margin:0 auto 15px auto;
	text-align:center;
}
#loginBox .inner{
	padding:20px;
}
#loginBox .inner .formfield{
	width:170px;
}
#loginBox .inner table td,
#loginBox .inner table th{
	padding-right:10px;
}

#loginBox .submit input:hover {
	opacity: 0.8;
	filter:Alpha(Opacity=80);
}

.commentEdit {
	float:none !important;
	margin:0 auto;
}

.bgColorY {
	background-color: #faffbd;
}

.bgColorY:focus {
	background-color: #fff;
}

#sbLogin {
	width:461px;
	margin: 0 auto;
}

#sbLogin li {
	float: left;
	width: 200px;
	margin:0 15px;
}

/*
#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;
}

/* loginページ */

#p-login #main {
	float:none;
	width:800px;
	margin:0 auto;
}


#loginSection .borderBox {
	border: #999 1px solid;
	padding: 20px 20px 15px;
	font-size: 12px;
	margin-top: 11px;
}
#loginSection .leftBox{
	width: 440px;
	position:relative;
}
#loginSection .leftBox .borderBox{

}

#loginSection .inner {
	width: 400px;
	margin: 0 auto;
	background-color: #f7f7f7;
	padding:10px 0 5px;
}
#loginSection .sheet{
	width: 360px;
	margin: 0 auto 10px;
}
#loginSection .sheet th,
#loginSection .sheet td {
	background: none !important;
	padding: 8px 0;
}

#loginSection .submit {
	padding:0;
}

#newEntry {
	background: url(/img/common/line_dot.gif) repeat-x 0 15px;
	padding-top:30px;
	margin:0;
}

#loginSection .rightBox ul {
	padding-top:6px;
	*padding-top: 7px;
	_padding-top:6px;
}

#loginSection .rightBox li,
#newEntry li{
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#loginSection .rightBox {
	width: 340px;
	position: relative;
}
#loginSection .rightBox .borderBox{
	padding-bottom: 20px;
}
#loginSection h2 {
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
}
#loginSection .leftBox h2 {
	background: url(/img/common/h_normal_login.gif) no-repeat 0 0;
}
#loginSection h2#fb {
	background: url(/img/common/h_fb_login.gif) no-repeat 0 0;
}
#loginSection h2#tw {
	background: url(/img/common/h_tw_login.gif) no-repeat 0 0;
}

/*==================================================================
	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;
}

#number {
	width: 710px;
	background-color: #E7E4DF;
}

#number ul {
	padding: 15px 0;
}

#number ul li {
	float: left;
	width: 230px;
}

#number ul li.lines {
	border-left: #968E81 1px solid;
	border-right: #968E81 1px solid;
}

#number ul li p {
	padding: 0 20px;
}

.jgtext {
	width: 420px;
}

#challenge_step {
	background: url(/img/challenge/challenge_step.gif) 0 0 no-repeat;
	width: 573px;
	height: 170px;
	margin: 0 auto;
	position: relative;
}

#npo_step {
	background: url(/img/about/npo_step.gif) 0 0 no-repeat;
	width: 573px;
	height: 190px;
	margin: 0 auto;
	position: relative;
}

#challenge_step div, #npo_step div {
	width: 140px;
	font-size: 11px;
}

#challenge_step div a, #npo_step div a {
	font-size: 10px;
}

#challenge_step #text1, #npo_step #text1 {
	position: absolute;
	top: 90px;
	left: 18px;
}

#challenge_step #text2, #npo_step #text2 {
	position: absolute;
	top: 90px;
	left: 235px;
}

#challenge_step #text3,#npo_step #text3 {
	position: absolute;
	top: 90px;
	left: 446px;
}

#pedigree_bnr {
	height: 50px;
	background: url(/img/csr/csr_pedigree.gif) 100% 50% no-repeat;
}

#seino_bnr {
	height: 50px;
	background: url(/img/csr/csr_seino.gif) 100% 50% no-repeat;
}

#chloe_bnr {
	height: 50px;
	background: url(/img/csr/csr_chloe.gif) 100% 50% no-repeat;
}

.fundtext {
	width: 410px;
}

.fundimg {
	width: 230px;
}

.fund_video {
	margin: 0 auto;
	width: 560px;
	padding-bottom: 20px;
}


#requestForms {
	display: none;
}

.section ul {
	margin-left: 1em;
}

.section ul li {
	list-style: inside disc;
}

.SearchBox {
	width: 270px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}

.searchText {
	position: absolute;
	left: 0;
	top: 0;
}

#contentsSearch {
	width:224px;
	height:24px;
	position: absolute;
	bottom: 5px;
	left: 0;
	background:url(/img/common/header_searchbox.gif) no-repeat 0 0;
}
#contentsSearch #q{
	width:190px;
	margin-left:25px;
	border:none;
	behavior: url("/common/js/PIE.htc");
	font-size:14px;
	padding-top:3px;
}
*:first-child+html #contentsSearch #q{
	margin-top:2px;
} 
#contentsSearch input:focus{
	background-color:#FFF !important;
	}
#submitButtonCt{
	position:absolute;
	bottom: 4px;
	right:0;
	}
	
	
.kifuBox {
	width: 228px;
}

.kifuBox p {
	text-align: left;
	padding: 5px 30px;
}

.k_line {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
}


#aboutJgj {
	padding-bottom: 6px;
	background: url("/img/common/bg_aboutjgj_bottom.gif") no-repeat 0 100%;
	margin-bottom:8px;
}
#aboutJgj ul {
	padding-bottom: 6px;
	background: url("/img/common/bg_aboutjgj_middle.gif") repeat-y 0 0;
	margin:0;
	padding: 0 1em;
	overflow: hidden;
}
#aboutJgj ul li {
	background: url(/img/common/line_dot.gif) repeat-x 0 0;
	margin-top: -1px;
	*zoom: 1;
	padding: 10px 0 10px;
	list-style: none;
}
#hAboutjgj {
	height: 31px;
	background-image: url("/img/common/h_aboutjgj.gif");
}

/*=================================================================
	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 h3#kajikawa {
	background-position:0 -267px;
}
#p-company #prof td h3#mizuno {
	background-position:0 -307px;
}

#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:7px;
}
.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
===================================================================*/

#sortList2 {
	border-bottom: #478003 2px solid;
}

#sortList2 li {
	width: 118px;
	float:left;
	margin-right: 2px;
}

#sortList2 li a {
	height: 26px;
	text-indent: -9999px;
	overflow:hidden;
	background-image: url(/img/list/sort_tab2.gif);
	display: block;
}
#sortList2 li#sort1 a:hover,
#sortList2 li#sort1 a.no {
	background-position: 0 -26px;
}
#sortList2 li#sort2 a {
	background-position: -120px 0;
}
#sortList2 li#sort2 a:hover,
#sortList2 li#sort2 a.no {
	background-position: -120px -26px;
}
#sortList2 li#sort3 a {
	background-position: -240px 0;
}
#sortList2 li#sort3 a:hover,
#sortList2 li#sort3 a.no{
	background-position: -240px -26px;
}
#sortList2 li#sort4 a {
	background-position: -360px 0;
}
#sortList2 li#sort4 a:hover,
#sortList2 li#sort4 a.no {
	background-position: -360px -26px;
}


#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;
}


/*==================================================================
	csr
===================================================================*/
.csrCase{
	width:100%;
}
.csrCase th,
.csrCase td{
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	padding:5px 0;
}
.csrCase td{
	text-align:right;
}

/*==================================================================
	donate
===================================================================*/
#p-donate .islBox .ybox{
	padding:10px;
	margin-bottom:20px;
	background-color:#FFC;
}
#p-donate .islBox h2{
	margin-bottom:10px;
}

/*==================================================================
	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;
}


/*==================================================================
	auto_thanks_comment
===================================================================*/

.thanksComment{
	background:#FFF1DC;
	padding: 10px 15px;
	border:2px solid #FFD6A4;
	 border-radius:5px;
    -moz-border-radius:5px;
	
	white-space:pre-line;

}