/*                    

š‘S‘Μ‚ΜŽw’θ

                    */



* {

	margin: 0;

	padding: 0;

	font-size: 14px;

}

body{

	margin: 15px auto;

	line-height: 1.5;

	text-align: center;

	background-color: #ddc;

	font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ƒƒCƒŠƒI", "Meiryo", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;

	color: #333;

}

option{

	padding-right: 10px;

}

input{

	padding: 2px;

}

#container{

	width: 640px;

	margin: auto;

	text-align: left;

	border: 1px solid #666;

	background-color: #fff;

}

.title{

	margin-bottom: 10px;

	padding: 5px;

	color: #fff;

	font-weight: bold;

	background-color: #5FB200;

}



/*                    

šƒwƒbƒ_[‚ΜŽw’θ

                    */

#header{

	margin: 15px 15px 20px;

}

h1{

	margin-bottom: 10px;

	padding: 5px;

	background-color: #630;

	font-size: 12px;

	color: #fff;

}

#headerLogo{

	margin-bottom: 15px;

}

#headerLogo h2{

	float: left;

	width: 240px;

	margin-right: 10px;

}

#headerLogo p{

	float: right;

	width: 282px;

}



/*                    

šΰ–Ύ•Ά‚ΜŽw’θ

                    */

#desc{

	margin: 0 15px 20px;

	padding: 10px;

	border: 4px double #630;

	background-color: #ffe;

}

#desc strong{

	color: #000;

}



/*                    

šƒ[ƒ‹ƒtƒH[ƒ€‚ΜŽw’θ

                    */

#mailForm{

	margin: 0 15px 15px;

}

#errM{

	margin-bottom: 10px;

	padding: 5px;

	background-color: #fef;

	color: #c00;

	border: 2px solid #c00;

}



/*                    

šQRƒR[ƒh‚ΜŽw’θ

                    */

#qrCode{

	margin: 0 15px 15px;

}

#qrCode_image{

	float: left;

	width: 150px;

	margin-right: 10px;

}

#qrCode_image img{

	border: 1px solid #000;

}

#qrCode_text{

	float: left;

	width: auto;

}

#qrCode_text strong{

	color: #000;

}



/*                    

šƒtƒbƒ^[‚ΜŽw’θ

                    */

#footer{

	margin: 0 15px;

	padding-top: 5px;

	padding-bottom: 5px;

	border-top: 1px solid #999;

}

address{

	text-align: center;

	font-style: normal;

}



/*                    

šƒ}[ƒWƒ“‚ΜŽw’θ

                    */

.mgn_B10{

	margin-bottom: 10px;

}

.mgn_B15{

	margin-bottom: 10px;

}



/*                    

šfont‚ΜŽw’θ

                    */

.clr_red{

	color: #c00;

}

.px12{

	font-size: 12px;

}



/*                    

šfloat‚̍‚‚³Žw’θ

                    */

.clearfix:after{

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix{

	display: inline-block;

}



/* Hides from IE-mac \*/

* html .clearfix{

	height: 1%;

}

.clearfix{

	display: block;

}

/* End hide from IE-mac */