/* wrapUserguide */
#container { float: left; width:902px; height: 100%; overflow: hidden; background:url('/app/views/common/imgs/content_bg2.gif') repeat-y 0px 10px;}
#container #contents { float: left; margin: 20px 0px 0px 100px; width: 800px; height: 100%; overflow: hidden; text-align:center;}

#wrapUserguide {}
#wrapUserguide .info { margin-bottom: 20px; width: 700px; height: 119px; border: 5px solid #d6d6d6;}
#wrapUserguide .info p.tel { float: left; padding-top: 45px; padding-left: 110px; width: 200px; height: 72px; line-height: 1.4em; font-weight: 100; color: #404040; background: url('../imgs/userguide_bg_box.gif') no-repeat left top; }
#wrapUserguide .info p.tel span { margin-top: 5px; font-size: 0.92em; color: #ef4a4a; }
#wrapUserguide .info ul.subject { float: left; margin: 0px; padding: 20px 0px 0px 30px; width: 344px; height: 97px; background: url('../imgs/userguide_bg_box_line.gif') no-repeat left top; list-style: none; }
#wrapUserguide .info ul.subject li { float: left; padding-left: 10px; width: 145px; height: 22px; color: #393939; background: url('../imgs/userguide_icon_subject_arrow.gif') left 3px no-repeat; }

#wrapUserguide .titleArea { width: 708px; height: 30px; background-color: #f2f2f2; border: 1px solid #c6c6c6; }
#wrapUserguide .titleArea h3.title { float: left; margin: 0px; padding: 0px; padding-left: 28px; padding-top: 9px; font-size: 1.08em; font-weight: 900; background: url('../imgs/userguide_icon_arrow.gif') 8px 9px no-repeat; }
#wrapUserguide .titleArea .title img { vertical-align: middle; }
#wrapUserguide .titleArea .top { float: right; padding-right: 5px; padding-top: 7px; }

#wrapUserguide .content { margin-top: 20px; margin-bottom: 20px; padding: 5px; width: 700px; line-height: 1.8em; }