html {
	font-size: 62.5%;
}
body {
	width: 100%; color: rgb(51, 51, 51); font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.2rem;
}
ul li {
	list-style-type: none;
}
.wrapper {
	margin: 0px auto 40px; width: 1000px;
}
a:link {
	color: rgb(0, 0, 0); text-decoration: none;
}
a:visited {
	color: rgb(0, 0, 0); text-decoration: none;
}
a:active {
	color: rgb(0, 0, 0); text-decoration: none;
}
a:hover {
	color: rgb(0, 0, 0); text-decoration: none;
}
#wrapper {
	padding: 0px; width: 100%; text-align: center;
}
#title_line {
	height: 22px; margin-bottom: 15px; border-bottom-color: rgb(192, 186, 164); border-bottom-width: 1px; border-bottom-style: solid;
}
header {
	margin: 0px auto; width: 1000px;
}
.contents {
	padding: 15px 0px 35px; color: rgb(51, 51, 51); background-color: rgb(232, 230, 221);
}
.contents-wrapper {
	margin: 20px auto 0px; width: 950px; padding-top: 40px; display: table;
}
.contents-box {
	display: table-cell;
}
.left_box {
	margin: 0px auto 10px; padding: 10px; border-radius: 10px; width: 260px; height: 180px; text-align: center; background-color: rgb(245, 167, 0);
}
.center_box {
	margin: 0px auto 10px; padding: 10px; border-radius: 10px; width: 260px; height: 180px; text-align: center; background-color: rgb(245, 167, 0);
}
.right_box {
	margin: 0px auto 10px; padding: 10px; border-radius: 10px; width: 260px; height: 180px; text-align: center; background-color: rgb(245, 167, 0);
}
.skill-title {
	margin: 0px 20px 20px; font-size: 1.3rem;
}
.skill-title a:hover {
	text-align: center; color: rgb(85, 85, 85); border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid;
}
.skill-text {
	margin: 0px 20px; line-height: 2;
}
#footer {
	width: auto; padding-top: 30px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: rgb(239, 235, 227);
}
#footer_base {
	margin: 0px auto; width: 1000px;
}
#footer_content_box {
	width: 210px; line-height: 20px; font-size: 13px; margin-right: 10px; margin-left: 15px; float: left;
}
#footer_copylight {
	width: 300px; text-align: right; font-size: 12px; margin-top: 30px; float: right;
}
#footer_underline {
	width: auto; height: 50px; text-align: center; color: rgb(239, 235, 227); letter-spacing: 1px; padding-top: 20px; clear: both; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: rgb(69, 65, 65);
}
.documents {
	margin: 0px 10px 20px;
}
.documents {
	list-style-type: none;
}
.documents ul {
	list-style-type: none;
}
.documents > li .title {
	padding: 10px; border-radius: 10px; border: 1px solid rgb(170, 170, 170); border-image: none; width: 180px; line-height: 1.5;
}
.documents > li + li {
	margin-top: 15px;
}
.documents > li ul {
	margin: 15px;
}
.documents > li ul > li {
	background: url("../img/arrow.gif") no-repeat left; padding-left: 10px; margin-bottom: 5px;
}
.documents a:hover {
	text-decoration: underline;
}
#back-top {
	bottom: 30px; margin-left: 88%; position: fixed;
}
#back-top a {
	font: 11px/100% Arial, Helvetica, sans-serif; width: 50px; text-align: center; text-transform: uppercase; text-decoration: none; display: block; font-size-adjust: none; font-stretch: normal;
}
#back-top a:hover {
	color: rgb(0, 0, 0);
}
#back-top span {
	background-position: center; border-radius: 40px; width: 50px; height: 50px; margin-bottom: 7px; display: block; background-image: url("../img/back_to_top.png"); background-repeat: no-repeat; background-color: rgb(69, 65, 65); -webkit-border-radius: 40px; -moz-border-radius: 40px;
}
#back-top a:hover span {
	background-color: rgb(126, 127, 116);
}
#footer_contact_box {
	width: 360px; float: left;
}
#footer_contact_line {
	width: 340px; line-height: 23px; margin-bottom: 20px; border-bottom-color: rgb(92, 92, 92); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer_content_line {
	width: 180px; height: 22px; clear: left; margin-bottom: 17px; border-bottom-color: rgb(92, 92, 92); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
#footer_content_box {
	height: 230px; float: left;
}