@charset "UTF-8";

/*works.html */

#p_works h1 {height :2em ;line-height :2em ;color : #333 ;clear : both ;text-align : right ;text-indent : 1em ;width : 100% ;position:absolute;top : 2.2em ;right :1em ;}

#info {clear : both ;}
/*----------------
/			wrap			/
-----------------*/
#wrap {text-align : center ;width :100%;height:100%;}

#wrap *{text-align : left ;}

/*----------------
/			main				/
-----------------*/
#main {position : relative ;clear : both ;width : 50em ;margin : 0.5em auto ;}
#main h3, #main .cap, #main .img, #main ul, #main li, #main li a {float : left ;}
#main h3 {width : 100% ;}
#main .cap,  #main li  {clear : left ;}
#main strong {font-size : 116% ;}
#main em {font-size : 93% ;color : #668 ;line-height : 2 ;}
#main ul {position : relative ;padding : 0.5em ;border : 1px #ddd solid ;background : #ddd;-moz-border-radius : 5px;
    -webkit-border-radius : 5px;}
#main li {margin-bottom : 0.3em ;}
#main li a {display : block ;padding : 0.5em ;width : 49em ;background : #fff;}
#main li a:hover {background : #ddf;}
#main span.cap {display : block ;color : #334 ;font-size : 93% ;width : 20em;padding : 0.5em 2em 0.5em 0.5em ;}
#main a span.img {display : block ;width : 340px ;height : 230px ;border : 1px #cce solid ;-moz-border-radius : 8px;
    -webkit-border-radius : 8px;cursor:pointer;}
#box0 a span.img {	background : url(images/malebranche.jpg) 0 0 no-repeat;}
#box0 a span.img.date09 {background-image : url(images/malebranche2.jpg);}
#box1 a span.img {	background : url(draw/images/cakes_01.jpg) 20px -50px no-repeat #fff;}
#box2 a span.img {	background : url(images/besonic.jpg) -200px -150px no-repeat;}
#romanlife a span.img {	background : url(images/romanlife.jpg) 0 0 no-repeat;}
#sugartooth a span.img {	background : url(images/sugartooth.jpg) 0 0 no-repeat;}
#chartre a span.img {	background : url(images/chartre.jpg) 0 0 no-repeat;}
#andy a span.img {	background : url(images/4koma.jpg) 0 0 no-repeat;}