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


body{
 margin:0 auto;
 padding:0;
 font-size:12px;
 color:#000000;
 background:#FFFFFF url('images/softback.png');
 background-attachment:fixed;
}

h1{font-size:24pt;margin:0;}
h2{font-size:12pt;margin:0;}
h3{font-size:10pt;margin:0;}

hr{border-width:1px 0;max-width:100%}
img{border:0;max-width:100%}
table{max-width:100%}

blockquote{ margin:10px 0 10px 10px; }

h1.title{background-color:#FFFF00}

.sotowaku{margin:0 auto;padding:0;width:100%;max-width:800px}
.sotowaku2{margin:0 auto;padding:0;width:100%;max-width:800px;overflow:auto}

.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}

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

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