/* ========BASIC======== */
@charset "UTF-8";
/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  77% ->	10pxに相当
 *  85% ->	11pxに相当
 *  93% ->	12pxに相当
 * 100% ->	13pxに相当
 * 108% ->	14pxに相当
 * 116% ->	15pxに相当
 * 123% ->	16pxに相当
 * 131% ->	17pxに相当
 * 139% ->	18pxに相当
 * 147% ->	19pxに相当
 * 154% ->	20pxに相当
 * --------------------- */
 * {font-family arial, sans-serif, MS PGothic, MS PMincho, meiryo, verdana;}

body {width:800px; height:auto; margin-left:auto; margin-right:auto; margin-top:0;
      margin-bottom:0;  background:#f2f2f2; overflow:scroll;}
body {font:13px; *font-size:small; *font:x-small; font-family:MS PGothic; color:#333333;} 

/* ======== LAYOUT======== */
#top {width:800px; margin:0; background:#FFFFFF;}
#header {margin:0; width:760px; height:39px; padding:10px 20px 10px 20px; border-bottom:3px solid #cccccc;} 

#contents {width:760px; margin:10px 20px 0 20px;}
#contents #sub {float:left; margin:0;}
#contents #main {float:right; width:490px; margin:10px 10px 5px 10px;}
#footer {margin:0; padding:0 20px 10px 20px;}

/* ========HEADER CUSTOMIZE======== */
#header #image-l {width:70px; float:left;}
#header #pr-1 {width:250px; margin:0; padding:2px 0 0 20px; float:left;}
#pr-1 p {margin:0; font-size:80%; font-weight:bold; color:#0033ff; font-family:verdana;
        line-height:1.6; text-align:left;}
#header #pr-2 {width:400px; padding-left:20px; float:right;}
#pr-2 p {margin:0; font-size:85%; color:#cc3366; font-family:verdana; line-height:1.6;}

/* ========SUBCONTENTS CUSTOMIZE======== */
#sub h2 {margin:30px 15px 15px 15px; text-align:center; background:url(images/bg004.gif) 50% 50% repeat-x;
        font-size:100%; font-weight:bold; line-height:1.6; color:#003399;}
#sub h2 a {font-size:100%; font-weight:bold; line-height:1.6; color:#003399;}
#sub #sub1 {width:170px; margin:40px 60px 20px 20px;}
#sub1 ul {margin:0 10px 0 10px; padding:0;}
#sub1 li {margin:0; padding:0;list-style-type:none;}
#sub1 li.class01 a {display:block; width:170px; margin:0; padding:10px 0 10px 20px;
      border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC;
      background:url(images/bg_menulist.gif) 0 14px no-repeat;}
#sub1 li.class02 a {display:block; width:170px; margin:0; padding:10px 0 10px 20px;
      border-bottom:1px solid #DCDCDC;
      background:url(images/bg_menulist.gif) 0 14px no-repeat;}
#sub1 li a {font-size:88%; color:#333333; line-height:1.6; text-decoration:none;}
#sub1 li a:hover {color:#0096E7;}

#sub #sub2, #sub3, #sub4 {margin:5px 0 5px 0;}
#sub h3 {margin:10px 0 0 0; text-align:center; font-size:88%; font-weight:bold; color:#003399;}
#sub2 p {margin:5px 0 0 0; text-align:center; font-size:90%; line-height:1.6;}
#sub2 a {padding:2px 0 0 20px;
   line-height:1.6; font-size:92%; color:#990000; font-weight:bold; text-decoration:none;
   background:url(images/mark020.gif) 0 0 no-repeat; border-bottom:1px solid #559a99;}
#sub2 a:hover {color:#3300cc;}

#sub #sub3 {margin:5px 0 5px 0;}
#sub3 p {margin:0; font-size:90%; font-weight:bold; line-height:1.5; text-align:center;}
#sub3 ul {margin:0 10px 0 10px; padding:0;}
#sub3 li {margin:0; padding:0; text-align:center; list-style-type:none;}
#sub3 li a {padding:0 0 0 20px; line-height:1.6; font-size:90%; color:#990000; text-decoration:none;
           background:url(images/mark024.gif) 0 0 no-repeat;}
#sub3 a:hover {color:#3300cc;}
#sub3 img {margin:0;}

/* ========MAINCONTENTS CUSTOMIZE======== */
#main #main-t {width:490px; margin:0;}
#main-t .image-a-l {margin-bottom:25px; float:left; width:159px; height:190px;}
#main-t .image-a-r {margin-bottom:25px; float:right; width:331px; height:190px;}
#main #main-a {width:440px; margin:0 30px 0 20px;}
#main h2 {margin:0 15px 10px 15px; color:#003399; font-size:116%; font-weight:bold; text-align:center;
      border-bottom:3px double #003399;}
#main h3 {margin:0; font-size:85%; text-align:center;}
#main p {margin:0; font-size:96%; line-height:1.6;}
#main h5 {margin:5px 0 5px 0; font-size:85%; font-weight:bold;}

/* ========TOTOP CUSTOMIZE========= */
#main #totop {width:450px; margin:0; padding:10px 15px 0 28px; text-align:right;}
#totop a {padding:0 0 0 10px; font-size:12px; font-weight:normal; text-decoration:none; color:#333333;
      background:url(images/bg_totop.gif) 0 50% no-repeat;}

/* ========FOOTER CUSTOMIZE======== */
#footer address {font-size:12px; line-height:2.0; color:#fff; text-align:center; background: #0096E7;}
#footer a {text-decoration:none;}
#footer a:hover {color:#3300cc;}