@charset "UTF-8";

#aom { width: 800px; margin-left: 15px; padding-bottom: 30px; }

/* frame 770px */
#aom .f01-top { clear: both; width: 770px; margin-left: 15px; padding-top: 10px; background: url(../images/fra770_top.gif) no-repeat; }
#aom .f01-body { background: url(../images/fra770_body.gif) repeat-y; }
#aom .f01-bottom { padding-bottom: 10px; background: url(../images/fra770_bottom.gif) no-repeat bottom; }
/* end frame 770px */

/* frame 250px */
#aom .f02-top { width: 250px; padding-top: 10px; background: url(../images/fra250_top.gif) no-repeat; }
#aom .f02-body { padding: 5px 15px; background: url(../images/fra250_body.gif) repeat-y; }
#aom .f02-bottom { padding-bottom: 10px; background: url(../images/fra250_bottom.gif) no-repeat bottom; }
/* end frame 250px */

#aom .ptop { clear: both; width: 83px; height: 11px; margin-left: 717px; }
#aom .ptop a { display: block; width: 83px; height: 11px; background: url(../images/btn_ptop.gif) no-repeat; font-size: 1px; text-indent: -9999px; overflow: hidden; }
#aom .ptop a:hover { background-position: bottom; }

#aom #localmenu { width: 800px; padding-top: 5px; padding-bottom: 3px; background: url(../images/fra800_bottom.gif) no-repeat 0px bottom; }
#aom #localmenu ul { padding-top: 3px; background: #cccccc url(../images/fra800_top.gif) no-repeat top; text-align: center; }
#aom #localmenu ul li { display: inline; margin: 0 1em 0 0; _margin-top: 3px; padding: 0 1em 0 0; border-right: 1px solid #666666; font-size: smaller; _font-size: 9px; }
#aom #localmenu ul li.here { color: #00a88c; }
#aom #localmenu ul li.end { border-right: none; }
#aom #localmenu ul li a { color: #666666; }

#aom #aomheader { height: 207px; _height: 247px; padding-top: 40px; padding-left: 15px; background: url(../images/img_butterfly.jpg) no-repeat right 40px; }
#aom #aomheader h2 { width: 348px; height: 81px; margin-bottom: 36px; background: url(../images/tit00.gif) no-repeat; text-indent: -9999px; }
#aom #aomheader p { width: 352px; height: 60px; background: url(../images/txt00.gif) no-repeat; text-indent: -9999px; }

/* button */
#aom .btnomo { float: right; width: 208px; }
#aom .btnomo a { display: block; width: 195px; height: 40px; margin-right: 13px; background-image: url(../images/btn_omoi.gif); }

#aom #character .btnltr { float: right; width: 365px; }
#aom #character .btnltr a { display: block; width: 352px; height: 40px; margin-right: 13px; background-image: url(../images/btn_letter.gif); }

#aom #mm .btnmm { float: left; width: 197px; margin-top: -1em; }
#aom #mm .btnmm a { display: block; width: 197px; height: 40px; background-image: url(../images/btn_mm.gif); }

#aom #staff .staff-r .f02-body a.btn { display: block; width: 232px; height: 40px; background-image: url(../images/btn_staff.gif); }

#aom .btnomo a,
#aom #character .btnltr a,
#aom .btnmm a,
#aom #staff .staff-r .f02-body a.btn { text-indent: -9999px; overflow: hidden; }

#aom .btnomo a:hover,
#aom .btnltr a:hover,
#aom .btnmm a:hover,
#aom #staff .staff-r .f02-body a.btn:hover { background-position: bottom; }
/* end button */

#aom #menu { padding-top: 45px; _padding-top: 6px; background: url(../images/img_caterpillar01.jpg) no-repeat 130px 1px; }
#aom #menu ul { width: 746px; _width: 770px; height: 13px; padding-left: 24px; }
#aom #menu li { float: left; margin-right: 25px; }
#aom #menu li.m05 { margin-right: 0; }
#aom #menu li a { display: block; height: 13px; text-indent: -9999px; overflow: hidden; }
#aom #menu li.m01 a { width: 127px; background-image: url(../images/btn_m_chara.gif); }
#aom #menu li.m02 a { width: 119px; background-image: url(../images/btn_m_staff.gif); }
#aom #menu li.m03 a { width: 122px; background-image: url(../images/btn_m_mm.gif); }
#aom #menu li.m04 a { width: 134px; background-image: url(../images/btn_m_voice.gif); }
#aom #menu li.m05 a { width: 120px; background-image: url(../images/btn_m_eco.gif); }

#aom h3 { width: 800px; height: 123px; background-repeat: no-repeat; text-indent: -9999px; }
#aom #character h3 { background-image: url(../images/tit_chara.jpg); background-position: bottom; }
#aom #staff h3 { background-image: url(../images/tit_staff.jpg); }
#aom #mm h3 { background-image: url(../images/tit_mm.jpg); }
#aom #voice h3 { background-image: url(../images/tit_voice.jpg); }
#aom #gpp h3 { background-image: url(../images/tit_gpp.jpg); background-position: bottom; }

#aom .em { color: #8f2f00; font-weight: bold; }

/* character */
#aom #character { }
#aom #character .txt-koda { margin: 10px 0 15px 35px; }

#aom #character ul { float: left; width: 500px; margin-left: 35px; _margin-left: 17px; margin-bottom: 10px; }
#aom #character ul li { float: left; width: 230px; height: 175px; margin-right: 20px; background-repeat: no-repeat; text-indent: -9999px; }
#aom #character ul li.koda01 { background-image: url(../images/kodawari01.jpg); }
#aom #character ul li.koda02 { margin-right: 0; background-image: url(../images/kodawari02.jpg); }
#aom #character ul li.koda03 { background-image: url(../images/kodawari03.jpg); }
#aom #character ul li.koda04 { margin-right: 0; background-image: url(../images/kodawari04.jpg); }

#aom #character .f02-top { float: right; margin-right: 15px; _margin-right: 7px; }
#aom #character .f02-body p { width: 220px; padding-bottom: 147px; background: url(../images/img_vhcbook.jpg) no-repeat 29px bottom; }
#aom #character .f02-body { padding-bottom: 20px; }
#aom #character #goods { position: relative; z-index: 0px; clear: both; }
#aom #character #goods p { width: 480px; height: 69px; background: url(../images/txt_goods.gif) no-repeat 20px 20px; text-indent: -9999px; }
#aom #character #goods .imggoods { position: absolute; z-index: 5px; top: -85px; left: 415px; }

#aom #character .ptop { margin-top: 55px; }

/* staff */
#aom #staff { clear: both; }
#aom #staff .staff-l { float: left; width: 480px; margin-left: 35px; _margin-left: 17px; }
#aom #staff .staff-l .em { margin-bottom: 1.5em; }
#aom #staff .staff-r { float: right; width: 265px; margin-bottom: 10px; }
#aom #staff .staff-r .f02-body { padding: 5px 9px; }
#aom #staff .staff-r .f02-body a.bn { display: block; width: 90px; height: 45px; margin-top: 10px; margin-left: 136px; }

/* mm */
#aom #mm { clear: both; }
#aom #mm h4 { margin-left: 35px; margin-bottom: 1.5em; _font-size:12px; }
#aom #mm p { margin: 0 35px 1.5em; }
#aom #mm .btn-txt { float: left; margin-right: 15px; _margin-left: 17px; }

#aom #mm .f01-top { margin-bottom: 10px; }
#aom #mm .f01-body { padding: 5px 0 5px 20px; }
#aom #mm ul { clear: both; }
#aom #mm li { float: left; width: 195px; _width: 230px; margin-right: 20px; padding-left: 35px; }
#aom #mm li { background-repeat: no-repeat; }
#aom #mm li.toku01 { background-image: url(../images/txt_toku01.gif); }
#aom #mm li.toku02 { background-image: url(../images/txt_toku02.gif); }
#aom #mm li.toku03 { background-image: url(../images/txt_toku03.gif); margin-right: 0; }
#aom #mm li .toku { font-size: 1px; text-indent: -9999px; }
#aom #mm li .em { margin-top: 28px; margin-bottom: 0.5em; }

/* voice */
#aom #voice { clear: both; }
#aom #voice h4.em, #aom #voice p { margin: 0 35px 1.5em; _font-size:12px; }

#aom #voice #kuchi { margin-bottom: 10px; }
#aom #voice .f01-body { padding: 5px 0 5px 20px; }
#aom #voice #kuchi .kuchi-img { background: url(../images/img_caterpillar02.jpg) no-repeat 644px top; }
#aom #voice #kuchi h4 { width: 324px; height: 36px; margin-bottom: 5px; background: url(../images/tit_kuchikomi.gif) no-repeat; text-indent: -9999px; }
#aom #voice #kuchi p { margin: 0 126px 0 0; padding: 0; }
#aom #voice #kuchi p.px_s { margin-right: 0; _font-size: 9px; }

#aom #voice #kuchi table {  }
#aom #voice #kuchi th { width: 250px; height: 104px; text-indent: -9999px; }
#aom #voice #kuchi .q01 { background: url(../images/img_fruits_apple.gif) no-repeat; }
#aom #voice #kuchi .q02 { background: url(../images/img_fruits_pear.gif) no-repeat; }
#aom #voice #kuchi .q03 { background: url(../images/img_fruits_plum.gif) no-repeat; }

#aom #voice td ul { width: 230px; height: 200px; overflow: auto; }
#aom #voice td ul li { margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px dotted #666666; color: #333333; }

/* voice customize */
#aom #voice td ul .bol { font-weight: bold; }
#aom #voice td ul .red { color: #c70000; }
#aom #voice td ul .gre { color: #005c25; }
#aom #voice td ul .blu { color: #008099; }
#aom #voice td ul .px_s { _font-size: 9px; }

/* gpp */
#aom #gpp { clear: both; }
#aom #gpp p { margin-left: 35px; margin-bottom: 1.5em; }
#aom #gpp .undertwig { background: url(../images/img_undertwig.jpg) no-repeat right top; }
#aom #gpp ul { width: 500px; margin-left: 35px; }
#aom #gpp ul li { float: left; width: 204px; _width: 230px; height: 2.4em; margin-right: 10px; padding: 10px; border: 2px solid #666;
  border-radius: 3px;         /* CSS3 */
  -moz-border-radius: 3px;    /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
  background-color: #fff;   /* 背景色 */
  text-align: center; font-weight: bold;
}

#aom #gpp ul li.gpp01 { margin-bottom: 10px; border-color: #e0002a; color: #e0002a; }
#aom #gpp ul li.gpp02 { margin-bottom: 10px; border-color: #00a84b; color: #00a84b; }
#aom #gpp ul li.gpp03 { clear: both; border-color: #005a8a; color: #005a8a; }
#aom #gpp ul li.gpp04 { border-color: #963964; color: #963964; }

#aom #gpp #link_gpp { clear: both; margin-bottom: 10px; text-align: center; }
#aom #gpp #link_gpp a { margin-left: 10px; font-weight: bold; }
#aom #gpp #link_gpp img { vertical-align: middle; }

#aom #copyright { margin-top: 20px; padding-left: 45px; background: url(../images/ec.jpg) no-repeat; font-size: smaller; }