/* ------------viewer お風呂---------------------- */
#viewer {
        margin: 0 auto;
        width: 850px;
}
#viewer .img_box001 {
        width: 850px;
        height: 500px;
        overflow: hidden;
        position: relative;
		margin-bottom: 10px;
}
#viewer .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer .img_nav001 {
        width: 850px;
		height: 67px;
		overflow: hidden;
}

#viewer .img_nav001 .flo002 {
	height: 67px;
	float: left;
	overflow: hidden;
}

#viewer .img_nav001 li {
        width: 100px;
		height: 66px;
        float: left;
		padding: 0 0 0 10px;
}



#viewer .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer .img_nav001 ul {
        display: inline-block;
        overflow: hidden; }

/* ------------viewer ショップ---------------------- */
#viewer2 {
        width: 600px;
		float: left;
}
#viewer2 .img_box001 {
        width: 600px;
        height: 400px;
        overflow: hidden;
        position: relative;
		margin-bottom: 10px;
}
#viewer2 .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer2 .img_nav001 {
        width: 600px;
		height: 66px;
		overflow: hidden;
}

#viewer2 .img_nav001 .flo002 {
	height: 66px;
	float: left;
	overflow: hidden;
}

#viewer2 .img_nav001 li {
        width: 100px;
		height: 66px;
        float: left;
		padding: 0 0 0 10px;
}



#viewer2 .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer2 .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer2 .img_nav001 ul {
        display: inline-block;
        overflow: hidden; }
/* ------------viewer3 ショップ---------------------- */
#viewer3 {
        width: 600px;
		float: left;
}
#viewer3 .img_box001 {
        width: 600px;
        height: 400px;
        overflow: hidden;
        position: relative;
		margin-bottom: 10px;
}
#viewer3 .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer3 .img_nav001 {
        width: 600px;
		height: 66px;
		overflow: hidden;
}

#viewer3 .img_nav001 .flo002 {
	height: 66px;
	float: left;
	overflow: hidden;
}

#viewer3 .img_nav001 li {
        width: 100px;
		height: 66px;
        float: left;
		padding: 0 0 0 10px;
}



#viewer3 .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer3 .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer3 .img_nav001 ul {
        display: inline-block;
        overflow: hidden;
 }
		
/* ------------viewer4 お部屋---------------------- */
#viewer4 {
        width: 850px;
}
#viewer4 .img_box001 {
        width: 670px;
        height: 444px;
        overflow: hidden;
        position: relative;
		margin-bottom: 10px;
		float: left;
}
#viewer4 .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer4 .img_nav001 {
        width: 165px;
		overflow: hidden;
		float: left;
		margin-left: 15px;
}

#viewer4 .img_nav001 .flo002 {
	float: left;
	overflow: hidden;
}

#viewer4 .img_nav001 li {
        width: 165px;
		overflow: hidden;
		margin-bottom: 8px;
}



#viewer4 .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer4 .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer4 .img_nav001 ul {
        display: inline-block;
        overflow: hidden; }
	
/* ------------viewer5 お部屋2---------------------- */
#viewer5 {
        width: 850px;
}
#viewer5 .img_box001 {
        width: 670px;
        height: 444px;
        overflow: hidden;
        position: relative;
                margin-bottom: 10px;
                float: right;
}
#viewer5 .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer5 .img_nav001 {
        width: 165px;
                overflow: hidden;
                float: left;
}

#viewer5 .img_nav001 .flo002 {
        float: left;
        overflow: hidden;
}

#viewer5 .img_nav001 li {
        width: 165px;
                overflow: hidden;
                margin-bottom: 8px;
}



#viewer5 .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer5 .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer5 .img_nav001 ul {
        display: inline-block;
        overflow: hidden; 
}

/* ------------viewer6 お料理---------------------- */
#viewer6 {
        width: 670px;
		margin-left: 180px;
		overflow: hidden;
}
#viewer6 .img_box001 {
        width: 670px;
        height: 446px;
        overflow: hidden;
        position: relative;
		margin-bottom: 18px;
}
#viewer6 .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer6 .img_nav001 {
        width: 641px;
		overflow: hidden;
		clear: both;
		margin-left: 14px;
}

#viewer6 .img_nav001 li {
        width: 100px;
		overflow: hidden;
		margin: 0 0 10px 7px;
		float: left;
}
#viewer6 .img_nav001 .pad004 {
	margin: 0 0px 10px 0;
}



#viewer6 .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer6 .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer6 .img_nav001 ul {
        display: inline-block;
        overflow: hidden;
}
	






/* ------------viewer7 お部屋2---------------------- */
#viewer7 {
        width: 850px;
}
#viewer7 .img_box001 {
        width: 670px;
        height: 444px;
        overflow: hidden;
        position: relative;
                margin-bottom: 10px;
                float: right;
}
#viewer7 .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer7 .img_nav001 {
        width: 165px;
                overflow: hidden;
                float: left;
}

#viewer7 .img_nav001 .flo002 {
        float: left;
        overflow: hidden;
}

#viewer7 .img_nav001 li {
        width: 165px;
                overflow: hidden;
                margin-bottom: 8px;
}



#viewer7 .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer7 .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer7 .img_nav001 ul {
        display: inline-block;
        overflow: hidden; 
}
/* ------------viewer8 お部屋2---------------------- */
#viewer8 {
        width: 850px;
}
#viewer8 .img_box001 {
        width: 670px;
        height: 444px;
        overflow: hidden;
        position: relative;
                margin-bottom: 10px;
                float: right;
}
#viewer8 .img_box001 img {
        top: 0;
        left: 0;
        position: absolute;
}
#viewer8 .img_nav001 {
        width: 165px;
                overflow: hidden;
                float: left;
}

#viewer8 .img_nav001 .flo002 {
        float: left;
        overflow: hidden;
}

#viewer8 .img_nav001 li {
        width: 165px;
                overflow: hidden;
                margin-bottom: 8px;
}



#viewer8 .active {
        filter:alpha(opacity=100)!important;
        -moz-opacity: 1!important;
        opacity: 1!important;
}


/* =======================================
        ClearFixElements
======================================= */
#viewer8 .img_nav001 ul:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
}

#viewer8 .img_nav001 ul {
        display: inline-block;
        overflow: hidden; 
}