/*------------------
ペパ研お産合宿
2007.11.5
------------------*/



.kekka {
	border: 2px solid #FF3355;
	margin: 20px 0;
	padding: 20px 20px 20px 20px;
	position: relative;
	}

.kekka-title {
	text-align: center;
	margin: 10px 0 20px 0;
	}

.taihenyoku {
	top: 80px;
	left: 345px;
	width: 83px;
	height: 80px;
	position: absolute;
	}
.mousukoshi {
	top: 70px;
	left: 640px;
	width: 79px;
	height: 78px;
	position: absolute;
	}


.kekka h3 {
	font-size: 14px;
	margin: 0 0 10px 0;
	}


td.umareta {
	width: 390px;
	padding: 0 20px 0 0;
	}

.umareta-service th {
	padding: 0 10px 20px 0;
	}
.umareta-service td {

	}
.umareta-service td p.s-title {
	margin: 15px 0 3px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bolder;
	}
.umareta-service td p.s-url {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}
.umareta-service td p.s-comment {
	margin: 10px 0;
	padding: 0;
	line-height: 16px;
	}


.etc {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #EEE;
	}

.etc .umareta-service td p.s-title {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bolder;
	color: #666;
	}
.etc .umareta-service td p.s-comment {
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	}



td.umarenakatta {
	padding: 0 0 20px 20px;
	border-left: 1px solid #CCC;
	}

td.umarenakatta dl {

	}
td.umarenakatta dt {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	color: #CC0099;
	border-top: 1px solid #EEE;
	}

td.umarenakatta dd {
	margin: 5px 0;
	}








#outer {
	width: 900px;
	margin: 20px auto 0 auto;
	}


#contents {
	width: 740px;
	}

#twitter {
	width: 140px;
	}


h2 {
	margin: 10px 0;
	}

.pagetitle {
	width: 740px;
	}

.box {
	margin: 0 0 0px 0;
	}

.title {
	margin: 10px 0 10px 0;
	}


/* Ustream */
#ustream {
	width: 420px;
	margin: 0 0 10px 0;
	}

/* ラジオ */
#radio {
	width: 420px;
	}
.radio-link {
	background: #EEE;
	text-align: center;
	margin: 0 0 0 0;
	padding: 30px 0;
	}
	.radio-link a {
		color: #990000;
		font-size: 16px;
		font-weight: bolder;
		}



/* レポート */

#report {
	width: 420px;
	margin: 20px 0 0 0;
	}

.pager {
	text-align: center;
	margin: 0 0 10px 0;
	}


.moblog {
	margin: 0 0 0 10px;
	width: 185px;
	float: left;
	}


.moblog-date {
	margin: 0;
	font-size: 11px;
	font-family: arial;
	}
.moblog-title {
	margin: 0 0 0 0;
	font-size: 14px;
	}

.moblogkun-entry {
	margin: 0 0 20px 0;
	}
	.moblogkun-entry img {
		width: 176px !important;
		height: 144px !important;
		border-top: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		margin: 5px 0;
		padding: 3px;
		}
	.moblogkun-entry p {
		text-align: left;
		margin: 0;
		padding: 0;
		line-height: 18px;
		}


/* 概要 */

#about {
	width: 420px;
	margin: 0 0 20px 0;
	}

#about h4 {
	font-size: 13px;
	margin: 15px 0 5px 0;
	padding: 0 0 0 0;
	}


#about p {
	text-indent: 1em;
	margin: 0.5em 0;
	padding: 0 0 0 0;
	}
#about table {
	margin: 0 0 0 10px;
	}





/* コスト */

#cost {
	margin: 0 0 20px 0;
	}

table.cost {
	width: 420px;
	}
	table.cost th {
		text-align: left;
		border-bottom: 1px solid #CCC;
		padding: 3px 10px;
		}
	table.cost td {
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 3px 10px;
		text-align: right;
		white-space: nowrap;
		}

	table.cost tr.total th {
		border-top: 2px solid #CCC;
		border-bottom-style: solid;
		text-align: right;
		color: #CC0000;
		}
	table.cost tr.total td {
		border-top: 2px solid #CCC;
		border-bottom-style: solid;
		color: #CC0000;
		}

	table.cost tr.one th {
		border-bottom: none;
		text-align: right;
		}
	table.cost tr.one td {
		border-bottom: none;
		}


/* スケジュール */

#schedule {
	width: 300px;
	margin: 20px 0 20px 0;
	}

table.day {
	width: 300px;
	border-top: 1px solid #CCC;
	}
	table.day th {
		text-align: center;
		border-bottom: 1px solid #CCC;
		padding: 3px 3px 3px 3px;
		font-family: arial;
		}
	table.day td {
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 3px 3px 3px 3px;
		}
		table.day td.num {
			font-family: arial;
			font-weight: bolder;
			text-align: center;
			}

	tr.rest {
		background: #faa4d2;
		}
	tr.night {
		background: #bdd8fd;
		}
	tr.morning {
		background: #e6f6c6;
		}




#second-contents {

	}


	#second-contents #section-left {
		width: 420px;
		float: left;
		}
	#second-contents #section-center {
		width: 300px;
		float: left;
		margin: 0 0 0 20px;
		}




#third-contents {

	}






/* list */

*list {
	width: 740px;
	margin: 0 0 10px 0;
	}

table.list {
	width: 740px;
	border: 10px solid #EEE;
	}
	table.list th {
		text-align: center;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background: #EEE;
		padding: 3px;
		}
		table.list th.noborder {
			border-left: none;
			}
	table.list td {
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 5px 10px;
		}
		table.list td.noborder {
			border-left: none;
			white-space: nowrap;
			}

	div.project-name {
		margin: 10px 0 10px 0;
		font-size: 18px;
		color: #FF3355;
		}
	
	div.bar-area {
		background: #333;
		position: relative;
		margin: 0 0 10px 0;
		}

		div.bar-area img {
			height: 17px;
			}

		div.bar-area img.p10 { width: 30px; }
		div.bar-area img.p20 { width: 60px; }
		div.bar-area img.p30 { width: 90px; }
		div.bar-area img.p40 { width: 120px; }
		div.bar-area img.p50 { width: 150px; }
		div.bar-area img.p60 { width: 180px; }
		div.bar-area img.p70 { width: 210px; }
		div.bar-area img.p80 { width: 240px; }
		div.bar-area img.p90 { width: 270px; }
		div.bar-area img.p100 { width: 300px; }

		div.bar-area img.percent {
			top: 5px;
			left: 275px;
			position: absolute;
			width: 20px;
			height: 7px;
			}

	div.project-member {
		background: url(./image/group.gif) no-repeat;
		margin: 10px 0 5px 0;
		padding: 0 0 0 20px;
		color: #999;
		}
		div.project-member span {
			font-size: 16px;
			color: #000;
			}
	div.com {
		margin: 0 0 5px 20px;
		font-size: 13px;
		}
	div.icon {
		text-align: right;
		}
		div.icon img {
			border: 3px solid #CCC;
			}
		div.icon a img {
			border: 3px solid #40659B;
			}
		div.icon a img:hover {
			border: 3px solid #FF3355;
			}



/* twitter */

#twitter .title {
	margin: 0 0 15px 0;
	}

#twitter_div ul {
	list-style-type: none;
	}

#twitter_div ul li {
	border-bottom: 1px solid #CCC;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}


#twitter_div img {
	margin: 0 0 0 2px;
	padding: 3px;
	background: #EEE;
	}



span.t-text {
	font-size: 12px;
	line-height: 18px;
	}
span.t-time {
	font-size: 11px;
	color: #666;
	}