@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */





*{
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
text-decoration: none;
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
}

body{
font-size: 1em;
color: #0000AA;
line-height: 1.4em;
letter-spacing: 0.1em;
text-align: left;
background-image: url('-mon.png');
background-repeat: repeat-x;
}

h1,h2,h3,h4,h5,h6{
font-size: 1.2em;
font-weight: normal;
}

a{
color: #999999;
}

a:hover{
color:#ff6600;
}

address{
font-style: normal;
display: inline;
}

img{
border-width: 0;
}

hr{
color: #FFFFFF;
margin-bottom: 10px;
clear: both;
height: 1px;
}

/* ======== 全体の表示　横幅920  一番上から40にタイトルがくる ==================================================== */

div#zentai{
text-align: left;
width: 920px;
margin: 0 auto;
padding-top: 40px;
}

/* ========　 タイトルの制御　 ==================================================== */
div#atama{
padding-left: 0.8em;
}

/* ========　　タイトル下　説明の制御　 ==================================================== */
div#atama h1{
font-size: 2em;
font-weight: bold;
margin-bottom: 5px;
padding-top: 20px;
padding-right: 1em;
float: left;
}

/* ========index以外のMENU の制御==================================================== */
div#menu {
   float:left;
   width:920px;
   margin-top:10px;
}


/* ========index以外のMENU の詳細制御==================================================== */
div#menu ul {
   margin:0 0 1px 0;
   padding:0;
   font-size:100%;/* 16px相当 */
   font-color:#000000;
   list-style:none;
}

div#menu li {
   overflow:hidden;
   float:left;
   margin:0;
   margin-left:-1px;
   padding:0;
   border:1px solid #CECBCE;
   border-bottom:none;
   background:#fff url("img/bg_menu.gif") -40px 0 repeat-x;
}

div#menu li a {
   display:block;
   width:129px;
   height:20px;
   padding:10px 0;
   line-height:20px;
   font-weight:bold;
   text-align:center;
   outline:none;
}

div#menu li a:hover {
   color:#fff;
   text-decoration:none;
   background:#fff url("img/bg_menu.gif") 100% 100% repeat-x;
}

div#menu li.home {
   width:128px;
   margin-left:0;
   border-left:1px solid #CECBCE;
}

div#menu li.active a {
   color:#fff;
   background:#fff url("img/bg_menu.gif") 100% 100% repeat-x;
   text-decoration:none;
}

/* ==================　kao ========================================== */


div#kao ul{
clear: both;
}

div#kao li{
text-align: center;
float: left;
width: 20%;
}

div#kao li a{
font-size: 21px;
font-weight: bold;
font-color:#000000;
padding-top: 8px;
height: 20px;
background-image: url('img/guradeuee.gif');
background-repeat: repeat-x;
background-position: center 4px;
display: block;
}

div#kao li a:hover{
font-color: #000000;
background-position: center 0px;
}

/* ================= men =========================================== */

div#men{
float: right;
width: 210px;
}

/* ================== kaosub 元右メニュー========================================== */

div#kaosub{
margin-bottom: 20px;
padding: 10px 5px 5px;
border-width: 1px;
border-color: #CCCCBB;
border-style: solid;
background-color: #EEEEDD;
}

div#kaosub p{
font-size: 1.1em;
font-weight: bold;
}

div#kaosub a{
font-size: 1.2em;
font-weight: bold;
padding-top: 8px;
padding-bottom: 4px;
display: block;
}

div#kaosub a:hover{
background-image: url('img/yajirui.gif');
background-repeat: no-repeat;
background-position: right center;
}

div#kaosub ul{
padding-top: 5px;
}

div#kaosub li{
text-align: left;
padding-right: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-color: #999999;
border-bottom-style: dotted;
background-color: #FFFFFF;
}

/* =======================元メニュー===================================== */

div#kaosub2{
margin-bottom: 20px;
padding: 10px 5px 5px;
border-width: 1px;
border-color: #CCCCBB;
border-style: solid;
background-color: #EEEEEE;
}

div#kaosub2 p{
font-size: 1.1em;
font-weight: bold;
}

div#kaosub2 a{
font-size: 1.2em;
font-weight: bold;
padding-top: 8px;
padding-bottom: 4px;
display: block;
}

div#kaosub2 a:hover{
background-image: url('img/yajirui.gif');
background-repeat: no-repeat;
background-position: right center;
}

div#kaosub2 ul{
padding-top: 5px;
}

div#kaosub2 li{
text-align: left;
padding-right: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-color: #999999;
border-bottom-style: dotted;
background-color: #FFFFFF;
}

/* =============================　kubi 右 メモ欄　=============================== */

div.kubi{
margin-bottom: 20px;
padding: 3px 5px 10px;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
background-color: #EEEEEE;
}

div.kubi h4{
font-weight: bold;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
border-bottom-style: dotted;
}

/* ============================ karada メイン================================ */

div#karada{
  color: #333333;
  margin: 120px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 700px;
  background-repeat: no-repeat;
  background-position: left top;
}

div#karada dt img{
margin: 5px 1em 10px 15px;
}

div#karada dt{
padding-left: 1em;
}

div#karada dd{
padding-right: 1.5em;
padding-bottom: 0.5em;
padding-left: 1.5em;
background-color: #FFFFFF;
}

div#karada a:hover{
border-bottom-width: 1px;
border-bottom-color: #ff6600;
border-bottom-style: dotted;
}

div#karada li{
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
list-style-type: square;
list-style-position: inside;
background-color: #FFFFFF;
}

div#karada h2,h3{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 3px;
padding-top: 1px;
padding-left: 0.3em;
border-width: 1px;
border-color: #BBBBBB;
border-style: solid;
background-image: url('img/greee999.gif');
background-repeat: repeat-x;
background-position: left;
}

div#karada h3{
margin-top: 10px;
}

div#karada h4{
font-size: 1em;
font-weight: bold;
padding-top: 0.3em;
padding-left:1em;
background-color: #FFFFFF;
}


div#karada p{
text-indent: 0.5em;
margin-right: 1em;
margin-left: 1em;
padding-top: 0.3em;
background-color: #FFFFFF;
}

div#karada img{
margin-right: 1em;
}

div#karada em{
font-size: 1em;
color: #FF0000;
}

/* ============================================================ */

div#asi{
padding: 0.4em;
border-top-width: 5px;
border-top-color: #BBBBBB;
border-top-style: solid;
clear: both;
}