﻿*{ margin:0px; padding:0px; font-family:Arial; color:#353535;}


.clear{ clear:both;}
.hidn{ display:none;}
a{ text-decoration:none;}
html{ font-size:14px;}
/*
body{ border-top:3px solid #02AAB5; background:url(/_images/common/bg.gif) repeat-x 0px 60px;}
*/
body{ background:url(/_images/common/RightBottomBg.jpg) no-repeat right bottom;border-top:3px solid #02AAB5;}
#wrap{background:url(/_images/common/bg.gif) repeat-x 0px 60px; margin-top:-3px;}
#header{ height:183px; width:935px; margin:auto; position:relative; background:url(/_images/common/line.gif) no-repeat left top;}

#container{ width:935px; margin:auto; margin-top:28px;}
#footer{ width:880px; margin:auto; margin-top:30px; clear:both; text-align:center;}
#footer address{ font-family:Arial; font-weight:bold; margin-top:10px;}

div.snb{ width:152px; float:left;}
div.colgroup{ width:750px; float:right; padding-bottom:20px; min-height:450px; height:auto;_height:400px;}
div.colgroup a:hover{ color:#E27F96;}

#menu{ background:url(/_images/common/left_menu.gif) no-repeat; height:299px; position:absolute; width:152px;}
#menu ul{ list-style-type:none; padding-top:20px;}
#menu ul li{ background:url(/_images/common/icon.gif) no-repeat 1px 6px; padding-left:18px; font-weight:bold; line-height:18px; margin-bottom:4px;}
#menu a{ color:#fff; font-size:15px;}
#menu a.on, #menu a:hover{ color:#FEDC22;}

h1{ width:145px; height:31px;position:absolute; left:10px; top:10px;}
h1 a{ display:block;background:url(/_images/common/logo.gif) no-repeat; height:/**/0px; padding-top:31px; overflow:hidden;  }
div.visual{background:url(/_images/common/top_img.jpg) no-repeat; height:123px; position:absolute; left:0px; top:60px; width:100%; }

h2{ color:#1D2D3A; margin-bottom:15px;}
h3{ margin-bottom:4px;}
div.contents{}
p.main{ color:#0067A1; font-weight:bold;}
p{ line-height:160%; margin-bottom:15px;}
dl{ margin-bottom:15px;}

ul.terminology{ list-style-type:none;}
ul.terminology dl dt{color:#0067A1; font-weight:bold; background:url(/_images/common/icon4.gif) no-repeat 3px 6px; padding-left:10px;}
ul.terminology dl dd{padding-left:10px;}
ul.contactus{ list-style-type:none;}
ul.contactus li{ background:url(/_images/common/icon1.gif) no-repeat 8px 5px; padding-left:20px;}
ul.contactus li a{ text-decoration:underline;}

.hookIndex{ width:50%; float:left;}
.hookIndex table{ border-collapse:collapse; width:90%;}
.hookIndex table th, .hookIndex table td{ border:1px solid #dfdfdf;}
.hookIndex table thead th{ height:30px;}
.hookIndex table tbody th{ text-align:left; font-weight:normal; padding-left:10px; line-height:26px;}
.hookIndex table tbody td{ text-align:center;}
strong{color:#7FBFE2;}


div.t_h{}
div.t_h img{ margin-left:-20px;}
div.hook dl dt a{ height:/**/0px; padding-top:10px; display:inline-block; overflow:hidden;}
div.hook dl dd img{ border:3px solid #666600;}

div.hook table{ border-collapse:collapse; border:3px solid #666600; width:706px; _width:700px;}
div.hook table th{ border:1px solid #666600; line-height:30px; background-color:#FFFFDF; color:#666600;}
div.hook table td{ border:1px solid #666600; text-align:center; line-height:25px;}
div.hook table caption{ display:none;}
