@charset "Shift_JIS";

/* -----------------------------
*	index
----------------------------- */
body { background: #fff url(../img/bg_body.gif) repeat-x left top;}
h2 { margin-bottom: 0; padding: 0; background: none; line-height: 1;}

#GlobalMenu { padding-bottom: 20px;}
#Contents { padding: 0 4px 28px 4px;}
#MainContents { float: left; width: 620px; padding: 0;}
#SubMenu { float: right; width: 282px; padding: 9px; background: #ebebeb;}


#Flash { margin: 0; padding-bottom: 30px; background: url(../img/index_shadow.png) no-repeat left 288px;}
#Works { margin: 0 0 24px 0; padding: 0 0 4px 5px; background: url(../img/index_shadow.png) no-repeat left bottom; font-size: 93%;}
#Works p { margin: 0;}
#Work_net { float: left; width: 315px; padding-right: 1px;}
#Work_sys { float: left; width: 316px; padding-right: 1px;}
#Work_out { float: left; width: 315px;}
#Works .wrapper { padding: 4px 3px;}
#Works .image { float: left; width: 100px;}
#Works ul { margin: 10px 0 0 120px; padding: 0; line-height: 1;}
#Works li { list-style-image: url(../img/point.gif); margin-top: 6px;}
#Works a { color: #3c3c3c; text-decoration: none;}


/* #Contents
----------------------------- */
#example { margin: 10px 0 0 0; padding: 0 0 0 10px;}
#example li { _zoom: 1; overflow: auto; width: 610px; list-style: none; margin: 0 0 15px 0; padding: 0;}
#example .photo { float: right; padding: 8px 0 0 15px;}
#example .text { _zoom: 1; overflow: auto;}
#example h3 { margin-bottom: .5em; font-size: 108%;} 
#example p { margin-bottom: .5em;} 

.history { margin-top: 10px; margin-left: 10px;}


/* #SubMenu
----------------------------- */
#pickup { margin-bottom: 25px; background: #fff; border: 3px solid #a0caf0;}
#pickup .wrapper { padding: 15px 10px;}
#pickup .photo { float: left;}
#pickup .text { float:right; width: 150px; }
#pickup h3 { margin-bottom: .5em; font-size: 100%;}
#pickup p { font-size: 93%; margin-bottom: 0;}



/* -----------------------------
*	clearfix
----------------------------- */
#Works { display:inline-block;}
#Works:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
/* Hides from IE-mac \*/
* html #Works { height:1px;}
#Works { display:block; }
/* End hide from IE-mac */