@charaset "Shift_JIS";

/* ====== ベーススタイル ====== */
body { margin:0; padding:0; color:#333; font-size:80%; font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

a:link, a:active { color:#4548ca; text-decoration:underline; }
a:visited { color:#393b89; text-decoration:underline; }
a:hover { color:#ff8737; text-decoration:underline; }

h1 { margin:0 0 10px; padding:0; width:460px; background-image:url(image/h1_bg.gif); }
h2 { margin:0; padding:0; background-image:url(image/midashi_bg.gif); clear:left; }
h3 { margin:0 0 10px; padding:3px 5px; font-size:110%; text-align:left; border-bottom:1px dashed #8977c3;  }

img { border:0; }
.imgleft { float:left; }

#wrapper { position:relative; width:888px; margin:20px auto; padding:0; background-image:url(image/mainbg.gif); z-index:1; }


.date { color:#666; font-size:90%; }
.clr { clear:both; }

/* ====== header ====== */
img.title { margin:0 0 0 1px; padding:0; float:left; }
#header { width:652px; margin:0 0 0 235px; padding:3px 0 0; height:77px; }

p.seotxt, p.submenu { margin:0; padding:0 8px 0 0; text-align:right; font-size:10px; color:#999; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
#menu { margin:5px 0; padding:6px 0 3px 3px; }
#menu img { margin:0; padding:0 10px 0 7px; border-right:1px solid #ccc; }
.menuindex { background-color:#a59ecc; }
.menuworks { background-color:#7dadc4; }
.menuillust { background-color:#8977c3; }
.menucolor { background-color:#8977c3; }
.menusounds { background-color:#8fb26c; }

/* ====== leftnavi ====== */
#leftnavi { position:absolute; top:88px; left:0; width:215px; height:420px; margin:0; padding:0 10px 10px; background:url(image/leftnavi_bg.gif) left top no-repeat; clear:both; }


/* ====== contents ====== */
#contents { position:relative; width:653px; margin:0 0 0 235px; padding:0 0 20px 0; background: url(image/main_rb.jpg) right bottom no-repeat; }
#mainarea { width:455px; margin:0; padding:0 5px 0 0; overflow:auto;
scrollbar-base-color:#fff;
scrollbar-face-color:#fff;
scrollbar-arrow-color:#666;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#efefef;
scrollbar-shadow-color:#ddd;
scrollbar-darkshadow-color:#fff;
}

.ma-index { height:550px; }
.ma-works, .ma-iltop { height:461px; }
.ma-iltop img { margin:0 5px 5px 0; }
.ma-sound { height:469px; }

#contentsmenu { width:460px; margin:0 0 15px; padding:0; color:#666; }
#contentsmenu img { vertical-align:middle; }

#container { margin:5px 0 30px; padding:0; }
.diary { margin:5px 0 0; padding:0 0 0 5px; line-height:130%; }

ul#indexlist { margin:10px 0 30px 105px; padding:0; list-style-type:none; }
ul#indexlist li { margin:0 0 5px; padding:0 0 4px 15px; background-position:0 3px; background-repeat:no-repeat; border-bottom:1px dashed #ccc; }
ul#indexlist li.links { margin:0 0 5px; padding:0 0 4px 15px; text-align:right; background:none; border-bottom:0; }
ul#indexlist li img { margin:0 5px 1px 0; vertical-align:middle; }

ul#workslist { margin:0 0 0 50px; padding:0; list-style-type:none; }
ul#workslist li { margin:0 0 5px; padding:0 0 4px 15px; background-position:0 3px; background-repeat:no-repeat; border-bottom:1px dashed #ccc; }
ul#workslist li img { margin:0 0 1px 5px; vertical-align:middle; }

ul.info li { background-image:url(image/info_arrow.gif); }
ul.rcworks li { background-image:url(image/rcworks_arrow.gif); }
ul.rwdvd li { background-image:url(image/dvd_arrow.gif); }
ul.rwdtp li { background-image:url(image/dtp_arrow.gif); }
.new { color:#900; }

  
#infoarea { position:absolute; right:10px; top:0; width:170px; }
#infoarea div { margin:0 0 10px; background-image:url(image/infoarea_bg.gif); }
img.blog { margin-bottom:10px; }


/* ====== サイト内検索 ====== */
form#searcharea { margin:0 10px; padding:0; }
form#searcharea span { font-size:70%; }
.iptxtarea { margin:0 5px 0 0; width:100px; }
p.search { margin:0 10px; text-align:right;  }