@charset "utf-8";

/* Copyright(C) 2009 WEB DESIGN LAB (http://www.webdlab.com/) Licensed under the MIT License http://www.opensource.org/licenses/mit-license.php */

/*--qrcode----------------------------------------------------------*/

#contents #main .post #qrcode_container p {
	line-height: 1.2;
}

#contents #main .post #qrcode_container form input#enter {
	height: 25px;
	margin-bottom: 7px;
	padding: 5px;
}

#contents #main .post #qrcode_container #qr_btn input[type="submit"],
#contents #main .post #qrcode_container #qr_btn input[type="reset"] {
	padding: 10px;
	margin: 10px;
	color: #fff;
	background: #9fb7d4;
	border: 1px solid #9fb7d4;
	cursor: pointer;
}

#contents #main .post #qrcode_container #generator fieldset {
	padding: 0 10px 5px 10px;
	border: none;
}

#contents #main .post #qrcode_container #result #qrcode,
#contents #main .post #qrcode_container #result fieldset {
	padding: 0 10px 5px 10px;
	border: none;
}

/*--entity----------------------------------------------------------*/

.entity iframe {
	border: none;
	height: 240px;
}

/*--htmlescape------------------------------------------------------*/

#contents #main .post #htmlescape textarea {
	overflow: auto;
	width: 100%;
	height: 200px;
	border: 1px solid #9fb7d4;
}

#contents #main .post #htmlescape input[type="submit"],
#contents #main .post #htmlescape input[type="reset"] ,
#contents #main .post #htmlescape input[type="button"] {
	padding: 5px 10px;
	color: #fff;
	background: #9fb7d4;
	border: 1px solid #9fb7d4;
	margin: 5px 5px 20px 0;
}

/*--wpメールフォーム------------------------------------------------*/

#contents #main .post .mail_form table {
	width: 100%;
	border: none;
}

#contents #main .post .mail_form table td {
	border: none;
	padding: 2px;
}

#contents #main .post .mail_form table td.left {
	width: 60px;
	text-align: center;
}

#contents #main .post .mail_form input[type="text"] {
	width: 155px;
	height: 22px;
	border: 1px solid #9fb7d4;
	margin: 0 0 5px 0;
}

#contents #main .post .mail_form input[type="submit"] {
	color: #fff;
	background: #9fb7d4;
	border: 1px solid #9fb7d4;
	padding: 10px;
	cursor: pointer;
}

#contents #main .post form .mail_form textarea {
	width: 90% !important;
	height: 100px;
	border: 1px solid #9fb7d4;
	margin: 0 0 10px 0;
}

/*--カラーマッチングチャート----------------------------------------*/

#contents #main .post .colormatch table,
#contents #main .post .colormatch table td {/*カラーマッチングチャート全体のレイアウト*/
	border: none;
}

#contents #main .post .colormatch_content {
	margin: 5px;
	padding: 5px;
	min-height: 500px;
}

#contents #main .post .colormatch_table {
	min-width: 65px;
	max-width: 130px;
	margin: 20px auto 0 auto;
}

#contents #main .post .colormatch_table p {
	line-height: 1.2;
}

#contents #main .post .colormatch_table table {
	margin: 0 auto;
}

#contents #main .post .colormatch_table table td {
	width: 20px;
	height: 15px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	cursor: pointer;
	border: 1px solid #9fb7d4;
}

#contents #main .post .colormatch_content input[type="text"] {
	border: 1px solid #9fb7d4;
	width: 120px;
}

#contents #main .post .colormatch_content input[type="button"] {
	color: #fff;
	background: #9fb7d4;
	border: 1px solid #9fb7d4;
	padding: 10px;
	cursor: pointer;
}

/*--color-----------------------------------------------------------*/

td.c-000000 {
	background-color: #000;
}

td.c-808080 {
	background-color: #808080;
}

td.c-c0c0c0 {
	background-color: #c0c0c0;
}

td.c-ffffff {
	background-color: #fff;
}

td.c-800000 {
	background-color: #800000;
}

td.c-ff0000 {
	background-color: #ff0000;
}

td.c-800080 {
	background-color: #800080;
}

td.c-ff00ff {
	background-color: #ff00ff;
}

td.c-008000 {
	background-color: #008000;
}

td.c-00ff00 {
	background-color: #00ff00;
}

td.c-808000 {
	background-color: #808000;
}

td.c-ffff00 {
	background-color: #ffff00;
}

td.c-000080 {
	background-color: #000080;
}

td.c-0000ff {
	background-color: #0000ff;
}

td.c-008080 {
	background-color: #008080;
}

td.c-00ffff {
	background-color: #00ffff;
}

/*--Fun!------------------------------------------------------------*/

.fun {
	overflow: hidden;
	float: left;
	width: 166px;
	height: 250px;
	padding: 0 0 40px 0;
}

.fun p a img {
	width: 140px;
	margin: 4px;
}

.smemo {
	margin: 0 auto;
	width: 100%;
}
.smemo .em {
	font-weight: bold;
}

.smemo .red {
	color: red;
}

.smemo .emred {
	color: red;
	font-weight: bold;
}
.smemo h1 {
	margin: 0 auto;
	padding: 10px;
}

.smemo .ad_horizontal {
	margin: 10px 0 40px 0;
	padding: 10px;
	text-align: center;
}

.smemo .memo {
	margin: 10px 0;
}

.smemo .memo section {
	width: 280px;
	margin: 0 auto;
	padding: 0 5px;
}

.smemo .memo section img {
	width: 280px;
	border: 1px solid #ccc;
}

.smemo .backbtn {
	text-align: left;
	margin: 0 auto;
	padding: 60px 10px;
}

.smemo #counter {
	text-align: right;
	margin: 0 auto;
	padding: 20px 10px;
}

.smemo #copyright {
	text-align: right;
	margin: 0 auto;
	padding: 20px 10px;
}

/*--画面解像度一覧--------------------------------------------------*/