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

#wrapper {
	max-width:1050px;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}

/*left_box*/
.left_box {
	max-width:250px;
	width:23.8%;
	height:auto;
	float:left;
	margin-top:-150px;
	padding-top:150px;
}

.left_box iframe {
	max-width:250px;
	width:100%;
	height:509px;
}

/*right_box*/
.right_box {
	max-width:750px;
	width:71.4%;
	height:auto;
	margin-bottom:80px;
	float:right;
	padding-top:50px;
}

.top_heading {
	max-width:750px;
	border-bottom:4px solid #FF0000;
	margin-bottom:30px;
}


.top_heading h1 {
	padding-bottom:10px;
	color:#FFFFFF;
}

.top_img {
	max-width:300px;
	width:40%;
	max-height:300px;
	margin-bottom:50px;
	float:left;
}

.top_img img {
	width:100%;
	height:auto;
	border:solid 3px #FFFFFF;
}

.top_info {
	max-width:400px;
	width:53%;
	max-height:300px;
	margin-left:4.5%;
	margin-bottom:50px;
	float:left;
	border:1px solid #000;
	color:#FFFFFF;
}

.top_info img {
	width:100%;
	height:auto;
	border:solid 3px #FFFFFF;
}

.top_info p {
	margin:5px;
}

.information {
	max-width:700px;
	margin:0 auto;
	margin-bottom:50px;
}

.information h1 {
	color:#FF0000;
	margin-bottom:10px;
	clear:both;
}

.information p {
	color:#FFFFFF;
}

span.bk_m {
	float:right;
	clear:both;
	margin-bottom:20px;
}

span.bk_m a:link {
	color:#FF0000;
}

span.bk_m a:visited {
	color:#FF0000;
}

span.bk_m a:hover {
	color:#FFFFFF;
}

.10color {
	max-width:700px;
	width:90%;
	max-height:400px;
	margin-right:5%;
	margin:0 auto;
	padding-top:50px;
	clear:both;
}


img.color10 {
	border:solid 3px #FFFFFF;
}

h2.order {
	margin-top:20px;
	text-align:center;
	color:#FFFFFF;
}

span.red {
	line-height:1.5em;
	color:#FF0000;
}
	
span.small {
	font-size:small;
}

img.color10 {
	width:98%;
	height:auto;
	border:solid 3px #FFFFFF;
}


.guarantee {
	width:700px;
	height:150px;
	margin:0 auto;
	padding-top:50px;
	clear:both;
}

.guarantee h2 {
	color:#FF0000;
}

.guarantee p {
	color:#FFFFFF;
}

p.yellow {
	color:#FFFF00;
	padding-top:50px;
}



/*table*/
table {
	max-width:700px;
	margin:0 auto;
	margin-top:50px;
	line-height:2em;
	clear:both;
}

td {
	background-color:#000;
	color:#FFF;
	text-align:center;
}

td.gray {
	background-color:#999;
}

td.gray span {
	color:#900;
}

.demo01 th  { width: 30%; text-align: left; }

/*----------------------------------------------------
  smartphone 480px
----------------------------------------------------*/
@media screen and (max-width:480px){
	.left_box {
	display:none;
	}
	
	.right_box {
	width:90%;
	margin:0 5%;
	margin-bottom:50px;
	}
	
	.top_heading h1 {
	font-size:22px;
	}
	
	h2.heading {
	font-size:18px;
	line-height:1.5em;
	}
	
	.p_list h3 {
	margin:0;
	line-height:1.3em;
	}
	
	h2.order {
	font-size:large;
	}
	
	table {
	width:95%;
	margin:0 2.5%;
	margin-top:50px;
	}
	
	th, td{
	width: 100%;
	display: block;
	border-top: none;
    }
	
	td {
	background:#444;
	}
	
	td.gray {
	background-color:#000;
	}

}

/*----------------------------------------------------
  tablet 481px~768px
----------------------------------------------------*/
@media screen and (min-width:481px) and ( max-width:768px) {
	.left_box {
	display:none;
	}
	
	.right_box {
	width:90%;
	margin:0 5%;
	margin-bottom:80px;
	}
	
	.top_heading h1 {
	font-size:25px;
	}
	
	table {
	width:90%;
	margin-left:5%;
	}
}

/*----------------------------------------------------
  below 769px~1170px
----------------------------------------------------*/
@media screen and (min-width:769px) and ( max-width:1170px) {
}

/*----------------------------------------------------
   above 1171px
----------------------------------------------------*/
@media screen and (min-width:1171px) {
}