@charset "shift_jis";
/*------------------------------------------------
template(top,left,right,footer)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

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


/*attention*/
.red_box {
margin: 10px auto 5px;
padding: 5px;
height: 350px;
width: 620px;
text-align: center;
background: url(../Images/photo/attention_bg.gif) no-repeat 0 0;
}

.red_text { overflow: auto; height: 280px; width: 580px; margin: 40px auto 0;}

.red_text2 {
margin: 10px auto 0;
width: 560px;
text-align: left;
letter-spacing: 1px;
line-height: 1.5em;
color: #666;
}

.red_text a { text-decoration: underline;}


table.entry { border-collapse: collapse; border: 1px solid #CCC; width: 600px; margin: 5px auto; color: #666;}
table.entry td { border-collapse: collapse; border: 1px solid #CCC; padding: 10px; text-align: left;}
table.entry .td01 { text-align: center; vertical-align: middle; width: 23%; background: #FEF0DE; color: #C99; font-weight: 600;}

.textin_01 { width: 230px;}
.textin_01m { width: 230px; margin: 3px 0 0;}
.textin_02 { width: 45px;}
.textin_03 { width: 380px; height: 80px;}
.textin_03s { width: 380px; height: 50px;}
.textin_04 { width: 100px;}

.bannar_bottom { clear: both; margin: 0 auto 0; padding: 20px 0 0;}

/*alert_login*/
.loginBt_o {
    padding: 15px 40px;
    font-size: 1.2em;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff9b00 0%, #ff9000 50%, #ff8100 100%) repeat scroll 0 0;
    color: #ffffff;
    border-style: none;
}
	
.loginBt_o:hover {
    background: #ff6c00 none repeat scroll 0 0;
}
.loginBt_o a {
    color: #ffffff;
    display: block;
    padding: 10px 80px;
}

.registrationBox {
    margin:10px auto;
    width:620px;
}
.registrationBox h2 {
    background: #0075c1 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0; 
    margin:0;
    text-align: center;
}
.registrationBox .registrationBoxInner {
    border-bottom: 2px solid #0075c1;
    border-left: 2px solid #0075c1;
    border-right: 2px solid #0075c1;
    padding: 10px;

}

/*slider_banner*/
.slider_l {
width: 600px;
height: 97px;
position: relative;
/*padding-bottom: 15px;*/
margin: 0 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: 600px;
height: 97px;
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 .item {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 97px;
background: #fff;
}

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

.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;}