@charset "Shift_JIS";

/**************************************/
/*             1.Common               */
/**************************************/
*{
   font-family:Comic Sans MS,"Hiragino Maru Gothic ProN",monospace;
   color:#000;
}

html {-webkit-text-size-adjust:none}

body {
   margin:0;
   padding:0;
   font-style:normal;
   font-weight:normal;
   font-size:12px;
   text-align:center;
   text-decoration:none;
   letter-spacing:1px;
   line-height:1.4em;
   background:#fff url(chap/all-bg.gif) 50% 50% repeat-y fixed;
}

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

a:hover {
color:#fff;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
   font-weight:bold;
   font-size:13px;
}

p {
   margin:0;
   font-size:12px;
}

th,td {
   font-weight:normal;
   font-size:12px;
   text-align:left;
}

/**************************************/
/*             2.layout               */
/**************************************/
#wrapper {
   width:780px;
   margin:0 auto;
   text-align:left;
   background:#fff;
}

#header {
   width:780px;
   height:150px;
   margin:0;
   background:#fff url(headerbg/topimage-20090426.jpg) 0% 0% no-repeat;
}

#menu {
   width:780px;
   margin:0;
   background:#fff;
}

#mlist {
   float:left;
   width:740px;
   margin-top:10px;
}

#contents {
   width:740px;
   clear:both;
   margin:0 20px;
   background:#fff;
}

#footer {
   width:780px;
   clear:both;
   margin-top:10px;
   background:#011529;
   border-top:1px solid #666;
}

/**************************************/
/*             3.custom               */
/**************************************/
#header h1 {
font-size:26px;
color:#fff;
margin:0;
padding:10px;
}

#header p{
margin:0;
padding:10px;
font-size:12px;
color:#fff;
}

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

#menu li {
   list-style:none;
   float:left;
   text-align:center;
   color:#fff;
   margin-bottom:10px;
   padding:0;
}

#menu li a {
   display:block;
   width:130px;
   background:#011529;
   line-height:26px;
   border-top:1px solid #C3C3C3;
   border-bottom:1px solid #C3C3C3;
}

#menu li a:hover {
   color:#fff;
   background:#bd1010;
}


#contents h2 {
   margin:10px 0;
   padding-top:0px;
   border-bottom:3px double #FF6535;
   color:#FF6535;
   font-size:15px;
}

#contents h3 {
   margin:10px 0;
   padding-top:0px;
   border-bottom:3px double #FF6535;
   color:#FF6535;
   font-size:15px;
}

#contents h4 {
   margin:10px 0;
   padding:8px 0 8px 18px;
   color:#fff;
   font-size:15px;
   background:#fff url(titlebg/main_tb_740.gif) no-repeat;
}

#contents p {
   margin-left:10px;
   padding:5px 0 100px 0;
   color:#000;
}

#mlist ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}

#mlist ul ul {
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

#mlist ul ul ul {
   top:0;
   left:100%;
}

#mlist li {
   float:left;
   font-size:13px;
   font-weight:bold;
}

#mlist li li {
   clear:both;
   font-size:12px;
}

#mlist li:hover {
   position:relative;
}

#mlist li:hover > ul {
   display: block
}

#mlist ul {
   float:left;
   margin:0;
   padding:0;
   list-style:none;
   border-top:1px solid #072d63;
   border-bottom:1px solid #072d63;
   background:#fff url("../mlist/bg_menu.gif") 0 0 repeat-x;
}

#mlist li ul {
   border-top:1px solid #072d63;
   border-bottom:none;
}

#mlist li li {
   margin-left:0;
   background:#f5f5f5;
   border-bottom:1px solid #072d63;
}

#mlist li li a:hover {
   color:#e60412;
   margin-left:0;
   background:#fff;
}

#mlist li a {
   display:block;
   color:#000;
   width:123px;
   padding:10px 0;
   text-align:center;
   outline:none;
}

#mlist li li a {
   display:block;
   color:#000;
   width:113px;
   padding:10px 5px;
   line-height:20px;
   text-align:left;
   outline:none;
}

#mlist li a:hover {
   color:#666;
   text-decoration:none;
}

div#contents .totop{
   border:0;
   text-align:right;
   padding:10px 0 0 0;
   margin-top:10px;
   margin-bottom:20px;
   text-decoration:none;
}

div#contents .totop a{
   border:0;
   background:#fff;
   text-decoration:none;
}

div#contents .totop a:hover{
   border:0;
   background:#fff;
   text-decoration:none;
}

/**************************************/
/*             4.summary               */
/**************************************/
#contents .summary {
   margin:0;
   padding:0;
   border-collapse: collapse;
   line-height:20px;
}

#contents .summary a {
   color:#000;
   text-decoration:underline;
}

#contents .summary a:hover {
   color:#bd1010;
}

#contents .summary th {
   padding:5px;
   vertical-align:middle;
   border:1px solid #999;
   font-weight:bold;
   color:#fff;
   background:#000;
}

#contents .summary td {
   padding:5px;
   vertical-align:middle;
   border:1px solid #999;
   font-weight:normal;
   background:#fff;
}

#contents .summary td.back {
   padding:5px;
   vertical-align:middle;
   border:1px solid #999;
   font-weight:normal;
   background:#eee;
}

/**************************************/
/*             5.footer               */
/**************************************/
div#footerMenu{
   color:#fff;
   padding:10px 10px 10px 10px;
}

div#footerMenu a{
   color:#fff;
}

div#footerMenu a:hover{
   border:0;
   color:#bd1010;
}

div#footerMenu ul{
   margin:0;
   padding:0;
   list-style:none;
}

div#footerMenu li{
   display:inline;
   margin:0 0 0 10px;
   padding-left:8px;
   background:url(chap/arrow.gif) 0 4px no-repeat;
}

#footer address {
   color:#333;
   text-align:center;
   font-size:12px;
   padding:20px 0;
   background:#f1f1f1;
   border-top:2px solid #ddd;
}