@import url(mtp_main.css);

/* layout reset */

body{
	background:none;
}

#wrapper{
	position:relative;
	margin:0 auto;
	text-align:left;
	background:none;
}

#header{
	position:relative;
	width:100%;
	height:96px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#contents{
	position:relative;
	width:auto;
	margin:0 auto;
}

#footer{
	position:relative;
	width:100%;
	margin:0 auto;
	background:none;
	border-top:none;
}



/* footer keep position CSS */

html{
    height:100%;
}
body{
    height:100%;
}
* html div#wrapper{
    height:100%;
}
div#wrapper{
    margin:0px auto;
    position:relative;
    min-height: 100%;
    width:100%;
}
body > #wrapper {
    height: auto;
}
div#contents{
    padding-bottom:0px;
}
#footer{
    position:absolute;
    bottom:0px;
    left:0px;
    background:#FFFFFF;
}


h2{
	font-size:24px;
}

#header{
	height:86px;
}

#header #name{
	padding:18px 20px 0 20px;
}

div#contents{
	background:#F0F7F0;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #EDEDED;
	height:368px;
}

/* 佐藤が追加したスタイルここから */
div#contents_long{
	background:#F0F7F0;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #EDEDED;
	height:428px;
}
p.exp_red{
	margin:7px 0 15px 11px;
    color:#FF0000;
}

/* 佐藤が追加したスタイルここまで */

h3{
	border-left:4px solid #FF9900;
	padding-left:7px;
	font-size:125%;
	font-weight:bold;
}

div.input{
	padding:10px 10px 7px 10px;
}

div.input input.address{
	margin-right:15px;
	padding:2px;
}

p.attention{
	margin:0px 0 4px 11px;
	font-size:10px;
}

.qr{
	margin-top:10px;
	margin-right:10px;
}

.btn_close{
	clear:both;
	width:100%;
	text-align:center;
}

.btn_close input{
	margin-top:15px;
}

#footer{
	height:64px;
	width:100%;
}

#foot_content{
	margin:0 auto;
	font-size:9px;
}

#foot_content a#logo{
	position:relative;
	left:20px;
}

#foot_content ul{
	position:absolute;
	bottom:10px;
	right:20px;
}

#foot_content ul li{
	text-align:right;
	margin-top:10px;
	color:#333333;
}

#foot_content ul li a{
	color:#333333;
}

/* errorMSG */
.formError{
	color:#FF0000;
}