@charset "shift_jis";
/* CSS Document */
/*- all -*/
body { background-color: #000;}
.text_1 {font-size: 17px;color: #F60; padding: 0px;margin-top: 20px;  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.text_2 { padding: 0px;margin: 20px 0px 20px 0px;}
.text_3 {font-size: 17px; padding: 0px; margin: 20px 0px 0px 0px; background-image:url(../img/spa/midashi_bg.jpg); background-repeat:no-repeat; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:150%;}
.text_4 { padding: 3px;margin: 10px 0px 10px 0px; background-color:#FFC;}
.text_5 { padding: 0px;margin: 20px 0px 0px 0px;}
.text_6 { padding: 8px;margin: 0px 0px 0px 0px; background-color:#FFC;}
.text_7{font-size: 15px;padding: 0px;margin: 20px 0px 20px 0px;}
.text_8 { padding: 8px;margin: 0px 0px 0px 0px; line-height:150%;}
.text_9{padding: 5px;margin: 20px 0px 20px 0px; background-color:#FAF8CA;}
#photo_box { height: auto; width: 530px; float: left;}
#photo_box .box_img_left {float: left;height: 300px;width: 400px;}
#photo_box .box_img_right { float: left; height:auto; width: 120px; margin-left: 10px;}
.box_img_right .top { margin-bottom: 14px; float: left; height: 144px; width: 120px;}
.box_img_bottom { margin-top: 16px; float:left; height: 144px; width: 530px;}
.box_img_bottom .a { margin-right: 16px; float: left; height: 144px; width: 120px;}
.box_img_bottom .b { margin-right: 18px; float: left; height: 144px; width: 120px;}
.naka_midasi { margin: 30px 0px 0px 0px; z-index:1; position: relative;}
.naka_midasi_2 { margin: 10px 0px 0px 0px;}
.naka_midasi_3 { margin: 20px 0px 20px 0px;}
.naka_midasi_4 { margin: 10px 0px 10px 0px;}
#photo_box_2 { height: auto; width: 780px; float: left; margin-bottom:20px;}
#photo_box_2 .box_img_left {float: left;height:auto; width: 385px;}
#photo_box_2 .box_img_right { float: right; height:auto;  width: 385px; margin-left: 10px;}
#photo_box_2 .box_img_right_2 { float: right; height:525px;  width: 385px; margin-left: 10px;}
#box_2_bottom { margin-top: 20px; float:left; height:auto; width: 780px;}
#box_2_bottom .a { margin-right: 10px; float: left; height:auto; width: 385px;}
#box_2_bottom .b { float: left; height:auto; width: 385px;}
#photo_box_3 { height:auto; width: 780px; float: left; margin-bottom:20px;}
#photo_box_3 .box_img_a {float: left;height: 251px;width: 190px;margin-right: 6px}
#photo_box_3 .box_img_b { float: left; height:251px; width: 190px; margin-right: 7px;}
#photo_box_3 .box_img_c { float: left; height:251px; width: 190px;}
#box_3_bottom .a { margin-right: 7px; float: left; height:auto; width: 190px;}
#box_3_bottom .b {  margin-right: 6px;float: left; height:auto; width: 190px;}
#box_3_bottom .c {  float: left; height:auto; width: 190px;}
#custom_page { height: auto; width: 800px; background-color:#FFF; margin:0 auto; height:auto; font-size:13px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#contents { float: left; height: auto; width: 800px;  background-color:#FFF; margin-bottom:30px;}
#header { background-color:#FFF; height: 45px; width: 800px;}
#header_2 { height:107px;}
#footer {  color:#FFF; background:#282016; clear:both; display:inline-block; font-size:small; width: 790px; padding:10px 0 10px 10px; }
#footer:after { content:" "; clear:both; display:block; height:0px;}
#footer img { float:right; margin-right:10px;}
#footer address { font-style:normal;}
.footer_img_bottom_a { margin-top: 30px; width:800px; height:128px;}
.footer_img_bottom_b { margin-top: 20px; width:800px; height:93px;}
#display { height: 300px; width: 400px;}

/*-global_nav*/
#global_nav { height:45px; background-color:#FFF;}
#global_nav ul { padding:0; margin:0; height:45px;}
#global_nav li { float:left; display:block; height:45px; width:100px;}
#global_nav li a { display:block;text-indent:-9999px; height:45px;  width:100px;}
#n_top { background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat 0 0 ;}
#n_meal{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -100px 0 ;}
#n_spa{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -200px 0 ;}
#n_room{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -300px 0 ;}
#n_access{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -400px 0 ;}
#n_faq{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -500px 0 ;}
#n_sightseeing{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -600px 0 ;}
#n_reserve{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -700px 0 ;}
a:hover#n_top ,#custom_col.top_p{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat 0 -46px ;}
a:hover#n_meal,#custom_col.meal_p #n_meal{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -100px -46px ;}
a:hover#n_spa,#custom_col.spa_p #n_spa{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -200px -46px ;}
a:hover#n_room,#custom_col.room_p #n_room{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -300px -46px ;}
a:hover#n_access,#custom_col.access_p #n_access{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -400px -46px ;}
a:hover#n_faq,#custom_col.faq_p #n_faq{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -500px -46px ;}
a:hover#n_sightseeing,#custom_col.sight_p #n_sightseeing{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -600px -46px ;}
a:hover#n_reserve{ background:url(http://www.yozyokan.jp/rakuten/img/global_nav.gif) no-repeat -700px -46px ;}

/*- index -*/
#contents #main_contents { float: left; height: auto; width: 530px; margin:0 0px 0 10px; background-color:#FFF; padding-top:30px;}
#contents #sub_contents { float: right; height: auto; width: 240px; background-color:#FFF; margin-right:10px; padding-top:30px;}
#p_1,#p_1 a { height:72px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_1.gif) no-repeat 0 0 ;}
#p_2 ,#p_2 a{ height:71px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_2.gif) no-repeat 0 0 ;}
#p_3 ,#p_3 a{ height:71px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_3.gif) no-repeat 0 0 ;}
#p_4 ,#p_4 a{ height:72px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_4.gif) no-repeat 0 0 ;}
#p_5 ,#p_5 a{ height:70px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_5.gif) no-repeat 0 0 ;}
#p_6,#p_6 a { height:71px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_6.gif) no-repeat 0 0 ;}
#p_7,#p_7 a { height:73px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_7.gif) no-repeat 0 0 ;}
#p_8,#p_8 a { height:30px; background:url(http://www.yozyokan.jp/rakuten/img/top/p_list.gif) no-repeat 0 0 ;}
#bnr_col a #faq { margin-bottom: 10px;}
#bnr_col a #voice { margin-bottom: 10px;}
#b_bus { margin:10px 0;}
#b_preznt { margin-bottom:10px;}
#sub_contents h2 { padding:0; margin:0;}
#sub_contents li { list-style-type:none; margin:0; padding:0;}
#plan_col {padding:0; margin:0; background:url(http://www.yozyokan.jp/rakuten/img/plan_bg.gif) repeat-y;}
#plan_col li {display:block; list-style-type:none; margin:0; padding:0; width:240px;}
#plan_col li a { display:block; width:240px; text-indent:-9999px;}
#sub_contents ul#bnr_col li { margin-bottom:5px;}
#koimeshi {width:240px; height:auto; margin-top:20px;}



/*- spa -*/
#content {width:780px ; height:auto; margin:0 10px 0 10px; float:left;}
#header_img { float: left; height: 200px; width: 800px; margin-top: 0px;  z-index:1; position: relative;}
#motoyu { position:absolute; width:214px; height:320px; z-index:10; margin-left: 580px;top: 210px;}
#motoyu_2 { position:absolute; width:130px; height:320px; z-index:10; margin-left: 640px;top: 183px;}
#custom_page .h_img {
	margin: 0px;
}
#flash {
	margin: 0px; padding:0px;
}
