@charset "shift-jis";

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	color: #333333;
	font-family: Verdana, 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3',
		'メイリオ', Meiryo, 'ＭＳ Ｐゴシック';
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 160%;
}

a img {
	border: 0 none;
}

p img,div img {
	vertical-align: bottom;
}

:link {
	color: #12a0ea;
}

:visited {
	color: #7d40d0;
}

#container {
	position: relative;
	margin: 0 auto;
	padding-top: 8px;
	width: 986px;
}

#head {
	width: 100%;
	height: 82px;
	clear: both;
}

#logo-pitacri {
	float: left;
}

#logo-free-hand {
	float: right;
	margin-top: 29px;
}

#main-nav {
	width: 100%;
	height: 45px;
}

#main-nav ul {
	overflow: hidden;
}

#main-nav li {
	border: none;
	padding: 0;
}

#menu {
	float: left;
	width: 204px;
	padding: 10px 0 20px 0;
}

#menu>div {
	clear: both;
	margin-bottom: 10px;
}

#logged-menu {

}

#logged-menu .logged-menu-name {
	background-image: url(/img/bg-grid2.png);
	background-repeat: repeat;
	padding: 10px;
}

#logged-menu .logged-menu-area {
	margin-top: 10px;
}

#logged-menu .logged-menu-top {
	height: 8px;
	background-image: url(/img/login-menu-top.png);
	background-repeat: no-repeat;
}

#logged-menu .logged-menu-middle {
	color: #ff6600;
	text-align: center;
	background-color: #ffe7d9;
	border: 1px solid #ffbb93;
	border-top-width: 0px;
	border-bottom-width: 0px;
	line-height: 200%;
}

#logged-menu .logged-menu-bottom {
	height: 8px;
	background-image: url(/img/login-menu-bottom.png);
	background-repeat: no-repeat;
}

#logged-menu .logged-menu-list {
	margin-top: 10px;
	padding-left: 10px;
}

#logged-menu .logged-menu-list ul {
	list-style-type: none;
	list-style-position: outside;
}

#logged-menu .logged-menu-list li {
	background-image: url(/img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	height: auto;
	margin-bottom: 4px;
}

#regist {

}

#regist-top {
	height: 27px;
	background-image: url(/img/regist-title.png);
	background-repeat: no-repeat;
}

#regist-bottom {
	background-color: #dee3e8;
	border: 1px solid #a9b4bf;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding: 10px 10px;
}

#login {
	background-color: #81b1e2;
}

#login table {
	margin: 8px auto 0 auto;
}

#login table td {
	padding-left: 2px;
}

#login div {
	padding: 4px 0 8px 0;
	text-align: center;
}

#login-form label {
	display: none;
}

#login-form input[type="text"], #login-form input[type="password"] {
	width: 130px;
}

#checked-creator {

}

#checked-creator .checked-creator-middle {
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	border-bottom: 1px solid #838383;
}

#checked-creator p {
	font-size: 10px;
	color: #ff6600;
	padding: 4px 8px;
}

#checked-creator ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 8px;
}

#checked-creator .checked-creator-button {
	padding: 10px 0;
	text-align: center;
}

#ad-area {
	border: 1px solid #a9b4bf;
	padding: 10px;
}

#ad-area ul {
	list-style-type: none;
}

#ad-area li {
	padding-bottom: 5px;
}

#ad-area li.last {
	padding-bottom: 0;
}

#contents {
	float: left;
	width: 760px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 50px;
}

#contents>* {
	margin-bottom: 10px;
}

#breadcrumbs {
	font-size: 10px;
}

#pickup-top {

}

#pickup-middle {
	float: left;
	background-color: #FF8943;
	padding-top: 15px;
	padding-left: 15px;
	width: 745px;
}

#pickup-middle .pickup-creator {
	float: left;
	width: 334px;
	border: 1px solid #ff8943;
	background-color: #FFFFFF;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

.pickup-creator .pickup-image {
	float: left;
	width: 140px;
	height: 140px;
	border: 1px solid #f7f6f6;
	background-color: #FFFFFF;
	text-align: center;
	margin-right: 10px;
	overflow: hidden;
}

.pickup-creator p {
	line-height: 150%;
	margin-top: 10px;
	margin-left: 10px;
}

#pickup-bottom {
	clear: both;
	background-image: url(/img/bar-pickup-bottom.png);
	background-repeat: no-repeat;
	width: 760px;
	height: 6px;
}

#foot {
	clear: both;
	text-align: center;
}

#foot-nav {
	padding-top: 16px;
}

#foot-nav li {
	padding-top: 0;
	padding-bottom: 0;
}

#foot p {
	padding-top: 16px;
}

#copyright {
	font-size: 10px;
	padding-bottom: 8px;
}

#information-list {
	margin-top: 10px;

}

#information-list ul {
	list-style-type: none;
}

#information-list li {
	background-image: url(/img/bg-bar-dot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 10px 0;
}

#information-list span {

}

#information-list span.info-date {
	padding-right: 16px;
}

#works-list {
	text-align: center;
	clear: both;
}

#works-list table {
	width: 100%;
	background-image: url(/img/bg-bar-dot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 16px 0;
}

#works-list table tr.creator td {
	padding-top: 10px;
}

#works-jump-menu {
	float: right;
	padding-top: 8px;
}

#works-more {
	float: right;
	padding: 16px 0;
	clear: both;
}

#creators {

}

#creators .creator {
	float: left;
	width: 348px;
	border: 1px solid #838383;
	padding: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

#creators .creator-thumbnail {
	float: right;
	margin-left: 10px;
	width: 180px;
	height: 180px;
	overflow: hidden;
	text-align: center;
}

#creators .creator-name {
	margin-bottom: 8px;
}

#creators .creator-name span {
	font-size: 10px;
}

#creators .creator-description {
	clear: left;
}

#creators .creator-border {
	background-image: url(/img/bg-grid.png);
	background-repeat: repeat-x;
	height: 3px;
	clear: both;
	margin-bottom: 10px;
}

#portfolios .portfolio {
	width: 140px;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 30px;
}

#portfolios .portfolio-image {
	width: 140px;
	height: 140px;
	text-align: center;
	overflow: hidden;
}

#portfolios .portfolio-title {
	margin-top: 8px;
}

.nav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.nav li {
	border-right: 1px solid #a9b4bf;
	display: inline;
	padding: 0 15px;
}

.nav li.last {
	border-right: medium none;
}

.bar-bottom {
	width: 100%;
	height: 13px;
	background-image: url(/img/bg-bar-bottom.png);
	background-repeat: repeat-x;
	clear: both;
}

.pager {
	clear: both;
}

#inquiry-main {
	background-color: #ebeff2;
	border: 1px solid #d8d9d9;
	padding: 20px;
	margin-bottom: 20px;
}

#inquiry-main table {
	margin: 0 auto;
}

#inquiry-main table td {
	padding-top: 10px;
	vertical-align: top;
}

#inquiry-main table .inquiry-name {
	text-align: right;
}

#inquiry-main table .inquiry-input {
	width: 180px;
}

#inquiry-main table .inquiry-input-twice {
	width: 360px;
}

#inquiry-main table textarea {
	width: 360px;
}

#inquiry-main .checked-creator-wrapper {
	overflow: auto;
	border: 1px solid #666666;
	height: 320px;
	padding: 10px;
}

#inquiry-main .checked-creator>div {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
}

#inquiry-main .privacy-wrapper {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	overflow: auto;
	height: 180px;
	padding: 10px;
}

#inquiry-main .inquiry-confirm-button {
	text-align: center;
}

.important {
	color: #FF0000;
}

.heading {
	font-size: 14px;
	color: #4aa7ff;
	font-weight: bold;
}

#faq-menu li {
	border: medium none;
}

.faq-list dl {
	line-height: 2em;
	margin-top: 10px;
}

.faq-list dt,.faq-list dd {
	height: auto;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 34px;
	padding-bottom: 8px;
}

.faq-list dt {
	background-image: url(/img/icon-faq-q.png);
}

.faq-list dd {
	background-image: url(/img/icon-faq-a.png);
}

.faq-list dd.faq-split {
	background-image: url(/img/bg-bar-dot.png);
	background-repeat: repeat-x;
	height: 1px;
}

#profile-table {
	width: 80%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border-spacing: 0;
	border-collapse: separate;
	border-color: #CCCCCC #CCCCCC #000000;
	border-style: solid solid none;
	border-width: 1px 1px medium;
}

#profile-table td {
	border-bottom: 1px solid #cccccc;
	padding: 10px;
}

#profile-table td.head {
	background-color: #ebeff2;
}

#profile-table ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#privacy-main h2,#privacy-main p,#privacy-main ul,#privacy-main ol {
	margin-bottom: 10px;
	padding-left: 20px;
}

#privacy-main h2 {
	background-color: #f0f0f0;
	padding: 4px 8px;
	border-bottom: 1px solid #2696ff;
	font-size: larger;
	font-weight: bold;
}

#about01 .about01-paragraph {
	margin-bottom: 20px;
}

#about01 .about01-paragraph .about01-actual {
	float: left;
	width: 30%;
	margin-right: 10px;
	margin-bottom: 10px;
}

#about01 .about01-paragraph>div {
	margin-bottom: 10px;
}

#about01 .about01-paragraph ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: disc;
	padding-left: 4px;
}

#portfolio-detail {
	background-color: #f3f3f3;
	padding: 20px 0;
}

#portfolio-detail>div {
	width: 566px;
	margin: 10px auto 20px auto;
}

#portfolio-detail .portfolio-detail-image {
	height: 566px;
	overflow: hidden;
	background-color: #FFFFFF;
	text-align: center;
}

#portfolio-detail .portfolio-detail-title,#portfolio-detail .portfolio-detail-comment
	{
	padding-top: 30px;
	background-position: top left;
	background-repeat: no-repeat;
}

#portfolio-detail .portfolio-detail-title {
	background-image: url(/img/title-portfolio-detail-title.png);
}

#portfolio-detail .portfolio-detail-comment {
	background-image: url(/img/title-portfolio-detail-comment.png);
}

#portfolio-detail .portfolio-detail-profile>p {
	margin-top: 10px;
}

#portfolio-detail-back {
	float: right;
	padding-left: 16px;
	background-image: url(/img/arrow-left.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}

#creator-detail-message {
	float: left;
	color: #4aa7ff;
	font-size: larger;
	font-weight: bold;
}

#creator-detail {
	clear: both;
}

#creator-detail-right {
	float: left;
	background-image: url(/img/creator-detail-background.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 204px;
	height: 276px;
}

#creator-detail-right>div {
	width: 180px;
	margin: 8px auto;
}

#creator-image {
	height: 180px;
	overflow: hidden;
	text-align: center;
}

#creator-name {
	background-image: url(/img/bg-bar-dot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 8px;
}

#creator-detail-left {
	float: left;
	width: 540px;
	margin-left: 10px;
}

#creator-profile,#creator-history,#creator-actual {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 31px;
	margin-bottom: 20px;
}

#creator-profile {
	background-image: url(/img/title-creator-detail-profile.png);
}

#creator-history {
	background-image: url(/img/title-creator-detail-history.png);
}

#creator-actual {
	background-image: url(/img/title-creator-detail-actual.png);
}

#creator-portfolios-title {
	clear: both;
	padding-top: 20px;
}

.creator-detail-checked {
	float: right;
}

.regist-form {
	width: 761px;
	margin-top: 10px;
}

.regist-form-top {
	height: 32px;
	background-repeat: no-repeat;
	background-position: left top;
}

.regist-form-main {
	background-color: #ebeff2;
	border: 1px solid #d8d9d9;
	border-bottom: none;
	padding-top: 10px;
	padding-left: 10px;
}

.regist-form-main table {
	margin: 0 auto;
	border-spacing: 0;
}

.regist-form-main th,.regist-form-main td {
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

.regist-form-main th {
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}

.regist-form-main td {

}

.regist-form-main td span {
	font-size: 10px;
}

.regist-form-main th.require {
	background-image: url(/img/icon-star.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}

.regist-form-main input[type="text"] {
	width: 110px;
}

.regist-form-main input[type="password"] {
	width: 220px;
}

.regist-form-main textarea {
	width: 420px;
	height: 100px;
}

.regist-form-bottom {
	width: 761px;
	height: 10px;
	background-image: url(/img/form-regist-bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#regist-basic-top {
	background-image: url(/img/form-regist-basic.png);
}

#regist-profile-top {
	background-image: url(/img/form-regist-profile.png);
}

#regist-confirm-button {
	text-align: center;
	margin-top: 20px;
}

#portfolio-form table {
	margin: 0 auto;
}

#portfolio-form th,#portfolio-form td {
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
}

#portfolio-form th {
	text-align: left;
}

#portfolio-form th.require {
	background-image: url(/img/icon-star.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}

.guide-main>div {
	clear: both;
}

.guide-main h2,.guide-main p {
	margin-bottom: 10px;
	padding-left: 20px;
}

.guide-main h2 {
	background-color: #f0f0f0;
	padding: 4px 8px;
	border-bottom: 1px solid #2696ff;
	font-size: larger;
	font-weight: bold;
}

.guide-main .guide-text {

}

.guide-main .guide-image {
	float: right;
	width: 515px;
	height: auto;
	margin-bottom: 10px;
	margin-left: 10px;
}

.guide-main .guide-top {
	float: right;
	clear: right;
	margin-bottom: 20px;
}

#guide-spec-table {
	border: 1px solid #838383;
	border-spacing: 0;
}

#guide-spec-table th,#guide-spec-table td {
	padding: 4px 8px;
}

#guide-spec-table td {
	vertical-align: top;
}

#guide-spec-table ul {
	list-style-position: inside;
}

#guide-spec-table th {
	background-color: #ebeef1;
}

#guide-spec-table .platform {
	font-weight: bold;
	color: #ff8a00;
}

#guide-spec-table .background {
	background-image: url(/img/bg-bar-dot-v.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.guide-menu-list ul {
	list-style-position: inside;
	list-style-type: decimal;
}

.guide-menu-list li {
	background-image: url(/img/arrow-down.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.guide-menu-list>* {
	margin-bottom: 10px;
}

.reminder {
	border: 1px solid #a9b4bf;
	padding: 5px;
}

.reminder .reminder-back {
	background-color: #ebeef1;
	padding: 15px;
}

.dot-border {
	background-image: url(/img/bg-bar-dot.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 1px;
	clear: both;
}

#reminder table {
	border: 2px solid #a9b4bf;
	width: 40%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#reminder td {
	padding: 8px;
}

.reminder .reminder-back>* {
	margin-bottom: 10px;
}

#unscribe-form>* {
	margin-bottom: 10px;
}

#unscribe-form .unscribe-text {
	overflow-y: auto;
	width: auto;
	height: 140px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 20px;
}

#unscribe-form .box {
	border: 2px solid #a9b4bf;
	padding: 10px;
}

#unscribe-form table {
	border: medium none #000000;
}

#unscribe-form th,#unscribe-form td {
	padding: 4px;
}

#unscribe-form th {
	text-align: right;
}

#unscribe-form table input {
	width: 150px;
}

#unscribe-form h3 {
	margin-bottom: 10px;
}

#login .login-top {
	padding: 0px;
}

#login .login-err {
	color: #FF0000;
}

#errMsg {
	border: 1px solid #FF0000;
	color: #FF0000;
	padding: 4px;
}

#pickup-middle .creator-border {
	background-image: url(/img/bg-grid.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 3px;
	margin-bottom: 8px;
	margin-top: 8px;
	float: right;
	width: 181px;
}

.regist-form-main .regist-form-text {
	overflow: auto;
	height: 100px;
	width: auto;
	padding: 8px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#creators .creator-detail-link {
	clear: both;
	float: right;
}

.faq-list h3 {
	margin: 10px;
	font-size: larger;
}

#contents .newEntry {
	float: right;
	margin-right: 30px;
	margin-top: 10px;
}

#privacy-main ol,#privacy-main ul {
	list-style-position: outside;
	margin-left: 30px;
}

.privacy-body>h2 {
	margin-bottom: 10px;
}

.guide-text ol {
	list-style-position: inside;
	list-style-type: decimal;
	list-style-image: none;
}

.guide-text ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: disc;
	margin-left: 8px;
	margin-bottom: 8px;
}

.guide-text li p {
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

.guide-text ol>li {
	margin-bottom: 8px;
}

.regist-form-main .caption {
	font-size: 10px;
}

#information {
	clear: both;
}