@charset "utf-8";
/* CSS Document */
body{
    padding:0;
    margin:0;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#0402AF; font-size:14px;
}
.red{ font-weight:bold; color:#B90609; font-size:1.5em;}
p{ margin:0 ; padding:2px 0;}
h4{ padding:0; margin:0; }
.h4_title_bg_ao_left{background-color:#01088F; padding:0; margin:10px 0 5px 0;}
.h4_title_bg_ao{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2989d8+3,1e5799+26,173b75+54,173b75+54,112e56+83&0.8+0,0.8+100,1+100 */
    background: -moz-linear-gradient(top, rgba(41,137,216,0.8) 0%, rgba(41,137,216,0.81) 3%, rgba(30,87,153,0.86) 26%, rgba(23,59,117,0.91) 54%, rgba(17,46,86,0.97) 83%, rgba(17,46,86,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,137,216,0.8)), color-stop(3%,rgba(41,137,216,0.81)), color-stop(26%,rgba(30,87,153,0.86)), color-stop(54%,rgba(23,59,117,0.91)), color-stop(83%,rgba(17,46,86,0.97)), color-stop(100%,rgba(17,46,86,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(41,137,216,0.8) 0%,rgba(41,137,216,0.81) 3%,rgba(30,87,153,0.86) 26%,rgba(23,59,117,0.91) 54%,rgba(17,46,86,0.97) 83%,rgba(17,46,86,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(41,137,216,0.8) 0%,rgba(41,137,216,0.81) 3%,rgba(30,87,153,0.86) 26%,rgba(23,59,117,0.91) 54%,rgba(17,46,86,0.97) 83%,rgba(17,46,86,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(41,137,216,0.8) 0%,rgba(41,137,216,0.81) 3%,rgba(30,87,153,0.86) 26%,rgba(23,59,117,0.91) 54%,rgba(17,46,86,0.97) 83%,rgba(17,46,86,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(41,137,216,0.8) 0%,rgba(41,137,216,0.81) 3%,rgba(30,87,153,0.86) 26%,rgba(23,59,117,0.91) 54%,rgba(17,46,86,0.97) 83%,rgba(17,46,86,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2989d8', endColorstr='#112e56',GradientType=0 ); /* IE6-9 */
    color:#fff; padding:4px 0; margin:10px 0 3px 10px;}

.h4_title_ryouri_bg_ao_left{background-color:#01088F; padding:0; margin:1px 0 5px 0;}
.h4_title_ryouri_bg_ao{ background-color:#2167D3; color:#fff; padding:4px 0; margin:0 0 3px 10px;}
.h4_title_text{padding:5px 0 0 10px; font-size:1.5em;}

h5{ padding:0; margin:20px 0 0 0;}
.title_h3{padding:10px 0 6px 0; margin:0;}
.title_h3_bg{background-image:url(../img/h3.jpg); color:#fff; font-size:20px; padding:0 0 0 90px; margin:0 0 10px 0;}
.margin_top{margin:35px 0 0 0;}
.margin_img{margin:5px 0 0 0;}

a{ text-decoration:none; color:#0034FF;}
a:hover{ color:#C50007;}
.seo{ display:none;}

.wrapper{
}
.article{width:900px; padding:0; margin:0 auto;
}

#head{background-image:url(../img/bg_top.jpg); background-repeat:repeat-x; width:100%;
}

#menu{float:left; margin:40px 0 0 0;
}
#menu ul{ padding:0; margin:0;}
#menu li{ padding:0; margin:0; float:left; list-style:none;}


#logo{float:right;}
#logo p{padding: 4px 0 ; margin:0; text-align:right; color:#fff;}

.font-size1{font-size:1.5em;}

.main-img{padding:0; margin:0;}
.top-main-img-bg{ background-image:url(../img/bg_top2.jpg); padding:0; margin:0; height:309px;}
.title-img-bg{ background-image:url(../img/bg_top2.jpg); padding:0; margin:0; height:141px;}






#main{ width:900px; padding:0; margin:20px auto;
}

#left{float:left; width:658px;
}


.flort_f{ float:left;}
.flort_r{ float:right;}

.right{float:right; width:210px; text-align:center;
}
.right_botan{ background-color:#f8f1d7; border-radius:10px; border:1px solid #A75800; padding:5px;}
.right ul{ padding:0 ; margin:10px 0 0 0 ;}
.right li{ list-style:none; float:left; padding:0; margin:0;}


/*-----トップページ左側--------------------------------------------------------------------------------------------------------------------------------*/
.left_top_kasikiri{width:324px; float:left;}
.lrft_top_50th{width:324px; float:right;}

.top_tokubetu{margin:0 0 10px 0;}

.top_shintyaku_waku{ background-color:#063C96; color:#fff; padding:0; margin:20px 0 0 0; height:30px;}
.top_shintyaku_left_line{width:5px; background-color:#333; height:30px; float:left;}
.top_shintyaku_title{padding:5px 0 0 10px; font-size:14px;}
.top_shintyaku_nakawaku{border:1px solid #063C96; margin:5px 0; padding:5px;}
.top_shintyaku_hiduke{font-size:12px; color:#00BEF8;}
.top_shintyaku_bottom_line{background-image:url(../img/yop_sintyaku.jpg); background-repeat:repeat-x; height:3px; width:100%; margin:0 0 8px 0;}

.top_aisatu{width:272px; float:right; margin:20px 0; background-image:url(../img/top_aisatu.jpg); background-repeat: no-repeat; padding:70px 25px 43px 28px;}
.top_aisatu_text{font-size:14px; color:#fff;}
.top_yoyaku{font-size:12px; text-align:left;}



/*------shisetu table---------------------------------------------*/
.shisetu_wifi{ padding:20px 0 0 0;}
.sisetu_hyou {
    /*border: 1px solid #333;*/
    border-top: none;
    width: 100%;
    margin:0 0 5px 0;
}

.tbl_sisetu {
    width: 100%;
    border-collapse: collapse;

}

.tbl_sisetu tr {
    border-top: 1px solid #c77a44;

}

.tbl_sisetu tr:last-child{
    border-bottom:1px solid #c77a44;
}

.tbl_sisetu th{
    background-color:#f8f1d7;
    width:25%;
    padding:4px 1%;
    text-align:left;
}
.tbl_sisetu td{
    padding:2px 1%;
}


/*------kaisyoku ippinryouri table---------------------------------------------*/
.kaisyoku_waku{margin:0 0 15px 0;}
.kaisyoku_img{width:48%; float:left; }
.kaisyoku_hyou {
    /*border: 1px solid #333;*/
    border-top: none;
    width: 49%;
    margin:0 0 5px 15px;
    float:right;
}

.tbl_kaisyoku {
    width: 100%;
    border-collapse: collapse;

}

.tbl_kaisyoku tr {
    border-top: 1px solid #c77a44;

}

.tbl_kaisyoku tr:last-child{
    border-bottom:1px solid #c77a44;
}

.tbl_kaisyoku th{
    background-color:#f8f1d7;
    width:25%;
    padding:4px 1%;
}
.tbl_kaisyoku td{
    padding:2px 1%;
}

/*------ippinryouri---------------------------------------------*/
.ippin_ryouri{width:48.5%; float:left; margin:0 0 15px 8px;}


/*------ksonohoka_ryouri table---------------------------------------------*/

.sonohoka_ryouri {
    /*border: 1px solid #333;*/
    border-top: none;
    width: 49%;
    margin:0 0 5px 15px;
    float:right;
}

.tbl_sonohoka_ryouri {
    width: 95%;
    border-collapse: collapse;

}
.tbl_sonohoka_naka {
    width: 95%;
    border-collapse: collapse;
}
.tbl_sonohoka_ryouri th{
    border:1px solid #333;
    background-color:#999481;
    padding:4px 1%;
    color:#fff;
}
.tbl_sonohoka_ryouri td{
    padding:2px 1%;
    border:1px solid #333;
}

.tbl_sonohoka_naka{
    width: 80%;
    border-collapse: collapse;
}

.tbl_sonohoka_naka td{
    padding:2px 1%;
    border:1px solid #fff;
}

/*----部屋--------------------------------------------------------*/
.room{
    width:212px;
    margin:0 0 0 5px;
    float:left;
    text-align:center;
}

/*------お風呂  table---------------------------------------------*/
.bath_hyou {
    /*border: 1px solid #333;*/
    border-top: none;
    width: 100%;
    margin:0 0 5px 0;
}

.tbl_bath {
    width: 100%;
    border-collapse: collapse;

}

.tbl_bath tr {
    border-top: 1px solid #c77a44;

}

.tbl_bath tr:last-child{
    border-bottom:1px solid #c77a44;
}

.tbl_bath th{
    background-color:#f8f1d7;
    width:25%;
    padding:4px 1%;
    text-align:left;
}
.tbl_bath td{
    padding:2px 1%;
}



/*------yoyaku table---------------------------------------------*/

.yoyaku {
    /*border: 1px solid #333;*/
    border-top: none;
    width: 51%;
    margin:0;
    float:left;
    padding:15px 0 5px 1.5%;
}



.tbl_yoyaku th{
    border:1px solid #c77a44;
    background-color:#f8f1d7;
    padding:4px 1%;
}
.tbl_yoyaku td{
    padding:2px 1%;
    border:1px solid #c77a44;
    text-align:right;
}

/*------yoyaku waku---------------------------------------------*/
.yoyaku_waku{width:93%; border:1px solid #c77a44; margin:0 0 25px 25px;}
.yoyaku_hitori{float:right; color:#0274AB; margin:0; padding:0;}
.yoyaku_h4{background-color: #063C96; color:#fff; font-weight:bold; padding:3px; text-align:center; font-size:1.5em;}
.yoyaku_text{width:40%; float:right; padding:8px 2% 8px 0% ;}
.yoyaku_img{float:left; margin:0 0 2px 2%;}
.yoyaku_botan{background-color:#01088F; color:#fff; border-radius:5px; padding:5px; text-align:center; margin:0px 30px 5px 30px; font-weight:bold; display:block;}
.higaeri_text{text-align:left;}

.yoyaku_tel_waku{padding: 10px 20px; color: #fff; background-color: #48A073; margin: 0 0 15px 140px; text-align: center; font-size: 22px;font-weight: 700; width: 300px; border-radius: 10px}
.yoyaku_moji{text-align: center; font-size: 15px; line-height: 1.2em;}


/*------higaeri ---------------------------------------------*/
.higaeri_waku{
    padding:0 0 0 0; margin:8px 0 0 6px;}
.higaeri_photo{
    padding:0 0 0 0; margin:0 1px 0 0; float:left; width:200px;}
/*------mail waku---------------------------------------------*/
.mail_logo{font-size:2em;}
.mail_waku{width:100%; text-align:left;}
.tbl_mail_waku{
    width: 100%;
    border-collapse: collapse;}
.tbl_mail_waku th{width:30%; background-color:#063C96; color:#fff; border:1px solid #333333; text-align:left; padding:4px 10px;}
.tbl_mail_waku td{ border:1px solid #333333; padding:4px}



.tbl_mail_waku input,
.tbl_mail_waku textarea
{width:95%; font-size:120%; padding:5px;border:solid 1px #aaa;}

.tbl_mail_waku select
{width:95%; font-size:120%; padding:5px;}

.tbl_mail_waku input:focus,
.tbl_mail_waku textarea:focus
{border:solid 1px #0af;}

.tbl_mail_waku textarea
{height:150px;}

.tbl_mail_waku input[type="submit"]{
    width: 99%;
    cursor:pointer;
    font-size:100%;
    margin: 0;
    padding: 5px;
    background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
               background: #ffa84c; /* Old browsers */
			   background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
			   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
			   background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
			   background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
			   background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
			   background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C */
			   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
    /*border: 1px #F27300 solid; */
    color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 2px #CCC;
    box-shadow: 0 2px 2px #CCC;
    text-shadow: 1px 2px 3px #C45C00;
}

.tbl_mail_waku input[type="button"]{
    width: 99%;
    cursor:pointer;
    font-size:100%;
    margin: 0;
    padding: 5px;
    background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
	background: #6db3f2; /* Old browsers */
	background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
   /* border: 1px #012DFF solid; */
    color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 2px #CCC;
    box-shadow: 0 2px 2px #CCC;
    text-shadow: 1px 2px 3px #3C8DFB;
}

.tbl_mail_waku input.back{
    width: 99%;
    cursor:pointer;
    font-size:100%;
    margin: 0;
    padding: 5px;
   /* border: 1px #F27300 solid; */
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 2px #CCC;
    box-shadow: 0 2px 2px #CCC;
    margin-bottom:10px;
}
.mail_text_c{text-align:center;}

/*------news waku---------------------------------------------*/
.news_img{width:200px; height:150px; margin:0 0 5px 0; text-align:center;}
.news_pdf{margin:0 0 5px 0;}


/*------太郎の玉手箱 waku---------------------------------------------*/
.taro_cover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    background-size: cover;
    border-radius:5px;
    cursor:pointer;
}
.taro{width:580px; text-align:center; margin:0 0 0 30px;}
.taro_ue{height:440px;}
.taro_text{ min-height:3em;}
.taro_inner_text{display:none;}
.taro_thumbnail{text-align: left;}

/*------50年の歩み ---------------------------------------------*/
.ayumi_line{ border-left:15px solid #001d51; line-height:100%;}
.ayumi_h4{ padding:15px; font-size:1.4em; line-height:1.2em;  }

/*------利府町周辺情報 ---------------------------------------------*/
.rifu{width: 100%;}
.sports_img1{padding: 0 0 20px 35px;}
.sports_title1{width: 40%; float: left; height:50px; }
.sports_title2{width: 40%; float: left; height:100px;}
#sportsfav h4{color: #510000; font-size: 1.5em;}
.sports_text1{width:100%; }
.sports_img_l{padding: 0 0 40px 35px; margin: 0;text-align: left;}
.hidari{width:420px; float: left;}
.migi{width:420px; float: left;  padding: 0 0 0 23px;}

#history h4{color: #510000; font-size: 1.5em;}
a .link_botan {padding: 10px; margin: 10px; border-radius: 3px;background-color: blue; width: 200px; color: #fff;}
a:hover .link_botan{background-color:aqua; color: blue; }



/*----フッター--------------------------------------------------------*/
#fotter{background-image:url(../img/bg_bottom.jpg); background-repeat:repeat-x; height:160px; margin:0;}
.fotter_waku{width:900px; margin:0 auto; font-size:12px; padding:15px 0;}
.fotter_text{width:600px; float:left;}
.fotter_right{width:250px; float:right;}





/*------------------------クリアフィックス　--------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */



/*------------------------イメージオーバー　白　--------------------------*/
a:hover .over {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}