@charset "Shift_JIS";

/* ############################## 変更非推奨設定 ############################## */

/* 常に縦スクロールバーを表示させる */
html {margin-bottom:1px;height:100%;}
img {margin:0;}
h1 a,h2 a {text-decoration:none;}
ul{margin:0px;padding:0px;list-style:none;}
li{padding:0px;display:inline;}
img {border:0px;}

table{border-collapse:collapse;}
td{
	padding:4px;
	font-size: 12px;
}

.sp4{height:4px;line-height:4px;width:100%;}
.sp8{height:8px;line-height:8px;width:100%;}
.sp12{height:12px;line-height:12px;width:100%;}
.sp24{height:24px;line-height:24px;width:100%;}
.sp32{height:32px;line-height:32px;width:100%;}

/* ############################## ページ全体の設定 ############################## */

/* ===== ページ全体 ===== */
body{
/* ★背景色 */ background-color:#FFFFFF;
/* ★ページ上部余白 */ margin-top:0px;
/* ★ページ下部余白 */ margin-bottom:0px;
/* ☆全体のフォント指定 */ font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;}

/* ===== 外枠 ===== */
#OUTLINE {
/* ★背景画像 */ background-image:url("image/back001.gif");
/* ★背景画像位置 */ background-position:center top;
/* ★背景画像繰り返し設定 */ background-repeat:repeat-y;
/* ★輪郭線 border:1px solid #000000; */
/* ☆背景色 */ background-color:#FFFFFF;
/* ☆横幅 */ width:808px;
/* 中央寄せ */ margin:0 auto;}

/* ===== 内枠 ===== */
#whole {
/* ☆背景色 */ background-color:#FFFFFF;
/* ☆横幅 */ width:800px;
/* ☆余白 */ margin:0px auto;}

/* ===== タイトルロゴ ===== */
#title {
/* ★タイトル画像 */ background-image:url("image/title001.png");
/* ★タイトル画像の縦幅 */ height:117px;
/* ★文字色 */ color:#333333;
/* ★文字サイズ */ font-size:36px;
	background-repeat:no-repeat;}

/* ===== サイト説明文 ===== */
#description {
	/* ★文字色 */ color:#777777;
	/* ★文字サイズ */ font-size:11px;
	/* ☆文字行間 */line-height:100%;
	/* ★説明文の横幅 */ width:480px;
	/* ★説明文の縦幅 */ height:26px;
	/* ★説明文の余白 */ padding:2px;
	/* ★説明文の位置 */ margin-top:0px;
	/* ★説明文の位置 */ margin-left:0px;
	position:absolute;
}

/* ===== サイドメニュー ===== */
#side {
/* ☆背景色 */ background-color:#FFFFFF;
/* ☆文字色 */ color:#666666;
/* ☆文字サイズ */ font-size:12px;
/* ☆文字行間 */line-height:1.35;
	width:202px;margin-left:2px;
	float:left;}

/* ===== ページ下部 ===== */
#footer_link {
/* ★背景色 */ background-color:#999999;
/* ★文字色 */ color:#FFFFFF;
/* ☆高さ */ line-height:24px;
/* ☆文字サイズ */ font-size:12px;
	text-align:center;}
/* ☆リンク色 */ #footer_link a {color:#FFFFFF;text-decoration:none;}
/* ☆リンク色 */ #footer_link a:visited {color:#FFFFFF;}
/* ☆リンク色 */ #footer_link a:hover {color:#FFAA99;}

#footer {
/* ★背景色 */ background-color:#6C2023;
/* ☆行間*/ line-height:1.35; 
/* ★説明文の余白 */ padding:8px;
/* ★文字色 */ color:#F9EDEE;
/* ☆文字サイズ */ font-size:12px;
	text-align:left;
	clear:both;position:relative;}
/* ☆リンク色 */ #footer a {color:#FFFFFF;text-decoration:none;}
/* ☆リンク色 */ #footer a:visited {color:#FFFFFF;}
/* ☆リンク色 */ #footer a:hover {color:#FFAA99;}
	
/* ===== メイン部分 ===== */
#main {
/* ★輪郭線 */ border:1px solid #FFFFFF;
/* ☆背景色 */ background-color:#FFFFFF;
/* ☆横幅 */ width:578px;
	margin-right:4px;float:right;}

/* ===== パンくずリスト ===== */
#kuzu {
/* ★説明文背景色 */ background-color:#FFFFFF;
/* ★文字色 */ color:#999999;
/* ★文字サイズ */ font-size:12px;}
	
	
/* ############################## 各パーツの設定 ############################## */

/* ===== タイトルバー(大) ===== */
.bar1{
/* ★背景画像 */ background-image:url("画像アドレス04.gif");
/* ★背景縦幅 */ height:64px;line-height:64px;
/* ★文字色 */ color:#FFFFFF;
	background-repeat:no-repeat;width:100%;}
/* ★左余白 */ .bar1 td{padding:0 0 0 16px;}
/* ★文字サイズ */ h1{font-size:28px;}

/* ===== タイトルバー(中) ===== */
.bar2{
	/* ★背景画像 */ background-image:url(image/bar2img.png);
	/* ★背景縦幅 */ height:36px;
	line-height:36px;
	background-repeat:no-repeat;
	width:555px;
	padding-left: 20px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
	color: #FFF;
}
/* ★文字色 */ .bar2 a{color:#000000;}
/* ★左余白 */ .bar2 td{padding:0 0 0 8px;}
/* ★文字サイズ */ h2{font-size:16px;}

/* ===== タイトルバー(小) ===== */
.bar3{
/* ★背景画像 */ background-image:url("画像アドレス06.gif");
/* ★背景縦幅 */ height:28px;line-height:28px;
/* ★文字色 */ color:#000000;
	background-repeat:no-repeat;width:100%;font-weight:bold;}
/* ★左余白 */ .bar3 td{padding:0 0 0 26px;}
/* ★文字サイズ */ h3{font-size:14px;}

/* ===== タイトルバー(単色) ===== */
.bar4{
	/* ★背景色 */ background-color:#E5F0F5;
	/* ★背景縦幅 */ height:26px;
	line-height:25px;
	/* ★文字色 */ color:#036;
	width:98%;
	font-weight:bold;
	margin-bottom: 10px;
	padding-left: 10px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
}

.bar5{
	/* ★背景色 */ background-color:#CFC;
	/* ★背景縦幅 */ height:26px;
	line-height:25px;
	/* ★文字色 */ color:#066;
	width:98%;
	font-weight:bold;
	margin-bottom: 10px;
	padding-left: 10px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
}

.bar6{
	/* ★背景色 */ background-color:#FFC;
	/* ★背景縦幅 */ height:26px;
	line-height:25px;
	/* ★文字色 */ color:#630;
	width:98%;
	font-weight:bold;
	margin-bottom: 10px;
	padding-left: 10px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
}


/* ★左余白 */ .bar4 td{padding:0 0 0 8px;}
/* ★文字サイズ */ h3{font-size:14px;}

/* ===== 区切り線(点線) ===== */
.line1 {
/* ★背景画像 */ background-image:url("画像アドレスline01.gif");
/* ☆背景縦幅 */ height:16px;line-height:16px;
	background-repeat:no-repeat;width:100%;}

/* ===== メニュー(画像) ===== */
.menu a:link,.menu a:visited {
/* ★背景画像 */ background-image:url("画像アドレス02.gif");
/* ★左余白 */ padding-left:8px;
/* ★文字色 */ color:#333333;
/* ★背景縦幅 */ height:36px;line-height:36px;
/* ★文字サイズ */ font-size:12px;
	font-weight:bold;
 	text-decoration:none;display: block;overflow:hidden;background-repeat:no-repeat;}
.menu a:hover {
/* ★マウスオーバー時の背景画像 */ background-image:url("画像アドレス03.gif");
/* ★マウスオーバー時の文字色 */ color:#666666;
	background-repeat:no-repeat;}

/* ===== メニュー(単色) ===== */
.menu2 a:link,.menu2 a:visited {
/* ★背景色 */ background-color:#F2F2F2;
/* ★左余白 */ padding-left:8px;
/* ★背景縦幅 */ height:16px;line-height:16px;
/* ★文字色 */ color:#666666;
/* ★文字サイズ */ font-size:12px;margin-left:4px;
 	text-decoration:none;display: block;overflow:hidden;}
.menu2 a:hover {
/* ★マウスオーバー時の背景色 */ background-color:#E5E5E5;
/* ★マウスオーバー時の文字色 */ color:#003300;}

/* ===== 装飾表 ===== */
/* ★装飾表(左) */ .table1{background-color:#E5E5E5;}
/* ★装飾表(中) */.table2{background-color:#CCCCCC;
	font-size:14px;font-weight:bold;color:#FFFFFF;}
/* ★装飾表(右) */.table3{background-color:#F2F2F2;}

/* ===== 本文 ===== */
.contents {
	/* ★輪郭線 */ border:1px solid #FFFFFF;
	/* ☆背景色 */ background-color:#FFFFFF;
	/* ☆文字色 */ color:#333;
	/* ☆文字サイズ */ font-size:13px;
	/* ☆文字行間 */line-height:1.45;
	/* ☆横幅 */ width:570px;
	text-align:justify;
	text-justify:distribute;
	display: block;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 2px;
	padding-left: 2px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
}

/* ☆リンク色 */ body a {color:#000000;}
/* ☆リンク色 */ body a:visited {color:#666666;}

/* テキストボックス */
.txtbox {
	margin: 4px;
	padding: 4px;
	line-height: 1.5;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
	font-size: 14px;
	color: #666;
}

.txtbox_s {
	margin: 6px;
	padding: 6px;
	line-height: 1.5;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
	font-size: 12px;
	color: #666;
}

/* カラーテキスト */
.red {color:#F00;}
.green {color:#093;}
.blue {color:#06C;}
.white {color:#FFF;}


@media print{
#OUTLINE{width:768px;border:0px;}
#whole{width:768px;margin:0px;}
#title{display:none;}
#description{display:none;}
#side{display:none;}
#side-right{display:none;}
#main{float:left;}
#footer_link{display:none;}
#footer{display:none;}
.cm{display:none;}
body{background-color:#ffffff;}
}

/* ############################## 固有設定 ############################## */

/* タイトルロゴで戻る */
.toplogo {
	/* ★説明文の横幅 */ width:250px;
	/* ★説明文の縦幅 */ height:70px;
	position:absolute;
	margin-top: 33px;
	margin-left: 2px;	
}

/* ===== ヘッダータイトル部分 ===== */
.sidemenu {
/* ★説明文の横幅 */ width:473px;
/* ★説明文の縦幅 */ height:49px;
/* ★説明文の位置 */ margin-top:59px;
/* ★説明文の位置 */ margin-left:327px;
	position:absolute;}

.sidemenu2 {
/* ★説明文の横幅 */ width:300px;
/* ★説明文の縦幅 */ height:20px;
/* ★説明文の位置 */ margin-top:0px;
/* ★説明文の位置 */ margin-left:500px;
	position:absolute;}
	
.sidemenu3 {
/* ★説明文の横幅 */ width:400px;
/* ★説明文の縦幅 */ height:30px;
/* ★説明文の位置 */ margin-top:24px;
/* ★説明文の位置 */ margin-left:395px;
	position:absolute;}
	
/* ===== フッタータイトル部分 ===== */
.footer_text {
	/* ★説明文の横幅 */ width:350px;
	/* ★説明文の縦幅 */ height:24px;
	/* ★説明文の位置 */ margin-top:36px;
	/* ★説明文の位置 */ margin-left:436px;
	position:absolute;
	color: #FFF;
}
	
/* ===== 切り替え画像部分 ===== */
.img_box {
	display: block;
	margin: 5px;
	padding: 5px;
	float: right;
	height: 315px;
	width: 305px;
}

.txt_box_half {
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	margin: 5px;
	padding: 5px;
	float: left;
	height: 315px;
	width: 218px;
}

/* ===== ポイントページのテキストボックス ===== */
.p_txt {
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	width: 415px;
	margin-right: auto;
	margin-left: auto;
	background-position: right top;
	font-weight: 400;
}

#pt1 {
	background-color: #FFF;
	background-image: url(img_point/s1photo.gif);
	background-repeat: no-repeat;
	padding: 10px;
}

#pt2 {
	background-color: #FFF;
	background-image: url(img_point/s2photo.gif);
	background-repeat: no-repeat;
	padding: 10px;
}

#pt3 {
	background-color: #FFF;
	background-image: url(img_point/s3photo.gif);
	background-repeat: no-repeat;
	padding: 10px;
}

#pt4 {
	background-color: #FFF;
	background-image: url(img_point/s4photo.gif);
	background-repeat: no-repeat;
	padding: 10px;
}

#pt5 {
	background-color: #FFF;
	background-image: url(img_point/s5photo.gif);
	background-repeat: no-repeat;
	padding: 10px;
}

/* ===== 2カラムのボックス ===== */

.cbox_left {
	display: block;
	float: left;
	width: 270px;
	margin-top: 9px;
	margin-right: 9px;
	margin-bottom: 39px;
	margin-left: 10px;
}
.cbox_right {
	display: block;
	clear: right;
	float: right;
	width: 270px;
	margin-top: 9px;
	margin-right: 10px;
	margin-bottom: 39px;
	margin-left: 9px;
}

/* ===== 特定レイアウトのID ===== */

#point3 {
	background-color: #FFF;
	background-image: url(img_introduction/bk_point3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px;
	height: 550px;
	width: 520px;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
	line-height: 1.5;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#point3 span {
	font-size: 14px;
	color: #666;
}

#point3 div {
	font-size: 18px;
}

/* テキストボックス小 */

.txtbox_ss {
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",verdana,arial,sans-serif;
	font-size: 14px;
	line-height: 150%;
	display: block;
	padding: 8px;
	width: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #CCF;
	color: #666;
}

/*バナー*/

.h_box {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(mailform/h1_mfp.png);
	height: 91px;
	width: 547px;
	padding-top: 50px;
	padding-left: 23px;
	font-size: 18px;
	color: #FFF;
	font-weight: 400;
}

/*フォームに関する要素*/

.subj {
	border: 0px none #FFF;
}

/*h1を不可視にする*/

h1 {
	display: none;
}


.owabititle {
	margin:30px 0px;
	padding:0px;
	font-size:22px;
	}
.owabititle a {
	color:#F00;
	text-decoration:none;
	}
.owabititle a:hover {
	color:#F00;
	text-decoration:underline;
	}
	
img.center {
	margin-left:200px;
}

/* 産業観光ツアー */
div.sangyo {
	margin-top:20px;
	width:562px;
	height:250px;
	background-image:url("img_tour/2017sangyo.png");
	background-repeat:no-repeat;
}

div.sangyo a img {
	margin-top:21px;
	margin-left:350px;
}

/* プライバシーポリシー */

div.p_policy h3 {
	border-bottom: dashed 1px #CCC;
	color:#900;
}

div.p_policy h4 {
	font-size: 13px;
}

div.p_policy ol {
	list-style-type: decimal;
}

div.p_policy ol li {
	display:list-item;
}

div.right {
	text-align:right;
}