@charset "utf-8";

/*
-----------------------------------------------
▼パンフレットALL
----------------------------------------------- */

body {
text-align:center;
background:#ffeeaf url(../img/topbg.gif) repeat-x;
}
#ALL {
margin:0 auto 0;
padding:0 0 24px;
text-align:left;
width:1000px;
position:relative;
background:url(../img/bgbtm.gif) no-repeat bottom;
}
#ALL .ALLin {
padding-top:164px;
background:url(../img/bgtop.gif) no-repeat;
}
#ALL .ALLin .ALLinin {
padding:0 0px;
background:url(../img/bgmid.gif) repeat-y;
width:1000px;
}

/* #main p.pankuzu {
position:absolute;
top:92px;
left:284px;
width:472px;
height:50px;
font-size:12px;
line-height:1.3;
} */


/*
-----------------------------------------------
▼セミオーダー型パンフレット
----------------------------------------------- */
#ALL h1.h102 {
position:absolute;
text-indent:-9999px;
background:url(../img/dtp_ttl-trans.png) no-repeat 58px 0;
top:0;
width:263px;
height:150px;
z-index:25;
_left:342px !important;
}
/* IE7用の設定▼ \*/
*+html #ALL h1.h102 {
margin-left:-286px;
}
/* ▲IE7用の設定 */

/*
-----------------------------------------------
▼トップメニューDTP用
----------------------------------------------- */
#ALL #topmenu3 {
position:absolute;
top:0px;
left:524px;
width:416px;
height:46px;
z-index:26;
}
#topmenu3 ul#toplink3 {
width:416px;
height:46px;
position:relative;
}
#topmenu3 ul#toplink3 li {
text-indent:-9999px;
}
#topmenu3 ul#toplink3 li a {
position:absolute;
display:block;
background-image:url(../img/head_menu01.png);
_background-image:url(../img/head_menu01.gif);
overflow:hidden;
top:0px;
height:46px;
}
#topmenu3 ul#toplink3 li.li01 a {
background-position:0 0;
left:0;
width:138px;
}
#topmenu3 ul#toplink3 li.li02 a {
background-position:-138px 0;
left:138px;
width:140px;
}
#topmenu3 ul#toplink3 li.li03 a {
background-position:-278px 0;
left:278px;
width:138px;
}

#topmenu3 ul#toplink3 li.li01 a:hover {
background-position:0 -46px;
}
#topmenu3 ul#toplink3 li.li02 a:hover {
background-position:-138px -46px;
left:138px;
width:140px;
}
#topmenu3 ul#toplink3 li.li03 a:hover {
background-position:-278px -46px;
left:278px;
width:138px;
}

/*
-----------------------------------------------
▼サイドメニューDTP用
----------------------------------------------- */

#ALL #sidemenu2 {
width:150px;
height:267px;
position:absolute;
top:130px;
padding-left:48px;
z-index:23;
_left:0px !important;
}

#ALL #sidemenu2 ul#linkbtn {
width:150px;
height:267px;
position:relative;
margin:32px 0 0 32px;
}
#ALL #sidemenu2 ul#linkbtn li {
text-indent:-9999px;
}
#ALL #sidemenu2 ul#linkbtn li a {
position:absolute;
display:block;
background:url(../img/linkbtn03.gif) no-repeat;
overflow:hidden;
left:0;
width:150px;
}
#ALL #sidemenu2 ul#linkbtn li.li01 a {
background-position:0 0;
top:0;
height:76px;
}
#ALL #sidemenu2 ul#linkbtn li.li02 a {
background-position:0 -76px;
top:76px;
height:65px;
}
#ALL #sidemenu2 ul#linkbtn li.li03 a {
background-position:0 -141px;
top:141px;
height:65px;
}
#ALL #sidemenu2 ul#linkbtn li.li04 a {
background-position:0 -206px;
top:206px;
height:65px;
}

#ALL #sidemenu2 #linkbtn li.li01 a:hover {
background-position:-152px 0;
}
#ALL #sidemenu2 #linkbtn li.li02 a:hover {
background-position:-304px -70px;
top:70px;
height:71px;
}
#ALL #sidemenu2 #linkbtn li.li03 a:hover {
background-position:-456px -135px;
top:135px;
height:71px;
}
#ALL #sidemenu2 #linkbtn li.li04 a:hover {
background-position:-608px -197px;
top:197px;
height:74px;
}

/*
-----------------------------------------------
▼イヌイラストDTP用
----------------------------------------------- */

#ALL #ill3 {
position:absolute;
top:50px;
left:772px;
width:204px;
height:306px;
background:url(../img/inu02-trans.png) no-repeat;
z-index:20;
}
#ALL #ill4 {
position:absolute;
top:50px;
left:772px;
width:178px;
height:252px;
background:url(../img/inu04-trans.png) no-repeat;
z-index:20;
}