@charset "utf-8";

/* ■ 共通スタイル指定 ■ 
-------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}

html {
	height: 100%; /* コンテンツ背景 最下到達用 */
}

body {
	margin: 0 auto;
	font-size: 75%;/*12px*/
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.4;
	color: #778087;
	height: 100%;
	background: #fff;
	text-align: center;
}

/* mac Safariのみ適用 \*/
html:\66irst-child body {
	font-size: 75%;/*12px*/
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.4;
	color: #778087;
	height: 100%;
	background: #fff;
	letter-spacing: -1.5px;
}
/* end */

p {
	text-align: justify;
	text-justify: distribute;
}

img {
//	vertical-align: bottom; /* 画像下余白ナシ */
//	border-style: none;
}

.clear {
	clear: both;
}

/*リンク*/
a {overflow: hidden;}
a:link {color: #768089; text-decoration: underline;}
a:visited {color: #768089; text-decoration: underline;}
a:hover {color: #0066CC; text-decoration: underline;}
a:active {color: #0066CC; text-decoration: underline;}

/*強調*/
em {
	font-weight:bold;
}
/*より強調*/
strong {
	font-weight:bold;
}

.red {
	color:#CC0000;
}




/*コンテンツ設定
--------------------------------------------------*/

div#Container {
	width: 100%;
	border-top: 5px solid #ccc;
	margin: 0 auto;
	text-align: center;
}

/*ヘッダー定義*/
div#Header {
	position: relative;
	width: 900px;
	height: 65px;
	margin: 0 auto;
}

div#Header h1 {
	position: absolute;
	width: 192px;
	height: 13px;
	background: url(../images/header_expln.png) no-repeat;
	top: 18px;
	left: 0;
	text-indent: -9999px;
}

div#Header h2 a {
	position: absolute;
	display: block;
	width: 192px;
	height: 28px;
	background: url(../images/logo.png) no-repeat;
	top: 34px;
	left: 0;
	text-indent: -9999px;
}

div#Header #HeaderNavi {
	width: 521px;
}

	div#Header #HeaderNavi li {
		height: 1%;
		margin-bottom: -10px;
	}
	
	div#Header #HeaderNavi li a {
		position: absolute;
		display: block;
		height: 23px;
		background-repeat: no-repeat;
		top: 0;
		text-indent: -9999em;
	}
	
		div#Header #HeaderNavi li#HNavi01 a {
			width: 64px;
			background-image: url(../images/header_navi_01.png);
			right: 457px;
		}
		div#Header #HeaderNavi li#HNavi02 a {
			width: 74px;
			background-image: url(../images/header_navi_02.png);
			right: 383px;
		}
		div#Header #HeaderNavi li#HNavi03 a {
			width: 74px;
			background-image: url(../images/header_navi_03.png);
			right: 309px;
		}
		div#Header #HeaderNavi li#HNavi04 a {
			width: 85px;
			background-image: url(../images/header_navi_04.png);
			right: 224px;
		}
		div#Header #HeaderNavi li#HNavi05 a {
			width: 75px;
			background-image: url(../images/header_navi_05.png);
			right: 149px;
		}
		div#Header #HeaderNavi li#HNavi06 a {
			width: 74px;
			background-image: url(../images/header_navi_06.png);
			right: 75px;
		}
		div#Header #HeaderNavi li#HNavi07 a {
			width: 75px;
			background-image: url(../images/header_navi_07.png);
			right: 0;
		}
		div#Header #HeaderNavi li#HNavi01 a:hover, div#Header #HeaderNavi li#HNavi01 a.stay {
			background-image: url(../images/header_navi_01_on.png);
		}
		div#Header #HeaderNavi li#HNavi02 a:hover, div#Header #HeaderNavi li#HNavi02 a.stay {
			background-image: url(../images/header_navi_02_on.png);
		}
		div#Header #HeaderNavi li#HNavi03 a:hover, div#Header #HeaderNavi li#HNavi03 a.stay {
			background-image: url(../images/header_navi_03_on.png);
		}
		div#Header #HeaderNavi li#HNavi04 a:hover, div#Header #HeaderNavi li#HNavi04 a.stay {
			background-image: url(../images/header_navi_04_on.png);
		}
		div#Header #HeaderNavi li#HNavi05 a:hover, div#Header #HeaderNavi li#HNavi05 a.stay {
			background-image: url(../images/header_navi_05_on.png);
		}
		div#Header #HeaderNavi li#HNavi06 a:hover, div#Header #HeaderNavi li#HNavi06 a.stay {
			background-image: url(../images/header_navi_06_on.png);
		}
		div#Header #HeaderNavi li#HNavi07 a:hover, div#Header #HeaderNavi li#HNavi07 a.stay {
			background-image: url(../images/header_navi_07_on.png);
		}
		
div#Header #JtbLogo {
	position: absolute;
	width: 45px;
	height: 27px;
	background: url(../images/logo_jtb.png) no-repeat;
	right: 6px;
	bottom: 0;
	text-indent: -9999em;
}

div#Header #SearchBox {
	position: absolute;
	width: 236px;
	right: 70px;
	bottom: 2px;
}
	div#Header #SearchBox dt {
		float: left;
		width: 46px;
		height: 23px;
		background: url(../images/search_tit.png) no-repeat;
		text-indent: -9999em;
	}
	div#Header #SearchBox dd {
		float: right;
	}
	div#Header #SearchBox dd .searctxt {
		border: 1px solid #7f9db9;
		width: 130px;
		height: 16px;
		padding: 2px;
	}
	div#Header #SearchBox dd .searchimg {
		padding-left: 5px;
		vertical-align: middle;
		/vertical-align: top;
	}

/*グローバルナビ定義*/
#Navi {
	width: 100%;
	height: 48px;
	background: url(../images/navi_bg.png) repeat-x;
	margin-top: 12px;
}

#Navi ul {
	width: 900px;
	height: 38px;
	margin: 0 auto;
	padding-top: 7px;
}

	#Navi ul li {
	float: left;
	}

	#Navi ul li a {
	display: block;
	height: 38px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0;
	}
		
			li#Navi01 a {
			width: 181px;
			background-image:url(../images/navi_01.png);
			}	
			li#Navi02 a {
			width: 180px;
			background-image:url(../images/navi_02.png);
			}
			li#Navi03 a {
			width: 180px;
			background-image:url(../images/navi_03.png);
			}	
			li#Navi04 a {
			width: 180px;
			background-image:url(../images/navi_04.png);
			}		
			li#Navi05 a {
			width: 179px;
			background-image:url(../images/navi_05.png);
			}
			
			li#Navi01 a:hover, li#Navi01 a.stay {
			width: 181px;
			background-image:url(../images/navi_01_on.png);
			}	
			li#Navi02 a:hover, li#Navi02 a.stay {
			width: 180px;
			background-image:url(../images/navi_02_on.png);
			}
			li#Navi03 a:hover, li#Navi03 a.stay {
			width: 180px;
			background-image:url(../images/navi_03_on.png);
			}	
			li#Navi04 a:hover, li#Navi04 a.stay {
			width: 180px;
			background-image:url(../images/navi_04_on.png);
			}		
			li#Navi05 a:hover, li#Navi05 a.stay {
			width: 179px;
			background-image:url(../images/navi_05_on.png);
			}
			
			
			
/* ■ メインコンテンツ定義 ■ 
--------------------------------------------------*/

div#Wrapper {
	width: 900px;
	margin: 0 auto;
}

div#MainCnts {
	float: left;
	width: 709px;
	text-align: left;
}

div#MainCnts h2 {
	width: 709px;
	height: 34px;
	background-repeat: no-repeat;
	margin-top: 16px;
	text-indent: -9999em;
}

/*Box共通*/
div#MainCnts .Box {
	width: 709px;
	background: url(../images/box_bg.png) repeat-y;
	margin-top: 16px;
}
div#MainCnts .Box h2 {
	position: relative;
	width: 709px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}
div#MainCnts .Box .BoxTop {
	width: 709px;
	height: 5px;
	background: url(../images/box_top.png) no-repeat;
}
div#MainCnts .boxlist a {
	display: block;
	position: absolute;
	width: 47px;
	height: 22px;
	background: url(../images/btn_list.png) no-repeat;
	top: 6px;
	right: 10px;
	text-indent: -9999em;
}


/*右サイド*/

div#RightCnts {
	float: right;
	width: 176px;
	text-align: left;
}

div#RightCnts ul {
	margin-top: 16px;
}
div#RightCnts ul li a {
	display: block;
	width: 176px;
	background-repeat: no-repeat;
	margin-top: 5px;
	text-indent: -9999em;
}
	div#RightCnts ul li#Bnr01 a {
		height: 254px;
		background-image: url(../images/right_bnr_01.png);
	}
	div#RightCnts ul li#Bnr02 a {
		height: 60px;
		background-image: url(../images/right_bnr_02.png);
	}
	div#RightCnts ul li#Bnr03 a {
		height: 60px;
		background-image: url(../images/right_bnr_03.png);
	}
	div#RightCnts ul li#Bnr04 a {
		height: 60px;
		background-image: url(../images/right_bnr_04.png);
	}
	div#RightCnts ul li#Bnr05 a {
		height: 60px;
		background-image: url(../images/right_bnr_05.png);
	}
	div#RightCnts ul li#Bnr06 a {
		height: 80px;
		background-image: url(../images/right_bnr_06.png);
	}
	div#RightCnts ul li#Bnr07 a {
		height: 60px;
		background-image: url(../images/right_bnr_07.png);
	}
	div#RightCnts ul li#Bnr08 a {
		height: 60px;
		background-image: url(../images/right_bnr_08.png);
	}

/* 10.01.12追記 */
div#jump {
	float: center;
	width: 709px;
	text-align: center;
	margin-bottom: 100;
}

div#jump p {
	text-align: center;
}

/* 10.03.15追記 */

.ecot {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	font-color:ff0000;
}

.ecop {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	font-color:ca7405;
}

.ecom {
	font-size:15px;
	line-height:20px;
	font-color:ff0000;
}
	
.ecos {
	font-size:12px;
	line-height:18px;
}

.econ {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	font-color:ff0000;

}


/*フッター
--------------------------------------------------*/
div#Footer {
	width: 100%;
	border-top: 5px solid #ccc;
	background: #dededd;
	margin-top: 20px;
}

div#Footer #InnerFooter {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
div#Footer #InnerFooter ul {
	float: left;
	width:: 400px;
	margin-top: 14px;
	padding-bottom: 14px;
}
div#Footer #InnerFooter ul li {
	display: inline;
	padding-right: 2px;
	font-size: 0.86em;
}


/*コピーライト*/

div#Footer #InnerFooter p {
	float: right;
	width:: 400px;
	margin-top: 14px;
	padding-bottom: 14px;
	font-size: 0.86em;
}