@charset "Shift_JIS";

strong {
	font-weight: bold;
}

.date {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	color: #4C4C17;
}

.example {
	font-size: 13px;
	color: #4C4C17;
}

.article2 .mail {
	color: #666633;
	padding-left: 20px;
}

.reportButton2 {
	text-align: center;
}

#titleyae {
	position: absolute;
	left: 80px;
	top: 120px;
}

/* ヘッダのボタン */
#headerButtons {
	position: absolute;
	bottom: 2px;
	right: 240px;
}
	#headerButtons li {
		float: left;
	}

#logo,
#title {
	width: 500px;
	margin: 0 auto;
}
#logo {
	padding-top:2px;
}



#logoZelda {
	position: absolute;
	right: 20px;
	top: 2px;
}

#header2 #logoZelda {
	top: 152px;
}


/* メニューのタブ */
#tabs {
	background:url(../images/bg_white.png);
}
	#tabs li {
		float: left;
		line-height: 0;
	}
		#tabs li a{
			float: left;
			line-height: normal;
		}
	#tabs .selected {
		cursor: default;
	}


.headContent {
	background: #E5E2CF url(../images/sub_bg.gif);
	width:700px;
	height: 450px;
	overflow: auto;
	
	font-size: 14px;
	line-height: 1.75em;
	color: #333;
}
	.headContent .content {
		padding: 40px;
	}
		.headContent .content h2 {
			padding-bottom: 40px;
		}
		.headContent .content p {
			padding-bottom: 2em;
		}
		.headContent .idea {
			background: #E5E2CF url(../images/idea.jpg);
			width: 100%;
			height: 100%;
		}

.tabContent {
}
	.tabContent .content {
		padding: 30px 60px 60px;
	}
		.tabContent .content h2 {
			padding-bottom: 40px;
		}
		.tabContent .content h3 {
			padding-bottom: 10px;
		}
		.tabContent .content p {
			padding-bottom: 2em;
		}
		.tabContent .content .form {
			margin-bottom: 40px;
		}
		
		.tabContent .content .article {
			width:500px;
			margin: 0 auto;
		}
		.tabContent .content .article2 {
			width:430px;
			margin: 0 auto;
		}
			.tabContent .content .article .photo,
			.tabContent .content .article2 .photo {
				padding-bottom: 1.5em;
			}
			.tabContent .content .article .border img,
			.tabContent .content .article2 .border img {
				padding: 8px;
				background-color: #FFF;
			}
			.tabContent .content .article .title,
			.tabContent .content .article2 .title {
				font-size: 18px;
				font-weight: bold;
				line-height: 1.5em;
				color: #4C4C17;
				padding-left: 15px;
				border-left: 5px solid #4C4C17;
				padding-bottom: 0;
				margin-bottom: 1em;
			}
			.tabContent .content .article h4,
			.tabContent .content .article2 h4 {
				padding-bottom: 10px;
				font-size: 16px;
				font-weight: bold;
				color: #4C4C17;
			}
			.tabContent .content .article .bigger,
			.tabContent .content .article2 .bigger {
				font-size: 20px;
				font-weight: bold;
			}
			.tabContent .content .article .red,
			.tabContent .content .article2 .red {
				color: #C30;
			}
			.tabContent .content .article .price,
			.tabContent .content .article2 .price {
				font-size: 13px;
				color: #A68A53;
			}
			.tabContent .content .article .end,
			.tabContent .content .article2 .end {
				padding-bottom: 100px;
			}
			
.toPageTop,
.toPageTop2 {
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}
.toPageTop2 {
	padding-bottom: 80px;
}
.arrow {
	font-size: 10px;
	padding-right: 0.5em;
	font-weight: normal;
}


.past {
}
	.past table {
		width: 100%;
	}
	.past table.vol1 th,
	.past table.vol1 td {
		border-bottom: 0 none;
	}
		.past th,
		.past td {
			border: 1px solid #99632E;
			line-height: 1em;
		}
			.past th a,
			.past td a {
				display: block;
				padding: 8px 10px;
			}
		.past th {
			background-color: #E5E2CF;
			font-weight: bold;
			color: #4C4C17;
			text-align: right;
		}
		.past td {
			background-color: #FFF;
		}
		.past .title {
			font-weight: bold;
			color: #99632E;
		}
		.past .dateHead {
			width: 80px;
			text-align: right;
		}


.form {
	background-color: #E5E2CF;
	border: 3px solid #99632E;
	padding: 20px;
}
	.form th,
	.form td {
		padding-bottom: 20px;
	}
	.form th {
		padding-right: 10px;
		color: #4C4C17;
		font-weight: bold;
		vertical-align: top;
	}
	.form .state ul {
		padding-bottom: 5px;
	}

.progress {
}
	.progress table {
		width: 100%;
	}
	.progress table.profile {
		margin-bottom: 10px;
	}
		.progress th,
		.progress td {
			border: 1px solid #99632E;
			padding: 8px 10px;
			line-height: 1em;
		}
		.progress th {
      font-size: 12px;
			background-color: #E5E2CF;
			font-weight: bold;
			color: #4C4C17;
			text-align: center;
		}
		.progress td {
			background-color: #FFF;
		}
		.progress .icon {
			padding: 1px;
			width: 34px;
			line-height: 0;
		}
		.progress .nameHead {
			width: 33px;
		}
		.progress .numberHead {
			width: 70px;
		}
		.progress .name {
			font-size: 17px;
			font-weight: bold;
			color: #4C4C17;
		}
		.progress .comment {
			font-size: 20px;
			padding: 15px 10px;
		}
		.progress .state {
			background-color: #E5E2CF;
			width: 74px;
			padding: 4px;
			text-align: center;
		}
		.progress .title {
			font-weight: bold;
			color: #99632E;
		}
		.progress .dateHead {
			width: 70px;
			text-align: right;
		}
		.reportButton {
			background-color: #E5E2CF;
			text-align: center;
		}
		.reportButton img:hover {
			cursor: pointer;
		}
		.progress .reportButton {
			border: 1px solid #99632E;
			border-top: 0 none;
		}
		
.state li {
	float: left;
	line-height: 0;
	padding-right: 4px;
}


.progressAll {
}
	.progressAll table {
		width: 100%;
	}
	.progressAll table.today {
		margin-bottom: 10px;
	}
		.progressAll th,
		.progressAll td {
			border: 1px solid #99632E;
			padding: 8px 8px;
			line-height: 1em;
			letter-spacing: 0;
		}
		.progressAll th {
			background-color: #E5E2CF;
			font-weight: bold;
			color: #4C4C17;
			text-align: center;
		}
		.progressAll td {
			background-color: #FFF;
		}
		.progressAll .icon {
			padding: 1px;
			width: 34px;
			line-height: 0;
		}
		.progressAll .number {
			width: 70px;
			font-size: 12px;
		}
		.progressAll .name {
			width: 120px;
			font-size: 14px;
			font-weight: bold;
			color: #4C4C17;
		}
		.progressAll .comment {
			font-size: 14px;
		}
		.progressAll .state2 {
			background-color: #E5E2CF;
			width: 70px;
			padding: 2px;
			text-align: center;
		}
		.progressAll .title {
			font-size: 18px;
			font-weight: bold;
			color: #99632E;
		}
		.progressAll .dateHead {
			width: 100px;
			font-size: 16px;
			text-align: right;
		}


.navi {
	width: 450px;
	margin: 0 auto;
	padding: 0 0 40px;
}

.cap {
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
}

.selected {
	cursor: default;
}

.attention {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #C00;
}

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

	  Override common id styles

--------------------------------------------------------------------*/
#wrapper {
	width: 780px;
	margin: 0 auto;
}

#header {
	position: relative;
	background: url(../images/head_bg.png) no-repeat center top;
	width: 780px;
	height: 540px;
}
#header2 {
	position: relative;
	background: url(../images/head_bg2.png) no-repeat center top;
	width: 780px;
	height: 240px;
}

#yodogawa {
	width: 500px;
	margin: 0 auto;
}

#contents {
	background:url(../images/bg_white.png);
}

#update {
}

#date {
}

#footer {
}
	
#copyright {
}


/* mootools - tooltip */
.tooltip { 
	width:200px;
	color:#333;
}
.tip-top {
	background: url(../images/tip_top.png) no-repeat center top;
	height: 10px;
	font-size: 1px;
	line-height: 0;
}
.tip-bottom {
	background: url(../images/tip_bottom.png) no-repeat center top;
	height: 15px;
	font-size: 1px;
	line-height: 0;
}
.tip-title { 
	background: url(../images/tip_mid.png) repeat-y center top;
	padding:0; 
	font-weight: bold;
	color:#333;
}
.tip-text { 
	background: url(../images/tip_mid.png) repeat-y center top;
	padding:0 15px;
	font-size: 11px;
	line-height: 1.5em;
	color:#333;
}
.tip-title a, 
.tip-text a { 
	color:#333; 
	text-decoration: none; 
}