/*

		島宿　清水屋　top.css
		copyright(c)shimizuya. All Rights Reserved.
		

*/


/*----------------------------------------------------------------------------------------------------------------------------------
  全体項目↓
-----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------- 
  Initialization
------------------------------------*/

* {
margin: 0;
padding: 0;
}


/*-----------------------------------
  Page Whole
------------------------------------*/
body {
	margin: 0;
	color: #212121;
	font-style: normal;
	font-size: 12pt;
	line-height: 140%;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; 
	padding: 0px;
	
}
/* img */

*:first-child+html img {
	border: 0;
	margin: 0px;
	padding: 0px;
	vertical-align:bottom;
}

#bg-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

img.bg {
	  /* Set rules to fill background */
	  min-height: 100%;
 min-width: 1024px;
	  /* Set up proportionate scaling */
	  width: 100%;
	  height: auto;
	  /* Set up positioning */
	  position: fixed;
	  /* またはabsolute; */
	  top: 0;
	  left: 0;
	}
	
	img {
    border-style:none;
}
	 




/*-------------------------------------------------
  clear
-------------------------------------------------*/
.clear{
	clear:both;
	font-size:1px;
	line-height:1%;
}

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
.clearfix {overflow:hidden;}


/*float設定*/
.fl{float:left;}
.fr{float:right;}
.fn{float:none !important;}
.cb{clear:both;}



/*-------------------------------------------------
  Links 
-------------------------------------------------*/
a:link {
	color: #082670;
	text-decoration: none;
	font-weight:bold;
}

a:visited {
	color: #082670;
	text-decoration: none;
	font-weight:bold;
}

a:hover, a:active {
	color: #2F56A3;
	text-decoration: none;
	font-weight:bold;
}


/*-------------------------------------------------
 タイトル
-------------------------------------------------*/


/* h1 */
h1 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}



/* h2 */
h2 {


}




/* h3 */
h3 {

}

/* h3 */









/* p */
p {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	line-height: 2em;
	color: #333333;
    letter-spacing: 2px;
}

.txt_s{
	font-size: 0.7em;
}



/*font設定*/
.bold{font-weight:bold;}
.fwn{font-weight:normal !important;}
.size8{font-size:8px;}
.size10{font-size:10px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size36{font-size:36px;}
.ff2200{color:#ff2200;}
.cfff{color:#fff;}
.cbk{color:#212121;}
.c111{color:#111;}
.c333{color:#333;}
.c666{color:#666;}
.c999{color:#999;}
.strike{text-decoration:line-through;}
.text_orange{color:#ff4200;}
.ls01{letter-spacing:1px;}
.lh100{line-height:1;}
.blue{color:#0023b7;}
.pink{color:#f22b92;}
.ylw{color:#ffb700;}
.green{color:#00561f;}
.red{color:#FF0004;}
/*align設定*/
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.taj{text-align:justify;}


/*-----------------------------------
  Wrapper
------------------------------------*/


.wrapper {
    margin: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.header {
    background-color:#eeeeee;
}
.leftbox {
	text-align: left;
	margin-bottom: 115px;
}










/*-----------------------------------
  header
------------------------------------*/




.g_navi {
    height: 32px;
    width: 100%;
    background-image:url(../../images/bg/bg_navi.png);
    background-repeat: repeat;
    padding-top:14px;
    padding-bottom:14px;
}
.g_navi_inner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 900px;
    padding-left:30px;
    padding-right:30px;
   
}

.nav_menu{
    padding-top:8px;
}

.h1_area{
    padding-top:110px;
}




.main_img {
    height: 400px;
    background: linear-gradient(#eaeaea, white);
    padding-top: 160px;
    padding-bottom: 124px;
    margin-top: -110px;
    width: 100%;
    text-align: center;
}

.main_img_inner{
    text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



.contens {
	width: 840px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    background-image:url(../../images/bg/bg_contents01.jpg);
    background-repeat: repeat;
    padding-top:120px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:60px;
}

.slider_area{
    width:100%;
}

.anchor_point{
    margin-top:-46px;
    padding-top:76px;
}


/*-----------------------------------
  Contents
------------------------------------*/


.w60{ width:60px;
}

.w95{ width:95px;
}
.w100{ width:100px;
}

.w191{ width:191px;
}


.w245{ width:245px;
}

.w288{ width:288px;
}

.w290{ width:290px;
}

.w318{ width:318px;
}


.w378{ width:378px;
}

.w400{ width:400px;
}

.w405{ width:405px;
}


.w480{ width:480px;
}


.w490{ width:490px;
}

.w570{ width:570px;
}

.w595{ width:595px;
}

.w600{width:600px;
}


.w640{ width:640px;
}


.w735{ width:735px;
}

.w800{ width:800px;
}

.w860{ width:860px;
}

.w980{ width:980px;
}





/*-----------------------------------
  Margin
------------------------------------*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.ml15{margin-left:15px;}
.mr5{margin-right:5px;}
.mr11{margin-right:11px;}
.mr15{margin-right:15px;}
.mr65{margin-right:65px;}
.mr78{margin-right:78px;}
.mr85{margin-right:85px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb65{margin-bottom:65px;}
.mr3{margin-right:3px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}



.qa_area{background-color:#eeeeee;
padding-top:60px;
padding-bottom:60px;
}

.pd_t60{
    padding-top:60px;
}

.pd_t90{
    padding-top:90px;
}

/*-----------------------------------
  Footer
------------------------------------*/
.footer {
    background-image:url(../../images/bg/bg_fooetr.png);
    background-repeat:repeat-x;
    background-position:top;
    background-size:auto;
    height:180px;
    padding-top:45px;
    margin-top:-16px;
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.footer_inner{
    margin-top:0px;
    margin-left:auto;
    margin-bottom:0px;
    margin-right:auto;
}

.footer_inner{
    line-height:0px;
}

.footer_inner p{
   margin: 0px;
	padding: 0px;
    letter-spacing: 2px;
}





	




/*----------------------------------------------------------------------
  list↓
-----------------------------------------------------------------------*/
ul {
	list-style-type: none;
}

li {
}
.submenu_s  li {
	list-style: disc inside;
}

ol {
	list-style-position: inside;
}


.list_year{
    color:#797979;
    font-size:0.8em;
}


.list_content{
    color:#212121;
    font-size:0.8em;
}




/*----------------------------------------------------------------------------------------------------------------------------------
  パーツデザイン↓
-----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------
  段落構成↓
-----------------------------------------------------------------------*/
/* 画像用レイアウト */


/*-----------------------------------
  Caption
------------------------------------*/



/* 表の設定 */

.table_wrapper table{
	border-collapse:separate;
    	font-size: 0.8em;
	line-height: 2em;
	color: #333333;
    letter-spacing: 2px;
	margin: auto;
}
.table_wrapper table tr{
}
.table_wrapper th {
	}
.table_wrapper th{
	    margin-bottom:5px;
	padding:10px;
	
}

.table_wrapper td{
    margin-bottom:5px;
	padding:10px;
	vertical-align: middle;
}

.t_center{
	margin:0 auto 60px auto;
}

.t_center02{
	margin:0 auto 10px auto;
}

.t_notice{
	width:600px;
	margin:0 auto 60px auto;
}

/*-----------------------------------
  新規
------------------------------------*/

.txt01{
    border:0;
padding:10px;
font-size:0.8em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
height:25px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}


.txt02{
    border:0;
padding:10px;
font-size:1em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
height:314px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
text-align:left;
vertical-align:top;

}

.btn_01{
    padding:0px;
    border:none;

}

.notice{
	width:600px;
	margin:0 auto 120px auto;
}


.price_area{
	width:100%;
	margin:0 auto;
	text-align:center;
}

/*-----------------------------------
  pgtop
------------------------------------*/

.fadeTopBtn {
z-index: 50000;
}
.fadeTopBtn a {
background-color : #000;
display : block;
padding : 10px 15px;
}
.fadeTopBtn a:link {
color : #fff;
}
.fadeTopBtn a:visited {
color : #fff;
}
.fadeTopBtn a:active {
color : #fff;
}
.fadeTopBtn a:hover {
color : #fff;
}

/*-----------------------------------
  簡単スライド
------------------------------------*/

#slide01 {
width:640px;
height:265px;
margin:0 auto;
position:relative;
}
#slide01 img {
position:absolute;
left:0;
top:0;
}

#slide02 {
width:640px;
height:265px;
margin:0 auto;
position:relative;
}
#slide02 img {
position:absolute;
left:0;
top:0;
}




/* fullSlideShow
--------------------------- */
.fullSlideShow {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.fullSlideShow ul {
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute; /* absolute or fixed */
    overflow: hidden;
}
.fullSlideShow ul li {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    position: absolute;
}
.fullSlideShow ul li img {
    width: 100%;
}
 
 
/* SideNavi
------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute; /* absolute or fixed */
    z-index: 105;
}
.fullSlideShow .btnPrev {
    left: 10px;
    background: transparent url(../img/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
    right: 10px;
    background: transparent url(../img/btnNext.png) no-repeat center center;
}
 
 
/* PagiNation
--------------------------- */
.pagiNation {
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute; /* absolute or fixed */
    z-index: 90; /* 非表示にする場合は「90」以下に */
    visibility: hidden; /* 表示にする場合は「visible」に */
}
 
.pagiNation a {
    margin: 0 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    background: #000;
}
.pagiNation a.pnActive {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* Wrapper
--------------------------- */
.wrapper02 {
    width: 100%;
    text-align: left;
    background: #fff;
    position: relative;
    z-index: 350;
}
 

 
/* =======================================
    ClearFixElements
======================================= */
.fullSlideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.fullSlideShow ul {
    display: inline-block;
    overflow: hidden;
}