@charset "shift_jis";

/*共通部分*/
body {
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../../../img/bg.gif);
	background-repeat: repeat-y;
	background-color: #E5E5E5;
	margin-bottom: 0px;
}
#title {
	width: 570px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #040000;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	text-indent: -1.9em;
	padding-left: 1.9em;
}
#timetable {
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width: 570px;
}
#jyunbi {
	text-align: center;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.star_box2 {
	width: 570px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top: 20px;
}
#titletxt {
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}


#timetable2 {
	width: 478px;
	margin-bottom: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.star_box {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}
#title2 {
	width: 634px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #040000;
}



#ex_box {
	width: 760px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}


a {
	text-decoration: underline;
}

a:link {

}

a:visited {
	color:#666666;
}

a:hover {
	color:#B51D23;
}

p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
} 

p img {
	margin-right: 5px;
	margin-left: 5px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0;
}
h3 {
	margin: 0px;
	padding: 0px;
}
h4 {
	margin: 0px;
	padding: 0px;
}



#wrapper {
	width: 760px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}


#content {
	width: 760px;
	background-color: #FFFFFF;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;

}
#header {
	margin: 0px;
	padding: 0px;
}
.style1 {color: #009944}

.orange {
	color: #ed6d00
}

.orange2 {
	color: #f39700
}

#page_link {
	text-align: center;
	clear: left;
	float: left;
	width: 760px;
	margin-top: 20px;
	font-size: 90%;
	line-height: 120%;
	margin-bottom: 25px;
}

.up {
	float: right;
	width: 100px;
}

.up_box {
	float: left;
	width: 712px;
	margin-top: 10px;
}

.txt-s {
	font-size: 70%;
	line-height: 120%;
}

.txt-m {
	font-size: 80%;
	line-height: 140%;
}

.txt-l {
	font-size: 90%;
	line-height: 160%;
}
#page_head/*五能線トップ　タイトル周辺*/
  {
	background-color: #001E59;
	padding: 0px;
	margin: 0px;
}
#con_top .title {
	margin: 0px;
	padding-top: 10px;
}
#con_top .title h2 {
	float: left;
	width: 437px;
	margin: 0px;
	padding: 0px;
}
#con_top .title .title_img {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 323px;
}

/*キャッチコピー周辺*/
.catch {
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../img/catch_photo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
	height: 180px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.catch h3 {
	margin-bottom: 20px;
}

/*五能線の魅力*/
.attraction {
	margin-left: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
}
.attraction h3 {
	margin-bottom: 15px;
}

.att_box {
	background-image: url(../img/att_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.att_box .text_box {
	float: left;
	width: 210px;
	margin-right: 35px;
	display: inline;
}
.att_box  .text_box_r {
	float: left;
	width: 215px;
	display: inline;
}
.att_box dl {
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.att_box dt {
	margin-bottom: 10px;
	font-size: 90%;
	color: #00843e;
	line-height: 150%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-weight: 600;
}
.att_box dd {
	font-size: 80%;
	line-height: 140%;
	color: #4c4c4c;
	padding: 0px;
	margin: 0px;
}

/*アクセスマップ*/
.accessmap {
	width: 707px;
	min-height : 280px ;
	margin-right: 30px;
	margin-left: 24px;
	background-image: url(../img/box_l_sdw.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FDF6E6;
	position: relative;
	display: block;
	padding: 0px;
	margin-bottom: 25px;
}
.accessmap   h3 {
	margin: 0px;
	padding: 0px;
	left: 7px;
	bottom: 10px;
	width: 220px;
	vertical-align: bottom;
	display: table-cell;
	position: absolute;
}
.accessmap h4 {
	margin-bottom: 10px;
	margin-top: 20px;
}
.accessmap .text_box {
	width: 460px;
	left: 230px;
	position: relative;
	margin-bottom: 10px;
}
.access_box {
	float: left;
	width: 220px;
	display: inline;
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 10px;
	color: #4c4c4c;
}
.access_box_r {
	float: right;
	width: 220px;
	display: inline;
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 10px;
	color: #4c4c4c;
}

/*旅行商品*/
.catalog {
	width: 707px;
	min-height : 220px;
	margin-right: 30px;
	margin-left: 24px;
	background-image: url(../img/box_l_sdw.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FDF6E6;
	padding-top: 25px;
	position: relative;
}
.catalog h3 {
	margin-left: 20px;
	background-color: #001E59;
	width: 660px;
	margin-bottom: 5px;
}
.catalog .text_box {
	width: 660px;
	margin-left: 20px;
	color: #3bb2d4;
	margin-bottom: 20px;
}
.catalog .text_box a {
	color: #3bb2d4;
}
.catalog  .text_box  a:hover {
	color: #001e59;
}
.panf_box_l {
	float: left;
	width: 320px;
	background-color: #FFFFFF;
}
.panf_box_r {
	float: right;
	width: 320px;
	background-color: #FFFFFF;
}
.text_box dl {
	display: inline;
	float: right;
	margin-right: 10px;
	width: 190px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_box dt {
	font-size: 90%;
	line-height: 150%;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.text_box dd {
	font-size: 80%;
	line-height: 150%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.text_box dd.panf_btn a {
	background-image: url(../img/panf_btn.gif);
	display: block;
	height: 16px;
	width: 76px;
}
.text_box  dd.panf_btn  a:hover {
	background-image: url(../img/panf_btnb.gif);
	display: block;
	height: 16px;
	width: 76px;
}
.text_box .panf_btn a .Visible {
	position: absolute;
	left: -2000px;
}
.text_box .panf_img {
	float: left;
	margin-left: 10px;
	display: inline;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*アクセスマップ・旅行商品共通　ボックス下部パーツ*/
.box_foot {
	background-image: url(../img/box_u_sdw.gif);
	display: block;
	height: 10px;
	width: 707px;
	background-repeat: repeat-x;
	background-position: left bottom;
	bottom: 0px;
	position: absolute;
}

/*五能線コンテンツ総合ナビゲーション*/
#gonosen_navi {
	margin: 0px;
	padding: 0px;
	width: 760px;
}
#gonosen_navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
#gonosen_navi li .Visible  {
	left: -2000px;
	position: absolute;
}

#gonosen_navi .menu_01 a {
	background-image: url(../../img/menu_01.gif);
	display: block;
	height: 32px;
	width: 111px;
}
#gonosen_navi .menu_01 a:hover {
	background-image: url(../../img/menu_01b.gif);
	display: block;
	height: 32px;
	width: 111px;
}
#gonosen_navi .menu_02 a {
	background-image: url(../../img/menu_02.gif);
	display: block;
	height: 32px;
	width: 162px;
}
#gonosen_navi .menu_02 a:hover {
	background-image: url(../../img/menu_02b.gif);
	display: block;
	height: 32px;
	width: 162px;
}
#gonosen_navi .menu_03 a {
	background-image: url(../../img/menu_03.gif);
	display: block;
	height: 32px;
	width: 162px;
}
#gonosen_navi .menu_03 a:hover {
	background-image: url(../../img/menu_03b.gif);
	display: block;
	height: 32px;
	width: 162px;
}
#gonosen_navi .menu_04 a {
	background-image: url(../../img/menu_04.gif);
	display: block;
	height: 32px;
	width: 162px;
}
#gonosen_navi .menu_04 a:hover {
	background-image: url(../../img/menu_04b.gif);
	display: block;
	height: 32px;
	width: 162px;
}
#gonosen_navi .menu_05 a {
	background-image: url(../../img/menu_05.gif);
	display: block;
	height: 32px;
	width: 163px;
}
#gonosen_navi .menu_05 a:hover {
	background-image: url(../../img/menu_05b.gif);
	display: block;
	height: 32px;
	width: 163px;
}

/*観光体験メニュー駅別ナビゲーション*/
.station_navi {
	padding-top: 15px;
	margin-bottom: 15px;
}
.station_navi ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.station_navi  li {
	float: left;
	list-style-type: none;
	margin-bottom: 20px;
}
.station_navi .Visible {
	position: absolute;
	left: -2000px;
}
.station_navi .menu_01 a {
	background-image: url(../img/st_01.gif);
	display: block;
	height: 58px;
	width: 26px;
}
.station_navi .menu_01 a:hover {
	background-image: url(../img/st_01b.gif);
	display: block;
	height: 58px;
	width: 26px;
}
.station_navi  .menu_01#current  {
	background-image: url(../img/st_01b.gif);
	display: block;
	height: 58px;
	width: 26px;
}
.station_navi .menu_02 a {
	background-image: url(../img/st_02.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi .menu_02 a:hover {
	background-image: url(../img/st_02b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi  .menu_02#current  {
	background-image: url(../img/st_02b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi .menu_03 a {
	background-image: url(../img/st_03.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi .menu_03 a:hover {
	background-image: url(../img/st_03b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi  .menu_03#current  {
	background-image: url(../img/st_03b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi .menu_04 {
	background-image: url(../img/st_04.gif);
	display: block;
	height: 58px;
	width: 33px;
	margin: 0px;
	padding: 0px;
}
.station_navi .menu_05 a {
	background-image: url(../img/st_05.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi .menu_05 a:hover {
	background-image: url(../img/st_05b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi  .menu_05#current  {
	background-image: url(../img/st_05b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi .menu_06 a {
	background-image: url(../img/st_06.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi .menu_06 a:hover {
	background-image: url(../img/st_06b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi  .menu_06#current  {
	background-image: url(../img/st_06b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi .menu_07 a {
	background-image: url(../img/st_07.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi .menu_07 a:hover {
	background-image: url(../img/st_07b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi  .menu_07#current  {
	background-image: url(../img/st_07b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi .menu_08 a {
	background-image: url(../img/st_08.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi .menu_08 a:hover {
	background-image: url(../img/st_08b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi  .menu_08#current  {
	background-image: url(../img/st_08b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi  .menu_09  a {
	background-image: url(../img/st_09.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi  .menu_09  a:hover {
	background-image: url(../img/st_09b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi   .menu_09#current   {
	background-image: url(../img/st_09b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi   .menu_10   a {
	background-image: url(../img/st_10.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi   .menu_10   a:hover {
	background-image: url(../img/st_10b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi    .menu_10#current    {
	background-image: url(../img/st_10b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi    .menu_11    a {
	background-image: url(../img/st_11.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi    .menu_11    a:hover {
	background-image: url(../img/st_11b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi     .menu_11#current     {
	background-image: url(../img/st_11b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi     .menu_12     a {
	background-image: url(../img/st_12.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi     .menu_12     a:hover {
	background-image: url(../img/st_12b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi      .menu_12#current      {
	background-image: url(../img/st_12b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi      .menu_13      a {
	background-image: url(../img/st_13.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi      .menu_13      a:hover {
	background-image: url(../img/st_13b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi       .menu_13#current       {
	background-image: url(../img/st_13b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi       .menu_14       a {
	background-image: url(../img/st_14.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi       .menu_14       a:hover {
	background-image: url(../img/st_14b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi        .menu_14#current        {
	background-image: url(../img/st_14b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi        .menu_15        a {
	background-image: url(../img/st_15.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi        .menu_15        a:hover {
	background-image: url(../img/st_15b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi         .menu_15#current         {
	background-image: url(../img/st_15b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi         .menu_16         a {
	background-image: url(../img/st_16.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi         .menu_16         a:hover {
	background-image: url(../img/st_16b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi          .menu_16#current          {
	background-image: url(../img/st_16b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi          .menu_17          a {
	background-image: url(../img/st_17.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi          .menu_17          a:hover {
	background-image: url(../img/st_17b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi           .menu_17#current           {
	background-image: url(../img/st_17b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi           .menu_18           a {
	background-image: url(../img/st_18.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi           .menu_18           a:hover {
	background-image: url(../img/st_18b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi            .menu_18#current            {
	background-image: url(../img/st_18b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi            .menu_19            a {
	background-image: url(../img/st_19.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi            .menu_19            a:hover {
	background-image: url(../img/st_19b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi             .menu_19#current             {
	background-image: url(../img/st_19b.gif);
	display: block;
	height: 58px;
	width: 32px;
}
.station_navi             .menu_20             a {
	background-image: url(../img/st_20.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi             .menu_20             a:hover {
	background-image: url(../img/st_20b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi              .menu_20#current              {
	background-image: url(../img/st_20b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi              .menu_21              a {
	background-image: url(../img/st_21.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi              .menu_21              a:hover {
	background-image: url(../img/st_21b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi               .menu_21#current               {
	background-image: url(../img/st_21b.gif);
	display: block;
	height: 58px;
	width: 33px;
}
.station_navi               .menu_22               a {
	background-image: url(../img/st_22.gif);
	display: block;
	height: 58px;
	width: 25px;
}
.station_navi               .menu_22               a:hover {
	background-image: url(../img/st_22b.gif);
	display: block;
	height: 58px;
	width: 25px;
}
.station_navi                .menu_22#current                {
	background-image: url(../img/st_22b.gif);
	display: block;
	height: 58px;
	width: 25px;
}


/*ページ共通フッター*/
#footer {
	width: 760px;
	margin-bottom: 20px;
}

#footer #pagetop {
	background-color: #00833e;
	height: 20px;
	padding-right: 10px;
	text-align: right;
	margin-bottom: 10px;
}

#footer #slink {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}

#footer p {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #707070;
}

#footer    #slink img  {
	margin: 0px;
	padding: 0px;
	float: right;
}

#footer  a {
	text-decoration: none;
}

#footer  a:link {
	color:#707070;
}

#footer  a:visited {
	color:#999999;
}

#footer  a:hover {
	color:#00833E;
}

#annnai {
	width: 700px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 90%;
	line-height: 160%;
	text-align: center;
	font-weight: bold;
	color: #E60012;
}
#annnai2 {
	width: 570px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 140%;
}
#annnai3 {
	width: 570px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 140%;
}
#annnai4 {
	width: 634px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 140%;
	color: #E60012;
}