@charset "UTF-8";
	
/**************************/
/*        共通設定        */
/**************************/

/* CSSのリセット */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, address {
	font-size: 100%;
	font-style: normal;
}
	
	
/* 基本設定 */

body {
	background: #F3ECDC url(images/bg.jpg) repeat-x;
	line-height: 1.5;
	color: #333;
	text-align: center;
	font-family:  "Lucida Grande", sans-serif;
}

	/* for WinIE6*/
	
	* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align:baseline;
	}
	
	/* for WinIE7*/
	
	*:first-child+html body { 
	font-family: 'メイリオ', Meiryo, sans-serif;
}

body {
  font-size: 14px;
}
/* IE6 */
* html body { font-size: 90%; }
/* IE7 */
*:first-child+html body { font-size: 90%; }


a {
	color: #3C6A85;
	overflow: hidden;
}
a:hover {
	text-decoration: none;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

li {
	list-style: none;
}


/* 配置 */

.top    { vertical-align: top;}
.middle { vertical-align: middle;}
.bottom { vertical-align: bottom;}
.left   { text-align: left;}
.center { text-align: center; }
.right  { text-align: right;}
.out    { position: absolute; top: -9999px; }


/* 回り込み */

.floatleft {
	float: left;
	display: inline;
}

.floatright {
	float: right;
	display: inline;
}

.leftbox {
	float: left;
	margin-bottom: 25px;
	border-right: solid 25px #fff;
}

.rightbox {
	float: right;
	margin-bottom: 25px;
	border-left: solid 25px #fff;
}


.clear {
	clear: both;
}
	
/* フォント */
	
.large {
	font-size: 120%;
}

.small {
	font-size: 85%;
	letter-spacing: 0;
}

.nowrap {
	white-space: nowrap;
}
	
.fixed {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: -0.05em;
}


/***************************
		全体レイアウト
***************************/

#container {
	position: relative;
	width: 850px;
	margin: 0 auto 20px;
	text-align: left;
}


/***************************
		ヘッダー
***************************/

#header {
	position: relative;
	height: 123px;
	background: url(images/header.gif) no-repeat;
}


/* ロゴ */

#header h2 {
	position: absolute;
	left: 0;
	top: 29px;
}

#header h2 a {
	display: block;
	width: 364px;
	height: 46px;
	text-indent: -9999px;
}


/* 電話番号 */

#header p {
	text-indent: -9999px;
}


/***************************
		グローバルナビ
***************************/

#gloval {
	height: 64px;
	margin-bottom: 20px;
	background: url(images/navi.jpg) no-repeat;
}

#gloval ul li {
	float: left;
}

#gloval  ul li a {
	display: block;
	width: 171px;
	height: 64px;
	text-indent: -9999px;
	text-decoration: none;
}
#gloval  ul li#g4 a {
	width: 166px;
}

#gloval  ul li#g1 a:hover { background: url(images/navi.jpg) no-repeat    0px -64px; }
#gloval  ul li#g2 a:hover { background: url(images/navi.jpg) no-repeat -171px -64px; }
#gloval  ul li#g3 a:hover { background: url(images/navi.jpg) no-repeat -342px -64px; }
#gloval  ul li#g4 a:hover { background: url(images/navi.jpg) no-repeat -513px -64px; }
#gloval  ul li#g5 a:hover { background: url(images/navi.jpg) no-repeat -679px -64px; }


/***************************
 		タイトル
***************************/

#title h1 {
	margin-bottom: 20px;
}

#title h2 {
	padding: 2px 0 5px 30px;
	line-height: 48px;
	font-weight: bold;
	font-size: 115%;
	letter-spacing: 0.05em;
	vertical-align: middle;
}

#service #title h2 { background: url(images/service_title2.gif) no-repeat; }
#sight   #title h2 { background: url(images/sight_title2.gif) no-repeat; }
#reserve #title h2 { background: url(images/reserve_title2.gif) no-repeat; }
#company #title h2 { background: url(images/company_title2.gif) no-repeat; }
#policy  #title h2 { background: url(images/privacy_title2.gif) no-repeat; }


/**************************/
/*       コンテンツ       */
/**************************/

#content {
	position: relative;
	width: 790px;
	padding: 10px 29px 15px;
	border: solid 1px #9B978D;
	border-top: none;
	background: #FCFBF6;
	zoom: 1;
}

.content-left {
	clear: left;
	float: left;
	width: 380px;
	display: inline;
}

.content-right {
	float: right;
	width: 380px;
	display: inline;
}


#content h2 {
}

#content h3 {
	clear: both;
	margin-bottom: 15px;
	padding: 8px 10px;
	border: solid 1px #9B978D;
	background: #EBEBE4;
}

#content h4 {
	margin-bottom: 5px;
	color: #2D6792;
}

#content p {
	margin-bottom: 10px;
}

#content dl {
	margin-bottom: 15px;
	font-size: 90%;
}

#content dt {
	float: left;
	padding: 3px 0 1px 0.5em;
	font-weight: bold;
}

#content dd {
	padding: 3px 0 1px 5em;
}

#content dd.bg {
	background: #F1F1EB;
}

hr {
	clear: both;
	margin-bottom: 15px;
	border: none;
	border-bottom: solid 1px #9B978D;
	color: #fff;
}

/***************************
		営業所案内
***************************/
.ss-office .office-info {
	height: 260px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
}
.ss-office .office-info p {
	margin-bottom: 0;
	margin-right: 30px;
}

/***************************
		フッター
***************************/

#footer {
	padding: 36px 0 40px;
	background: url(images/footer_bg.gif) repeat-x bottom;
	color: #F3EDDC;
}

/* ナビ */

#footer ul {
	position: relative;
	width: 850px;
	margin: 0 auto;
	line-height: 32px;
	vertical-align: middle;
}

#footer ul li {
	float: left;
	margin-right: 0.5em;
	padding-left: 0.5em;
	background: url(images/border.gif) no-repeat left center;
	font-size: 80%;
}

#footer ul li a {
	color: #4D4B46;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}


/* 個人情報 */

#footer ul li#privacy {
	position: absolute;
	left: 0;
	top: -30px;
	padding-left: 0;
	background: none;
	font-size: 75%;
}

#privacy a {
	padding-left: 10px;
	padding-top: 3px;
	background: url(images/foot_arrow.gif) no-repeat left center;
}


/* このページの先頭へ */

#footer ul li#pagetop {
	position: absolute;
	right: 0;
	top: -15px;
	margin-right: 0;
	background: none;
}


/* アドレス */

#footer address {
	clear: left;
	width: 850px;
	line-height: 40px;
	margin: 0 auto;
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
}


/* コピーライト */

#footer p {
	width: 850px;
	line-height: 40px;
	margin: -40px auto;
	font-size: 75%;
	text-align: right;
	vertical-align: middle;
}


/***************************
		ページ別CSS
***************************/


/*------------
 トップページ
------------*/

/* イメージ画像 */

#home-catch {
	width: 850px;
	height:390px;
	margin-bottom: 30px;
	background: url(images/home_img.jpg) no-repeat;
	position: relative;
}

#home-catch * {
	text-indent: -9999px;
}


/* コンテンツ設定 */

#home #content {
	width: 850px;
	margin-bottom: 10px;
	padding: 10px 0 0;
	border-bottom: none;
	background: none;
}


/* サービス＆観光案内 */

.column {
	float: left;
	width: 242px;
	padding: 0 20px;
	border-right: solid 1px #9B978D;
}

.column h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #4D4B46;
	font-size: 115%;
	line-height: 1.3;
}

#content .column h3 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #000;
	font-size: 90%;
}

.column p {
	font-size: 90%;
}

.column p.img {
	margin: 5px 0 10px;
}

.column p.link a {
	display: block;
	width: 224px;
	padding: 5px 0 5px 18px;
	border-top: solid 1px #9C978C;
	border-bottom: solid 1px #9C978C;
	background: url(images/home_arrow.gif) no-repeat left center;
	text-decoration: none;
}

.column p.link a:hover {
	background: #faf7ef url(images/home_arrow.gif) no-repeat left center;
	text-decoration: underline;
}


/* サービス案内 */

#home-service h2 {
	border-bottom: solid 1px #648E65;
}
#home-service h2:first-letter {
	color: #648E65;
}

.column#home-service p.img {
	margin: 5px 0 10px;
}


/* 観光案内 */

#home-sight h2 {
	border-bottom: solid 1px #3A6990;
}
#home-sight h2:first-letter {
	color: #3A6990;
}


/* バナー */

#home-banner {
	float: left;
	width: 242px;
	height: 249px;
	margin-left: 20px;
	display: block;
	background: url(images/banner.jpg) no-repeat;
}

#home-banner ul li {
	margin-bottom: 23px;
}

#home-banner ul a {
	display: block;
	width: 242px;
	height: 64px;
	text-indent: -9999px;
}

#home-banner ul #n1 a:hover { background: url(images/banner.jpg) no-repeat -242px 0; }
#home-banner ul #n2 a:hover { background: url(images/banner.jpg) no-repeat -242px -87px; }
#home-banner ul #n3 a:hover { background: url(images/banner.jpg) no-repeat -242px -174px; }


/*------------
   サービス
------------*/

#service h3 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}


.box {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #9B978D;
	min-height: 262px;
	height: auto !important;
	height: 262px;
}
.box:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.box .fee {
	position: absolute;
	right: 0;
	top: 30px;
}


/*------------
   岩手観光
------------*/

#catch {
	padding-right: 310px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
}

#catch h4 {
	margin-bottom: 10px;
	font-size: 110%;
}

#catch img {
	position: absolute;
	right: 25px;
	top: -30px;
}


.course {
	clear: both;
	position: relative;
	width: 560px;
	margin-bottom: 5px;
	padding: 0 205px 8px 20px;
	border: solid 1px #9B978D;
	border-top: none;
	background: #fff;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	zoom: 1;
}
#course3 .course {
	width: 765px;
	padding-right: 0;
}

#course1, #course2, #course3 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #9B978D;
}


#sight #content .course h3 {
	position: relative;
	height: 39px;
	margin: 0 -216px 5px -21px;
	padding: 8px 0 0 70px;  
	border: none;
	color: #fff;
	font-size: 120%;
}
#course1 h3 { background: url(images/course_hana_title.gif) no-repeat; }
#course2 h3 { background: url(images/course_iwate_title.gif) no-repeat; }
#course3 h3 { background: url(images/course_free_title.gif) no-repeat; }
#course4 h3 { background: url(images/course_south_title.gif) no-repeat; }


#content .course h4 {
	margin-bottom: 2px;
}
#course1 h4 { color: #3A6990; }
#course2 h4 { color: #66844D; }
#course3 h4 { color: #526E6E; }
#course4 h4 { color: #706E4E; }

#content .course p {
	margin-bottom: 2px;
}
#content .course p.small {
	margin: 10px 0;
	font-size: 90%;
}
#course1 .color { color: #3A6990; }
#course2 .color { color: #66844D; }
#course3 .color { color: #526E6E; }
#course4 .color { color: #706E4E; }


#sight .pic {
	position: relative;
	top: -35px;
	float: right;
	margin: 0 0 -35px 10px;
	border: solid 1px #9B978D;
	padding: 1px;
	background: #fff;
}

#sight .fee {
	position: absolute;
	right: 17px;
	top: 15px;
}


/*------------
    御予約
------------*/

#reserve #content {
	padding-top: 20px;
}

#reserve h4 {
	color: #942938;
}

#tel {
	margin-bottom: 20px;
	background: url(images/grey.gif) repeat-y 380px 0;
}


#reserve form {
	width: 748px;
	margin-bottom: 15px;
	padding: 20px;
	border: solid 1px #D2D2BD;
	background: #fff;
	text-align: center;
}

#reserve table {
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: left;
}

#reserve th {
	width: 12em;
	padding: 8px 10px;
	border-right: solid 1px #D2D2BD;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

#reserve td {
	padding: 8px 20px;
}

#reserve th.nese {
	background: url(images/icon_kome.gif) no-repeat 11.5em 1.05em;
}

#reserve input {
	margin: 1px 0;
	padding: 1px 0;
}

#reserve textarea {
	font-family: 'メイリオ', Meiryo, sans-serif;
	font-size: 14px;

}

.text {
	width: 500px;
}

.red {
	color: #942938;
}


/*------------
   会社情報
------------*/

p#profile {
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 25px;
	border-bottom: solid 1px #9B978D;
	color: #3A6990;
	line-height:  1.8;
}

#company .content-left {
	width: 480px;
}
#company .content-right {
	width: 280px;
}
#content dt ,
#content dd {
	padding-top: 10px;
	padding-bottom: 8px;
}

#company .pic {
	border: solid 1px #9B978D;
	padding: 2px;
}


/*------------
   個人情報
------------*/

#policy #content {
	padding-top: 20px;
}

#policy #content p,
#policy #content address {
	margin: 0 2px 15px;
}


/***************************
		ハック
***************************/

/* clearfix */

div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
div { display: inline-block; }
div { display: block; }