*{ 
margin: 0;padding: 0;zoom: 1;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix {display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

body {font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック";font-size: 0.9em;color: #333;  line-height: 1.6; }
a:link{ color: #777; font-size: 1em; text-decoration: none; }
a:hover, a:visited{ color: #000; text-decoration: underline; }
img { margin: 0 0 5px 0; border:0; } 
.clear {clear:both; }
/*-----txt*/
em { font-size: 0.95em; font-weight: normal; font-style: normal; padding-left: 1em; }
h2{ text-align: left; margin-top: 1em; margin-bottom: 1em;  }

/*-----container*/
#wrapper { background-color: white; margin: 50px auto 0; width: 900px; padding: 0; }
#header { background-color: #fff; background-image: url(../hm-parts/hemings.png); background-repeat: no-repeat; background-position: left 0; text-align: right; vertical-align: baseline; width: 880px; height: 35px; margin-right: auto; margin-left: auto; padding: 10px 10px 5px 0; }

/*site navi*/
ul#siteNav{ font-size: xx-small; text-align: right; letter-spacing: 0.1em; vertical-align: baseline; margin: 0 auto; }
ul#siteNav li{ padding-left:1em; border-left: 1px solid #666666; display: inline; margin-right: 1em; }
ul#siteNav li a{ color: #666; }
ul#siteNav li a:hover{ color: #000; background-color: #e2e2e2; }
ul#siteNav li#Menu04{ padding-right: 1em; display: inline; border-right: 1px solid #666; }
ul#header{ background-color: #ccc; width: 600px; }


#main { font-size:0.9em; line-height:1.6; float:left; background-position:0 0; width:800px; height:100%; margin: 20px 50px 30px; display:inline; padding:0; }
/*----TOP PANEL----*/
#main-sly/*----L*/ { 
width:780px; float:left; background-color:#dcdcdc; height: 280px; padding-right: 15px; padding-left: 15px; 
display: inline;}
#slide ul,li { text-align: center; list-style:none; }

#main-topi /*-----R*/ {
line-height:1.6;
text-align:left;
width:240px;
float:right;
display: inline;}


/*----Center PANEL----*/
#CPanel
{ width: 800px;padding:0 0 8px 0;float:left;display: inline;}
#CPanel:after
{ content: "."; display: block; height:0; clear:both; visibility: hidden; }
/*¥*/
*html#CPanel{/*IE6*/
height:1px; overflow: visible;}

#CPanel .cola , .colb, .colc, .cold { text-align: left; width:190px; float:left; position:relative;display: inline; }
.cola {margin-left:5px;}
.colb, .colc, .cold{margin-left:10px;}


#CPanel  h4
{ color:#000;font-weight:bold;font-size:0.95em;padding:0 0 5px;} 
#CPanel ul
{ text-align: left; padding:6px 0 0 0; border-top: thin solid #c0c0c0; }
#CPanel li
{ text-align: left; padding:4px 0 5px; border-bottom:thin solid #c0c0c0; list-style-type: disc; list-style-position: inside; } 
#CPanel li a:link
{ text-decoration: none; } 
#CPanel li a:hover
{ background-color: #dcdcdc; text-decoration: none; } 

/*-----Bottom*/
#main #blog { width : 190px; float: left; margin-top: 1em; margin-left:5px; position:relative; }
#main #pick { width : 190px; float: left; margin-top: 1em; margin-left:10px; position:relative; }
#main #info { width : 390px; float: right; margin-top: 1em; margin-left:10px; }
#main img { margin-top: 10px; margin-right: auto; margin-bottom : 10px !important; margin-bottom : 3px; margin-left: auto; }

#main h3 { font-style: normal; font-variant: normal; line-height: 1.3em; background : transparent; }
#main h3 a:link { color : #666; background : transparent; text-decoration: underline; }
#main h3 a:hover {color : #ddd;}

/*----------------------------------------Right*/

#main #R { background-color: #f5f4f1; text-align: left; width : 240px; float : right; margin-top: 50px; padding: 10px; border: solid 0.5px #666; display: inline;}


.p-up {
font-size:0.94em;
font-weight:700;
line-height:1.6;
text-decoration:underline;
text-align:right;
position:inherit;
bottom:5px;
width:840px;
clear:left;
padding-top:2em;
padding-bottom:1.5em;
}

#ft {
width:850px;
clear:both;
color:#333;
font-size:0.8em;
background-color:#fff;
text-align:right;
word-spacing:0.2em;
border-top:1px dotted gray;
margin:0;
padding:10px 25px 20px;
}



.line { background-image:url(../img-top/hr800.gif); background-repeat:no-repeat; height:25px; width:800px; margin-top: 1em; margin-bottom: 1em; }

* html #wrapper {
height:1px;
}

.tree a,#navpage ul li a {
text-decoration:none;
}