/* ----------------------------------------------
    テンプレートに使用する共通項目設定この内容
    を変えるとホームページ全体に影響します。
    
    要は全体枠・配色等のどのページでも同じ設定
    を使う項目のみこのファイルで設定します。
---------------------------------------------- */
<style>



/* ----------------------------------------------
              全体の装飾設定
---------------------------------------------- */
* {
    margin: 0px;
    padding: 0px;
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Pゴシック","MS PGothic";
}a {
    text-decoration: none;
}a:link {
    color: #006600;
}a:visited {
    color: #009900;
}a:hover {
    color: #8888FF;
}

html {
    overflow-y: scroll;
}


/* ----------------------------------------------
     body(divごと 全体枠)の設定
---------------------------------------------- */
body {
    margin: 0px;
    padding: 0px;
    background: #fcfffc;
    font-size: 12px;
    text-align: justity;
}div#grid {
    width: 750px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/obj_background.jpg) repeat-y center top;
}div#inner {
    width: 740;
    margin: 0px 5px;
    background:url(../img/head_bar.jpg) no-repeat center top;
}



/* ----------------------------------------------
     div#headderの設定
---------------------------------------------- */
div#headder {
    width: 740px;
    margin: 0px;
}div#headder h1 {
    padding-top: 15px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: boder;
    text-align: right;
}div#headder p {
    margin-right: 10px;
    margin-bottom: 0px;
    text-align: right;
}div#headder a {
    text-decoration: none;
}div#headder h2 {
    margin: 0px 0px 0px 20px;
}div#headder img {
    border: 0px;
}div#headder a:hover img {
    opacity: 0.6
}



/* ------------------------------------------------
     div#right_contents 右側の枠。コンテンツ部分
------------------------------------------------ */
div#right_contents {
    width: 492px;
    margin: 4px;
    margin-left: 2px;
    float: right;
}



/* ------------------------------------------------
     div#left_contetns 左側の枠。メニューの設定
------------------------------------------------ */
div#left_contents {
    width: 230px;
    float: left;
    margin: 4px;
}div#menu01 ul{
    padding-top: 12px;
    padding-bottom: 12px;
}div#menu01 ul li {
    list-style-image: url(../img/object_triangle01.gif);
}div#menu01 ul li a {
    height: 20px;
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}



/* ------------------------------------------------
     div#footter フッターの設定
------------------------------------------------ */
div#footter {
    clear: both;
    width: 740px;
    height: 36px;
    margin: 0px;
    background:url(../img/head_bar.jpg) no-repeat center top;
}div#footter p {
    text-align: right;
    padding: 15px 0px 0px 0px;
    color: #ffffff;
}



/* ----------------------------------------------
     その他共通装飾の設定
---------------------------------------------- */
.space12 {height: 12px;}

.space24 {height: 24px;}

.space48 {height: 48px;}

.space96 {height: 96px;}

.space192 {height: 192px;}

.white {color: #ffffff;}

.red {color: #ff6666;}

.green {color: #aaffaa;}

.blue {color: #3333FF;}

.box {
    background: #fcfffc;
    border: 1px solid #99ee99;
}


/* ----------------------------------------------
   □ 画像の配置。<p class="XXX"></p>で使用
---------------------------------------------- */
p.sq1 {
    background: url(../img/object_square01.gif) no-repeat left center;
}p.sq2 {
    background: url(../img/object_square02.gif) no-repeat left center;
}p.sq3 {
    background: url(../img/object_square03.gif) no-repeat left center;
}p.sq4 {
    background: url(../img/object_square04.gif) no-repeat left center;
}p.sq5 {
    background: url(../img/object_square05.gif) no-repeat left center;
}p.sq1, p.sq2, p.sq3, p.sq4, p.sq5 {
    margin: 5px 0px 0px 20px;
    padding: 0px 0px 2px 20px;
    height: 8px
}