@media screen and (max-width: 568px) {  div.device {margin-left:auto;margin-right:auto;width:650px;background-color:white;padding:5px;font-size:12px;}  div.csize {font-size:large;width:640px} div.ad{display:none;}  
	body {margin:0px}
#innerdiv {width:650px;}
#opwind {min-width:550px;background-color:white;border:3px solid Fuchsia;background-color:#EFFBFB;height:35px;}
 	#rightcl {margin-top:1px;border:none;height:30px}
	#rightcl div {cursor:pointer;display:inline;font-size:large;width:40px;margin-lef:2px;border-left:thin solid Fuchsia;background-color:#EFFBFB;padding:0px 5px 0px 4px;height:22px;}
	input.inbox {font-size:medium;margin-top:3px;width:410px;color:Fuchsia}
	#suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 110%;
    width: 550px;
<!--    max-height:500px; #868A08-->
    padding:0px 5px 12px 5px;}
    #suggest div {
    display: block;
<!--width: 690px; -->
	font-size:large;
    overflow: none;
    line-height: 22px;
    white-space: nowrap;
    color:blue;
    cursor:pointer;    
<!--    border-bottom: thin solid lightgray;-->
	}
    #replydiv {width:605px;max-width:605px;font:bold large arial;min-height:180px} <!--color:#B18904; -->
	}

   @media screen and (min-width: 569px) {  div.device { margin-left:auto;margin-right:auto;width:750px;background-color:white;padding:10px;font-size:12px} div.csize {font-size:12px;width:350px} div.adsp{display:none}
	#innerdiv {margin-left:auto;margin-right:auto;width:650px;}
	#opwind {min-width:550px;max-width:715px;background-color:white;border:2px solid Fuchsia;background-color:#EFFBFB;height:30px;margin-left:25px;}
 	#rightcl {margin-top:3px;;border:none}
	#rightcl div {cursor:pointer;display:inline;font-size:medium;border-left:thin solid Fuchsia;background-color:#EFFBFB;padding:0px 5px 0px 5px;height:22px;}
	#rightcl div:active {background-color:white;padding:1px 5px 0px 5px;height:22px;}
	input.inbox {width:420px;color:Fuchsia}
#suggest {
    position: absolute;
    margin-bottom:30px;
    background-color: #FFFFFF;
 	 border: 1px solid #CCCCFF;
    font-size: 110%;
 <!--   width: 700px; -->
    max-height:500px;
    padding:0px 5px 12px 5px;}
    #suggest div {
    display: block;
<!--width: 690px; -->
	font-size:medium;
    overflow: none;
    line-height: 22px;
    white-space: nowrap;
    color:blue;
    cursor:pointer;
    
<!--    border-bottom: thin solid lightgray;-->
	}  
    #replydiv  {width:605px;font:bold medium arial;min-height:180px;color:#B18904;} <!--color:#B18904; -->
    
	}
#sddm { visibility: visible;	margin: 0;padding: 0;z-index: 30;max-height:420px;overflow :auto} 
#sddm li {	margin: 0; padding: 0; list-style: none; float: center; font: bold 11px arial}
#sddm li a { display: block; margin: 0 1px 0 0; padding: 4px 10px;width: 200px;background: #00CED1;color: #FFF;text-align: center;text-decoration: none;border-bottom:thin solid gray;border-right:thin solid gray}
#sddm li a:hover{ background: #49A3FF}
#sddm div{	position: absolute;visibility: hidden;margin: 0;padding: 0;background: #EAEBD8;border: 1px solid #5970B2}
#sddm div a{	position: relative;display: block;margin: 0;padding: 0px 20px 0px 10px;min-width:250px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #EAEBD8;color: blue;font: 11px arial;border:thin solid lightgray}
#sddm div a:hover{	background: white;color: brown}
#sddm div a:active{	background: pink;color: brown;border-top:thin solid black;border-left:thin solid black;border-right:thin solid white;border-bottom:thin solid white;}
#sddm div dt{	position: relative;display: block;margin: 0;padding: 0px 20px 0px 10px;max-width:250px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #EAEBD8;color: black;font: 11px arial}
a.spbutton:active{padding:2px 0px 0px 1px}
a.idx {background:white;color:black;text-decoration:none;font-size:12px}
a.idx:hover{color:brown}
a.idx:active{font-weight:bold}
<!--	#suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 110%;
    width: 550px;
    padding-left:5px;
    padding-right:5px
    
}-->

#suggest div:active { /* クリックした場合のスタイル */
    border:2px dotted Fuchsia;
}

#suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
   
}
#suggest strong { color:Fuchsia}
#rightcl b {color:Fuchsia;}
#rightcl a {text-decoration:none;color:blue}
b.alice {color:BlueViolet}
#rightcl div.alice {width:40px;font-size:large;border-left:1px solid lightgray;border-bottom:2px solid black;border-right:2px solid gray;margin-left:10px;padding:0px 2px 0px 2px;background-color:white;border-radius: 5px;}
#rightcl div.alice:active {border-left:2px solid white;border-bottom:1px solid black;border-right:1px solid gray;margin-left:11px;background-color:yellow}
#rightcl div.alice:hover {background-color:Fuchsia}
#rightcl div.go {width:20px;font-size:large;border-left:1px solid lightgray;border-bottom:2px solid black;border-right:2px solid gray;margin-left:3px;margin-right:7px;padding:0px 2px 0px 2px;background-color:#FAFAFA;border-radius: 5px;}
#rightcl div.x {width:15px;font-size:large;float:right;padding:0px 2px 0px 5px;background-color:#cc6699;color:white;}
#lovecategory {}
#lovecategory div {cursor:pointer;font-size:medium;margin-left:5px;float:left;color:blue}
#lovecategory div:hover {background-color:Fuchsia;color:white}
#lovecategory div:active{padding-top:3px}
#lovecategory div.x {width:15px;font-size:12px;float:right;padding:0px 2px 0px 5px;background-color:#cc6699;color:white;}