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

body,td,th {
	font-family:"ヒラギノ丸ゴ W4 JIS2004","Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo;
	font-size:12px;
	color:#727171;
	background-color:#000000;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
	font-weight:normal;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}

ul,ol,li {
	list-style:inside;
	list-style:none;
}
 img   {
	border: none;
	vertical-align: bottom;
 }
#headwrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	height:150px;
}
#mainwrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#order {
	width:90%;
	border-radius: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background-color:#fff;
}
#orderimg {
	width:260px;
	margin-left:5px;
	padding:10px;
	background-color:#fff;
	display: inline-block;
	vertical-align: top;
}
#ordertext {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	padding-top:180px;
	display: inline-block;
	vertical-align: top;
}
.red {
	color:#ff0000;
}
#info {
	width:90%;
	color:#ffffff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
section {
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
	width: 300px;
	font-size:12px;
	text-align:center;
	background-color: #ffffff;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 5px;
	display: inline-block;
	vertical-align: top;
}
section img {
	border-radius:20px;
}
section p {
	margin-top:15px;
}
#footwrapper {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	color:#ffffff;
}
.clearfix:after {  
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* clearfix for ie7 */

.clearfix{
    display: inline-block;
}

.clearfix {
	display: block;
	float: left;
}

@media (max-width: 768px){
	#headwrapper {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	height:50px;
}
#mainwrapper {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#orderimg {
	width:260px;
	padding:10px;
}
#ordertext {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#info {
	text-align:left;
}
#footwrapper {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color:#ffffff;
	font-size:9px;
}
}

@media (max-width: 480px){
	#orderimg {
	width:80%;
	padding:10px;
}
#orderimg img {
	width:95%;
	height:95%;
}
	section {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 5px;
	width: 90%;
	font-size:12px;
	text-align:center;
	background-color: #ffffff;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 5px;
	}section img {
	width: 90%;
	height:90%;
}
}