body {
    font-size: 12px;
    color: #666666;
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #FFFFFF;
    background-image: url(image/bg_body.png);
    background-repeat: repeat-x;
}

.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mt20 { margin-top: 20px; }

body#toppage {
    background-image: url(image/bg_top_body.png);
}

/*************
全体
*************/
#frame {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 954px;
    padding-top: 0px;
    padding-right: 13px;
    padding-bottom: 0px;
    padding-left: 13px;
}

/*************
ヘッダー
*************/
#frame #header {
    height: 52px;
    background-image: url(image/rogo.gif); 
    background-repeat: no-repeat;
    background-position: 0 8px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 26px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 70px;
}
#frame #header h1 {
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    color: #999999;
    padding: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    text-align: left;
    display: block;
    width: 900px;
    float: left;
}
/* 会社名 */
#frame #header h2 {
    /*width: 400px;*/
    float: left;
    height: 40px;
    text-align: left;
    padding-top: 7px;
    /*margin-top: 2px;*/
}
/* 右上部ナビゲーション（小） */
#frame #header #s_navi {
    float: right;
    width: 450px;
    text-align: right;
    margin-top: 40px;
    margin-right: 10px;
    border: 0px solid blue;
}
#frame #header #s_navi img {
    margin-left: 10px;
}
#frame #header #s_navi td {
    margin-right: 10px;
}


/*************
グローバルナビゲーション
*************/
#frame ul#g_navi {
    height: 55px;
    margin: 0px;
    padding: 0px;
    background-image: url(image/navi.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 954px;
    border: 0px solid white;
}
#frame ul#g_navi li {
    float:left;
    list-style:none;
    width:159px;
    margin: 0px;
    padding: 0px;
}
#frame ul#g_navi a {
    text-indent: -9999px;
    text-decoration: none;
    display: block;
    width: 159px;
    height: 55px;
    background-image: url(image/navi.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}
#frame ul#g_navi a:hover {
    background-image: url(image/navi_ro.png);
}

ul#g_navi a#gn01{background-position:0 0;}
ul#g_navi a#gn02{background-position:-159px 0;}
ul#g_navi a#gn03{background-position:-318px 0;}
ul#g_navi a#gn04{background-position:-477px 0;}
ul#g_navi a#gn05{background-position:-636px 0;}
ul#g_navi a#gn06{background-position:-795px 0;}

ul#g_navi a#gn01:hover, ul#g_navi li.active a#gn01{background-position:0 0px;}
ul#g_navi a#gn02:hover, ul#g_navi li.active a#gn02{background-position:-159px 0px;}
ul#g_navi a#gn03:hover, ul#g_navi li.active a#gn03{background-position:-318px 0px;}
ul#g_navi a#gn04:hover, ul#g_navi li.active a#gn04{background-position:-477px 0px;}
ul#g_navi a#gn05:hover, ul#g_navi li.active a#gn05{background-position:-636px 0px;}
ul#g_navi a#gn06:hover, ul#g_navi li.active a#gn06{background-position:-795px 0px;}

/*************
トップページ
中央メイン画像
*************/
#frame #mainimage {
    margin-top: 10px;
    padding: 0px;
    border: 0px solid blue;
}
#frame #mainimage p {
    margin-top: 0px;
    padding: 0px;
    border: 0px solid red;
}

/*************
コンテンツ（全体）
*************/
#frame #main {
    width: 954px;
}

/*************
トップページ
メインコンテンツ（左）
*************/
#frame #contents {
    float: left;
    width: 680px;
    text-align: left;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
}
#frame #contents h2 {
    margin: 0px;
    padding: 0px;
}
/* 見出し<h3> */
#frame #contents h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 1em;
    line-height: 2em;
    color: #333333;
    text-indent: 5px;
    background-image: url(image/bg_h3.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 1px;
}

/* ニュースリリース */
#frame #contents #news {
    height: 88px;
    border-right-width: 3px;
    border-left-width: 3px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
    overflow: auto;
}
#frame #contents #news table {
    width: 100%;
    font-size: 12px;
    line-height: 1.4em;
}
#frame #contents #news th {
    background-image: url(image/p_list.jpg);
    background-repeat: no-repeat;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    font-weight: normal;
    background-position: 15px center;
    padding-left: 38px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    margin: 0px;
}

/*************
サイドコンテンツ（右）
*************/
#frame #side {
    margin: 0px;
    float: right;
    width: 240px;
    text-align: left;
    padding: 0px;
}
/* サイドナビゲーション */
#frame #side #sidenavi {
    background-image: url(image/bg_udr_sidenavi.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 240px;
    padding-bottom: 65px;
}
#frame #side #sidenavi th {
    background-image: url(image/bg_bt_sidenavi.png);
    text-align: left;
    text-indent: 30px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}
#frame #side #sidenavi a {
    color: #666666;
    text-decoration: none;
}
#frame #side #sidenavi a:hover {
    color: #3399FF;
    text-decoration: underline;
}
/* バナー広告 */
#frame #side .banner td {
    padding-bottom: 15px;
    color: #666666;
}

/*************
フッター
*************/
#footer {
    clear: both;
    background-image: url(image/bg_footer.gif);
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 135px;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #FFCC00;
}
/* フッターナビゲーション（ブルー） */
#footer #f_menu {
    width: 954px;
    height: 41px;
    text-align: left;
    font-size: 11px;
    color: #FFFFFF;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 13px;
    padding-bottom: 0px;
    padding-left: 13px;
}
#footer #f_menu h5 {
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    background-image: url(image/kugiri.gif);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 18px;
    display: block;
    float: left;
    height: 41px;
    line-height: 41px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 17px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#footer #f_menu a {
    color: #FFFFFF;
    text-decoration: none;
}
/*************
フッターインフォメーション（白）
*************/
#footer #f_info {
    width: 954px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 13px;
    padding-bottom: 0px;
    padding-left: 13px;
}
/* Pマーク */
#footer #f_info #pmark {
    padding: 0px;
    float: left;
    margin-left: 30px;
}
#footer #f_info #pmark p {
    margin-top: 12px;
}
#pmark a {
    margin-left: 40px;
	vertical-align: middle;
}
/* 会社名・コピーライト */
#footer #f_info #info {
    float: left;
}
#footer #f_info #info h6 {
    padding: 0px;
    text-align: left;
    margin-top: 22px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
}
#footer #f_info #info address {
    font-size: 11px;
    font-style: normal;
    padding: 0px;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 22px;
    margin-left: 0px;
    line-height: 1em;
}

/*************
2階層目以下
ページタイトル
*************/
#frame #pagetitle {
    margin: 0px;
    padding: 0px;
}
#frame #pagetitle p {
    margin: 0px;
    padding: 0px;
}

/*************
2階層目以下
メインコンテンツ（左）
*************/
#frame #contents2 {
    float: left;
    text-align: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    margin: 0px;
    width: 660px;
    border: 0px solid red;
}
/* 見出し<h2> */
#frame #contents2 h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 0px;
    border: 0px solid blue;
}
/* 見出し<h3> */
#frame #contents2 h3 {
    font-size: 16px;
    margin-top: 1.5em;
    margin-bottom: 1em;
    line-height: 2em;
    color: #333333;
    text-indent: 5px;
    background-image: url(image/bg_h3.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 5px;
}
/* 段落<p> */
#frame #contents2 p {
    line-height: 170%;
    margin-bottom: 1em;
}

/* テーブル<table> */
#frame #contents2 table {
    font-size: 12px;
    line-height: 170%;
}
/* リスト<ol> */
#frame #contents2 ol {
    line-height: 170%;
}
/* リスト項目<li> */
#frame #contents2 li {
/*  margin-top: 0.5em; */
    list-style-position: inside;
}
/* リンク<a> */
#frame #contents2 a {
    color: #3399FF;
    text-decoration: none;
}
/* リンク ロールオーバー */
#frame #contents2 a:hover {
    color: #0033FF;
    text-decoration: underline;
}

#frame #contents2 dt{
    clear : both;
    padding : 2px;
    margin-left: 25px;
    margin-top: 5px;
/*  background-image: url("image/trback3.jpg");*/ /* 背景画像 */
/*  background-repeat: repeat-x; */     /* @20100908_smaru 縦方向にはリピートしない */
/*  background-position: bottom left; *//* 背景画像の配置 @20100908_smaru 無効    */
/*  background-position: top left;  */  /* 背景画像の配置 @20100908_smaru 有効    */
/*  color: black; */           /* 文字色 */
/*  background-color: #d0f5ff;*/ /* (念のための背景色) */
}

#frame #contents2 dt:before {
    content : '■';
    margin-right : 2px;
}

#frame #contents2 dd {
    padding : 2px 2px 2px 0px;
    margin-left : 55px;
}
}

#frame #contents2 dd2 {
    margin-left : 15px;
}

#frame #contents2 dd3 {
    margin-left : 30px;
}

#frame #contents2 ul,ol {
    margin-top : 5px;
    list-style-position: outside;
    padding-left : 15px;
    margin-left : 20px;
}

#frame #contents2 ul.float, ol.float {
    clear : both;
}

#frame #contents2 ul.float>li, ol.float>li {
    list-style-position: inside;
    padding-left : 5px;
    margin-left : 10px;
    float : left;
}

/* 見出しのポイント（四角） */
#frame #main #contents2 .p_03 {
    font-size: 16px;
    background-image: url(image/p_03.gif);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 35px;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    height: 1em;
    padding-top: 11px;
}
/* 見出しのポイント（四角） 
#frame #main #contents2 .number {
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    background-image: url(image/bg_number.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}*/
/* 見出しのポイント（四角でかこった三角矢印） */
#frame #main #contents2 .p_02 {
    background-image: url(image/p_02.gif);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 13px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

/*************
その他
*************/
/* ページトップ */
#frame #pagetop {
    margin: 0px;
    clear: both;
    height: 22px;
    width: 954px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#frame #pagetop p {
    margin: 0px;
    padding: 0px;
    text-align: right;
}
/* 画像を左に回りこみ */
#frame #contents2 .withimage_l img {
    padding: 0px;
    margin-left: 0em;
    float: left;
    margin-top: 0em;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
/* 画像を右に回りこみ */
#frame #contents2 .withimage_r img {
    padding: 0px;
    margin-left: 2em;
    float: right;
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 2em;
}
/* 表（テーブル）1 */
#frame #contents2 .hyo01 {
    line-height: 1.5em;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}
#frame #contents2 .hyo01 th {
    background-image: url(image/p_01.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    text-align: left;
    vertical-align: top;
    text-indent: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding: 7px;
}
#frame #contents2 .hyo01 td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding: 7px;
}
/* 表（テーブル）2 */
#frame #contents2 .hyo02 {
    border: 1px solid #CCCCCC;
    background-color: #E0DFE3;
    line-height: 1.5em;
    margin-left:15px; 
    margin-top:5px;
/*  width:620px; */
    width:450px; 
    cellpadding: 0px; 
    cellspacing:3px;
}
#frame #contents2 .hyo02 th {
    background-color: #E0DFE3;
    padding: 10px;
    width: 100px;
    color: #333333;
    text-align: left;
    border: 2px solid #FFFFFF;
}
#frame #contents2 .hyo02 td {
    background-color: #FFFFFF;
    padding: 10px;
    width: 520px;
}

/* 表（テーブル）3 */
#frame #contents2 .hyo03 {
    line-height: 1.5em;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}
#frame #contents2 .hyo03 th {
    background-image: url(image/p_01.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    text-align: left;
    vertical-align: top;
    text-indent: 15px;
/*  border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC; */
    padding: 10px;
}
#frame #contents2 .hyo03 td {
/*  border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC; */
    padding: 10px;
}

/* 表（テーブル）4 */
#frame #contents2 .hyo04 {
    line-height: 1.5em;
/*  border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC; */
}
#frame #contents2 .hyo04 th {
    background-image: url(image/p_01.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: left;
    text-indent: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: darkblue; 
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: darkblue; 
    padding: 7px;
}
#frame #contents2 .hyo04 td {
/*  border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC; */
    padding: 3px;
}

/* 上部を10pxあける */
.space_top10 {
    margin-top: 10px;
}
/* フォント11px */
.font_11 {
    font-size: 11px;
}
/* フォント16px 濃い目のグレー */
.font_16_dgray {
    font-size: 16px;
    color: #333333;
}
/* フォント13px 白 */
.font_13b_white {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
}
/* フォント 濃い目のグレー */
.font_dgray {
    color: #333333;
}

/* ■ IMG */
div.img {
    border : 0;
    padding : 0;
    margin : 2px auto 2px auto;
}

div.img_samb{
    border : 0;
    padding : 0;
    width : 240px;
    float : left;
    margin : 2px 2px 2px 15px;
}

div.CollapsibleBox {
   /* ■ボックス全体■ */
/*   border: 1px solid darkblue; *//* 枠線:濃青 */
/*   font-size: 80%;             *//* 文字サイズ:80% */
/*   width: 390px;               *//* 横幅:390px */
/*   width: 96%;                 */
}
div.CollapsibleBox div.CollapsibleBoxTitle {
   /* ■タイトル枠■ */
/*   background-color: darkblue; *//* 背景色:濃青 */
/*  background-color : #d0f5ff;*/
/*   color: white;               *//* 文字色:白 */
   margin: 0px;
   padding: 0px;
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle {
   /* ■タイトル文字列■ */
/*   font-weight: bold;          *//* 太字 */
/*   border: 1px solid darkblue; *//* 枠線:濃青 */
/*   height: 9px; */
/*  background-color : #d0f5ff; */
    font-size: 14px;
    background-image: url(image/bg_h33.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 2px;
    margin: 0px;
/*   padding: 0px;  */
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons {
   /* ■ボタン群■ */
   margin: 0px;
   padding: 2px 2px;
   float: left; 
/*   text-align: right;    /* 右寄せ */ */
   text-align: left;    /* 右寄せ */
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons a img {
   /* ■ボタンそのもの■ */
   border-width: 0px;    /* リンクの枠線を消す */
   margin-right: 5px;
}
div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
   margin: 0px;
   padding: 0px;
/*   background-color: #eeeeff; *//* 背景色:淡青 */
/*   color: #000055;            *//* 文字色:暗青 */
   display: none;
}
div.CollapsibleBox div.CollapsibleBoxBody p {
   /* ■本文■ */
   margin: 0px;
   padding: 0.5em;   /* 内側の余白:0.5文字分 */
}
/*
div.CollapsibleBox div.CollapsibleBoxBody {
   display: none;
}
*/

/* facebook用 */
#facebook  {
    width : 250px;
    float : left;
        margin : 0px 0px 10px 0px;
}
#facebooklogo {
    background: url(image/img_facebook.gif) no-repeat left top;
    width : 44px;
    height: 60px;
}
#facebookhead {
    background: url(image/text_officialfacebookpage.png) no-repeat left top;
    width : 206px;
    height: 60px;
}

