@charset "iso-8859-1";

/* ============================================================ style for all content */

*{
margin:0;
padding:0;}

body{background:#ffffff; text-align:center;}

img{border:0;}

hr {display:none;}

/* ============================================================ style for font */

body{
color:#666;
font-size:75%;
font-family: arial, sans-serif;
line-height:150%;}

a:link    {color:#1042B5; text-decoration:none;}
a:visited {color:#B51093; text-decoration:none;}
a:active  {color:#1042B5; text-decoration:none;}
a:hover   {color:#C61A42; text-decoration:underline;}

a.pdf {
padding:2px 20px 2px 0;
background:url("../img/icon_pdf.gif") right center no-repeat;}

/* ============================================================ wrapper */

#wrapper {
width:771px;
margin:0 auto;
text-align:left;
background:#FFFFFF url("../img/wrapper_bg.gif") repeat-y;}

/* ============================================================ header */

#header {
width:771px;
height:70px;
background:#FFFFFF url("../img/head_bg.gif") left top no-repeat;}

#header div.logo {
float:left;
padding-top:20px; padding-left:14px; }

#header ul {
float:right;
padding-top:40px;}

#header li {
margin-right:5px;
padding-right:5px;
display:inline;
list-style:none;
border-right:1px solid #c3c3c3;}

#header li.end {
margin-right:8px;
border-right:none;}

/* ============================================================ breadcrum */

#breadcrum {
padding:12px 15px 10px 18px;}

/* ============================================================ content */

#content {
background:url("../img/content_bg.gif") no-repeat;}


/* ============================================================ main */

#main{
float:left;
width:537px;
margin:0px;
padding:0px 15px 0px 18px;}

#main h1 {
margin-bottom:15px;
padding:4px 8px;
background: url("../img/h1_bg.gif") 1px 1px no-repeat;
border:1px solid #bfbfbf;}

h1 span {
padding-left:7px;
color:#0099cc;
font-size:15px;
border-left:3px solid #0298cb;}

#main h2 {
margin-bottom:15px;
padding:2px 8px; 
border-bottom:1px solid #afafaf;
color:#4d4d4d;
background:#efefef;
font-size:1.2em;}

#main h3 {
margin-bottom:15px;
padding:2px 8px; 
border-bottom:1px solid #888;
font-size:1.2em;}

/* ============================================================ sub */

#sub{
float:right;
width:183px;
margin:0px;
padding:0px 14px 0px 4px;}

#sub h3 {
margin:0px;
padding:0.2em 8px;
background: url("../img/h3_sub.gif") left top no-repeat;
color:#ffffff;
font-size:16px;}

#sub ul {
list-style-type:none;}

#sub li {
background: #f7f7f7 url("../img/icon_arrow01.gif") 5px 50% no-repeat;
padding-top:0.2em;
padding-bottom:0.2em;
padding-left:22px;
border-top:1px solid #fff;
border-bottom:1px solid #c3c3c3;}

#sub li a:link {
color: #00339c;}

#sub li.current {
background: #f1f8ff;}

#sub li.current2 {
background: #f1f8ff url("../img/icon_arrow02.gif") 5px 50% no-repeat;}

#sub li.second {
padding-left: 25px;
background: #f7f7f7 url("../img/icon_arrow03.gif") 10px 8px no-repeat;}

#subAdobe{
float:right;
width:183px;
margin:20px 0 0;
padding:0px 10px 0px 8px;}


/* ============================================================ margin setting */

#margin_head {width:771px; height:10px; background: url("../img/margin_white.gif") repeat-y;}
#margin_foot {width:771px; height:40px; background: url("../img/margin_white.gif") repeat-y;}

/* ============================================================ footer */

#footer {
height:81px;
padding:13px 18px 0px;
background: url("../img/foot_bg.gif") left top no-repeat;}

#footer ul {
margin-bottom:5px;}

#footer li {
margin-right:8px;
padding-right:5px;
display:inline;
list-style:none;
border-right:1px solid #c3c3c3;}

#footer div.copyright_ww {
padding-bottom:20px;}

/* ============================================================ class */

.noDisp   {display:none;}
.dispBlock{display:block}

.clearBoth {clear:both;}
.clearLeft {clear:left;}
.clearRight{clear:right;}

.alignCenter {text-align:center;}
.alignRight  {text-align:right;}

.fontSmall   {font-size:80%;}
.fontBold    {font-weight:bold;}
.colorRed    {color:#ff0000;}
.colorOrange {color:#cc3300;}
.colorBlue   {color:#0190BF;}
.text-ul     {text-decoration:underline;}

.nowrap      {white-space:nowrap;}

.imgBorder   {padding:2px; border:1px solid #999;}

.spot {margin:0 15px 10px;}

.verticalMid {vertical-align:middle;}

.pageTop     {
text-align:right;
margin-bottom:20px;
padding-top:1em;}
.pageTop a   {
padding-left:15px;
background: #ffffff url("../img/icon_arrow04.gif") 0px 50% no-repeat;}

ul.sitemap {
margin:10px 20px 80px;
line-height:2em;}
ul.sitemap li {
list-style-type:none;
padding-left:22px;
background: url("../img/icon_arrow01.gif") 5px 50% no-repeat;}
ul.sitemap li.second {
margin-left:20px;
background: url("../img/icon_arrow03.gif") 5px 50% no-repeat;}

table.contact {
margin:10px 40px 10px;}
table.contact th,
table.contact td {
text-align:left;
vertical-align:text-top;}
table.contact td.hover {
background-color:#ededed;}

table.related {
margin:10px 50px 10px 100px;}
.related td {
padding-right:10px;
vertical-align:top;}
.related td a {
padding-left:20px;
background: url("../img/icon_arrow03.gif") 5px 50% no-repeat;}

/* ===================================================== class for margin */

.marginBtm0  {margin-bottom:0px;}
.marginBtm5  {margin-bottom:5px;}
.marginBtm10 {margin-bottom:10px;}
.marginBtm15 {margin-bottom:15px;}
.marginBtm20 {margin-bottom:20px;}

.marginLft10 {margin-left:10px;}
.marginLft20 {margin-left:20px;}
.marginLft30 {margin-left:30px;}
.marginLft40 {margin-left:40px;}
.marginLft50 {margin-left:50px;}

.marginRht10 {margin-right:10px;}
.marginRht20 {margin-right:20px;}
.marginRht30 {margin-right:30px;}

.margin1020 {margin:10px 20px;}
.margin2040 {margin:20px 40px;}