@charset "utf-8";
/* 共通パーツなど */
/* タイトル ---------------------------- */
/* L字タイトル */
.title01 {
	display:inline-block;
	border-left:10px solid #666666;
	border-bottom:1px dashed #666666;
	padding:2px 30px 6px 10px;
	font-weight:normal;
	font-size:18px;
	vertical-align:middle;
	text-shadow:1px 1px 1px #CCCCCC;
	color:#666666;
}
.title01.Spink {
	border-color:#DF97C1;
	color:#AE4D86;
}
.title01.Spurple {
	border-color:#BC8BCA;
	color:#7F4291;
}
.title01.Sblue {
	border-color:#8FA5CA;
	color:#486391;
}
.title01.Sgreen {
	border-color:#9ACAA7;
	color:#458A57;
}
.title01.Syellow {
	border-color:#D2D95F;
	color:#858B1C;
}
.title01.Sred {
	border-color:#FB9B9F;
	color:#C44A50;
}


/* ボタン ---------------------------- */
.button:hover {
	color:#000000;
	text-decoration:none;
	border:1px solid red;
	box-sizing:border-box;
}
.button {
	padding:6px 16px;
	margin:3px;
	cursor:pointer;
	display:inline-block;
	border:0;

	background-image:-moz-linear-gradient(top center,#F5F5F5 ,#F1F1F1);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#F5F5F5),to(#F1F1F1));
	border:1px solid #CFCFCF;

	border-radius:3px;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	color:#000000;
	transition:all 0.1s linear 0s;
}
.button.Spink:hover, .button.Spurple:hover, .button.Sblue:hover,
.button.Slightblue:hover, .button.Sgreen:hover, .button.Syellow:hover, .button.Sred:hover {
	border-color:red;
}
.button.Spink {
	background-image:-moz-linear-gradient(top center,#F9EAF3 ,#F4E5EE);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#F9EAF3),to(#F4E5EE));
	border-color:#DF97C1;
}
.button.Spurple {
	background-image:-moz-linear-gradient(top center,#F5EAF9 ,#F0E5F4);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#F5EAF9),to(#F0E5F4));
	border-color:#BC8BCA;
}
.button.Sblue {
	background-image:-moz-linear-gradient(top center,#EBF0F8 ,#E6EBF3);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#EBF0F8),to(#E6EBF3));
	border-color:#8FA5CA;
}
.button.Sgreen {
	background-image:-moz-linear-gradient(top center,#E7F8EB ,#E2F3E6);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#E7F8EB),to(#E2F3E6));
	border-color:#9ACAA7;
}
.button.Syellow {
	background-image:-moz-linear-gradient(top center,#F4F8A7 ,#EFF3A2);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#F4F8A7),to(#EFF3A2));
	border-color:#D2D95F;
}
.button.Sred {
	background-image:-moz-linear-gradient(top center,#FADCDD ,#F5D7D8);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#FADCDD),to(#F5D7D8));
	border-color:#FB9B9F;
}

/* フォーム ---------------------------- */
.radio_check {
	display:inline-block;
	font-size:0;
	letter-spacing:0;
}
.radio_check input[type=radio], .radio_check input[type=checkbox] {
	opacity:0;
	display:none;
}
body .radio_check label:hover {
	border:1px solid red;
	cursor:pointer;
}
body .radio_check input[type=radio]:checked + label:hover,
body .radio_check input[type=checkbox]:checked + label:hover {
	border:1px solid red;
}
.radio_check label {
	display:inline-block;
	font-size:14px;
	letter-spacing:1px;
	margin:0;
	padding:6px 10px;
	background-color:#F1F1F1;
	border:1px solid #CFCFCF;
	transition:all 0.05s linear 0s;
}
.radio_check input[type=radio]:checked + label,
.radio_check input[type=checkbox]:checked + label {
	background-color:#999999;
	border-color:#666666;
	color:#FFFFFF;
}
/* カラーセット */
.radio_check.Spink input[type=radio]:checked + label,
.radio_check.Spink input[type=checkbox]:checked + label {
	background-color:#DF97C1;
	border-color:#AE4D86;
}
.radio_check.Spurple input[type=radio]:checked + label,
.radio_check.Spurple input[type=checkbox]:checked + label {
	background-color:#BC8BCA;
	border-color:#7F4291;
}
.radio_check.Sblue input[type=radio]:checked + label,
.radio_check.Sblue input[type=checkbox]:checked + label {
	background-color:#8FA5CA;
	border-color:#486391;
}
.radio_check.Sgreen input[type=radio]:checked + label,
.radio_check.Sgreen input[type=checkbox]:checked + label {
	background-color:#9ACAA7;
	border-color:#458A57;
	color:#000000;
}
.radio_check.Syellow input[type=radio]:checked + label,
.radio_check.Syellow input[type=checkbox]:checked + label {
	background-color:#F9FDAC;
	border-color:#D2D95F;
	color:#000000;
}
.radio_check.Sred input[type=radio]:checked + label,
.radio_check.Sred input[type=checkbox]:checked + label {
	background-color:#DE768A;
	border-color:#962C41;
}

/* テーブル ---------------------------- */
table.table {
	padding:0;
	margin:0 0 20px 0;
	border-top:1px solid #CCCCCC;
}
table.table tr td {
	border-bottom:1px solid #CCCCCC;
	padding:6px 10px 6px 14px;
}
table.table tbody tr:hover {
	background-color:#FFFFCC;
}
table.table thead tr td {
	background-color:#EEEEEE;
}

table.table.Spink thead tr td {
	background-color:#F4E5EE;
}
table.table.Spurple thead tr td {
	background-color:#F0E5F4;
}
table.table.Sblue thead tr td {
	background-color:#E6EBF3;
}
table.table.Sgreen thead tr td {
	background-color:#E2F3E6;
}
table.table.Syellow thead tr td {
	background-color:#EFF3A2;
}
table.table.Sred thead tr td {
	background-color:#F5D7D8;
}