* {margin:0;padding:0;}
html{overflow:auto;}
html{scrollbar-face-color:#fff;
scrollbar-highlight-color:#dcdcdc;
scrollbar-shadow-color:#dcdcdc;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#99cccc; 
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff}
body{color:#5e5e5e; 
font-size:80%;
line-height:150%;}

img{border:none;}
a {text-decoration:none;} 

a:link {color:#5e5e5e;}
p.text a:link{color:#99cccc;text-decoration:underline;}
a:visited {color:#5e5e5e;}
p.text a:visited{color:#99cccc;text-decoration:underline;}
a:hover {color:#99cccc;}
li a:hover{color:#fff;
background: #99cccc;}  
a:active{color:#5e5e5e;}
li a:active{color:#f9cf73;}

#leftbox{height:100%;width:240px;position:absolute;left:0;top:0}
#rightbox{margin:0 0 50px 240px;height:100%;}
#mainbox{position:absolute;   
left:50%;   
height:100%;   
width:900px;   
margin-left:-450px;}

/* メニュー */
div.menu{border-bottom:1px #99cccc dotted;
width:198px;
margin:0;}
div#menu{border-top:1px #99cccc dotted;}
span.menu{display:block;height:10px}
p.menu{padding:0 0 0 20px;margin:10px 0 0 0;}
ul{border-left: 1px #99cccc solid;
border-right: 1px #99cccc solid;
list-style-type: none;}
.image_thumb ul{border-left: 0px;
border-right: 0px;
list-style-type: none;}
li{width:198px;}
li.menu{height:20px}
li a{display:block;   
text-decoration:none;
padding:10px 0 10px 15px;}
p.new{padding:0 0 0 20px;margin:20px 0 0 0;} 
/* メニュー終わり */

/* サムネイル */
.image td{width:480px;height:360px;
border:none;
padding:0;
border-collapse:collapse;}
tr{border:none}
.image{border-spacing:0px;}
/* サムネイル終わり */

.div{padding:20px;
border-left:1px #99cccc solid;
border-right:1px #99cccc solid;}


p.top{padding:16px;}
p.text{margin:0 0 0 1em;}
div.top{margin:20px;padding:10px;}
p.right{padding:10px}

/* 見出し */
div.contents{border: 1px #99cccc dotted;
background-color:#fff;
width:200px;
margin:0 0 10px 0;}
div.contents p{background-color:#99cccc;
width:185px;
margin:1px 1px 1px 14px;
padding:0 0 0 1em;}
/* 見出し終わり */

/* 以下、角丸にするためのCSS */
span.rtop,
span.rbottom{display:block;
background:#fff;}/*背景*/
span.rtop span,span.rbottom span{display:block;
height:1px;
overflow:hidden;
background:#fff;}/*枠内*/
span.r1{margin:0 5px;}
span.r2{margin:0 3px;}
span.r3{margin:0 2px;}
span.rtop span.r4,rbottom span.r4{margin:0 1px;height:2px;}
span.rtop span.r1{border-bottom:1px #99cccc solid;}
span.rbottom span.r1{border-top:1px #99cccc solid;}
span.r1,span.r2,span.r3,span.r4{border-left:1px #99cccc solid;border-right:1px #99cccc solid;}
div.a,div.b,div.c{margin:20px;}
div.a{background:#99cccc;}
div.b,div.d{background:#fff;}
div.a span.rtop span,div.a span.rbottom span{background:#99cccc;}

div.c span.rtop span,div.c span.rbottom span{background:#fff;}
div.c{background:#fff;}
div.c span.rtop span.r1{border-bottom:1px #e6cc99 dashed;}
div.c span.rbottom span.r1{border-top:1px #e6cc99 dashed;}
div.c span.r1,div.c span.r2,div.c span.r3,div.c span.r4{border-left:1px #e6cc99 dashed;border-right: 1px #e6cc99 dashed;}
div.c .div{border-left:1px #e6cc99 dashed;
border-right:1px #e6cc99 dashed;}