@charset "utf-8";

/*-----main-----*/
.system_main{
	width: 1024px;
	padding: 20px 0 0 0;
	margin: 0 auto;
}

/*-----見出し-----*/
h2.system_kv {
	width: 1024px;
	text-align: center;
}

h3.system_h3 {
	background-color: #D1C287;
	color: #000;
	font-size: 24px;
	text-align: center;
	padding: 10px 0;
}

.system_theme01 {
	width: 800px;
	margin: 20px auto;
	padding: 10px 0;
	text-align: center;
	background-color: #B8DFF4;
	font-size: 20px;
}

/*-----テーブル-----*/
.system_table {
	border: solid 1px #aaa;
	border-collapse: collapse;
	margin: 0px auto 20px 20px;
}
.system_table tbody th {
	border: solid 1px #aaa;
	background-color: #DDEBF7;
	vertical-align: middle;
	padding: 5px;
}

.system_table tbody td {
	border: solid 1px #aaa;
	background-color: fff;
	vertical-align: middle;
	padding: 10px 15px;
	text-align: center;
}

/*-----適用-----*/
.ul_system li{
background: url(../images/system/system_li.gif) no-repeat left 0.3em;
    padding-left: 24px;
line-height: 200%;}
/*-----ながれ-----*/

.taiken_hosouku {
    width: 800px;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
    background-color: #B8DFF4;
    font-size: 20px;
}

/*スコアアップ例*/
.scoreupbox{
	background: #FFFFC7;
	width: 300px;
	height: 240px;
	border-radius: 10px;
	padding: 5px;
	float:left;
	margin-left: 20px;
}
.scoreupbox_up{
	background: url(../images/system/score_up.png) no-repeat;
	width: 240px;
	height: 140px;
	margin: 10px auto;
	position: relative;
}
.scoreupbox_up .point1{position: absolute;
bottom: 20px;
left: 20px;}
.scoreupbox_up .point2{position: absolute;
bottom: 50px;
left: 110px;
}
.score_up_point {
    color: #103869;
    letter-spacing: 0.01em;
    font-weight: bolder;
       text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
}
.shirowakumozi{
	 text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}


/*-----ボタン-----*/
p.bar01 {
	width: 801px;
	height: 120px;
	background: url(../images/index/bg_bar01.png)no-repeat;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
	color: #fff;
	font-size: 32px;
}
p.bar01 a {
	color: #fff;
	text-decoration: none;
}

/*20180322*/
.muryo_txt{
	color: #FF579C;
	font-size: 150%;
	margin: 10px auto;
}

.omoushikomi{
	background-color: #FDFCDD;
	padding: 20px;
	margin: 20px auto;
}