@charset "UTF-8";
/*==================================================================
	main
===================================================================*/
#main{
	float:left;
	width:660px;
}

#main #detailSection{
	background:url(/img/detail/bg_detail.gif) no-repeat 0 100%;
	margin:0 0 15px 0;
}
#main #detailSection .inner{
	background:url(/img/detail/bg_detail_top.gif) no-repeat 0 0;
	padding:20px 15px;
}
#main #detailSection h1{
	background:url(/img/detail/man.gif) no-repeat 0 50%;
	padding:0 0 0 40px;
	font-weight:bold;
	font-size:26px;
	color:#f60;
	margin:0 0 10px 0;
}
#main #detailSectionPhrase{
	background:#fff;
	padding:7px 10px;
	font-size:14px;
	margin:0 0 10px 0;
}
#detailSectionPhrase ul {
	background:url(/img/common/line.gif) repeat-x 0 100%;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}
#detailSectionPhrase ul li{
	line-height:180%;
	font-size:12px;
}
#detailSectionPhrase ul li span{
	background:#F66;
	padding:3px 5px;
	color:#fff;
	font-weight:bold;
	margin:0 5px 0 0;
}
.henshu{
	text-align:right;	
	margin:10px 0 0;
}
.henshu a{
	background:url(/img/icon/henshu2.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
}
/*wrapInfo*/
#wrapInfo{
	border:1px solid #7B766E;
	background:#F3F2F1;
	padding:2px;
	margin:0 0 15px 0;
}
#wrapInfoIn{
	border:1px solid #DBDAD7;
	padding:10px 10px 0;
	*padding:10px;
	background:#fff;
}

#wrapInfoIn .leftBox{
	width:255px;
}
#wrapInfoIn .rightBox{
	width:335px;
}
#wrapInfoIn .rightBox h2{
	background:url(/img/detail/t_perc.gif) no-repeat 0 0;
	width:223px;
	height:34px;
	text-indent:-5000px;
	margin:0 0 5px 0;
}
.graph { 
        position: relative; /* IE is dumb */
		background:#eee;
    }
.graph .bar { 
        display: block;
        position: relative;
        background: #f90; 
        text-align: center; 
       color: #333; 
        height:62px;
		line-height:70px;
		font-size:20px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		
    }
.graph .bar2{
	 display: block;
        position: relative;
        background: #f90; 
        text-align: center; 
        color: #333; 
        height:62px;
		line-height:70px;
		font-size:20px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
}
.graph3{
	background:#F90;	
	 display: block;
    background: #f90; 
        text-align: center; 
        color: #333; 
        height:62px;
		line-height:70px;
		font-size:30px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
}
	
.graph .bar span { 
		position: absolute; left: 1em; }

/*detailInfoSection*/
#detailInfoSection{
	background:	url(/img/detail/bg_detailinfo.gif) no-repeat 0 0;
	margin:0 0 15px 0;
	padding:13px;	
	height:74px;
	width:254px;
}
#detailInfoSection dt,
#detailInfoSection dd{
	float:left;
	margin:0 0 5px 0;
}
#detailInfoSection dt{
	width:125px;
	height:16px;
	text-indent:-5000px;
}
#detailInfoSection dd{
	text-align:right;
	width:125px;
}
#detailInfoSection dd span{
	color:#C00;
	font-weight:bold;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 5px 0 0;
}
#detailInfoSection #ninzuTitle{
	background:url(/img/detail/t_ninzu.gif) no-repeat 0 0;
}
#detailInfoSection #kingakuTitle{
	background:url(/img/detail/t_kihu.gif) no-repeat 0 0;
}
#detailInfoSection #mokuhyoTitle{
	background:url(/img/detail/t_mokuhyo.gif) no-repeat 0 0;
}

.percArea{
	width:330px;
	height:40px;
	background:#f90;
	text-align:center;
	padding:20px 0 0 0;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#percBox0{
	background:url(/img/detail/graph0.gif) no-repeat 0 0;
}
#percBox10{
	background:url(/img/detail/graph10.gif) no-repeat 0 0;
}
#percBox20{
	background:url(/img/detail/graph20.gif) no-repeat 0 0;
}
#percBox30{
	background:url(/img/detail/graph30.gif) no-repeat 0 0;
}
#percBox40{
	background:url(/img/detail/graph40.gif) no-repeat 0 0;
}
#percBox50{
	background:url(/img/detail/graph50.gif) no-repeat 0 0;
}
#percBox60{
	background:url(/img/detail/graph60.gif) no-repeat 0 0;
}
#percBox70{
	background:url(/img/detail/graph70.gif) no-repeat 0 0;
}
#percBox80{
	background:url(/img/detail/graph80.gif) no-repeat 0 0;
}
#percBox90{
	background:url(/img/detail/graph90.gif) no-repeat 0 0;
}
#percBox100{
	background:url(/img/detail/graph100.gif) no-repeat 0 0;
	color:#fff;
}
#percBoxover{
	background:url(/img/detail/graphover.gif) no-repeat 0 0;
	color:#fff;
}

/*recommendSection*/
#recommendSection .inner,
#commentSection .inner{
	padding:0 20px;
}

/*teamCharity*/
#teamCharity h2{
	background:url(/img/detail/headline.gif) no-repeat 0 -116px;
	text-indent:-5000px;
	height:37px;
}
.teamSec{
	margin-bottom:10px;
}
.teamSec .leftBox{
	width:130px !important;
	height:27px;
	background:url(/img/detail/bg_team_donate.gif) no-repeat 0 0;
	text-align:center;
	padding-top:30px;
}
.teamSec .leftBox span{
	font-weight:bold;
	color:#CC0000;
	font-size:26px;
	margin-right:3px;
}
.teamSec .rightBox{
	width:470px !important;
}
.teamSec .rightBox p{
	margin-bottom:10px;
}
.teamSec .rightBox li{
	float:left;
	margin-right:5px;
	text-align:center;
}
.teamSec .rightBox li img{
	width:30px;
}


#recommendSection h2{
	background:url(/img/detail/headline.gif) no-repeat 0 0;
	text-indent:-5000px;
	height:39px;
	margin:0 0 15px 0;
}
#recommendSection input{
	margin:0 0 5px 0;
}
#recommendSection p{
	_margin:0 0 10px 0;
}
#recommendSection p img{
	vertical-align:middle;
	padding:0 10px 0 0;
}
/*commentSection*/
#commentSection h2{
	background:url(/img/detail/headline.gif) no-repeat 0 -39px;
	text-indent:-5000px;
	height:39px;
	margin:0 0 15px 0;
}
#commentAll{
	width:580px;
	padding:10px;
	margin:0 auto 15px auto;
	border:5px solid #FFE8EA;
}
#commentAll th{
	text-indent:-5000px;
	background:url(/img/detail/t_comment.gif) no-repeat 0 0;
	height:27px;
	width:274px;
}
#commentAll table{
	margin:10px 0 10px 0;
}
#commentSection .supporterBox{
	float:left;
	width:540px;
	margin:0 0 15px 0;	
}
#commentAll .submit{
	margin-bottom:0;
}
.supporterBox .supporterIn{
	background:url(/img/detail/bg_supporter.gif) no-repeat 0 100%;
}
.supporterBox .supporterIn2{
	background:url(/img/detail/bg_supporter_top.gif) no-repeat 0 0;
	padding:10px 15px;
}
#commentSection .thxBox{
	float:right;
	width:540px;
	margin:0 0 15px 0;
	
}
.thxBox .thxIn{
	background:url(/img/detail/bg_thx.gif) no-repeat 0 100%;
}
.thxBox .thxIn2{
	background:url(/img/detail/bg_thx_top.gif) no-repeat 0 0;
	padding:10px 15px;
}
.commentSection{
	font-weight:bold;
	font-size:14px;
}
.supporterBox .commentSection{
	color:#F60;
}
.thxBox .commentSection{
	color:#063;
}
#commentSection table{
	width:100%;
}
#commentSection table h3{
	font-weight:bold;
	margin:0 0 5px 0;
}
#commentSection table h3 span{
	font-weight:normal;
}
#commentSection table img{
	border:1px solid #ccc;
	padding:1px;
}
.commentMoney span{
	color:#C00;
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 5px 0 0;
}


/*kifuBtn*/
.kifuBtn{
	margin:0 auto 15px auto;
	width:220px;
	display:block;	
}
#thxBtn img{
	padding:0 10px 0 0;
}
.kifuBtn:hover,
#commentSection th a:hover img,
#recommendSection p a:hover img,
#thxBtn a:hover img,
#commentAll input:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

/*==================================================================
	sidebar
===================================================================*/
#sidebar{
	float:right;
	width:300px;
}

#sidebar #sideBox #tab{
	height:28px;
	width:300px;
	background:url(/img/detail/tab.gif) no-repeat 0 0;
}
#sidebar #sideBox #tab li{
	float:left;
	text-indent:-5000px;
}
#sidebar #sideBox #tab li#kihonJoho{
	width:90px;
	height:28px;
	}
#sidebar #sideBox #tab li#otherCharity{
	width:164px;
}
#sidebar #sideBox #tab li a{
	display:block;
	background:url(/img/detail/tab.gif) no-repeat;
	text-indent:-5000px;
}
#sidebar #sideBox #tab li#kihonJoho a{	
	width:90px;
	height:28px;
	background-position: 0 0;	
	}
#sidebar #sideBox #tab li#kihonJoho a:hover{
	background-position: 0 -28px;
}
#sidebar #sideBox #tab li#otherCharity a{
	display:block;
	width:164px;
	height:28px;
	background-position: -90px 0;
}
#sidebar #sideBox #tab li#otherCharity a:hover{
	background-position: -90px -28px;
}
#sidebar #sideBox{
	background:url(/img/detail/bg_id.gif) no-repeat 0 100%;
	margin:0 0 15px 0;
}

/*idArea*/
#sidebar #idArea {
	margin:0 0 10px 0;
	background:url(/img/detail/border.gif) no-repeat 0 100%;
	padding:10px 0 15px;
}

#sidebar #idArea table{
	width:240px;
	margin:0 auto 10px auto;
}
#sidebar #idArea th,
#sidebar #idArea td{
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
}
#sidebar #idArea th{
	padding:0 10px 0 0;
}
#sidebar #idArea table th#idAreatd{
	padding:0 0 5px 0;
	*padding:0 0 10px 0;
}
#sidebar #idArea h2{
	font-weight:bold;
	background:url(/img/icon/man.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
}
#sidebar #charityName{
	background:none !important;
	font-size:20px;
	font-weight:bold;
	color:#f60;
	margin:0;
	
}
#sidebar #idArea th{
	width:60px;
}
#sidebar #idArea th img{
	border:1px solid #ccc;
	padding:1px;
}
#sidebar #idArea ul li img{
	padding:0 3px 0 0;
}

#sidebar #idArea dt,
#sidebar #idArea dd{
	display:inline;
}
#sidebar #idArea dt{
	font-weight:bold;
	background:url(/img/icon/flower2.gif) no-repeat 0 50%;
	padding:5px 0 5px 22px;
}
#sidebar #kifusakiBox{
	background:url(/img/detail/bg_kifu.gif) no-repeat 0 100%;
	margin-bottom:15px;
}
#sidebar #kifusakiBox h4{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
#sidebar #kifusakiBox p{
	padding:0 15px 10px 15px;
}
#sidebar #kifusakiBox a img{
	width:180px;
	text-align:center;
}
#sidebar #kifusakiBox h3{
	background:url(/img/detail/h_kifu.gif) no-repeat 0 0;
	height:45px;
	text-indent:-5000px;
	margin-bottom:5px;
}
#shokai{	
	margin:0 auto 10px auto;
	width:240px;
	background:url(/img/detail/bg_commentbg.gif) no-repeat 0 100%;
	
}
#shokai .inner{
	background:url(/img/detail/bg_comment_top.gif) no-repeat 0 0;
	padding:18px 10px 10px;
}
/*otherCharityArea*/
#otherCharityArea h2{
	background:url(/img/detail/headline.gif) no-repeat 0 -78px;
	text-indent:-5000px;
	height:38px;
	margin:0 0 10px 0;
}
#otherCharityArea li{
	line-height:140%;
	margin:0 0 5px 0;
}
#otherCharityArea ul{
	margin:0 0 10px 0;
}
#otherCharityArea ul.list li{
	background:url(/img/icon/arrow.gif) no-repeat 0 9px;
	padding: 0 0 0 10px;
}
#otherCharityArea li img{
	padding:0 5px 0 0;
}
#otherCharityArea p{
	text-align:right;
}
#otherCharityArea p a{
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
}

.tagName a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

/*==================================================================
	7: hacks setting
===================================================================*/
#sidebar #sideBox #tab:after,
.teamSec:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sidebar #sideBox #tab,
.teamSec{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #sidebar #sideBox #tab,
* html .teamSec {
	height: 1%;
}
#sidebar #sideBox #tab,
.teamSec{
	display: block;
}



/* ------------------------------------------------------------------
	challenge_menu
-------------------------------------------------------------------*/


#p-mypage #main {
	float:none;
	width:780px;
	margin:auto;
}

#p-mypage #main #categoryBox {
	width:660px;
	margin:20px auto;
}

#p-mypage #main .headline2 {
	background:url("/img/common/headline2.gif") repeat-x 0 0;
}

#p-mypage #wrapInfoIn .leftBox {
	width:325px;
}

#p-mypage #main #detailInfoSection dd {
	width:200px;
}

#p-mypage #detailInfoSection {
	background:url("/img/mypage/bg_body2.gif") no-repeat  0 0;
}


#p-mypage .shienDantai img {
	vertical-align:text-top;
}

#p-mypage .shienDantai {
	margin-bottom:5px;
}


#p-mypage .shienDantai a {
	color:#FF9900;
	font-size:11px;
	vertical-align:top;
}


#p-mypage .shienDantai .challengeTitle {
	background:#FFF url(/img/icon/icon_challenge.gif) 0 0% no-repeat;
	padding-left:25px;
	font-weight:bold;
	font-size:130%;
	color:#FF6600;
	vertical-align:bottom;
}

.commentSmall{
	padding:5px 0;
	font-size:11px;
}