@media screen and (min-width: 461px) {
HTML { overflow-y: scroll; }
BODY { background-image: url(images/back.gif); line-height:1.8em; background-color:#eee; margin-top: 10px; background-repeat: repeat-x; font-family: "meiryo" , Sans-Serif, Arial, Helvetica, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:13px; -webkit-text-size-adjust: none; }
INPUT[type="text"], TEXTAREA, SELECT { margin: 0px; font-family: "meiryo" , Sans-Serif, Arial, Helvetica, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; border-radius:4px; border-width:1px; }
IMG { border:0; }

.outer { margin: 0px auto; width:960px; background-color:White; }

.header { background-image: url(images/header.jpg); padding-bottom: 0px; padding-left: 60px; padding-right: 10px; background-repeat: no-repeat; height: 40px; padding-top: 10px; }
.header A { color: #333; text-decoration: none; }

.hrmenu A { color:Black; display:inline-block; border-radius:3px; font-size:13px; text-decoration:none; line-height:1em; padding:4px;}
.hrmenu A:hover { color:#600; background-color:#EEE; }

.totop { float:right; font-size:13px; }
.totop:hover { color:#600; }

H1, H2 { margin:0 0 20px; padding:0 5px; color:#030; font-size:36px; border-bottom:1px solid #030;}
H3 { font-size:24px; line-height:1em; padding:0; margin:40px 0 0 0; font-weight:normal; }
H4 { margin:5px 0; padding:0; border-bottom:1px solid #CCC; }


.rmk { LINE-HEIGHT: 1.6em; MARGIN-TOP: 5px; PADDING-LEFT: 20px; FONT-SIZE: 11px; }

#intro TABLE { width:100%; table-layout:fixed; }
#intro TD    { vertical-align:top; border-radius:5px; padding:10px 1em; box-shadow: 0px 1px 3px 0px #8a8a8a; -webkit-box-shadow: 0px 1px 3px 0px #8a8a8a; -moz-box-shadow: 0px 1px 3px 0px #8a8a8a; }
#intro P     { margin:0 0 0.5em; }

.cntrlist { font-size: 11px; }
.cntrlist H3 { margin:0.5em 0 0; }
.cntrlist P { line-height: 1.5em; margin: 0px; font-size: 11px; word-spacing: 1em; }

#service P   { line-height:2em; margin:1em 20px 1em 0; }
.img_s       { float:left; margin:20px 30px 0 0; cursor:pointer; }
.img_s:hover { filter:alpha(opacity=80);  -moz-opacity: 0.8;  opacity: 0.8; }
.img_l       { display:none; cursor:pointer; margin-top:5px; }


#charge H3        { border-bottom: #ddd 1px solid; margin: 40px 0px 0px; padding: 0 10px; font-size: 16px; font-weight: normal; }
#charge UL        { margin: 10px 0px 0px 20px; padding-left: 20px; font-size: 11px; }
#charge .fee    { width:100%; font-size:16px; color:White; font-weight:bold; }
#charge .fee TD { background-image:url('images/b1.jpg'); border-radius:8px; line-height:1em; padding:20px 30px; }

#aboutus TABLE { width:90%; margin:0 auto; line-height:1.4em; }
#aboutus TD    { border-bottom:1px solid #AAA; padding:15px 10px 5px; }

.receipt { display:none; cursor:pointer; position:absolute; top:15px; right:0; border:1px solid #AAA; box-shadow: 0px 1px 3px 0px #8a8a8a; -webkit-box-shadow: 0px 1px 3px 0px #8a8a8a; -moz-box-shadow: 0px 1px 3px 0px #8a8a8a; }
.printer A { color:#04C; text-decoration:underline; cursor:pointer; }

#pc {}
#mb { display:none; }
}


@media screen and (max-width: 460px) {
HTML { overflow-y: scroll; }
BODY { background-image: url(images/back.gif); line-height:1.8em; background-color:#eee; margin-top: 10px; background-repeat: repeat-x; font-family: "meiryo" , Sans-Serif, Arial, Helvetica, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; font-size:16px; }
INPUT[type="text"], TEXTAREA, SELECT { margin: 0px; font-family: "meiryo" , Sans-Serif, Arial, Helvetica, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; border-radius:4px; border-width:1px; }
IMG { border:0; }

.outer { margin: 0px auto; background-color:White; }

.header { background-image: url(images/header.jpg); padding-bottom: 0px; padding-left: 60px; padding-right: 10px; background-repeat: no-repeat; height: 40px; padding-top: 10px; }
.header A { color: #333; text-decoration: none; }

.hrmenu A { color:Black; display:inline-block; border-radius:3px; font-size:13px; text-decoration:none; line-height:2em; padding:4px;}
.hrmenu A:hover { color:#600; background-color:#EEE; }

.totop { float:right; font-size:13px; }
.totop:hover { color:#600; }

H1, H2 { margin:0 0 20px; padding:0 5px; color:#030; font-size:36px; border-bottom:1px solid #030;}
H3 { font-size:24px; line-height:1em; padding:0; margin:40px 0 0 0; font-weight:normal; }
H4 { margin:5px 0; padding:0; border-bottom:1px solid #CCC; }


.rmk { LINE-HEIGHT: 1.6em; MARGIN-TOP: 5px; PADDING-LEFT: 20px; FONT-SIZE: 11px; }

#intro2 DIV    { background-image:url('images/b1.jpg'); color:White; font-weight:bold; font-size:16px; text-shadow:1px 1px 2px black; border-radius:5px; padding:10px 1em; padding:10px 1em; box-shadow: 0px 1px 3px 0px #8a8a8a; -webkit-box-shadow: 0px 1px 3px 0px #8a8a8a; -moz-box-shadow: 0px 1px 3px 0px #8a8a8a; }
#intro2 P     { margin:10px; }

.cntrlist { font-size: 11px; margin:0 10px; }
.cntrlist H3 { margin:0.5em 0 0; }
.cntrlist P { line-height: 1.5em; margin: 0px; font-size: 11px; word-spacing: 1em; }

#service2 P   { line-height:1.6em; margin:1em 10px 1em 10px; }
.img_s       { float:left; margin:20px 30px 0 0; cursor:pointer; }
.img_s:hover { filter:alpha(opacity=80);  -moz-opacity: 0.8;  opacity: 0.8; }
.img_l       { display:none; cursor:pointer; margin-top:5px; }


#charge2 H3        { border-bottom: #ddd 1px solid; margin: 40px 0px 0px; padding: 0 10px; font-size: 16px; font-weight: normal; }
#charge2 UL        { margin: 10px 20px 0px 20px; padding-left: 20px; font-size: 13px; line-height:1.6em; }
#charge2 LI        { margin-top:10px; }
#charge2 .fee    { width:100%; font-size:16px; color:White; font-weight:bold; }
#charge2 .fee TD { background-image:url('images/b1.jpg'); border-radius:8px; line-height:1em; padding:20px 10px; }

#aboutus2 TABLE { width:100%; margin:0 auto; line-height:1.4em; }
#aboutus2 TD    { border-bottom:1px solid #AAA; padding:15px 10px 5px; }

.receipt { display:none; cursor:pointer; width:100%; border:1px solid #AAA; box-shadow: 0px 1px 3px 0px #8a8a8a; -webkit-box-shadow: 0px 1px 3px 0px #8a8a8a; -moz-box-shadow: 0px 1px 3px 0px #8a8a8a; }
.printer A { color:#04C; text-decoration:underline; cursor:pointer; }

#pc { display:none; }
#mb {}
}