@charset "UTF-8";
/* CSS Document */
/* Responsive Web Design Layout CSS */

#background {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	font-size: 16px;
	background-image: url(../img/low_contrast_linen.jpg);
}

#wrappersignature {
	background-color: #333;
}

.contentsignature, .contentnavi, .contentslide, .contentsub, .contentmain, .contentabout {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#wrappernavi {
	font-family: 'pistara', sans-serif;
	background-color: #fafafa;
	background: -moz-linear-gradient(top,#fff 0%,#eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 5px solid #333;
}

.contentnavi {
	font-size: 15px;
	color: #b3b3b3;
}

.win .contentnavi {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapperslide, #wrappersub {
	background-color: #fff;
}


#wrappersub {
	box-shadow: 0 10px 10px -5px rgba(255,255,255,0.4);
}

.contentsub {
	font-size: 12px;
	color: #696969;
}

.pdtleft {
	float: left;
	width: 65%;
}

.pdtright {
	float: right;
	width: 35%;
}
.pdtright a:hover { text-decoration: underline; }


.contentmain, .contentabout {
	font-size: 12px;
	color: #4d4d4d;
}

.contentabout {
	padding-bottom: 20px;
}

.lefter {
	float: left;
	width: 65%;
	padding-right: 2%;
	border-right: 1px solid #e6e6e6;
}

.righter {
	float: right;
	width: 32%;
	font-size:90%;
}