@charset "utf-8";
/* CSS Document */

body{margin:0 auto; padding:0; font-size:14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h1,h2,p{margin:0; padding:0;}
ul,li{list-style:none; margin:0; padding:0;}
em{font-style:normal;}
a,
a img{ margin:0; padding:0; border:none; outline:none;}

a.fader{position:relative; display:block; }
a.fader img{}
a.fader .btnov{display:none;position:absolute; left:0; top:0;}

a:hover{opacity:0.9;}


#astablanc_sns{ background:#fff; padding:10px 0 5px; overflow:hidden;}
#astablanc_sns ul{padding:0; margin:0; float:right;}
#astablanc_sns li{float:left; margin-left:10px;}

/* LAYOUT */
#layout{
width:100%;
min-height:100%;
overflow:hidden;
}


/* CONTENTS */
#contents{ background:#ff775d url(../images/bg.jpg) repeat-x 0 0; padding:0 0 10px;}

.w990{width:990px; margin-left:auto; margin-right:auto;}
.w1050{width:1050px; margin-left:auto; margin-right:auto;}
/*head*/
.astablanc_head{
	position:relative;
	padding:84px 0 20px;
	background:#ff775d;
}

.astablanc_head h1{ position:absolute; left:-20px; top:27px; background:url(../images/head_ob.png) no-repeat 0 0; width:489px; height:0; overflow:hidden; padding:77px 0 0;}
.astablanc_head h2{ position:absolute; right:0; top:42px;}
.astablanc_head p{ position:absolute; width:400px;left:530px; top:525px; color:#fee; font-size:11px;}

/*description*/
.astablanc_about{background:#6c4f33; padding:0 0 20px; margin-bottom:70px;}
.astablanc_slider{ position:relative; overflow:hidden; min-height:320px;}

/*.astablanc_slider .slides{ overflow:hidden;width:auto; height:320px; position:relative; display:none;}
.astablanc_slider .slides li{ background:url(../images/slider_t.jpg) no-repeat 0 0; padding:20px 0 5px; width:287px; float:left; }
.astablanc_slider .slides li strong{ display:block; text-align:center; margin:3px auto;}
.astablanc_slider .slides li span{ display:block; margin:5px auto;}
.astablanc_slider .slides li span a{ display:block; height:0; overflow:hidden; padding:40px 0 0; background:url(../images/bt_rev_s.jpg) no-repeat 0 0; width:140px; margin:auto;}
.astablanc_slider .slides li span a:hover{background-position:0 -50px;}
*/
.astablanc_slider .slides{ overflow:hidden;width:auto; height:320px; position:relative; display:none;}
.astablanc_slider .slides li{ background:url(../images/slider_t.jpg) no-repeat 0 0; padding:20px 0 5px; width:287px; float:left; }
.astablanc_slider .slides li a{ display:block;  background:url(../images/bt_rev_s_01.png) no-repeat center bottom; width:287px; padding:0 0 40px; margin:auto;}
.astablanc_slider .slides li strong{ display:block; text-align:center; margin:3px auto;}
.astablanc_slider .slides li span{ display:block; height:0; overflow:hidden;}
.astablanc_slider .slides li span a{}
.astablanc_slider .slides li a:hover{ background:url(../images/bt_rev_s_01-02.png) no-repeat center bottom;}
.astablanc_slider .slides li a:hover img{opacity:0.7;-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}

.astablanc_slider_nav { }
.astablanc_slider_nav p{position:absolute; height:240px; width:65px; top:20px; background:url(../images/bg_slnav.png);}
.astablanc_slider_nav_prev{ left:0;}
.astablanc_slider_nav_next{ right:0;}
.astablanc_slider_nav p a{ display:block; height:0; overflow:hidden; padding:200px 0 0;}
.astablanc_slider_nav_prev a{ background:url(../images/bt_l.jpg) no-repeat center 90px;}
.astablanc_slider_nav_next a{ background:url(../images/bt_r.jpg) no-repeat center 90px;}
.astablanc_slider_nav p a{opacity:0.5;}
.astablanc_slider_nav p a:hover{
	opacity:0.8;
	background-color:#000;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}


.astablanc_about_box{ text-align:center; color:#4a2604;}
.astablanc_about_t{ background:url(../images/astablanc_about_t.jpg) no-repeat 0 0; padding:60px 0 0;}
.astablanc_about_b{ background:url(../images/astablanc_about_b.jpg) no-repeat bottom; padding:0 50px 50px;}
.astablanc_about_box h1{ margin:0 0 20px;}
.astablanc_about_box h2{ margin:0 0 5px; padding:0; font-size:1.8em;}
.astablanc_about_box h3{ margin:0 0 20px; padding:0; font-size:1.4em;}
.astablanc_about_box span{ font-size:0.8em; font-weight:normal;}
.astablanc_sample{ text-align:left; padding:0 0 25px 140px; margin:0 5px 25px; overflow:hidden; background:url(../images/line01.jpg) repeat-x left bottom;}
.astablanc_sample img{ float:left; margin:0 10px 0 0;}
.astablanc_sample p{ font-size:1.3em; display:table; width:550px;}
.astablanc_sample em{ display:table-cell; min-width:60%;  white-space:nowrap;}
.astablanc_sample span{ display:table-cell; white-space:nowrap; font-size:0.75em;}
.astablanc_present{ font-size:1.4em;}
.astablanc_present strong{ font-size:1.3em; color:#d59533;}
.astablanc_present em{ font-size:1.1em; }


.astablanc_bnr{ margin-bottom:70px;}

.astablanc_list{background:url(../images/list_m.jpg) repeat-y center;margin-bottom:70px;}
.astablanc_list h1{text-align:center;}

.astablanc_list_box4{background:url(../images/listttl.png) no-repeat 0 0; padding:0 54px; overflow:hidden;}
.astablanc_list_box{float:left; width:235px; text-align:center; border-right:1px solid #eee;}
.astablanc_list_box_r{border:0; width:234px}
.astablanc_list_box h1{ padding:1px 0 0; margin:0 0 5px; line-height:1;}
.astablanc_list_box h2{ padding:0 0 5px;}
.astablanc_list_box p{ margin:0 0 30px;}
.astablanc_list_box a .hotel_img{ margin:0 0 15px; display:block;}
.astablanc_list_box a .hotel_rev_btn{ width:188px; margin:0 auto}
.astablanc_list_box a .hotel_rev_btn{ display:block; height:0; overflow:hidden; padding:37px 0 0; background:url(../images/bt_rev.jpg) no-repeat 0 0;}
.astablanc_list_box a:hover .hotel_rev_btn{background-position:0 -38px;}
.astablanc_list_box4_last{background:url(../images/list_b.jpg) no-repeat center bottom; padding-bottom:20px;  overflow:hidden;}
.astablanc_list_box p a:hover img{
	opacity:0.7;
	background-color:#000;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}

.gotop{ margin:15px auto; width:990px; text-align:right; }


