/*****************************************************
 * PC
 *****************************************************/
div.photo-box226 {
    width:550px;
    height:412px;
    background-color:#fff;
    position:relative;
    overflow:hidden;
}

div.photo-box226 div.link_area {
    position:relative;
    top:-530px;
    width:550px;
    height:310px;
    z-index:100;
    cursor:pointer;
}

div.photo-box226 div.slide-box {
    position:relative;
    top:0;left:0;
    display:block;
    width:550px;
    height:310px;
    padding:0;
    margin:0;
    background-color:#fff;
    overflow:hidden;
}

div.photo-box226 div.image-box {
    position:absolute;
    top:0;left:0;
    display:block;
    width:550px;
    height:310px;
    padding:0;
    margin:0;
    background-color:#000000;
}

div.photo-box226 div.image-box img {
    width:100%;
    height:100%;
}

div.photo-box226 div.top-box {
    position:absolute;
    top:0;left:0;
    display:block;
    width:550px;
    height:310px;
    padding:0;
    margin:0;
    overflow:hidden;
}

div.photo-box226 div.top-box .slice_bk {
    position:absolute;
    top:0;left:0;
    background-position: 0 0;
    overflow:hidden;
}

/* loading */
div.photo-box226 div.image-box-base #loading {
    display:block;
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background:url("/js_slideshow/loading.gif") no-repeat center center;
    background-color:transparent;
}

div.photo-box226 div.text_box {
    position:relative;
    top:-407px;
    left: 5px;
    width:240px;
    height:120px;
    z-index:2;
    cursor:pointer;
}

div.photo-box226 div.text_box div.base {
    position:relative;
    top:0;
    background-color:#FFFFFF;
    height:120px;
    width:240px;
    opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    z-index:1;
}

div.photo-box226 div.text_box div.text1 {
    position:relative;
    top:-120px;
    color:#000000;
    font-size:20px;
    font-weight:bold;
    padding:16px 10px 7px 10px;
    z-index:2;
    
}

div.photo-box226 div.text_box div.text2 {
    width: 220px;
    height: 40px;
    position:relative;
    top:-120px;
    color:#000000;
    font-size:12px;
    padding:5px 0px 0px 12px;
    z-index:2;
    
}

div.photo-box226 div.link_box {
    position:relative;
    top:-124px;
    left:-80px;
    height:25px;
    width:150px;
    z-index:2;
}

div.photo-box226 div.link_button {
    position:relative;
    top:0px;
    left:0px;
    width:120px;
    height:25px;
    background:url("./images/pc/a_linkbt.gif") no-repeat center center;
    z-index:1;
}


* html div.photo-box226 div.link_button {
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

div.photo-box226 ul.button_box {
    width:550px;
    height:102px;
    background:url("./images/pc/bt_space.png") left top;
    list-style:none;
    padding:0px;
    margin:0px;
}

div.photo-box226 ul.button_box li {
    position:relative;
    top:-50px;
    left:0;
    width:110px;
    height:62px;
    line-height:62px;
    float:left;
    margin-right:0px;
    cursor:pointer;
    margin-left:0;
    margin-top:0;
}

div.photo-box226 ul.button_box li.button1 {
    margin-left:25px;
}

div.photo-box226 ul.button_box li.button2 {
    margin-left:20px;
}

div.photo-box226 ul.button_box li.button3 {
    margin-left:20px;
}

div.photo-box226 ul.button_box li.button4 {
    margin-left:20px;
}

div.photo-box226 ul.button_box li .button_str {
    display:block;
    width:110px;
    height:62px;
    text-align:center;
    font-size:16px;
    font-weight:bold;

}

div.photo-box226 ul.button_box li .bottom {
    position:relative;
    top:62px;
    left:0;
    width:100%;
    height:100%;
    z-index:20;
}

/*active*/

div.photo-box226 ul.button_box li.active {
    position:relative;
    top:-53px;
    left:0;
}

div.photo-box226 ul.button_box li.active .button_str {
    width:110px;
    height:62px;
/*    border:1px solid #000;*/
}

div.photo-box226 ul.button_box li.active .button_str img {
    border:1px solid #000;
}

div.photo-box226 ul.button_box li.active .bottom {
    position:relative;
    top:64px;
    left:0;
    background-color:#000;
    width:112px;
    height:64px;
    opacity:0.4;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
}

/*non_active*/
div.photo-box226 ul.button_box li.non_active {
}
div.photo-box226 ul.button_box li.non_active .bottom {
    background-color:#000000;
    opacity:0.4;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
}

div.photo-box226 ul.button_box li.non_active .bottom:hover {
    background-color:#000000;
    opacity:0.1;
    filter:alpha(opacity=0);
    -moz-opacity: 0.1;
}

div.photo-box226 ul.button_box li .button_str:hover {
    color:#FF0000;
}

div.photo-box226 ul.button_box li.active .button_str:hover {
    color:#FFFFFF;
}


div.photo-box226 ul.button_box .center {
    width:110px !important;
}

div.photo-box226 ul.button_box .right {
    margin-right:0px !important;
}

div.photo-box226 div.link_box {
    position:relative;
    height:100%;
    width:150px;
    float:right;
    z-index:9999;
}


/*****************************************************
 * SmartPhone
 *****************************************************/
div.photo-box226_sp {
    width:320px;
    height:240px;
    background-color:#fff;
    position:relative;
    overflow:hidden;
    
    
    
    -moz-transform-origin:left top;
    -moz-transform:scale(0.9375);
    -webkit-transform-origin:left top;
    -webkit-transform:scale(0.9375);
}

div.photo-box226_sp div.link_area {
    position:relative;
    top:-290px;
    width:320px;
    height:180px;
    z-index:10;
    cursor:pointer;
}

div.photo-box226_sp div.slide-box {
    position:relative;
    top:0;left:0;
    display:block;
    width:320px;
    height:180px;
    padding:0;
    margin:0;
    background-color:#fff;
    overflow:hidden;
}

div.photo-box226_sp div.image-box {
    position:absolute;
    top:0;left:0;
    display:block;
    width:320px;
    height:180px;
    padding:0;
    margin:0;
    background-color:#000000;
}

div.photo-box226_sp div.image-box img {
    width:100%;
    height:100%;
}

div.photo-box226_sp div.top-box {
    position:absolute;
    top:0;left:0;
    display:block;
    width:320px;
    height:180px;
    padding:0;
    margin:0;
}

div.photo-box226_sp div.top-box .slice_bk {
    position:absolute;
    top:0;left:0;
    background-position: 0 0;
    overflow:hidden;
}

/* loading */
div.photo-box226_sp div.image-box-base #loading {
    display:block;
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background:url("/js_slideshow/loading.gif") no-repeat center center;
    background-color:transparent;
}

div.photo-box226_sp div.text_box {
    position:relative;
    top:-235px;
    left:5px;
    width:320px;
    height:50px;
    z-index:0;
    cursor:pointer;
}

div.photo-box226_sp div.text_box div.base {
    position:relative;
    top:0px;
    background-color:#FFFFFF;
    height:90px;
    width:200px;
    opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    z-index:1;
}


div.photo-box226_sp div.text_box div.text1 {
    position:relative;
    top:-83px;
    font-weight:bold;
    color:#000000;
    font-size:18px;
    height:20px;
    padding:0px 0px 0px 8px;
    z-index:2;
}

div.photo-box226_sp div.text_box div.text2 {
    width: 190px;
    position:relative;
    top:-83px;
    color:#000000;
    font-size: 8px;
    padding:0px 0px 0px 8px;
    z-index:2;
}

div.photo-box226_sp div.link_box {
    position:relative;
    height:100%;
    top:-85px;
    left:8px;
    width:65px;
/*    float:right;*/
    z-index:2;
}

div.photo-box226_sp div.link_button {
    position:relative;
    width:105px;
    height:25px;
    background:url("./images/sp/a_linkbt.gif") no-repeat center center;
    z-index:1;
}

div.photo-box226_sp ul.button_box {
    width:320px;
    height:60px;
    background:url("./images/sp/bt_space.png") left top;
    list-style:none;
    padding:0px;
    margin:0px;
}

div.photo-box226_sp ul.button_box li {
    position:relative;
    top:-28px;
    left:0;
    width:64px;
    height:36px;
    line-height:38px;
    float:left;
    margin-right:0;
    cursor:pointer;
}

div.photo-box226_sp ul.button_box li.button1 {
    margin-left:15px;
}

div.photo-box226_sp ul.button_box li.button2 {
    margin-left:11px;
}

div.photo-box226_sp ul.button_box li.button3 {
    margin-left:11px;
}

div.photo-box226_sp ul.button_box li.button4 {
    margin-left:11px;
}

div.photo-box226_sp ul.button_box li .button_str {
    display:block;
    width:64px;
    height:36px;
    text-align:center;
    font-size:10px;
    
}

div.photo-box226_sp ul.button_box li .bottom {
    position:relative;
    top:38px;
    left:0;
    width:64px;
    height:36px;
    z-index:20;
}

/*active*/
div.photo-box226_sp ul.button_box li.active {
    position:relative;
    top:-28px;
    left:0;
}

div.photo-box226_sp ul.button_box li.active .button_str {
    position:relative;
    top:0px;
    width:62px;
    height:34px;
}

div.photo-box226_sp ul.button_box li.active .button_str img {
    border:1px solid #000;
}

div.photo-box226_sp ul.button_box li.active .bottom {
    position:relative;
    top:38px;
    left:0;
    background-color:#000;
    width:64px;
    height:36px;
    opacity:0.4;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
}

/*non_active*/
div.photo-box226_sp ul.button_box li.non_active {
}

div.photo-box226_sp ul.button_box li.non_active .bottom {
    background-color:#000000;
    opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
}

/*div.photo-box226_sp ul.button_box li.non_active .bottom:hover {
    background-color:#000000;
    opacity:0.0;
    filter:alpha(opacity=0);
    -moz-opacity: 0.0;
}*/

/*div.photo-box226_sp ul.button_box li .button_str:hover {
    color:#FF0000;
}*/

/*div.photo-box226_sp ul.button_box li.active .button_str:hover {
    color:#FFFFFF;
}*/


div.photo-box226_sp ul.button_box .center {
    width:64px !important;
}

div.photo-box226_sp ul.button_box .right {
    margin-right:0px !important;
}