@charset "utf-8";

/* **************************************************

RAIDとは

Copyright (c) Dospara Co., Ltd. All rights reserved. 

***************************************************** */

.column2R #main {
	float: none;
	width: auto;
}
#lp_page {
	width: 970px;
	margin: 0px auto;
	text-align: left;
	font-size: 16px;
}
.br_sp {
	display: none;
}
.br_pc {
	display: block;
}

#pageTop {
	display: none;
	position: fixed;
	bottom: 25px;
	right: 50px;
}

#pageTop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}

#nav {
  list-style: none;
  font-size: 0;
}

#nav li {
  width: 120px;
  text-align: center;
  background-color: #287096;
  display: inline-block;
  font-size: 16px;
	margin-right: 10px;
}

#nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

p .boxHdd{
	text-align: center;
}





#pageTop {
	display: none;
	position: fixed;
	bottom: 25px;
	right: 50px;
}

#pageTop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}

h3 {
	margin: 0 0;
	padding: 12px 8px;
	background-color: #0168b7;
	color: #fff;
	font-size: 20px;
}

.hardBox img {margin: 14px 20px 0;}

.pointBox {
	border: solid;
	width: 50%;
	padding: 20px;
	font-weight: bold;
}

table{
	width: 80%;
}

table, th, td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
text-align: center;
}

table.table_01 th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #336DE1;
  color: #ffffff;
}
table.table_01 td {
  padding: 10px;
  vertical-align: top;
}
tr.table_02 {
  width: 200px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #878888;
color: #FFFFFF
}



.top_table{
	width: 80%;
}

.top_table, th, td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
text-align: center;
}

.top_table th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #1A54B9;
  color: #ffffff;
}
.top_table td {
  padding: 10px;
  vertical-align: top;
}
tr.top_table_01 {
  width: 200px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #878888;
color: #FFFFFF
}
.top_table_3, .top_table_5, .top_table_7 {
	background-color: #d3edfa;
}

.title_top{
	font-weight: bold;
	font-size: 20px;
}







.merit span{
	font-weight: bold;
	color: #0168b7;
}




/*------------------------------------------------
 ウィンウィンドウ幅が0〜479pxの場合に適用するCSS
------------------------------------------------*/
@media screen and (max-width:479px){
	body {
		min-width: 100% !important;
	}
	#container {
		margin: 0 auto 10%;
	    width: 100%;
	}
	
	#container img {
	    width: 100%;
	}
	
	#Header, #Globalnavi {
		display:none;
	}
	#lp_page {
		width: 100%;
		margin: 0 auto;
	}
  
  #lp_page .hardBox img {margin:0 auto; max-width: 200px; display: block;}
	
	/*display block*/
	.br_sp {
		display: block;
	}
	
	/*display none*/
	.breadCrumb,
	.br_pc,
	.pagetop {
		display: none;
	}

	/*PageTop*/
	#pageTop {
		bottom: 10px;
		right: 10px;
	}
}