@charset "utf-8";
/* CSS Document */
/*ヘッダー */
header {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	background: #8dd3c7;
}
header #head {
	height: 50px;
	width: 90%;
	padding-top: 50px;
	text-align: center;
}
header #head ul {
	overflow: hidden;
}
header #head li {
	width: 50%;
	float: left;
}
#headback {
	width: 100%;
	height: 100%;
	background-image: url(../img/headerimg.png);
	background-color: #C0E6E0;
	text-align: center;
	margin-top: 0px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#headback ul {
	overflow: hidden;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}
#headback li {
	width: 50%;
	color: #62230b;
	float: left
}
#headback li img {
	padding-bottom: 20px;
	max-width: 80%
}
/*コンテンツサイズ調節 */
#workcontents {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}
#workcontents .workinfo1 {
	width: 90%;
	font-size: 0.9em;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	line-height: 1.5em;
	border-left: 5px solid #F4A3A3;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
#workcontents .workinfo2 {
	width: 90%;
	font-size: 0.9em;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	line-height: 1.5em;
	border-left: 5px solid #29ABE2;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
#workcontents .workinfo3 {
	width: 90%;
	font-size: 0.9em;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	line-height: 1.5em;
	border-left: 5px solid #BEBADA;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
#workcontents .workinfo4 {
	width: 90%;
	font-size: 0.9em;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	line-height: 1.5em;
	border-left: 5px solid #FFFFB3;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
/*比率を保持したまま画面に合わせる */
#workcontents img {
	max-width: 80%;
	padding-top: 20px
}
/*プロフィール */
.profilebox {
	width: 90%;
	height: 100%;
	font-size: 0.9em;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
.profilebox dd img {
	margin-right: 150px;	
}
.profilebox dl {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.5em;
}
.profilebox span {
	margin-top: 20px;
	color: #3CC;
	display: block;
}
/*480px以下のサイズに有効--------------------------------------------------------- */
@media only screen and (max-width: 480px) {
#workcontents .workbox .workimage {
	width: 90%;
}
#workcontents .workbox .worktext {
	width: 90%;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
	font-size: 0.9em;
}
#workcontents .workbox li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A5DFD5;
	padding-top: 20px;
	margin-bottom: 20px;
}
}
/*481以上、979px以下のサイズに有効----------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-device-width: 979px) {
#headback {
	height: 100%;
	background-color: #C0E6E0;
}
}
/*980px以上のサイズに有効-------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 980px) {
#headback ul {
	overflow: hidden;
	padding-bottom: 20px
}
#headback li {
	width: 25%;
	folat: left;
}
nav ul {
	overflow: hidden;
	width: 960px;
	margin: 0 auto
}
/*作品 */
#workcontents {
	overflow: hidden;
	width: 960px;
	margin: 0 auto
}
#workcontents .workbox {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
#workcontents .workbox .workimage {
	width: 50%;
	float: left;
}
#workcontents .workbox .worktext {
	float: right;
	width: 35%;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}
#workcontents .workbox li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A5DFD5;
	padding-top: 20px;
	margin-bottom: 20px;
}
}
/* end * /