@charset "Shift_JIS";

div#header {
	width: 840px;
	margin-top: 0;
}
	div#header #yodogawa {
		width: 350px;
	}
div#header2 {
	width: 840px;
	margin-top: 0;
	margin-bottom: 0 !important;
}

#catalog {
	position:absolute;
	top:356px;
	left:0;
}

div#menu {
	float: none;
	width: 855px;
}

	div#menu ul li {
		float: left;
		background: url(../images/menu_bg.png) no-repeat left top;
		width: 240px;
		height: 180px;
		padding: 10px 15px;
		padding-right: 30px;
		margin-bottom: 15px;
	}
	div#menu ul li.off {
		background: url(../images/menu_bg-off.png) no-repeat left top;
	}
	div#menu ul li.hover {
		background: url(../images/menu_bg-over.png) no-repeat left top;
	}
		div#menu ul li h2 {
			margin-bottom: 10px;
		}	
		div#menu ul li div.midashi {
			margin-bottom: 10px;
		}	
			div#menu ul li div.midashi div.left {
				width: 140px;
				padding: 0;
			}
			div#menu ul li div.midashi div.right {
				width: 100px;
				padding: 0;
			}
		div#menu ul li p {
			font-size: 12px;
			line-height: 19px;
		}

div#contents {
}
	div#contents .top {
		background: url(../images/bg_main_top.png) no-repeat left top;
		height: 10px;
		font-size: 1px;
		line-height: 0;
	}
	div#contents .mid {
		background: url(../images/bg_main_mid.png) repeat-y left top;
	}
		div#contents .articleTopSingle {
		}
		div#contents .articleTop {
			 padding-bottom:15px;
			 margin-bottom: 3px;
		}
		div#contents .articleBtm {
			padding-bottom: 5px;
		}
			div#contents .articleBtm .left h2 {
				margin-top: 10px;
			}
			div#contents .articleBtm .right .date {
				margin-top: 30px !important;
			}
			div#contents .articleBtm .right .mt50i {
				margin-top: 50px !important;
			}
		div#contents .articleMid {
			padding-bottom: 15px;
			margin-bottom: 3px;
		}
			div#contents .articleMid .left h2 {
				margin-top: 10px;
			}
			div#contents .articleMid .right .date {
				margin-top: 30px !important;
			}
		div#contents .mid .left {
			width: 270px;
		}
			div#contents .mid .left h1,
			div#contents .mid .left h2 {
				padding: 5px 0 15px 15px;
			}
			div#contents .mid .left .titlePhoto {
				padding: 0 15px 15px;
			}
			div#contents .mid .left .midashiLeft {
				padding: 30px 15px 15px;
			}
			div#contents .mid .left .sYodogawa {
				font-size: 12px;
				line-height: 1.75em;
				padding: 0 15px 0;
			}
		div#contents .mid .right {
			width: 570px;
		}
			div#contents .mid .right .date {
				background: url(../images/date_bg.png) no-repeat 30px top;
				margin: 20px 0;
				width: 160px;
				height: 26px;
				font-size: 12px;
				color: #FFF;
				text-align: center;
				line-height: 26px;
			}
			div#contents .mid .right .article {
			}
				div#contents .mid .right .article h2,
				div#contents .mid .right .article h3 {
					width: 510px;
					margin: 0 0 30px 0;
					padding-left: 35px;
				}
				div#contents .mid .right .article h4 {
					margin: 3em 0 1em 0;
					padding-left: 35px;
					font-size: 14px;
					color: #FF8892;
				}
				div#contents .mid .right .article h5 {
					margin: 2em 0 1em 0;
					padding-left: 35px;
					font-size: 14px;
					color: #FF8892;
				}
				div#contents .mid .right .article p {
					width: 510px;
					margin: 0 0 1em 0;
					padding-left: 35px;
				}
				div#contents .mid .right .article .photo {
					margin-top: 2em;
					margin-bottom: 2em;
					margin-right: 0;
					margin-left: 35px;
				}
					div#contents .mid .right .article .photo .cap {
						color: #669;
						padding-left:0;
						margin-top: 0.75em;
					}
						div#contents .mid .right .article .photo li {
							float: left;
							padding-right: 25px;
						}
						div#contents .mid .right .article .photo li.end {
							padding-right: 0;
						}
				div#contents .mid .right .article .info {
					margin-top: 2em;
					margin-bottom: 4em;
				}
				div#contents .mid .right .article .datasheet {
					margin-top: 2em;
					margin-bottom: 2em;
					margin-right: 0;
					margin-left: 35px;
				}
					div#contents .mid .right .article .datasheet .cap {
						color: #669;
						padding-left:0;
						margin-top: 0.75em;
					}
						div#contents .mid .right .article .datasheet th,
						div#contents .mid .right .article .datasheet td {
							width: 64px;
							padding: 8px;
							border: 1px solid #B2B2CC;
							line-height: 1em;
						}
						div#contents .mid .right .article .datasheet th {
							font-weight: bold;
						}
					
				div#contents .mid .right .article .column {
					width: 510px;
					padding-left: 35px;
					margin-bottom: 50px;
				}				
					div#contents .mid .right .article .column .top {
						background: url(../images/article_column_bg_top.png) no-repeat left top;
						height: 10px;
					}
					div#contents .mid .right .article .column .mid {
						background: url(../images/article_column_bg_mid.png) repeat-y left top;
						padding: 5px 15px 10px;
					}
						div#contents .mid .right .article .column .mid .left {
							width: 87px;
							padding-right: 23px;
							padding-bottom: 25px;
						}
						div#contents .mid .right .article .column .mid .right {
							width: 370px;
							padding-bottom: 25px;
						}
							div#contents .mid .right .article .column .mid h3 {
								width: auto;
								margin: 0;
								padding: 0;
							}
							div#contents .mid .right .article .column .mid h4 {
								width: auto;
								margin: 0;
								padding: 0;
								font-size:18px;
								line-height: 34px;
								color: #000046;
							}
							div#contents .mid .right .article .column .mid p {
								width: auto;
								margin: 0;
								margin-bottom: 1em;
								padding: 0;
							}
							div#contents .mid .right .article .column .mid .photo {
								margin: 0;
								padding: 0;
								padding-bottom: 15px;
							}
					div#contents .mid .right .article .column .btm {
						background: url(../images/article_column_bg_btm.png) no-repeat left top;
						height: 10px;
					}
				div#contents .mid .right .article .column2 {
					width: 510px;
					padding-left: 35px;
					margin-bottom: 40px;
					margin-top: 40px;
				}
					div#contents .mid .right .article .column2 .left {
						width: 250px;
						padding-right: 10px;
					}
					div#contents .mid .right .article .column2 .left p,
					div#contents .mid .right .article .column2 .right p {
						width: auto;
						padding: 0;
						font-size: 12px;
						line-height: 18px;
						letter-spacing: 0;
					}
					div#contents .mid .right .article .column2 .right {
						width: 250px;
					}
			div#contents .spec {
				width: 510px;
				padding-left: 35px;
				margin-bottom: 1em;
			}
			div#contents .spec table {
				width: 510px;
			}
			div#contents .spec th,
			div#contents .spec td {
				border: 1px solid #000046;
				text-align: left;
				padding: 5px 8px;
				letter-spacing: 0.05em;
			}
			div#contents .spec th {
				width: 50px;
				padding: 5px 0 5px 8px;
				font-weight: normal;
			}
			div#contents .spec td {
			}
			div#contents .spec th.title {
				width: auto;
			}
	div#contents .btm {
		background: url(../images/bg_main_btm.png) no-repeat left top;
		height: 10px;
	}
	




div#contents2 {
	margin-bottom: 15px;
}
	div#contents2 .top {
		background: url(../images/bg_main_top2.png) no-repeat left top;
		height: 10px;
		font-size: 1px;
		line-height: 0;
	}
	div#contents2 .midTop {
		background: url(../images/bg_main_mid2a.png) repeat-y left top;
		padding-left: 50px;
		padding: 5px 35px 15px;
	}
	div#contents2 .mid {
		background: url(../images/bg_main_mid2b.png) repeat-y left top;
	}
		div#contents2 .mid .content {
			clear: both;
			padding-left: 35px;
			padding-top: 15px;
		}
		div#contents2 .articleTopSingle {
		}
			div#contents2 .mid .date {
				background: url(../images/date_bg.png) no-repeat left top;
				margin: 20px 0;
				width: 100px;
				height: 26px;
				font-size: 12px;
				color: #FFF;
				text-align: center;
				line-height: 26px;
			}
			div#contents2 .mid .article {
			}
				div#contents2 .mid .article h2,
				div#contents2 .mid .article h3 {
					width: 510px;
					margin: 0 0 30px 0;
				}
				div#contents2 .mid .article h4 {
					margin: 3em 0 1em 0;
					font-size: 14px;
					color: #FF8892;
				}
				div#contents2 .mid .article h5 {
					margin: 2em 0 1em 0;
					font-size: 14px;
					color: #FF8892;
				}
				div#contents2 .mid .article p {
					width: 510px;
					margin: 0 0 1em 0;
				}
				div#contents2 .mid .article .photo {
					margin-top: 2em;
					margin-bottom: 2em;
					margin-right: 0;
				}
					div#contents2 .mid .article .photo .cap {
						color: #669;
						padding-left:0;
						margin-top: 0.75em;
					}
						div#contents2 .mid .article .photo li {
							float: left;
							padding-right: 25px;
						}
						div#contents2 .mid .article .photo li.end {
							padding-right: 0;
						}
	div#contents2 .btm {
		background: url(../images/bg_main_btm2.png) no-repeat left top;
		height: 10px;
	}
	div#contents2 #navi {
		padding-left: 0;
	}
	
.contents2fit {
	margin-top: -12px !important;
}
	.contents2fit .top {
		display: none;
	}
	.contents2fit .midTop {
		display: none;
	}
	
	
	#participant {
		padding-bottom: 5px;
	}
		#participant .trigger {
			cursor: pointer;
		}
		#participant ul {
			width: 770px;
		}
			#participant ul li {
				float: left;
				padding: 0 1.5em 1em 0;
				font-size: 12px;
				letter-spacing: 0.075em;
				line-height: 1em;
				white-space: nowrap;
			}
	
	
	
div#footer {
	width: 100%;
	margin-top: 15px;
}
	div#footer ul {
		background: url(../images/footer_bg1.png) no-repeat left top;
		padding: 0 60px;
	}
		div#footer ul li {
			padding: 10px 60px;
		}
	div#footer div#copyright {
		background: url(../images/footer_bg2.png) no-repeat left top;
	}
	
	div.footer2 ul {
		background: url(../images/footer_bg3.png) no-repeat left top !important;
		padding: 0 5px !important;
	}
		div.footer2 ul li {
			padding: 10px 50px !important;
		}
	
.mb3 {
	margin-bottom: 3px;
}
.mb15 {
	margin-bottom: 15px;
}
.mt15 {
	margin-top: 15px;
}
.pb15 {
	padding-bottom: 15px;
}
.pt15 {
	padding-top: 15px;
}
.mb5 {
	margin-bottom: 5px;
}
.mt5 {
	margin-top: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.pt5 {
	padding-top: 5px;
}

.archivePage {
	margin-top: 15px;
}
.clear {
	clear: both;
}

.leftArea {
	width: 240px;
	margin: 15px auto;
	font-size: 12px;
	line-height: 18px;
}

.songbg {
	background: url(../images/bg_song.png) no-repeat 40px 100px;
}
.songbg2 {
	background: url(../images/bg_song2.png) no-repeat 150px 50px;
}
.songbg3 {
	background: url(../images/bg_song3.png) no-repeat 150px 50px;
}

.pink {
	color: #FF8892;
}

.attention {
	color: #C00;
}

.mail {
	color: #633;
}

.big {
	font-size: 18px;
}