@charset "utf-8";


/*@media screen and (min-width: 769px){*/

	
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


body {
	background: top center repeat-y #fff;
	color: #333;
}

#wrap {
	width: 380px;
	margin: 0 auto;
}

#head {
	color: #fff;
	padding: 20px 0 5px 0;
}

h1 {
	color: #000;
	text-align:center;
}

h2 {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#content {
	padding: 20px;
	background: left bottom no-repeat #ecf7fc;
	border:solid 1px #3399FF;
	width: 340px;
	min-height: 230px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 110%;
}

* html #content {
	height: 230px;
}

p {
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

dl {
	margin-bottom: 10px;
}
dt {
	padding-left: 5px;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 0.5em;
}

.required {
	background-color: #09F;
	color: #fff;
	font-size: 82%;
	padding: 2px;
	margin-left: 10px;
}

#foot {
	width: 340px;
	text-align: right;
}

.error {
	font-size: 85%;
	color: #F00;
}

#lead {
	margin-bottom: 1em;
}

/*}*/


/*ここから下、追加*/

@media screen and (max-width: 768px){
	
#wrap {
	/*width: 380px;*/
	width: 70%;
	margin: 0 auto;
}

h1 img{
	 width:75%;
	}

#content {
	padding: 20px;
	background: left bottom no-repeat #ecf7fc;
	border:solid 1px #3399FF;
	/*width: 340px;*/
	width: 70%;
	min-height: 230px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 110%;
}

}



@media screen and (max-width:640px){

#wrap {
	/*width: 380px;*/
	width: 80%;
	margin: 0 auto;
}

h1 img{
	 width:85%;
	}

#content {
	padding: 20px;
	background: left bottom no-repeat #ecf7fc;
	border:solid 1px #3399FF;
	/*width: 340px;*/
	width: 80%;
	min-height: 230px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 110%;
}

}