/* Author: by en d'Or fin laboratory (www.endorfinlab.com) */
@charset "utf-8";

div#left { width:360px; position:relative; float:left; padding:0 30px 0 0; }
div#right { width:300px; position:relative; float:left; padding:0 0 50px 30px; border-left:1px dotted #CCCCCC; }

ul.randomworks { width:770px; position:relative; float:left; padding:30px 0px 30px 30px; list-style:none; }
ul.randomworks li.frame { width:225px; position:relative; float:left; margin-right:31px; background-repeat:no-repeat; }
ul.randomworks li.frame h3 { padding:7px 50px 3px 3px; font-size:14px; background-color:#000000; color:#FFFFFF; display:inline-block; }
ul.randomworks li.frame h4 { padding:2px 0 0 3px; font-size:10px; font-weight:normal; color:#999999; }
ul.randomworks li.frame img { width:225px; height:130px; }

h6.title { font-size:36px; font-weight:bold; letter-spacing:-2px; }

h6#eportfolio { margin:0 0 0 30px; }
ul#index { list-style:none; margin: 0 0 30px 30px; }
ul#index li { width:64px; height:64px; margin:1px; float:left; background:#000000; }

h1#title { padding:3px 60px 3px 35px; font-size:18px; font-weight:bold; letter-spacing:-1px; background-color:#000000; color:#FFFFFF; display:inline-block; }
h6#elog { margin:0 0 0 30px; }
h2#date { padding:1px 30px 1px 6px; font-size:11px; font-weight:normal; background:#CCCCCC; color:#FFFFFF; margin-left:30px; display:inline-block; }
p#text { margin:20px 0px 20px 30px; line-height:20px; }
p#text img { margin:0 0 10px 0;  }
a.button { margin:0px 0px 0px 30px; font-weight:bold; color:#000000; display:block;  }
a:hover.button { color:#999999;  }

ul#roll { margin:30px 0px 0px 30px; list-style:none; border-bottom:1px solid #CCCCCC; }
ul#roll a#n01 { color:#000000; }
ul#roll a#n02 { color:#333333; }
ul#roll a#n03 { color:#666666; }
ul#roll a#n04 { color:#999999; }
ul#roll a#n05 { color:#CCCCCC; }
ul#roll a#n01:hover { background:#000000; color:#FFFFFF; }
ul#roll a#n02:hover { background:#333333; color:#FFFFFF; }
ul#roll a#n03:hover { background:#666666; color:#FFFFFF; }
ul#roll a#n04:hover { background:#999999; color:#FFFFFF; }
ul#roll a#n05:hover { background:#CCCCCC; color:#FFFFFF; }
ul#roll li { padding:5px 10px 5px 10px; border-top:1px solid #CCCCCC; }
ul#roll span { color:#CCCCCC; font-size:10px; display:block; }

p#errol { line-height:20px; margin-top:10px; text-align:justify; }
p#errol span { font-weight:bold }

/* form */
h6#contact { margin:50px 0 20px 0; }
form#contact { width:300px; position:relative; }
form#contact label { width:75px; }
form#contact span { width:200px; margin:-7px 0px 10px 85px; }
form#contact input, textarea { width:200px; }
form#contact input.captcha { width:25px; height:20px; margin:0 0 10px -10px; font-size:14px; font-weight:bold; text-align:center; }
form#contact a.button { margin:10px 0px 0px 85px; }

ul#contact { margin-top:50px; margin-left:85px; list-style:none; }
ul#contact li#title { margin-bottom:5px; font-size:18px; font-weight:bold; }
ul#contact li#name { font-size:14px; font-weight:bold; margin-bottom:3px; }
ul#contact span { font-weight:bold; }