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

body {
	margin:0px;
	background-color:#ffffcc;
	color:#000033;
}

#wrapper {
	margin-right:auto;
	margin-left:auto;
	background-color:#ffffee;
	width:auto;
	border-style:double;
	border-width:3px;
	border-color:#3399ff;
	border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;	
}

img {
	max-width: 100%;
	height: auto;
	width/***/:auto;
}

#header {
	margin:10px 10px 10px 10px;
}

#left {
	float:none;
	width:98%;
}

.menu1,.ad1,.menu2 {
	width:96%;
}

.menu1 a,.ad1 a,.menu2 a {
	padding-left:10px;
	display:block;
	font-size:97%;	
	line-height:2em;
}

.menu1 a:link,.ad1 a:link,.menu2 a:link {
    color:#000033;
}

.menu1 a:visited,.ad1 a:visited,.menu2 a:visited {
    color:#0033ff;
}

.ad1 a {
	padding-left:10px;
	display:block;
	font-size:97%;	
	line-height:2em;
}

.ad1 a:link {
    color:#000033;
}

.ad1 a:visited {
    color:#0033ff;
}

.menu2 a {
	padding-left:10px;
	display:block;
	font-size:97%;	
	line-height:2em;
}

.menu2 a:link {
    color:#000033;
}

.menu2 a:visited {
    color:#0033ff;
}

#right {
	float:none;
	width:98%;
}

.contents {
	width:96%;
	font-size:92%;
	line-height:1.4em
}

#footer {
	margin:5px 5px 5px 5px;
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	background-color:#ffffbb;
	text-align:center;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

h1 {
	padding-left:10px;
	color:#000099;
	font-size:80%;
}

#left h2,h3,#right h2 {
	/* Webkit系 */
	background: -webkit-gradient(linear, left top, right top, from(#ffcc00), to(#ff9933));
	/* Mozilla系 */
	background: -moz-linear-gradient(left, #ffcc00, #ff9933);
	/* IE10+ */
	background: -ms-linear-gradient(left,  #ffcc00,  #ff9933);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff9933', GradientType=1)";
	/* IE5.5-7 */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff9933', GradientType=1);	
}

#left h2,#right h2 {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#000066;
	font-size:110%;
	border-style:solid;
	border-width:1px;
	border-color:#3399ff;
	border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}

#left h3 {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#000066;
	font-size:100%;
	border-style:solid;
	border-width:1px;
	border-color:#3399ff;
	border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}

#left,#right {
    margin:5px 5px 5px 5px;
	border-style:dotted;
	border-width:1px;
	border-color:#ffcc00;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

.menu1,.ad1,.menu2,.contents {
	margin:5px 5px 5px 5px;
	padding-bottom:5px;	
	border-bottom:double;	
	border-width:3px;
	border-color:#3399ff;
}

.menu1,.ad1,.menu2 {
	background-color:#ffffbb;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
    -webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
    -moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

.border_radius {
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

.underline {
	border-style:dotted;
	border-width:1px;
	border-color:#ffcc00;
}

#formWrap {
	width:100%;
	margin:0 auto;
	color:#000033;
	line-height:120%;
	font-size:90%;
}

table.formTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}

table.formTable td,table.formTable th {
	border:1px solid #ccc;
	padding:5px;
}

table.formTable th {
	width:30%;
	font-weight:normal;
	background:#ffffbb;
	text-align:left;
}

.red {
	color:#ff0000;
}

.notation {
	color:#ff0000;
	font-size:80%;
}

img {
	max-width:100%;
	height:auto;
}

}