/* ========BASIC======== */
*----- font-size -----* 
 *  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, HGGyosyotai, HuiFont,
@charset "UTF-8";
html{font:13px; *font-size:small; *font:x-small; font-family:MS PGothic; line-height:1.6;
    letter-spacing:1px; overflow:scroll;} 
/* ========BASIC======== */

body {width:780px; height:100%; margin-left:auto; margin-right:auto; margin-top:0;
     margin-bottom:0; background:#ffffff;}
a {color:#333333; text-decoration:none;}
a:hover {color:#0172AB;}
 
/* ======== LAYOUT======== */
#top {width:780px; margin:0; background:#faf5e1;}

#header-1 {width:780px; height:40px; margin:0; padding:10px 25px 10px 25px;}
#header-2 {width:700px; height:250px; margin:0 40px 0 40px;}

#contents {margin:0; padding:0 20px 0 20px;}
#main {float:right; width:495px; margin:0 25px 5px 30px;}
#sub {float:left; width:180px; margin:0;}

/* ========HEADER CUSTOMIZE======== */
#header-1 #image11 {width:85px; margin:0; float:left;}
#header-1 #pr-1 {width:205px; margin:0; padding-left:20px; float:left;}
#pr-1 p {margin:0; font-family:verdana; font-size:78%; color:#cc3366; font-weight:bold; text-align:left;}
#header-1 #pr-2 {width:380px; margin:0; padding:0 50px 0 0; float:right;}
#pr-2 p {margin:0; font-family:verdana; font-size:78%; color:#330099; font-weight:bold; text-align:right;}
  
/* ========SUBCONTENTS CUSTOMIZE======== */
#sub #sub1 {margin:40px 0 0 10px;}
#sub1 ul {margin:0 10px 0 10px; padding:0;}
#sub1 li {margin:0; padding:0; font-family:MS PGothic; font-size:80%; line-height:1.7; list-style-type:none;}
#sub1 li.class01 a {display:block; width:140px; padding:10px 0 10px 20px;
      border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC;
      background:url("I&T-images/bg_menulist.gif") 0 15px no-repeat;
      text-decoration:none;}
#sub1 li.class02 a {display:block; width:140px; padding:10px 0 10px 20px;
      border-bottom:1px solid #DCDCDC; background:url("I&T-images/bg_menulist.gif") 0 15px no-repeat;
      text-decoration:none;}
#sub1 li a:hover {color:#0096E7;}

#sub #sub2 {margin:50px 0 0 0;}
#sub2 h2 {margin:10px 0 10px 10px; text-align:center; font-family:MS PGothic; font-size:85%; font-weight:bold;
      color:blue; line-height:1.8; background:url("I&T-images/bg008.gif") 50% 50% repeat-x;}
#sub2 h3 {margin:0; padding:0 0 0 55px; font-family:MS PGothic; font-size:80%; font-weight:normal;
      line-height:2.0; text-align:left; background:url("I&T-images/mark021.png") 30px 2px no-repeat;}
#sub2 h4 {margin:5px 10px 5px 20px; font-family:verdana; font-size:80%; color:#cc3366; font-weight:normal;
      line-height:1.4; text-align:left;}

/* ========MAIN CUSTOMIZE========= */
#main #main1 {width:494px; margin:18px 0 0 0; border:3px solid #339966;}
#main #main2 {width:465px; margin:0; padding:8px 0 7px 23px; border:3px solid #99cc99;
      background:#f7f7f7; overflow:hidden;}
#main2 h3 {width:70px; margin:0 0 8px 5px; font-size:100%; font-weight:bold; color:#990066; line-height:1.6;
       text-align:center; border-bottom:3px double #cc6699;}
#main2 p {margin:0; font-family:meiryo; font-size:79%; line-height:1.7;} 
#main #main3 {width:494px; margin:15px 0 0 0; border:3px solid #990066;}
#main #main4 {width:473px; height:210px; margin:0; padding:3px 0 0 15px; border:3px solid #cc6699;
      background:#f7f7f7; overflow-x:hidden; overflow-y:auto;}

/* ========TOTOP CUSTOMIZE========= */
#totop {margin:0; padding:8px 25px 0 0; font-size:11px; line-height:1.0; text-align:right;
       background:url(I&T-images/bg_totop.gif) 595px 12px no-repeat;}

/* ========FOOTER CUSTOMIZE======== */
#footer {margin:0; padding:5px 20px 10px 20px;}
#footer address {margin:0; padding:0; font-style:normal; font-size:12px; line-height:1.8; color:#ffffff;
                text-align:center; background: #0096E7;}