﻿@charset "UTF-8";

/* 初期化　IEとFirefoxの互換性のマージン---------------------*/

* { margin:0;padding:0;
}

body {margin:0px 0px 0px 0px;
}

/* ------------------------------------------
               FONT SIZE MODEL 
----------------------------------------------------------
 ad-11px p-13px h5-13px h4-14px h3-15px h2-16px h1-17px
----------------------------------------------------------- */


/* ========BASIC======== */

* { font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝","ヒラギノ明朝 Pro W3","平成明朝",serif;
    color:#666600;
}

.red{color:red}


body {  background-color: #ffffff;
        background-image:url(../image/wrapper_haikei.jpg);
        background-repeat : repeat-x;
        letter-spacing:1px;
}

/* 段落スタイルの一例 ---------------------*/

p { margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;
} 

br { letter-spacing:normal;
}

a {
   color:#336633;
   text-decoration:none;
}

a:hover {
   color:#fff;
   text-decoration:none;
}

img  {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;letter-spacing:1px;
}


/* ======== DIV STYLE ======== */

div#wrapper {margin:0 auto;
          width:784px;
          background-color : #ffffff;
}


div#header {
   width:780px;
   height:40px;
   margin:0px 2px 0px 2px;
  background:#FFFFFF;
}

div#menu {
   width:780px;
   margin:0px 2px 0px 2px;
   padding-bottom:0;
   background-image:url(../image/menu_back.jpg);background-repeat:no-repeat;
}

div#menu1u {
   width:780px;
   margin:0px 2px 0px 2px;
   padding-bottom:0;letter-spacing:0px;
   background-color:rgb(87%,85%,50%);
}

div#contents_top {
   clear:both;
   width:780px;
   margin:0px 2px 6px 2px;
   background:#FFFFFF;
}

div#contents_top p {margin:0px 0px 5px 0px;font-size:12px;
}


div#contents {
   clear:both;
   width:780px;
   margin:0px 2px 0px 2px;
   background:#FFFFFF;
}


div#main {
   float:left;margin:12px 0px 0px 10px;
   width:592px;
   padding:0px 8px 0px 0px;text-align:left;
   background-image:url(../image/tate_line.gif);
   background-position:right 2px;
   background-repeat:repeat-y;
   background-color: #ffffff;
}

div#sub { 
          float:right;
          width:158px;
          margin-top:16px;
          margin-right:4px;
          padding:0 ;
          background-color:#ffffff;
}

div#menu2 {
   clear:both;
   width:782px;
   margin:0px 1px 0px 1px;
   background:#FFFFFF;
   text-align:center;
}

div#footer { clear:both;
             text-align:center;
             width:782px;
             margin:0px 1px 5px 1px;
             background:#fff;
}

/* 回り込み解除 */

div#menu:after,
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* 段落スタイルの一例 */
p {font-size:13px;line-height:1.3;margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;} 

p.noindent {text-indent: 0em }

h1 {font-size:17px;line-height:1.3;font-weight:bold;margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;}

h2 {font-size:16px;line-height:1.3;font-weight:bold;margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;}

h3 {font-size:15px;line-height:1.3;font-weight:bold;margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;}

h4 {font-size:14px;line-height:1.3;font-weight:bold;margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;}

h5 {font-size:13px;line-height:1.3;font-weight:bold;margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;}



/* ========HEADER CUSTOMIZE======== */

div#header h1 {
   margin:0 auto;
   padding:0px;
   font-size:150%;/* 24px相当*/
}

div#header p {
   margin-bottom:0;
   padding:0px;
   font-size:13px;/* 13px相当*/
}


/* ========MENU CUSTOMIZE======== */

div#menu ul {
   margin:0;
   padding:0;
}

div#menu li {
   float:left;
   padding:0;
   text-align:center;
   font-size:13px;font-weight:bold;color:#666600;
   list-style-type:none;
}

div#menu li a {
   display:block;
   width:130px;
   line-height:22px;
   border:0px 0px ;color:#FFFFFF;
background:transparent;
}

div#menu li a:hover {color:#FF9966;
   background:transparent;
}

div#menu li a:active {color:red;background:transparent;
} /* 選択中のリンク */


/* ========MENU1U CUSTOMIZE======== */

div#menu1u ul { margin:0; padding:0;
}

div#menu1u li { float:left;
                padding:0;
                text-align:center;
                font-size:12px;
                list-style-type:none;
}

div#menu1u li a { display:block;
                  width:130px;margin:0px 0px 0px 0px;
                  line-height:22px;
                  border:0px 0px ;
                  background-color:rgb(87%,85%,50%);
}

div#menu1u li a:hover {color:#FF9966;
                       background-color:rgb(87%,85%,50%);
}

div#menu1u li a:active {color:red;background-color:rgb(87%,85%,50%);
} /* 選択中のリンク */


/* ========MENU2 CUSTOMIZE======== */
div#menu2 ul {
   margin:0px 0px 10px 0px;
   padding:0;
}

div#menu2 li {
   float:left;
   padding:0;
   text-align:center;
   font-size:12px;
   list-style-type:none;
}


div#menu2 li a {
   display:block;
   width:130px;
   line-height:18px;
   border:0px 0px ;
border-bottom:1px solid #cc9933;
   background:#FFFFFF;
}

div#menu2 li a:hover {
   background:#FFFFFF;
}

div#menu2 li a:active {background:#FFFFFF;
}  /* 選択中のリンク */



/* ========MAIN CONTENTS CUSTOMIZE======== */

div#main a {
   border-bottom:0px dotted #333;
}

div#main a:hover {
   color:#FFCC99;
   border:0;
}


div#main h2 {
   margin:0px;0px 15px 10px;
   color:#336633;
  /*  padding:3px 3px 5px 10px;*/
   background-image:url(../image/h2_bar.jpg);
   background-repeat:no-repeat;
   background-position: 30px 20px;
}

div#main h2 img {vertical-align: middle;
}

div#main h3 {
   margin:6px 14px 10px 10px;padding-bottom:0px;
   border-bottom:2px dotted #aaaaaa;
   font-size:15px;
}

div#main h4 {
   margin-top:5px;
   margin-bottom:5px;
   border-bottom:0px solid #333;
   font-size:14px;
}

div#main p {margin:0px 15px 0px 18px;font-size:13px;line-height:1.4;text-indent:1em;
}

div#main p.noindent { text-indent: 0em }

div#main p.outdent { text-indent: -1em }

div#main h4 img {
   float: right;
margin: 0px 40px 10px 10px;vertical-align: text-center;
}


div#main p img {
                 float: right;
                 margin: 4px 10px 10px 10px;vertical-align: text-top;clear:both;

}

/* 回り込み解除 */
div#main p img:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========LINK CUSTOMIZE======== */

div#link h5 { font-weight:normal;
              text-indent:0.5em;
              margin-left:2em;
              margin-right:2em;
              padding-right:0.5em;
              padding-top:4px;
              border-left:solid 12px #aaaadd ;
}


/* ========SUB CONTENTS CUSTOMIZE======== */

div#sub a {
   border-bottom:0px dotted #333;
}

div#sub a:hover {
   color:#666;
   border:1;
}

div#sub p {text-align:left;
   margin:0px 0px 5px 0px;
   font-size:11px;line-height: 110%;
}

div#sub img {
   margin:2px 0px;
}


div#sub dl {
   margin:0;
   font-size:13px;/* 13px相当*/
}

div#sub dt {
   font-weight:bold;
}

div#sub dd {
   margin:0;
}


/* ========FOOTER CUSTOMIZE======== */

div#footer p {align:center;margin-top:0px;font-size:13px;line-height:1.3;
}

div#footer p img {
margin: 10px 5px 10px 5px;

}

div#footer a:hover {
   color:#FFCC99;
   border:0;
}

address {
   background:#fff;
   text-align:center;
   color:#333;
   font-style:normal;
   font-size:11px;
}