﻿/* タグスタイル */
body
{
    margin: 0;
    background-image: url('../images/body_bg.gif');
    background-repeat: repeat;
    color: #333333;
    font-size: 88%;
    line-height: 1.5;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
* html body /* ie6 */
{
    text-align: center;
}
h1
{
    margin: 0;
    padding: 3px 10px;
    background-color: #d5f2ff;
    font-size: 86%;
    color: #2b5ea1;
}
h2
{
    font-size: 114%;
}
h3,h4, h5, h6
{
    font-size: 100%;
}
p
{
}
a:link,
a:visited,
a:active
{
    color: #0000cd;
}
a:hover
{
    color: #ff0000;
}
ul, ol
{
    padding-left: 2em;
}
* html ul,
* html ol /* ie6 */
{
    margin-left: 0;
}
dl
{
}
dt
{
    font-weight: bold;
    margin-bottom: 0.5em;
}
dd
{
    margin: 0 0 1em 2em;
}
* html table /* ie6 */
{
    font-size: 100%;
    line-height: 1.5;
}
hr
{
    margin: 0.5em 0;
}
img, iframe
{
    border: 0;
}
* html form /* ie6 */
{
    margin: 0;
}
input, textarea
{
}

/* テンプレートスタイル */
.wrapper
{
    margin: 0 auto;
    width: 800px;
    background-color: #ffffff;
}
* html .wrapper /* ie6 */
{
    text-align: left;
}
.header
{
    background-image: url('../images/header_bg.gif');
    background-repeat: no-repeat;
    height: 80px;
}
.logo
{
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}
.mark
{
    float: right;
}
.menu
{
    margin: 0;
    padding: 0;
    height: 40px;
    background-image: url('../images/menu.gif');
    background-repeat: repeat-x;
    list-style: none;
}
.menu li
{
    float: left;
}
.menu li a
{
    width: 130px;
    display: block;
    line-height: 40px;
    text-align: center;
    background-image: url('../images/menu.gif');
    background-repeat: repeat-x;
    font-weight: bold;
    text-decoration: none;
}
.menu li a:link,
.menu li a:visited,
.menu li a:active
{
    background-position: 0 0;
    color: #1e4f1f;
}
.menu li a:hover,
.menu li a.active
{
    background-position: 0 -40px;
    color: #f4f7f4;
}
.menu li ul
{
    display: none;
    position: absolute;
    margin: -1px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #3f6e3f;
    border-top: solid 1px #72a472;
}
.menu li ul li
{
    float: none;
    border-left: solid 1px #72a472;
    border-right: solid 1px #72a472;
    border-bottom: solid 1px #72a472;
}
.menu li ul li a
{
    width: 128px;
    padding: 5px 0;
    line-height: 1.5;
    background-image: none;
}
.menu li ul li a:link,
.menu li ul li a:visited,
.menu li ul li a:active
{
    background-color: #a9d4a9;
    color: #1e4f1f;
}
.menu li ul li a:hover
{
    background-color: #376838;
    color: #f4f7f4;
}
.sidebar
{
    float: left;
    margin-left: 15px;
    width: 180px;
}
.side_menu
{
    margin: 1em 0;
    border: solid 1px #94a7c8;
}
.side_menu_title
{
    background-image: url('../images/side_menu_title.gif');
    background-repeat: repeat-x;
    line-height: 25px;
    text-align: center;
    color: #2b85c2;
    font-weight: bold;
    border-bottom: solid 1px #94a7c8;
}
.side_menu_body
{
    padding: 5px;
}
.side_menu_ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.side_menu_ul li
{
    line-height: 2em;
    text-align: center;
}
.content
{
    float: right;
    margin-right: 15px;
    width: 580px;
}
.footer
{
    clear: both;
    padding: 5px 10px;
    background-color: #d5f2ff;
    text-align: right;
}
.footer_menu
{
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.footer_menu li
{
    display: inline;
}

/* 共通スタイル */
.page_title
{
    margin: 1em 0;
    height: 30px;
    background-image: url('../images/page_title.gif');
    background-repeat: repeat-x;
    padding-left: 10px;
    line-height: 30px;
    font-weight: bold;
    font-size: 100%;
    color: #555555;
}
.topic_title
{
    padding-left: 5px;
    border-left: solid 3px #696969;
    border-bottom: dotted 1px #696969;
    line-height: 25px;
    font-size: 100%;
}
.tel
{
    color: #3333cc;
    font-weight: bold;
    font-size: 129%;
}

/* 汎用クラス */
.float_left
{
    float: left;
}
.float_right
{
    float: right;
}
.clear
{
    clear: both;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0; 
    visibility: hidden;
}
.clearfix
{
    zoom: 1; /* ie5.5-7 */
}
.font_large
{
    font-size: 129%;
}
.font_small
{
    font-size: 86%;
}
.font_bold
{
    font-weight: bold;
}
.color_red
{
    color: #ff3333;
}
.color_blue
{
    color: #3333cc;
}
.color_brown
{
    color: #990000;
}
.align_center
{
    text-align: center;
}
.align_right
{
    text-align: right;
}
.marginv1
{
    margin: 1em 0;
}
.marginr1
{
    margin-right: 1em;
}
.marginb1
{
    margin-bottom: 1em;
}
