@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#000000;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#dddddd url(img/bg-top.png) 50% repeat-y;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
 
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}



br {
   letter-spacing:normal;
}

a {
   color:#000000;
   text-decoration:none;
}

a:hover {
   color:#888888;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

*.float
{
   float: right;
   margin-left: 1em;
}
      *.floatclear
      {
         clear: both;
      }


/* ========TEMPLATE LAYOUT======== */
div#top {
   width:898px;
   margin:0 auto;
}

div#wrapper {
   background:url(img/sub-back.png) repeat-x top #ffffff;
}

div#header {
   background:url(img/bg-header.png) repeat-x top;

padding: 14px 10px 9px 10px;
}


div#menu {
width:898px;
}


div#main {
margin:0px 0px 0px;
width:898px;
   height:69px;
clear:both;
   background:#dddddd;
}



#contents{
margin: 12px 12px;
}


div#largeleft {
   width:682px;
    float:left;
}

div#largeright {
   width:180px;
    float:right;
}



div#largeleftleft {
   float:left;
   width:192px;
   }


div#largeleftmain {
   float:right;
   width:490px;
}




div#totop {
   clear:both;
}

div#footer {
   height:22px;
   clear:both;
   background:url(img/bg-footer.png) repeat-x top;
   margin:0px 0px;
padding:8px 0px 0px 12px;}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   line-height:70px;
 float:left;  }


div#header h2 p {
   margin:0;
   font-size:8.64pt;
   font-weight:normal;
  text-align: right;

}

div#header h2 p img{
margin:5px 0px 10px 0px;
}




/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0px;
   padding:0px;
}


ul#navi{
    list-style:none;
    width:100%;
}
ul#navi li{
    list-style:none;
    float:left;
    width:149.6px;
}
ul#navi a{
    display:block;
    width:149.6px;
    height:34px;
    text-indent:-100px;
    background-image:url(img/navi.png);
    overflow:hidden;
}
a.gaiyou{
    background-position:0px 0px;
}
a:hover.gaiyou{
    background-position:0px -34px;
}
a.shashi{
    background-position:-150px 0px;
}
a:hover.shashi{
    background-position:-150px -34px;
}
a.jihi2{
    background-position:-300px 0px;
}
a:hover.jihi2{
    background-position:-300px -34px;
}
a.gaityu{
    background-position:-450px 0px;
}
a:hover.gaityu{
    background-position:-450px -34px;
}
a.saiyo{
    background-position:-600px 0px;
}
a:hover.saiyo{
    background-position:-600px -34px;
}
a.contact{
    background-position:-749.6px 0px;
}
a:hover.contact{
    background-position:-749.6px -34px;
}




/* ========MAIN CUSTOMIZE======== */
div#main h1 {
   height:24px;
   padding:11px 0px 11px 25px;
   color:#000000;
   font-size:15pt;
   font-weight:bold;
background:url(img/m-back.jpg);
}


div#main h2{
   margin:0;
   font-size:8pt;
   font-weight:normal;
   padding:7px 0px 7px 15px;

}


/* ========left CONTENTS CUSTOMIZE======== */

div#largeleftleft p {
   margin:0px 0px 10px;
   padding:0;
}


div#largeleftleft ul {
   margin:0px 0px 20px;
   padding:0;
}

div#largeleftleft li {
   list-style-type:none; 
}


ul#group{
    list-style:none;
    }
ul#group li{
    list-style:none;
    width:180px;
}
ul#group a{
    display:block;
    width:180px;
    text-indent:-100px;
    overflow:hidden;
}
a.soso{
    background-image:url(img/group/g-sousou.png);
    height:49px;}
a:hover.soso{
    background-position:0px -49px;
}
a.yuyu{
    background-image:url(img/group/g-yuyu.png);
    height:50px;}
a:hover.yuyu{
    background-position:0px -50px;
}
a.seisei{
    background-image:url(img/group/g-seisei.png);
    height:49px;}
a:hover.seisei{
    background-position:0px -49px;
}
a.koukou{
    background-image:url(img/group/g-koukou.png);
    height:50px;}
a:hover.koukou{
    background-position:0px -50px;
}
a.kaede{
    background-image:url(img/group/g-kaede.png);
    height:50px;}
a:hover.kaede{
    background-position:0px -50px;
}
a.koubou{
    background-image:url(img/group/g-honsya.png);
    height:49px;}
a:hover.koubou{
    background-position:0px -49px;
}



/* ========MAIN CONTENTS CUSTOMIZE======== */


div#largeleftmain h1 {
   height:18px;
   padding:12px 0px 10px 23px;
   color:#000000;
   font-size:12pt;
   font-weight:bold;
background:url(img/center_obi.png);
}


div#largeleftmain h1 img {
   vertical-align:medium;
margin:0px 5px 2px;
}


div#largeleftmain h2 {
   height:25px;
   padding:7px 0px 0px 23px;
   color:#000000;
   font-size:11pt;
   font-weight:bold;
background:url(img/m2-back.png)}

div#largeleftmain h2 img {
   vertical-align:medium;
margin:0px 5px 2px;
}

div#largeleftmain a {
   color:#000000;
    text-decoration: none;
border-bottom: 1px solid;
   }

div#largeleftmain a:visited{
   color:#000000;
   text-decoration: none;
border-bottom: 1px solid;
   }

div#largeleftmain a:hover {
   color:#888888;
   text-decoration: none;
border-bottom: 0px solid;}



div#largeleftmain ul {
   margin:10px 0px 0px;
   padding:0;
}

div#largeleftmain li {
   padding:0px 10px;
   font-size:10pt;
   list-style:none;
line-height: 200%;}



div#largeleftmain p {
      padding:0px 5px 0px 5px;
   margin:10px 0px 20px;
   font-size:10pt;
   font-weight:normal;
line-height: 150%;
text-align: left;
}


.naiyo{
margin:10px 10px 20px;
font-size:10pt;
line-height: 150%;
}



div#largeleftmain h3 {
   color:#000000;
   margin:5px 0px 10px;
   font-size:10pt;
   font-weight:normal;
   text-align: center;}

div#largeleftmain h3 img {
   vertical-align:medium;
margin:0px 5px 2px 0px;
}


ul#enkaku {
    list-style: none;
    width: 490px;

}
 
ul#enkaku li {
    font-size: 8.5pt;
    line-height: 180%;
    padding-left: 7em; /*1em（1文字）分、右に動かす*/
    text-indent: -7em; /*最初の行だけ1em（1文字）分、左に動かす*/
}


.t-tag table {
   margin:10px 0px 10px;
}

.t-tag td {
padding: 10px;
   font-size:9.5pt;
line-height: 130%;
}


ul#mokuroku {padding:0px 5px 0px 5px; }  
ul#mokuroku li {list-style:url("img/botan.png");
list-style-position : inside ; 
    font-size: 10pt;
    line-height: 200%;
       font-weight:normal;
}

div#mokuroku {
      padding:0px 5px 0px 5px;
   font-size:11pt;
   font-weight:bold;
line-height: 150%;
}


.m-tag table {
   margin:0px 0px 20px;
}

.m-tag td {
padding:5px 5px;
   font-size:9pt;
line-height: 120%;
}


div#largeleftmain h4 {
   margin-left:15px;
   height:18px;
    width: 100px;
   padding:25px 0px;
   color:#336633;
   font-size:12pt;
   font-weight:bold;
background:url(img/mihirakibon2.png);
   text-align: center;
}


.hondeki {
   margin-right:20px;
     height:50px;
    width: 310px;
background:url(img/hondeki-bg.png);
   padding:10px 10px;
   font-size:10pt;
line-height: 120%;
text-align: left;
}


div#largeleftmain img {
   vertical-align:medium;
margin:0px 5px 2px;
}


div#largeleftmain h5 {
   font-weight:bold;
   color:#8B0000;
   font-size:11pt;
   line-height: 150%;
}

/* ========right CUSTOMIZE======== */
div#largeright.section {
   margin-top:0px;
}

div#largeright{
   padding:0px 0px;
}


div#largeright ul {
   margin:0px 0px 0px;
   padding:0;
}

div#largeright li {
   padding:0px;
   list-style:none;
}

ul#menu1{
    list-style:none;
}
ul#menu1 li{
    list-style:none;
    width:180px;
}
ul#menu1 a{
    display:block;
    width:180px;
    text-indent:-100px;
    overflow:hidden;
}

a.syashi{
    background-image:url(img/menu/ga-syashi.png);
    height:40px;}
a:hover.syashi{
    background-position:0px -40px;
}

a.jihi{
    background-image:url(img/menu/ga-jihi.png);
    height:40px;}
a:hover.jihi{
    background-position:0px -40px;
}

a.pr{
    background-image:url(img/menu/ga-pr.png);
    height:40px;}
a:hover.pr{
    background-position:0px -40px;
}

a.web{
    background-image:url(img/menu/ga-web.png);
    height:24px;}
a:hover.web{
    background-position:0px -24px;
}

a.syogyo{
    background-image:url(img/menu/ga-syogyo.png);
    height:24px;}
a:hover.syogyo{
    background-position:0px -24px;
}

a.dtp{
    background-image:url(img/menu/ga-dtp.png);
    height:24px;}
a:hover.dtp{
    background-position:0px -24px;
}

a.grf{
    background-image:url(img/menu/ga-graf.png);
    height:24px;}
a:hover.grf{
    background-position:0px -24px;
}

a.hensyu{
    background-image:url(img/menu/ga-hensyu.png);
    height:56px;}
a:hover.hensyu{
    background-position:0px -56px;
}

a.kousi{
    background-image:url(img/menu/ga-koushi.png);
    height:24px;}
a:hover.kousi{
    background-position:0px -24px;
}

a.tokutyo{
    background-image:url(img/menu/ga-tokucho.png);
    height:24px;}
a:hover.tokutyo{
    background-position:0px -24px;
}

a.ryokin{
    background-image:url(img/menu/ga-ryokin.png);
    height:24px;}
a:hover.ryokin{
    background-position:0px -24px;
}

a.mokuroku{
    background-image:url(img/menu/ga-mokuroku.png);
    height:30px;}
a:hover.mokuroku{
    background-position:0px -30px;
}


ul#menu2{
    list-style:none;
}
ul#menu2 li{
    list-style:none;
    width:180px;
}
ul#menu2 a{
    display:block;
    width:180px;
    text-indent:-100px;
    overflow:hidden;
}
a.hon{
    background-image:url(img/kiso/kiso-hon.png);
    height:23px;}
a:hover.hon{
    background-position:0px -23px;
}

a.pro{
    background-image:url(img/kiso/kiso-pro.png);
    height:24px;}
a:hover.pro{
    background-position:0px -24px;
}

a.gijutu{
    background-image:url(img/kiso/kiso-gijutu.png);
    height:24px;}
a:hover.gijutu{
    background-position:0px -24px;
}

a.yogo{
    background-image:url(img/kiso/kiso-yougo.png);
    height:24px;}
a:hover.yogo{
    background-position:0px -24px;
}

a.koram{
    background-image:url(img/kiso/kiso-koram.png);
    height:24px;}
a:hover.koram{
    background-position:0px -24px;
}

a.qa{
    background-image:url(img/kiso/kiso-qa.png);
    height:30px;}
a:hover.qa{
    background-position:0px -30px;
}









/* ========FOOTMENU CUSTOMIZE======== */
div#footer h1 {margin:0;
   font-size:8pt;
   font-weight:normal;
   color:#fff;
}

div#footer h1 a:link { color: #ffffff; }
div#footer h1 a:visited { color: #dddddd; }


