@charset "utf-8";

@import 'FeaturedContentSlider.css';
@import 'common.css';

/* ------------clearfix---------------- */
.edit #navigation:after,
.edit .inner dl:after,
#side .fan-list div:after,
#side ul li:after,
#wrap:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.edit #navigation,
.edit .inner dl,
#side .fan-list div,
#side ul li,
#wrap { display: inline-block; }

/* Hides from IE-mac \*/
* html .edit #navigation,
* html .edit .inner dl,
* html #side .fan-list div,
* html #side ul li,
* html #wrap { height: 1%; }

.edit #navigation,
.edit .inner dl,
#side .fan-list div,
#side ul li,
#wrap { display: block; }
/* End hide from IE-mac */

/*--------------------------------------*/

#pagebody {}

#head {
	height:50px;
	position:relative;
	width:100%;
}

#header_up {
	display:block;
	width:100%;	
	height:30px;
	clear:both;
}

#header_bottom{
	position:relative;
	width:100%;
	height:33px;
	display:block;
	margin-top:2px;
}

#head #header_bottom a span {
	background:transparent url(/images/mypage/mypage_header_hover0220.png) no-repeat scroll 0 0;
	height:33px;
	display:block;
	position:absolute;
	cursor:pointer;
	left:0px;
	top:0px;
	width:100%;
}

#head h2 {
	margin-left: 30px;
	font-size: 170%;
	color: #515151;
	display: inline;
	vertical-align: middle;
	line-height: 60px;
}

#head #header_up ul {
	display: block;
	height: 22px;
	position: absolute;
	right: 0px;
	margin-right:5px;
	top:34px;
}

#head #header_up ul li{
	float:left;
	padding-left:1em;
	_padding-top:4px;
}

#head #header_bottom li{
	float:left;
	display:block;
	height:33px;
	overflow:hidden;
	position:relative;
}

#head #rogin {
	display: block;
	line-height: 15px;
	color: #828282;
	text-indent:1.4em;
	background:transparent url(/images/mypage/arrow2.png) no-repeat scroll 0 0px;
	display:block;
	height:15px;
	width:72px;
}

#head a#rogin:hover {
	background-position:0px -15px;
	color:#c7d4ef;
}

#head a#other_view {
	display: block;
	line-height: 15px;
	color: #828282;
	text-indent:1.4em;
	background:transparent url(/images/mypage/arrow1.png) no-repeat scroll 0 0px;
	display:block;
	height:15px;
	width:150px;
}

#head ul li a#other_view:hover{
	background-position:0px -15px;
	color:#fdc049;
}

#head #login {
	display: block;
	line-height: 15px;
	color: #828282;
	text-indent:1.4em;
	background:transparent url(/images/mypage/arrow1.png) no-repeat scroll 0 0px;
	display:block;
	height:15px;
}

#head ul li a#login:hover {
	background-position:0px -15px;
}

#head #header_bottom a {
	height:33px;
	overflow:hidden;
	display:block;
}

#head #header_bottom .mypage a,#header_bottom .mypage {width:107px;}
#head #header_bottom .donation_history a,#header_bottom .donation_history {width:98px;}
#head #header_bottom .favorite_project a,#header_bottom .favorite_project {width:154px;}
#head #header_bottom .fan_list a,#header_bottom .fan_list {width:102px;}
#head #header_bottom .messages a,#header_bottom .messages {width:95px;}
#head #header_bottom .favorite_blog a,#header_bottom .favorite_blog {width:129px;}
#head #header_bottom .profile_change a,#header_bottom .profile_change {width:141px;}
#head #header_bottom .info_change a,#header_bottom .info_change {width:122px;}

#head #header_bottom .mypage a span {background-position: 0 top;}
#head #header_bottom .donation_history a span {background-position: -107px top;}
#head #header_bottom .favorite_project a span{background-position: -207px top;}
#head #header_bottom .fan_list a span{background-position: -361px top;}
#head #header_bottom .messages a span {background-position: -463px top;}
#head #header_bottom .favorite_blog a span {background-position: -558px top;}
#head #header_bottom .profile_change a span {background-position: -687px top;}
#head #header_bottom .info_change a span {background-position: -828px top;}

#head #header_bottom .mypage a:active span,#head #header_bottom .mypage a:focus span,#head #header_bottom .mypage a:hover span {background-position:0 -37px;}
#head #header_bottom .donation_history a:active span,#head #header_bottom .donation_history a:focus span,#head #header_bottom .donation_history a:hover span {background-position:-107px -37px;}
#head #header_bottom .favorite_project a:active span,#head #header_bottom .favorite_project a:focus span,#head #header_bottom .favorite_project a:hover span {background-position:-207px -37px;}
#head #header_bottom .fan_list a:active span,#head #header_bottom .fan_list a:focus span,#head #header_bottom .fan_list a:hover span {background-position:-361px -37px;}
#head #header_bottom .messages a:active span,#head #header_bottom .messages a:focus span,#head #header_bottom .messages a:hover span {background-position:-463px -37px;}
#head #header_bottom .favorite_blog a:active span,#head #header_bottom .favorite_blog a:focus span,#head #header_bottom .favorite_blog a:hover span {background-position:-558px -37px;}
#head #header_bottom .profile_change a:active span,#head #header_bottom .profile_change a:focus span,#head #header_bottom .profile_change a:hover span {background-position:-687px -37px;}
#head #header_bottom .info_change a:active span,#head #header_bottom .info_change a:focus span,#head #header_bottom .info_change a:hover span {background-position:-828px -37px;}

#shead {
	width: 100%;
	position: relative;
}

#s_head_top {
	position:relative;
	width:100%;
	display:block;
	margin-top:2px;
}

//#shead #s_head_top a span {
	background: url(/images/mypage/supporter_header_hover.png) no-repeat;
	height:33px;
	display:block;
	position:absolute;
	cursor:pointer;
	left:0px;
	top:0px;
	width:100%;
}

#shead #s_head_top ul li{
	float:left;
	display:block;
	height:33px;
	overflow:hidden;
	position:relative;
}


#shead #s_head_bottom {
	display:block;
	height:30px;
	width:100%;
}

#shead #s_head_top .s_top a,#shead #s_head_top .s_top {width:107px;}
#shead #s_head_top .s_history a,#shead #s_head_top .s_history {width:113px;}
#shead #s_head_top .s_project a,#shead #s_head_top .s_project {width:181px;}
#shead #s_head_top .s_fanlist a,#shead #s_head_top .s_fanlist {width:113px;}
#shead #s_head_top .s_blog a,#shead #s_head_top .s_blog {width:142px;}
#shead #s_head_top .add_fanlist a,#shead #s_head_top .add_fanlist {width:156px;}
#shead #s_head_top .s_messages a,#shead #s_head_top .s_messages {width:138px;}


#shead #s_head_top .s_top a span {background-position: 0 top;}
#shead #s_head_top .s_history a span {background-position: -107px top;}
#shead #s_head_top .s_project a span{background-position: -220px top;}
#shead #s_head_top .s_fanlist a span{background-position: -401px top;}
#shead #s_head_top .s_blog a span {background-position: -514px top;}
#shead #s_head_top .add_fanlist a span {background-position: -656px top;}
#shead #s_head_top .s_messages a span {background-position: -812px top;}


#shead #s_head_top .s_top a:active span,#shead #s_head_top .s_top a:focus span,#shead #s_head_top .s_top a:hover span {background-position:0 -33px;}
#shead #s_head_top .s_history a:active span,#shead #s_head_top .s_history a:focus span,#shead #s_head_top .s_history a:hover span {background-position:-107px -33px;}
#shead #s_head_top .s_project a:active span,#shead #s_head_top .s_project a:focus span,#shead #s_head_top .s_project a:hover span {background-position:-220px -33px;}
#shead #s_head_top .s_fanlist a:active span,#shead #s_head_top .s_fanlist a:focus span,#shead #s_head_top .s_fanlist a:hover span {background-position:-401px -33px;}
#shead #s_head_top .s_blog a:active span,#shead #s_head_top .s_blog a:focus span,#shead #s_head_top .s_blog a:hover span {background-position:-514px -33px;}
#shead #s_head_top .add_fanlist a:active span,#shead #s_head_top .add_fanlist a:focus span,#shead #s_head_top .add_fanlist a:hover span {background-position:-656px -33px;}
#shead #s_head_top .s_messages a:active span,#shead #s_head_top .s_messages a:focus span,#shead #s_head_top .s_messages a:hover span {background-position:-812px -33px;}


#shead #s_head_bottom ul {
	background-color:#F8F8F8;
	display: block;
	height: 22px;
	position: absolute;
	right: 0px;
	padding:5px;
	margin-right:5px;
	top:34px;
}

#shead h2 {
	margin-left: 30px;
	font-size: 170%;
	color: #515151;
	display: inline;
	vertical-align: middle;
	line-height: 60px;
}



#shead #rogin {
	display: block;
	line-height: 22px;
	background: url(/images/mc_button_1.png) no-repeat left center;
	text-indent: 30px;
	color: #828282;
}

#contents {
	width: 556px;
	float: right;
	background-color: #FFF;
}

#card {
	position: relative;
	margin: 10px auto;
	width: 507px;
	height: 293px;
	background: url(/images/mycard_sample.png) no-repeat;
	}

#card dl {
	position: absolute;
}

#card dl dd {
	display: block;
	font-style: normal;
	font-weight: lighter;
	}

#card dl dt {
	display: none;
	}

#img		{ left: 325px; top: 99px; }
#name		{ left: 140px; top: 22px; }
#birthDay	{ left: 368px; top: 22px; }
#pref		{ left: 140px; top: 42px; }
#hobby		{ left: 140px; top: 62px; }
#occupation { left: 368px; top: 42px; }
#issue		{ left: 140px; top: 82px; }
#id			{ left: 140px; top: 102px; }
#donation	{
	display: block;
	width: 46px;
	text-align: right;
	left: 225px;
	top: 163px;
	}

#card .genre dt {
	display: none;
}

#card .genre {
	position: absolute;
	top: 187px;
	width:11px;
	text-align:center;
}

#card .cate01	{ left: 35px; }
#card .cate02	{ left: 61px; }
#card .cate03	{ left: 88px; }
#card .cate04	{ left: 114px; }
#card .cate05	{ left: 141px; }
#card .cate06 	{ left: 167px; }
#card .cate07	{ left: 194px; }
#card .cate08	{ left: 220px; }
#card .cate09 	{ left: 246px; }
#card .cate010 	{ left: 273px; }

#view {
	left:320px;
	top:230px;
	font-size:10px;
}

#contents .unit {
	margin: 15px 0;
}

.freeArea {
	width: 498px;
	position:relative;
	overflow:hidden;
}

.freeArea h3 {
	display: block;
	width: 498px;
	height: 29px;
	position: relative;
	line-height: 29px;
	text-indent: 60px;
	background: url(/images/mp_freeArea_ttl.png) no-repeat;
}

.freeArea .update {
	position: absolute;
	left: 350px;
	top: 0;
}

#side {
	width: 394px;
	float: left;
	padding-bottom: 30px;
}

#side .unit {
	margin: 20px auto 0;
	width: 356px;
	padding-bottom: 32px;
	background: #FFF url(/images/mp_unit_btm.png) no-repeat bottom;
	position: relative;
}

#side .unit h4 {
	display: block;
	width: 356px;
	height: 34px;
	line-height: 34px;
	text-indent: 10px;
	background: url(/images/boking_banner_top.png) no-repeat;
}

#side ul {
	position: relative;
}

#side ul li {
	padding: 10px 5px;
}

#side .edit_btn {
	display: block;
	width: 11em;
	height: 23px;
	line-height: 23px;
	background: url(/images/unit_sub_btn_c.png) repeat-x bottom;
	position: absolute;
	bottom: 3px;
	right: 20px;
	color: #333;
}

#side .edit_btn span {
	display: block;
	background: url(/images/unit_sub_btn_r.png) no-repeat right bottom;
}

#side .edit_btn span span {
	display: block;
	height: 23px;
	background: url(/images/unit_sub_btn_l.png) no-repeat left bottom;
	text-align: center;

}

#side .fan-list span.odd,
#side ul li.odd {
	background-color: #f1f1f1;
}

.favorite ul li img,
.history ul li img {
	float: left;
	border: 3px #ccc solid;
}

.history ul li div {
	width: 269px;
	float: left;
	margin-left: 5px;
}


.favorite ul li div {
	width: 269px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}
.favorite ul li div.modest {
	color:#999999;
}

#fanlist #menu li a{
	display: block;
	margin-top:10px;
	padding:0 5px;
}	

#fanlist #menu li a,#donatelist #menu li a,#favoritelist #menu li a{
	display: block;
	margin-top:10px;
	padding:0 5px;
}	



#li-fanlist a{
	color:#7295ed;
	border-bottom:solid 1px;
}

#li-projectlist a {
	color:#26b909;
	border-bottom:solid 1px;
}


.fan-list div span {
	float: left;
	width: 108px;
	padding: 10px 5px;
	text-align: center;
}


#foot {
	width: 100%;
	height: 57px;
	background: url(/images/mp_foot_bg.png) no-repeat;
	clear: both;
}


/*
=2.MyMyPage CSS
---------------------------------------------------------------------------------- */
#contents .section {
	width: 518px;
	margin: 20px auto;
}

#contents .section h4 {
	width: 518px;
	height: 27px;
	line-height: 27px;
	background: url(/images/mp_section_top.png) no-repeat;
	text-indent: 15px;
}

#contents .section table {
	width: 517px;
	border: 1px #CCC solid;
	border-top: none;
	margin-left: 1px;
}

#contents .section table tr.unread { font-weight: bold; }
#contents .section table tr.odd { background-color: #f0f5ff; }
#contents #mbox table td.c1 { width: 30%; padding-left: 10px; }
#contents #mbox table td.c2 { width: 55%; }
#contents #mbox table td.c3 { width: 15%; }
#contents #favorite table td.c1 { width: 90%; padding-left: 10px; }
#contents #favorite table td.c2 { width: 10%; }

#contents .section table tr.option td {
	text-align: right;
	padding-right: 15px;
	background-color: #fff;
}

#contents #edit_menu {
	margin: 10px 0;
	text-align: center;
}

#contents #edit_menu li {
	display: inline;
	margin: 0 20px;
}

/*
=2.編雁E?≫面用CSS
---------------------------------------------------------------------------------- */
.edit #hintBox {
	margin: 20px;
}

.edit #menu {
	margin: 50px 0 0 20px;
	width: 130px;
	float: left;
	font-size:12px;
}

.edit #main {
	width: 750px;
	float: left;
}

.profile #hintBox img {
	vertical-align: middle;
	margin-right: 5px;
}

.pass_confirm #wrap {
	height: 500px;
	min-height: 500px;
}

.pass_confirm .unit {
	width: 400px;
	margin: 160px 0 0 50px;
}

.pass_confirm .unit p {
	margin-bottom: 20px;
}

.history table {
	margin-left: 15px;
	border-collapse: separate;
	border-bottom: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}

.history table th {
	text-align: left;
	height: 30px;
	background: url(/images/unit_ttl_b.png) repeat-x bottom;
	border-bottom: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	vertical-align: middle;
	color: #FFF;
	text-indent: 10px;
}

.history table tr td {
	padding: 3px 8px;
	background-color: #edf3fe;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #E8F0FF;
	border-top: 1px solid #E8F0FF;
	border-right: 1px solid #FFF;
}

.history table tr.odd td {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#menu {
	width: 200px;
	float: left;
}

#fanlist ul#fans {
	margin: 10px;
	float: left;
}

#fanlist ul#fans li {
	border:1px solid #E8E8E8;
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	padding: 10px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#fanlist ul#fans li.odd {
	background-color: #EDF3FE;
}

#fanlist ul#fans li a {
	display: block;
}

#fanlist .edit_btn {
	display: block;
	width: 67px;
	height: 23px;
	margin: 5px auto;
	padding: 2px 0 0 4px;
	background: url(/images/edit_btn.png) no-repeat;
	color: #666;
	font-size: 110%;
}

.edit input,
.edit select,
.edit label {
	vertical-align: middle;
}

.edit label {
	margin-left: 5px;
}

.edit textarea {
	width: 600px;
	height: 300px;
	margin-top: 10px;
	font: inherit;
}

.edit .section {
	width: 750px;
	padding: 10px;
}

.edit .section h3 {
	display: block;
	width: 750px;
	height: 27px;
	margin-bottom: 20px;
	line-height: 27px;
	font-size: 130%;
	text-indent: 15px;
	border-bottom: 1px #CCC solid;
}

.edit .inner dl {
	width: 750px;
}

.edit .inner dl dt {
	float: left;
	width: 100px;
	height: 50px;
	padding: 10px;
}

.edit .inner dl dd {
	float: left;
	width: 609px;
	padding: 10px;
}

#navigation {
	margin: 20px 0 0 240px;
	width: 360px;
	clear: both;
}

#navigation span.button {
	display: block;
	width: 153px;
	height: 39px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
	position: relative;
}

#navigation span.button a {
	display: block;
	width: 153px;
	height: 39px;
	background-position: left;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

#navigation span.button a#submit { background-image: url(/images/mp_submit_edit.png); }
#navigation span.button a#cancel { background-image: url(/images/mp_cancel_edit.png); }

#navigation span.button a:hover { background-position: center; }
#navigation span.button a:active { background-position: right; }

.jquery-checkbox {
cursor:pointer;
display:inline;
vertical-align: middle;
font-size:20px;
line-height:20px;
}
.profile .jquery-checkbox {
margin: 0 20px;
}
.jquery-checkbox .mark {
display:inline;
}
.jquery-checkbox img {
height:20px;
vertical-align:middle;
width:60px;
}
.jquery-checkbox img {
background:transparent url(/images/checkbox.png) no-repeat scroll 0 0;
}
.jquery-checkbox img {
background-position:0 0;
}
.jquery-checkbox-hover img {
background-position:0 -20px;
}
.jquery-checkbox-checked img {
background-position:0 -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
background-position:0 -60px;
}
.jquery-checkbox-disabled img {
background-position:0 -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img {
background-position:0 -100px;
}

#popup {
	padding: 10px;
	background-color: #FFF;
	border: 7px #bdcad8 solid;
}

#popup table {
	width: 100%;
	height: 100%;
}

#popup_main {
	margin-left: 10px
}

#popup_main li {
	display: block;
	line-height: 2;
}

#popup_main li.odd {
	display: block;
	background-color: #F5F5F5;
}


.validatebox{
color:#FF5555;
font-size:90%;
}

/*--------------donatelist--------------*/

ul#menu li {
	display: block;
	margin-top:10px;
	padding:0 5px;
	line-height:2em;
}

#li-donatelist a{
	color:#ed686d;
	border-bottom:1px solid;
}

#donatelist table.ini,#donatelist table.eve {
	margin: 5px auto;
}

.section table.ini,.section table.eve {
	margin: 5px auto;
}

table.donations {
	margin:0 auto;
	text-align:center;
}

table.ini {
	background:url(/images/red-bg.png) no-repeat;
	width:672px;
	height:142px;
	display:block;
}

table.eve {
	background:url(/images/blue-bg.png) no-repeat;
	width:672px;
	height:142px;
	display:block;
}

.floatingl{
	float:left;
	padding:19px;
}

.floatingr{
	float:right;
	padding-right:5px;
	width:120px;
	font-size:10px;
	font-weight:normal;
}

.donate_detail {
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	/line-height:14px;
	padding-top:5px;
}

a.send_button {
	background:transparent url(/images/mypage/message_sendingbutton.png) no-repeat scroll 50% 0;
	height:20px;
	margin-left:10px;
	margin-right:10px;
	width:100px;
}

a.send_button:hover {
	background-position:0 -20px;
}

.send_button span {
	display:none;
}


/* supporter page neighbour section*/

.neighbour-supporter{
	border:1px solid #CCCCCC;
	padding:5px;
	width:240px;
}
.neighbour-supporter_lft{
	margin:10px 6px 0px 15px;
	/margin:10px 6px 0px 10px;
	float:left;
	background:url(/images/mypage/left_arrow.png);
	height:81px;

}
.neighbour-supporter_rgt{
	margin:10px 14px 0px 6px;
	/margin:10px 10px 0px 6px;
	float:right;
	background:url(/images/mypage/right_arrow.png);
	height:81px;
}

a.neighbour-photo{
	display:block;
	float:left;
	width:64px;
	height:64px;
	padding-top:3px;
}

.neighbour-photo img{
	margin: auto 0;
}

.detail-profile{
	display:block;
	margin-left:73px;
	overflow:hidden;
	width:144px;
}

.detail-message{
	color:#777;
	display:block;
	_margin-top:-55px;
	font-size:10px;
	margin-left:73px;
	overflow:hidden;
	width:165px;
}
a.continue, a:visited.continue{
	display:block;
	float:right;
	font-size:10px;
	margin-left:73px;
}



/*     clearfix      */

#neighbour:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#s_head_top .neighbour-supporter h3 {
	background-color:#fffbb3;
	text-indent:5px;
}

#supporter_me {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:url(/images/mypage/nameplate_support4.png);
	float:left;
	margin-top:10px;
	text-align:center;
	width:402px;
	height:92px;
	border:1px solid #FFFFFF;
}

#log_users img{
	display:none;
}

#supporter_me #fan_status {
	display:block;
	font-size:10px;
}

#fan_status img {
	vertical-align:middle;
}

#whos_supporter {
	font-size:1.5em;
	margin-bottom:3px;
	letter-spacing:0.05em;
	overflow:hidden;
	margin-top:10px;
}

#whos_supporter b{
	color:#f78a2f;
	font-size:20px;
}

#support_head {
	display:block;
}

#log_users {
	font-size:80%;
	float:left;
	display:block;
	margin-left:10px;
	margin-top:7px;
}

#message_status img{
	vertical-align:middle;
}

#log_users img {
	vertical-align:middle;
	
margin-left:45px;
}