.ch{cursor:pointer;cursor:hand}
a:hover  {color: #FF0000; }
a:link   {color: #0000FF; }
a:active {color: #FF0000; }
a:visited{color: #800080; }

body{	background:white;
	color:black;
	font-size:14px;
	line-height:1px
	padding:0;
	margin:0 auto;}
hr{border-width:1px 0 }

h1{font-size:32px;margin:0}
h2{font-size:16px;margin:0}
h3{font-size:14px;margin:0}

img{border:0}

blockquote{ margin:10px 0 10px 10px; }
ul{margin:0;padding:0 0 0 10px}
li{list-style-type: none}


.sotowaku{margin:0 auto;padding:0;width:100%;max-width:800px}
#cm160right{margin:0 auto;padding:0;width:160px;float:right}

.float_left{float:left}
.float_right{float:right}
div.clear_both{clear:both}
.float_left_max640{float:left;width:100%;max-width:640px;overflow:auto}
.float_right_160{float:right;width:160px;overflow:auto}
.max640{width:100%;max-width: 640px;overflow:auto}

.l{text-align:left}
.r{text-align:right}
.c{text-align:center}
.b{font-weight:bold}
.left{float:left}
.right{float:right}
.clear{clear:both}

@media screen and (max-width: 639px) { a{line-height:32px} }

@media screen and (min-width:1024px)                         { div.fixwidth{width:100%;max-width:1024px;overflow:auto} }
@media screen and (min-width: 800px) and (max-width: 1023px) { div.fixwidth{width:100%;max-width: 800px;overflow:auto} }
@media screen and (min-width: 640px) and (max-width:  799px) { div.fixwidth{width:100%;max-width: 640px;overflow:auto} img{max-width:490px;height:auto} }
@media screen and (min-width: 480px) and (max-width:  639px) { div.fixwidth{width:100%;max-width: 480px;overflow:auto} img{max-width:590px;height:auto} }
@media screen and                        (max-width:  479px) { div.fixwidth{width:100%;max-width: 320px;overflow:auto} img{max-width:290px;height:auto} }