﻿@charset "utf-8";
/* CSS Document */

h3{
	margin-top:30px;
}


/* もっと見る */
p.more_home, div#showall, div#hideall, div#showall2, div#hideall2{
border: solid 1px rgba(233,191,144,0.95);
-webkit-border-bottom-right-radius: 8px;  
-webkit-border-bottom-left-radius: 8px;  
-moz-border-radius-bottomright: 8px;  
-moz-border-radius-bottomleft: 8px;
background-color:rgba(233,191,144,0.95);
border-top:0px;
font-size:12px;
padding:5px;
margin:5px;
margin-top:0px;
}
p.more_home a, div#showall a, div#hideall a, div#showall2 a, div#showall a, div#hideall2 a{
display:block;
color:#FFF;
}


h4 {
	background: #f19ec2;
	/*
    background: -moz-linear-gradient(top,  #ffe6ec 12%, #ffd1e0 93%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#ffe6ec), color-stop(93%,#ffd1e0));
    background: -webkit-linear-gradient(top,  #ffe6ec 12%,#ffd1e0 93%);
    background: -o-linear-gradient(top,  #ffe6ec 12%,#ffd1e0 93%); 
    background: -ms-linear-gradient(top,  #ffe6ec 12%,#ffd1e0 93%); 
    background: linear-gradient(to bottom,  #ffe6ec 12%,#ffd1e0 93%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6ec', endColorstr='#ffd1e0',GradientType=0 ); 

          border-top: 1px solid #ff0079;
          border-bottom: 1px solid #ff0079;
*/
	color: #ffffff;
	font-family: HiraKakuProN-W3;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	padding: 5px;
	margin-bottom: 4px;
	margin-top: 10px;
}

	h4.acord + div {
		display: none;
	}

	h4.acord:after {
		content: '▼';
		float: right;
		display: inline-block;
		background-color: #ffffff;
		color: #f19ec2;
		border-radius: 50%;
		padding: 2px;
		vertical-align: bottom;
	}

	h4.acord.open:after {
		content: '▲';
		float: right;
		/*
	            background-color:#ffffff;
	            border-radius:50%;
            */
		display: inline-block;
	}



span.beginner {
	background: #ffce9e;
	background: -moz-linear-gradient(-45deg, #ffce9e 0%, #feeded 35%, #ffce9e 100%);
	background: -webkit-linear-gradient(-45deg, #ffce9e 0%,#feeded 35%,#ffce9e 100%);
	background: linear-gradient(135deg, #ffce9e 0%,#feeded 35%,#f9cc00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce9e', endColorstr='#ffce9e',GradientType=1 );
	color: #9a0d08;
}

span.clover {
	background: #8bb4b9;
	background: -moz-linear-gradient(-45deg, #e9f2ff 0%, #ffffff 35%, #8bb4b9 100%);
	background: -webkit-linear-gradient(-45deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	background: linear-gradient(135deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2ff', endColorstr='#8bb4b9',GradientType=1 );
	color: #8b765c;
}

span.kanban {
	background: #cdbe00;
	background: -moz-linear-gradient(-45deg, #e9f2ff 0%, #ffffff 35%, #8bb4b9 100%);
	background: -webkit-linear-gradient(-45deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	background: linear-gradient(to bottom, #e3ef42 0%, #e3ef42 50%, #cdbe00 51%, #feff9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2ff', endColorstr='#8bb4b9',GradientType=1 );
	color: #8b765c;
}

span.platinum {
	background: #d3d3d4;
	background: -moz-linear-gradient(-45deg, #caccc2 0%, #ffffff 35%, #d3d3d4 100%);
	background: -webkit-linear-gradient(-45deg, #caccc2 0%,#ffffff 35%,#d3d3d4 100%);
	background: linear-gradient(135deg, #caccc2 0%,#ffffff 35%,#d3d3d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccc2', endColorstr='#d3d3d4',GradientType=1 );
	color: #532e02;
}

span.gold {
	background: #e0b53d;
	background: -moz-linear-gradient(-45deg, #e6be3c 0%, #fffac3 35%, #e0b53d 100%);
	background: -webkit-linear-gradient(-45deg, #e6be3c 0%,#fffac3 35%,#e0b53d 100%);
	background: linear-gradient(135deg, #e6be3c 0%,#fffac3 35%,#e0b53d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6be3c', endColorstr='#e0b53d',GradientType=1 );
	color: #532e02;
}

span.silver {
	background: #8e8e8e;
	background: -moz-linear-gradient(-45deg, #8e8e8e 0%, #dedddd 35%, #8e8e8e 100%);
	background: -webkit-linear-gradient(-45deg, #8e8e8e 0%,#dedddd 35%,#8e8e8e 100%);
	background: linear-gradient(135deg, #8e8e8e 0%,#dedddd 35%,#8e8e8e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#8e8e8e',GradientType=1 );
	color: #2f2f2f;
}

span.regular {
	background: #f674ad;
	background: -moz-linear-gradient(-45deg, #f87aab 0%, #fed6e0 35%, #f674ad 100%);
	background: -webkit-linear-gradient(-45deg, #f87aab 0%,#fed6e0 35%,#f674ad 100%);
	background: linear-gradient(135deg, #f87aab 0%,#fed6e0 35%,#f674ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87aab', endColorstr='#f674ad',GradientType=1 );
	color: #850236;
}