* {
margin: 0;
padding: 0;
}

body {
font-size: 72.5%; /* Resets 1em to 10px */
font-family: 'meiryo', 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #333;
}
img {border: 0;}
table {
font-size: 1em;
margin: 0 0 15px 0;}

a:link, a:visited {
color: #68c;
}
a:hover {
text-decoration: underline;
color: #69c;
}


/*-------------------------
       USEFUL-CLASS
-------------------------*/
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.valign_t {vertical-align: top;}
.float_l {float: left;}
.float_r {float: right;}
.clear {clear: both;}
.w100 {width: 100%;}
.auto {margin: auto;}
.small {font-size: 0.8em;}


/*-------------------------
           FRAME
-------------------------*/
#page {
width: 840px;
}

#head {
height: 80px;
background: url(../imgs/head_bg.gif) repeat-x;
}
#head_body {
width: 840px;
}

#sidebar {
width: 200px;
padding: 0 0 4px 0;
margin: 0 0 20px 0;
background: url(../imgs/sidebar_foot.gif) bottom no-repeat;
}

#content {
width: 620px;
font-size: 1.3em;
line-height: 1.7em;
margin: 0 0 20px 0;
}

#foot {
background: url(../imgs/foot_bg.jpg) top repeat-x;
font-size: 1.2em;
line-height: 1.5em;
}
#foot_body {
width: 860px;
background: url(../imgs/footcount_bg.jpg) left top no-repeat;
}


/*-------------------------
           HEAD
-------------------------*/
#head_body .float_l{
width: 387px;
padding: 15px 0 0 0;
}
#font_size {
padding: 23px 0 0 0;
}
#font_size img{
margin:0 0 0 4px;
}

#path {
font-size: 1.1em;
height: 30px;
line-height: 30px;
}

a#font_s img {
background: url(../imgs/font_s_off.gif);
}
a:hover#font_s img {
background: url(../imgs/font_s_on.gif);
}
a#font_m img {
background: url(../imgs/font_m_off.gif);
}
a:hover#font_m img {
background: url(../imgs/font_m_on.gif);
}
a#font_l img {
background: url(../imgs/font_l_on.gif);
}


/*-------------------------
           SIDEBAR
-------------------------*/
#sidebar li {
list-style: none;
height: 20px;
}


/*-------------------------
           FOOT
-------------------------*/
#foot_body .float_r {
padding: 8px 10px 0 0;
width: 620px;
}
#foot_body .float_l {
width: 230px;
}
#foot_body .float_l div {
padding: 20px 20px 10px 20px;
font-size: 0.8em;
}
#foot_body h3 {
padding: 10px 0 10px 0;
font-size: 1em;
font-weight: normal;
background: url(../imgs/foot_line.jpg) bottom repeat-x;
}
#foot_body .float_r p {
padding:10px 0;
font-size: 0.9em;
letter-spacing: 1px;
}


/*-------------------------
           INDEX
-------------------------*/
#top_news {
padding: 0 0 7px 0;
background: url(../imgs/top_news_foot.gif) bottom no-repeat;
}
#top_news_body {
padding: 7px 0 0 0;
background: url(../imgs/top_news_head.gif) top no-repeat;
}
#top_news ul {
padding: 5px 20px 15px 20px;
list-style: none;
background: url(../imgs/top_news_bg.gif) repeat-y;
}
#top_news li {
padding: 5px 0;
background: url(../imgs/dot_gr.gif) bottom repeat-x;
}
#top_news span {
font-size: 0.9em;
padding: 0 10px 0 0;
}
#top_news a {
padding: 0 0 0 15px;
background: url(../imgs/arrow_gr.gif) 0px 50% no-repeat;
}


/*-------------------------
           CONTENT
-------------------------*/
div.post_body {
padding: 0 10px;
}
div.post h2 {
font-size: 1.1em;
color: #FF6633;
padding: 0 0 3px 3px;
margin: 0 0 10px 0;
background: url(../imgs/h2_bg.gif) bottom repeat-x;
clear: both;
}
div.post h3 {
font-size: 1em;
padding: 0 0 0 3px;
margin: 0 0 3px 0;
background: url(../imgs/dot_gr.gif) bottom repeat-x;
}
div.post p {
padding: 0 0 15px 0;
}

div.post ol,
div.post ul {
padding: 0 0 15px 23px;
}
div.post li ul,
div.post li ol {
padding: 0 0 0 23px;
}

img.float_l {margin: 0 20px 0 0;}
img.float_r {margin: 0 0 0 20px;}

/*    ABOUT    */

.outline_01 {
padding: 75px 0 0 200px;
margin: 0 0 15px 0;
background: url(../imgs/about/outline_03.jpg) top center no-repeat;
border: 3px double #ccc;}

.tbl_about {
border-top: 1px solid #B2CCFF;
border-bottom: 1px solid #B2CCFF;
}
.tbl_about th{
padding: 3px 5px;
width:80px;
text-align: left;
background: #D1E0FF;
vertical-align: top;
border-bottom: 1px solid #B2CCFF;
border-left: 3px solid #B2CCFF;
}
.tbl_about td{
padding: 3px 5px;
vertical-align: top;
border-bottom: 1px solid #D1E0FF;
}

/*    GUIDE    */
.tbl_trust {
border: 1px solid #B2CCFF;
text-align: center;
font-size: 0.9em;
float: left;
margin: 0 20px 0 0;
}
.tbl_trust th{
padding: 0 10px;
background: #D1E0FF;
border-bottom: 1px solid #B2CCFF;
}
.tbl_trust td{
padding: 0 10px;
vertical-align: top;
border-right: 1px solid #D1E0FF;
border-bottom: 1px solid #D1E0FF;
}

/*    MATERIAL    */
.tbl_business {
border-top: 1px solid #B2CCFF;
border-bottom: 1px solid #B2CCFF;
margin: 0 0 5px 0;
}
.tbl_business td.tbl_head{
background:#B2CCFF;
width:60px;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #B2CCFF;
}
.tbl_business th{
padding: 3px 0;
width:80px;
text-align: center;
background: #D1E0FF;
font-weight: normal;
border-bottom: 1px solid #B2CCFF;
}
.tbl_business td{
padding: 3px 5px;
width:360px;
border-bottom: 1px solid #D1E0FF;
}
.tbl_business th.th_sub{
padding: 3px 20px;
width:520px;
font-weight: bold;
text-align: right;
}
.tbl_business td.td_sub{
width:60px;
text-align: right;
}

.tbl_member td.tbl_head {
font-weight: bold;
text-align: center;
color: #66c;
padding: 5px 0;
background: none;
border-bottom: 1px solid #B6B6E7;
border-top: 3px double #99d;
}
.tbl_member th {
padding: 0px 10px;
text-align: left;
text-align: center;
border-top: 1px solid #fff;
background: #eee url(../imgs/dot_gr.gif) bottom repeat-x;
}
.tbl_member td {
padding: 10px 10px;
line-height: 130%;
vertical-align: top;
background: url(../imgs/dot_gr.gif) bottom repeat-x;
}

/*    LINK    */
.tbl_link th{
width: 110px;
padding: 10px 0;
text-align: left;
vertical-align: top;
background: url(../imgs/dot_gr.gif) bottom repeat-x;
}
.tbl_link td {
padding: 10px 10px 10px 0;
line-height: 120%;
vertical-align: top;
background: url(../imgs/dot_gr.gif) bottom repeat-x;
}
.tbl_link td a {
font-size: 0.8em;
}

/*    SITEMAP    */
div.sitemap p {
padding-left: 5px;
}
div.sitemap a{
padding: 0 0 0 15px;
background: url(../imgs/arrow_gr.gif) 0px 50% no-repeat;
}

/*    ETC    */
.map_add {
font-size: 12px;
line-height: 130%;
}