/*書式設定
----------------------------------*/
html,body {
	width: 100%;
	min-width: 990px;
}

body{
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size:14px;
	color: #444444;
	background-color:#FFFFFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*p{
	margin-bottom:0em;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	line-height: 160%;
}*/

html,a,form,div,table,ul,ol,li,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
	border: 0 none;
}
img{
	margin:0;
	padding:0;
	border: 0 none;
}
ul{
	list-style-type: none;
}

td{text-align:left;}


/*====================================
basic
====================================*/

#okuhida_WRAPPER01{
	width: 100%;
	background-image: url(../images/iseshima_bg01.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0 auto;
	overflow: hidden;
}


#okuhida_WRAPPER02{
	width: 100%;

}

#okuhida_WRAPPER03{
	width: 100%;
	margin: 0 auto;
	background:url(../images/okuhida_onsen2017_bg03.gif);
	background-position: top center;
	background-repeat: repeat-x;
}



#tab_bg01{
	width: 100%;
	background-image: url(../images/iseshima_tab_bg01.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0 auto;
	overflow: hidden;
}



#tab_bg02{
	width: 100%;
	background-image: url(../images/iseshima_tab_bg02.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0 auto;
	overflow: hidden;
}



#tab_bg03{
	width: 100%;
	background-image: url(../images/iseshima_tab_bg03.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0 auto;
	overflow: hidden;
}



 
/* -----------------------------------------
		Link
----------------------------------------- */

#title_box a:hover img,
#title_box02 a:hover img,
#slideshow .active,
#slideshow2 .active,
#hotel .hotel_box div a:hover img,
#hotel .hotel_box02 div a:hover img {
	filter:alpha(opacity=0)!important;
	-moz-opacity: 0!important;
	opacity: 0!important;
    -webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out;  
}

/*====================================
float
====================================*/
.flL {
	float:left;
	display: block;
}

.flR {
	float:right;
	display: block;
}

/*====================================
box
====================================*/
.box_0{
	margin: 0;
	padding: 0;
}

.box_0center{
	width: 990px;
	margin: 0 auto;
	padding: 0;
}


/*====================================
margin
====================================*/
.margin_b20{
	margin: 0px 0px 20px 0px ;
}
.margin_t15{
	margin: 15px 0px 0px 0px ;
}
.margin_t20{
	margin: 20px 0px 0px 0px ;
}

/*====================================
padding
====================================*/

.pad_12{
	padding: 12px;
}

/*====================================
link
====================================*/
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color:#666666;
	text-decoration: underline;
}


/*====================================
clearfix
====================================*/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
.clear {
	min-height: 1px;
}
* html .clear {
	height: 1px;
/* Hides from IE-mac \*//*/
	height: auto;
	overflow: hidden;
/* End hide from IE-mac */
}
/*----------------------------------*/
.clear0 {
	clear: both;
	height: 0px;
}




/*====================================
hidden
====================================*/
em{
	display: block;
	text-indent: -9999px;
}
/*MacIE HACK------------------- \*//*/
em{
	height:0px;
	width:0px;
	overflow:hidden;
}

/*


/*====================================
コピーガード
====================================*/
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
}

div.guard_box01{
    position:relative;
    width:743px;
    height:154px;
}
div.guard_box01b{
    position:relative;
    width:247px;
    height:154px;
}

div.guard_box02{
    position:relative;
    width:990px;
    height:346px;
}
div.guard_box03{
    position:relative;
    width:220px;
    height:140px;
}
div.guard_box04{
    position:relative;
    width:570px;
    height:441px;
}
div.guard_box05{
    position:relative;
    width:570px;
    height:439px;
}
div.guard_box06{
    position:relative;
    width:570px;
    height:440px;
}

/*====================================
tab
====================================*/


#tab{
  width:990px;
}
#tab ul{
  display:block;
  width:100%;
  height:60px;
  overflow:hidden;
}
#tab ul li{
  display:block;
  float:left;
}

/* ----- tab default ----- */
#tab-around {
	margin-bottom: 35px;
}

#tab ul li#tab1{
	width:318px;
	height:60px;
	background:url(../images/tab01.gif) no-repeat left top;
}

#tab ul li#tab2{
	width:318px;
	height:60px;
	background:url(../images/tab02.gif) no-repeat left top;
}

#tab ul li#tab3{
	width:318px;
	height:60px;
	background:url(../images/tab03.gif) no-repeat left top;
}


/* ----- tab hover ----- */

#tab ul li#tab1:hover{
	background:url(../images/tab01_s2.gif) no-repeat left top;
}
#tab ul li#tab2:hover{
	background:url(../images/tab02_s2.gif) no-repeat left top;
}
#tab ul li#tab3:hover{
	background:url(../images/tab03_s2.gif) no-repeat left top;
}

/* ----- tab active ----- */

#tab ul li#tab1.active{
	background:url(../images/tab01_s3.gif) no-repeat left top;
}
#tab ul li#tab2.active{
	background:url(../images/tab02_s3.gif) no-repeat left top;
}
#tab ul li#tab3.active{
	background:url(../images/tab03_s3.gif) no-repeat left top;
}