@charset "utf-8";
/* CSS Document */
@import url("rayout.css");

h3{
	margin: 0 0 15px 0;
}


.attion{
	padding: 8px;
	margin: 8px 0 25px 0;
	background-color: #F3EADA;
}


.trial_img_roll a{
	height: 48px;
	padding: 1px;
	margin: 8px 0 8px 0;
	border: 1px solid #ccc;
	display: block;
	background-color: #FFF;
}


.trial_img_roll a:hover{
	height: 48px;
	padding: 1px;
	margin: 8px 0 8px 0;
	border: 1px solid #f86688;
	display: block;
	background-color: #FFF;
}


.table{
	width: 100%;
	padding: 0;
	margin: 0 auto 0 auto;
	border-collapse: collapse;
}


.table table{
	padding: 0;
	margin: 0 auto 0 auto;
}



#bt_mousikomi{
	width: 256px;
	padding: 0;
	display: block;
}


#bt_catarogu{
	width: 270px;
	padding: 0;
	display: block;
}



#bt_catarogu a{
	height: 120px;
	width: 256px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../pc/img/bt_catalog.gif);
}




#bt_catarogu a:hover{
	height: 120px;
	width: 256px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../pc/img/bt_catalog_on.gif);
}




#bt_mousikomi a{
	height: 120px;
	width: 256px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../pc/img/bt_mousikomi.gif);
}




#bt_mousikomi a:hover{
	height: 120px;
	width: 256px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../pc/img/bt_mousikomi_on.gif);
}



.step_box{
	padding: 5px;
	margin: 20px 0 0 0;
	border: 1px solid #c04d5a;
}


.step_box table{
	width: 100%;
}


.step_box th{
	width: 100px;
	padding: 5px 0 5px 0;
}


.step_box td{
	background: url(../pc/img/allow.gif) no-repeat 360px 0px;
}



.toiawase ol{
	padding: 0;
	margin: 0 0 30px 0;
	text-indent: 1.2em;
	list-style-type: none;
}


.toiawase li{
	padding: 10px 0 0 1.2em;
	margin: 0;
	text-indent: -1.2em;
}


.color_qa{
	color: #CC3366;
}