@charset "shift_jis";

/*
-----------------------------------------------
▼ワンぱっくんCSS 2009.12
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
font-size:14px;
}
* + html body {
font-family: "メイリオ",Meiryo;
}
body * {
line-height:1.8;
}
a {
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
img {
border:0;
vertical-align:bottom;
}
ul,ol,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:"MS PGothic","ＭＳ Ｐゴシック", sans-serif;
}
html > body select,
html > body input,
html > body textarea {
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a {
color:#08c;
text-decoration:none;
}
a:hover {
color:#039;
text-decoration:underline;
}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}


/*
-----------------------------------------------
▼ALL
----------------------------------------------- */

#main {
margin:0 0 0 284px;
width:631px;
min-height:380px;
}


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

/*
-----------------------------------------------
▼共通ページ
----------------------------------------------- */
#ALL h1.h100 {
position:absolute;
text-indent:-9999px;
background:url(../img/all_ttl-trans.png) no-repeat 58px 0;
top:0;
width:263px;
height:150px;
z-index:25;
_left:342px !important;
}
/* IE7用の設定▼ \*/
*+html #ALL h1.h100 {
margin-left:-286px;
}
/* ▲IE7用の設定 */



/*
-----------------------------------------------
▼共通指定
----------------------------------------------- */
.none {
display:none;
}



/* 犬のイラスト */
#ALL #ill1 {
position:absolute;
top:50px;
left:772px;
width:186px;
height:294px;
background:url(../img/inu-trans.png) no-repeat;
z-index:20;
}
#ALL #ill2 {
position:absolute;
top:50px;
left:772px;
width:179px;
height:256px;
background:url(../img/inu01-trans.png) no-repeat;
z-index:20;
}


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

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

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

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

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

#ALL #sidemenu {
width:150px;
height:392px;
position:absolute;
top:130px;
padding-left:48px;
z-index:23;

_left:0px !important;
}

#sidemenu ul#linkbtn {
width:150px;
height:392px;
position:relative;
margin:32px 0 0 32px;
}
#sidemenu ul#linkbtn li {
text-indent:-9999px;
}
#sidemenu ul#linkbtn li a {
position:absolute;
display:block;
background-image:url(../img/linkbtn.gif);
overflow:hidden;
left:0;
width:150px;
}
#sidemenu ul#linkbtn li.li01 a {
background-position:0 0;
top:0;
height:76px;
}
#sidemenu ul#linkbtn li.li02 a {
background-position:0 -76px;
top:76px;
height:65px;
}
#sidemenu ul#linkbtn li.li03 a {
background-position:0 -141px;
top:141px;
height:65px;
}
#sidemenu ul#linkbtn li.li04 a {
background-position:0 -206px;
top:206px;
height:65px;
}
#sidemenu ul#linkbtn li.li05 a {
background-position:0 -271px;
top:271px;
height:65px;
}
#sidemenu ul#linkbtn li.li06 a {
background-position:0 -336px;
top:336px;
height:56px;
}

#sidemenu #linkbtn li.li01 a:hover {
background-position:-152px 0;
}
#sidemenu #linkbtn li.li02 a:hover {
background-position:-304px -70px;
top:70px;
height:71px;
}
#sidemenu #linkbtn li.li03 a:hover {
background-position:-456px -135px;
top:135px;
height:71px;
}
#sidemenu #linkbtn li.li04 a:hover {
background-position:-608px -197px;
top:197px;
height:74px;
}
#sidemenu #linkbtn li.li05 a:hover {
background-position:-760px -260px;
top:260px;
height:76px;
}
#sidemenu #linkbtn li.li06 a:hover {
background-position:-912px -324px;
top:324px;
height:68px;
}


/*
-----------------------------------------------
▼フッタ
----------------------------------------------- */

#footer {
margin:24px 0 0 74px;
width:850px;
font-size:12px;
min-height:23px;
overflow:hidden;
}
#footer p.fot01 {
float:left;
width:550px;
}
#footer p.fot02 {
float:right;
width:190px;
}

p#copyright {
margin:0 auto 12px;
font-family:"Lucida Grande", Arial, sans-serif;
font-weight:bold;
font-size:10px;
color:#666;
}

.gotop{
font-size:12px;
text-align:right;
margin:5px 0;
}


/*
印刷用
----------------------------------------------- */
@media print {
body {
background:#FFF none !important;
color:#000;
}
}


/* css_end */