@charset "UTF-8";
/*==========================================================================
 製作事例
============================================================================ */
#works_nav { width:670px; height:293px; margin:10px auto 25px; background:url(../img/works_nav.png) no-repeat 0 0; }
#works_nav ul { width:250px; height:273px; display:block; padding-left:80px; padding-top:20px; font-weight:bold; }
#works_nav ul.left li { line-height:1.8; }
#works_nav ul.right { padding-top:10px; }
#works_nav ul.right li { line-height:60px; margin-bottom:15px; }
#works_nav ul.right li#wn14 { line-height:50px; margin-bottom:0px; padding-left:60px; width:190px; }
#works_nav a { text-decoration:none; color:#000; }
#works_nav a:hover { color:#FF6600; }

#wrapper_works { width:680px; margin:10px auto; display:none; }

.works_bx,.works_bx_s { width:670px; padding:6px; margin:0 auto 15px; background: url(../img/works_bx_bg.gif) repeat; position:relative; border:1px solid #F4F4F4;
/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.works_bx_s { width:320px; margin:0 0 15px; }
.works_bx .pic, .works_bx_s .pic  { width:600px; float:left; line-height:1; }
.works_bx .detail, .works_bx_s .detail { width:160px; padding:5px; float:right; background-color:#FFFFFF; margin-top:110px; position:absolute; right:6px; bottom:6px; border-top:1px solid #E3E3E3; border-left:1px solid #E3E3E3;
/* Progressive Enhancement */ box-shadow: 2px 1px 2px #999; -moz-box-shadow: 2px 1px 2px #999; -webkit-box-shadow: 2px 1px 2px #999; }
* html .works_bx_s .detail { clear:both; }
*+html .works_bx_s .detail { clear:both; }
* html .detail { border:1px solid #CCCCCC; }
.works_bx .cat, .works_bx_s .cat { font-size:11px; text-indent:-9999px; display:block; width:160px; height:15px; margin:0 0 5px; }
* html .works_bx .cat, * html .works_bx_s .cat { line-height:15px; }
.works_bx h4,.works_bx_s h4 { background-image:none; font-size:14px; padding:0; margin:0; line-height:20px; text-align:center; border:none; }


.cat0 .cat { background:url(../img/cat_icon.png) no-repeat 0 0; }
.cat1 .cat { background:url(../img/cat_icon.png) no-repeat 0 -15px; }
.cat2 .cat { background:url(../img/cat_icon.png) no-repeat 0 -30px; }
.cat3 .cat { background:url(../img/cat_icon.png) no-repeat 0 -45px; }
.cat4 .cat { background:url(../img/cat_icon.png) no-repeat 0 -60px; }
.cat5 .cat { background:url(../img/cat_icon.png) no-repeat 0 -75px; }
.cat6 .cat { background:url(../img/cat_icon.png) no-repeat 0 -90px; }
.cat7 .cat { background:url(../img/cat_icon.png) no-repeat 0 -105px; }
.cat8 .cat { background:url(../img/cat_icon.png) no-repeat 0 -120px; }
.cat9 .cat { background:url(../img/cat_icon.png) no-repeat 0 -135px; }
.cat10 .cat { background:url(../img/cat_icon.png) no-repeat 0 -150px; }
.cat11 .cat { background:url(../img/cat_icon.png) no-repeat 0 -165px; }
.cat12 .cat { background:url(../img/cat_icon.png) no-repeat 0 -180px; }
.cat13 .cat { background:url(../img/cat_icon.png) no-repeat 0 -195px; }

#loader { width:680px; margin:10px auto; text-align:center; padding-top:40px; clear:both; display:none; }