@charset "utf-8";
/* CSS Document */

@media screen and ( min-width:641px )
{

	/*-------------------
	　common
	-------------------*/

	section{border-top:#999999 1px dashed;}


	/*-------------------
	　contentsBox
	-------------------*/

	div#changeClass_B{max-width: 960px;margin: 0 auto;}
	div.contentsBox{padding:40px 0 0;}


	/*-------------------
	　rule
	-------------------*/
	
	p.rule{
		margin: 0 100px 40px;
		background-color: #ffe5e5;
		padding:20px 25px;
		font-weight: bold;
	}
	p.rule a{
		color:#cc0000;
		font-size: 20px;
		text-decoration: underline;
	}
	p.rule a:hover{color:#e56b00;}
	p.rule span{
		color:#cc0000;
		font-size: 20px;
	}

	
	/*-------------------
	　intro
	-------------------*/
	
	p.intro{
		padding-top:20px;
		font-size: 22px;
		color:#001f99;
		text-align: center;
		font-weight: bold;
	}


	/*-------------------
	　p
	-------------------*/
	
	p.common_p{max-width: 600px; margin:0 auto;padding:20px 20px 20px; text-align: center;}


	/*-------------------
	　item_list
	-------------------*/

	ul.item_list{padding:0 0 50px;}

	ul.item_list li{padding:10px 100px 10px;}

	ul.item_list li a{
		position: relative;
		display: block;
		padding: 13px 10px 11px 40px;
		border:#cccccc 4px solid;
		border-radius:8px;
		color: #e56b00;
		font-size: 22px;
		font-weight: bold;
	}
	
	ul.item_list li a::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 12px;
		width: 10px;
		height: 10px;
		content: "";
		margin: auto;
		vertical-align: middle;
		border-top: 3px solid #ff7700;
		border-right: 3px solid #ff7700;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	ul.item_list li a:hover{opacity:0.8;background-color:#f2f2f2;}

	ul.item_list li a:hover{background-color:#f2f2f2; text-decoration: underline;}


	/*-------------------
	　color_matching
	-------------------*/

	div.color_matching{margin:25px 0 0;padding:0 100px 80px;}

	div.color_matching a{
		position: relative;
		display: block;
		padding: 10px 10px 10px 40px;
		border:#cccccc 4px solid;
		border-radius:8px;
	}
	div.color_matching a::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 12px;
		content: "";
		width: 10px;
		height: 10px;
		margin: auto;
		vertical-align: middle;
		border-top: 3px solid #ff7700;
		border-right: 3px solid #ff7700;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	div.color_matching a:hover{opacity:0.8;background-color:#f2f2f2;}

	div.color_matching a dl{
		min-height: 150px;
		padding: 0 0 0 210px;
		background: url(../img/top/color_matching.png) no-repeat left top;
		background-size: 200px 150px;
	}
	
	div.color_matching a dl dt{
		padding: 5px 0 5px;
		border-bottom:#999999 2px dashed;
		color: #e56b00;
		font-size: 24px;
		font-weight: bold;
	}
	
	div.color_matching a dl dd{
		padding: 5px 0 0;
		font-size: 18px;
	}



/* ----------------------------------------
	media screen end
---------------------------------------- */
}