@charset "shift_jis";
/*------------------------------------------------
template(top,left,footer)css:common.css

///center部分はそれぞれ別css///
(TOPpage)index.html---index.css
(コラム)colum.html---colum.css
(各カテゴリindex)index.html---index2.css
(各カテゴリ詳細page)---itm.css
(ペット写真館)---photo_new.css/photo_new_ie.css
(サーチ)---search.css
(その他ページ)---info.css

------------------------------------------------*/


/*info*/
.info_top { border: 3px solid #69F; width: 614px; _width: 620px; margin: 0 auto 15px; text-align: left;}


/*news*/
#oshirase { width: 620px; margin: 15px auto 0; padding: 0; height: 260px;}
.oshirase_l { float: left; width: 150px; padding: 8px 0 0;}
.oshirase_r { float: right; width: 455px;}
#news {
width: 455px;
margin: 0 auto 0;
padding: 40px 0 0;
text-align: center;
background: url(../Images/index/news_bg.jpg) no-repeat left top;
height: 250px;
voice-family: "\"}\"";
voice-family: inherit;
height: 210px;
}
.intext { width: 430px; height: 190px; margin: 0 auto 0; text-align: left; overflow: auto; background: none;}
.intext p { padding-left: 10px; letter-spacing: 2px; color: #666; font-size: 11px;}
.new_days { color: #F00; font-weight: 600; letter-spacing: 0;}
.days { color: #8BC16A; font-weight: 600; letter-spacing: 0;}

/*s_slider*/
#oshirase .slider {
width: 150px;
height: 200px;
position: relative;
padding: 0 0 15px;
margin: 0 0 10px 0;
}

* html .slider {
width: 150px;
height: 20px;
position: relative;
padding: 0;
margin: 0 0 10px;
}

.slider .sliderContent {
float: left;
width: 150px;
height: 200px;
clear: both;
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}

.slider .sliderArrows a {
display: block;
text-indent: -9999px;
outline: none;
z-index: 50;
background-image: url(../Images/s_banner/prev_next.png);
width: 42px;
height: 42px;
position: absolute;
top: 50%;
margin-top: -21px;
}
* html .slider .sliderArrows a {
display: block;
text-indent: -9999px;
outline: none;
z-index: 50;
background-image: url(../Images/s_banner/prev_next.gif);
width: 42px;
height: 42px;
position: absolute;
top: 50%;
margin-top: -21px;
}

.slider .prev { background-position: 0 0; left: 15px;}

.slider .prev:hover { background-position: 0 -44px;}

.slider .next { right: 15px; background-position: -44px 0;}

.slider .next:hover { background-position: -44px -44px;}

.slider .sliderContent .banner {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 200px;
margin: 0;
padding: 0;
background: #fff;
}

.slider .sliderBullets {
position: absolute;
bottom: 0;
left: 50%;
z-index: 50;
margin-left: -45px;
}

.slider .sliderBullets a {
display: block;
float: left;
text-indent: -9999px;
outline: none;
margin-left: 5px;
width: 10px;
height: 11px;
background: url(../Images/s_banner/bullets.gif) no-repeat;
}

.slider .sliderBullets .active { background-position: 0 -11px;}


/*slider_banner*/
.slider_l {
width: 620px;
height: 100px;
position: relative;
/*padding-bottom: 15px;*/
margin: 20px auto 10px; 
}
*:first-child+html .slider_l { margin: 0 0 10px 0;}
* html .slider_l { margin: 0 0 10px 0;}

.slider_l .sliderContent {
float: left;
width: 620px;
height: 100px;
clear: both;
position: relative;
overflow: hidden;
}

.slider_l .sliderArrows a {
display: block;
text-indent: -9999px;
outline: none;
z-index: 50;
background-image: url(../Images/s_banner/prev_next.png);
width: 42px;
height: 42px;
position: absolute;
top: 50%;
margin-top: -21px;
}
* html .slider_l .sliderArrows a {
display: block;
text-indent: -9999px;
outline: none;
z-index: 50;
background-image: url(../Images/s_banner/prev_next.gif);
width: 42px;
height: 42px;
position: absolute;
top: 50%;
margin-top: -21px;
}

.slider_l .prev { background-position: 0 0; left: 15px;}

.slider_l .prev:hover { background-position: 0 -44px;}

.slider_l .next { right: 15px; background-position: -44px 0;}

.slider_l .next:hover { background-position: -44px -44px;}

.slider_l .sliderContent .banner {
position: absolute;
top: 0;
left: 0;
width: 620px;
height: 100px;
background: #fff;
}

.slider_l .sliderBullets {
position: absolute;
bottom: 0;
left: 50%;
z-index: 50;
margin-left: -45px;/*45*/
}

.slider_l .sliderBullets a {
display: block;
float: left;
text-indent: -9999px;
outline: none;
margin-left: 5px;
width: 10px;
height: 11px;
background: url(../Images/s_banner/bullets.png) no-repeat;
}

.slider_l .sliderBullets .active { background-position: 0 -11px;}


/*photo_new*/
#photo_title { margin: 10px auto 0;}
#photo_new { width: 620px; margin: 0 auto 0; padding: 10px 0; text-align: center; background: url(../Images/index/new_photo_bg.gif) 0 0 repeat-y;}
#photo_new .entry { width: 600px; margin: 0 auto 0; text-align: center;}
#photo_new .entry .box { width: 200px; float: left;}
#photo_new .entry .box a {
display: block;
background: #FFF;
width: 180px;
margin: 0 auto 0;
border: 1px solid #ccc;
text-decoration: none;
-moz-box-shadow: 3px 6px 8px #aaaaaa;	/* firefox */
-webkit-box-shadow: 3px 6px 8px #aaaaaa;/* Safari,Chrome */
box-shadow: 3px 6px 8px #aaaaaa;
}
#photo_new .entry .box img { margin: 5px auto;}
#photo_new .entry .box span { display: block; margin: 0 auto 5px; color: #966; text-align: center;}
#photo_new .footer { clear: left; width: 620px; margin: 0 auto 0;}
.photo_link { margin: 0 auto 10px;}


/*picup_itm*/
.picup_title { margin: 15px auto 0;}
.picup { width: 700px; min-height: 770px; margin: 0 auto 0;}
.picup ul { width: 618px; list-style: none; margin: 0 auto 0; padding: 0;}
.picup li { list-style: none; margin: 5px 0; padding: 0; display: block; width: 206px; float: left;}
.picup li img { margin: 5px auto  5px;}
.picup li img.icon { margin: 3px auto  0;}
.picup a { margin: 0 auto 0; padding: 0; display: block; width: 185px; height: 180px; border: 1px solid #ededed; background: url(../Images/itmbox/itm_bg.gif) right bottom no-repeat; overflow: hidden;}
.picup a:hover { text-decoration: none; border: 1px solid #F63 /*#FC0*/; cursor: pointer; background: url(../Images/itmbox/itm_bg_on2.gif) right bottom no-repeat;}
.picup li h4 { font-size: 12px; font-weight: 600; color: #B9E7F2; width: 180px; line-height: 1.1em; margin: 3px auto 0; padding: 0; display: block;}
.picup li h3 { font-size: 12px; font-weight: 100; color: #09C; width: 180px; line-height: 1.1em; margin: 5px auto; padding: 0; display: block;}
.picup li p { color: #F99; margin: 3px 0; padding: 0;}
.picup li span.price { color: #F00; font-weight: 600;}