@charset "shift_jis";
@import url(/common/css/jtb_site_970.css);
@import url(/common/header/css/header_970.css);
@import url(/common/footer/css/footer_970.css);
@import url("/med/kansai/common/css/sidemenu.css");
@import url("/med/kansai/common/css/print.css");
@import url("/med/kansai/common/css/headerfooter.css");

img{border:0px;}

.blod_line{font-weight:bold}



/*-Header[S]---------------------------------------------------------------------------------------------*/

.header_layout {
	width: 970px;
	height: 93px;
	border-bottom:2px solid #b81c22;
/*	background: url(../images/bg_header01.jpg) no-repeat;*/
	margin:0 auto 13px;
}
#head-logo p a {
	background:url(/med/common/images/logo.gif) no-repeat;
	float:left;
	display:block;
	width:150px;
	height:80px;
	padding-right:4px;
}
#head-logo span {
	display:none
}
.head_manu ul {
	list-style:none;
	padding-left: 0px;
}
.head_manu ul span {
	display:none;
}
.head_manu li:first-child {
	padding-left: 20px;
}
.head_manu li {
	margin-top:45px;
	width:145px;
	height:32px;
	float:left;
	padding-left: 6px;
	position:relative;
	display:block;
}
.head_manu a {
	text-decoration:none;
	display:block;
	height:32px;
	margin-top:10px;
}
.head_manu img {
	text-decoration:none;
	display:block;
	height:32px;
	margin-top:10px;
}
.head_manu #head_hokkaido a {
	background:url(/med/kansai/common/images/btn_hokkaido_no.png) no-repeat;
}
.head_manu #head_hokkaido a:hover {
	background:url(/med/kansai/common/images/btn_hokkaido_on.png) no-repeat;
}
.head_manu #head_shutoken a {
	background:url(/med/kansai/common/images/btn_med_no.png) no-repeat;
}
.head_manu #head_shutoken a:hover {
	background:url(/med/kansai/common/images/btn_med_on.png) no-repeat;
}
.head_manu #head_chubu a {
	background:url(/med/kansai/common/images/btn_chubu_no.png) no-repeat;
}
.head_manu #head_chubu a:hover {
	background:url(/med/kansai/common/images/btn_chubu_on.png) no-repeat;
}
.head_manu #head_kansai a {
	background:url(/med/kansai/common/images/btn_kansai_no.png) no-repeat;
}
.head_manu #head_kansai a:hover {
	background:url(/med/kansai/common/images/btn_kansai_on.png) no-repeat;
}
.head_manu #head_kyusyu a {
	background:url(/med/kansai/common/images/btn_kyushu_no.png) no-repeat;
}
.head_manu #head_kyusyu a:hover {
	background:url(/med/kansai/common/images/btn_kyushu_on.png) no-repeat;
}
/*各種リンク*/

.head_link {　/*2階層目以下のヘッダー*/
	/*top:28px;  2行パターンの2行目 */
	top:3px;  /*1行パターン */
	/*top:3px;*/ /* ヘッダー内リンクのY軸　二行行の場合 */
	margin-right:5px;
	float:left;
	line-height:120%;
	font-size:100%;
	position:relative;
}
.head_link ul {
	position:absolute;
	/*top:-15px;*/
	left:15px;/* ヘッダー内リンクのX軸 */
	width:500px;
}
.head_link li {
	list-style:none;
	float:left;
	margin-right:5px;
}
/*一行テキスト*/
.head_memo {
	margin-top:23px;
	margin-right:10px;
	float:left;
	display:block;
	line-height:120%;
	font-family:Hiragino Maru Gothic Pro, Hiragino Kaku Gothic Pro, Osaka, ＭＳ Ｐゴシック;
	font-size:100%;
}
.head_memo p {
	position:absolute;
	width:770px;
	left:168px;  /* 一行メモのX軸 */
	font-weight:bold;
}

.head_memo p.1l {
	position:absolute;
	width:770px;
	left:167px;  /* 一行メモのX軸 */
	font-weight:bold;
	top: 10px;
}

.head_memo_nw {   /* 新版 一行メモ */
	margin-top:13px;
	margin-right:10px;
	float:left;
	display:block;
	line-height:120%;
	font-family:Hiragino Maru Gothic Pro, Hiragino Kaku Gothic Pro, Osaka, ＭＳ Ｐゴシック;
	font-size:100%;
}


/*2行に分かれるパターン_1行目*/
.head_memo_nw p.line1 {
	position:absolute;
	width:780px;
	left:168px;  /* 一行メモのX軸 */
	font-weight:bold;
	top: 110px;
}

/*2行に分かれるパターン_2行目*/
.head_memo_nw p.line2 {
	position:absolute;
	width:780px;
	left:231px;  /* 一行メモのX軸 */
	left:168px;
	font-weight:bold;
	top: 127px;
}

/*2行1文パターン*/
.head_memo_nw p.twolines_ptrn {
	position:absolute;
	width:770px;
	left:168px;  /* 一行メモのX軸 */
	font-weight:bold;
	top: 110px;
	/*margin-left:60px;
	_margin-left:0px;
	text-indent:-60px;
	_text-indent:-0px;*/
}

/*1行パターン*/
.head_memo_nw p.line1_only {
	position:absolute;
	width:770px;
	left:167px;  /* 一行メモのX軸 */
	font-weight:bold;
	top: 121px;
}

.head_memo_nw .emph {
	color:#D0101B;
}



/*-Header[E]---------------------------------------------------------------------------------------------*/


/*以下JTB共通CSS*/

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}


/*-------------------------------------共通*/

body {
	color: #333333;
	background-color: #FFFFFF;
}
td, th {
	text-align:left;
	vertical-align:top;
	color: #333333;
		padding:0px;
	margin:0px;
}
strong{font-weight:bold}
input{
	line-height:normal;
	color:#333333;
}
select{
	color:#333333;
}
/*--- リンク ---*/
a:link {
	color: #000099;
	text-decoration: underline;
}
a:visited {
	color: #620169;
	text-decoration: underline;
}
/*a:hover {
	color: #0033cc;
}*/
a:hover {
	color: #CA2F33;
}
a:active {
	color: #0033cc;
	text-decoration: underline;
}

#header ul li,
#footer{
	font-size:92%;
	line-height:150%;
}
/*-------------------------------------ぱんくず*/
#breadcrumbs{
	border-bottom:1px solid #333333;
	background-color:#EFEFEF;
	width:970px;
	padding-bottom:1px;
}
#breadcrumbs p{
	margin-left:10px;
}

/*-------------------------------------local navigation*/
#localNavigation{
	width:950px;
	margin:0 10px;
	font-size:108%;
	line-height:150%;
}

/*--- 会員ステータス ---*/
#memberStatus{
	text-align:right;
}

/*--- 選択内容確認へのリンク ---*/
#linkSelectedConfirm{
	float:right;
	white-space:nowrap;
	text-align:right;
	margin-left:10px;
}


/*-------------------------------------コンテンツ*/
#contentsarea,
#contentsArea {
	width:950px;
	margin:10px;
	font-size:108%;
	line-height:150%;
}
/*--- フォント ---*/
.fontSmaller{
	/* 12px相当 */
	font-size:86%;
}
.fontLargerEx{
	/* 18px相当 */
	font-size:128.7%;
}
.fontLarger{
	/* 16px相当 */
	font-size:114.5%;
}

/*-------------------------------------grid patarn*/
#gridA01,#gridA02,#gridB01{
	width:950px;
}
#gridA01:after,#gridA02:after,#gridB01:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

}
#gridA01,#gridA02,#gridB01{
	display:inline-block;
}

/*--- 2カラム メイン左 ---*/
#gridA01 #mainArea{
	float:left;
	width:710px;
	/*margin-right:10px;*/
}
#gridA01 #exArea{
	float:right;
	width:230px;
}
/*--- 2カラム メイン右 ---*/
#gridA02 #mainArea{
	float:right;
	width:710px;
	margin-left:10px;
}
#gridA02 #subArea{
	float:left;
	width:230px;
}
/*--- 3カラム ---*/
#gridB01 .container {
	float:left;
	width:710px;
	margin-right:10px;
}
#gridB01 .container #mainArea{
	float:right;
	width:470px;
	margin-left:10px;
}
#gridB01 .container #subArea{
	float:left;
	width:230px;
}
#gridB01 #exArea{
	float:right;
	width:230px;
}

/*--- 1カラム ---*/
#gridC01{
	padding:0 60px;
}


/*-------------------------------------リンク*/

/*--- 通常 ---*/
a.linkStandard{
	background:url(/common/images/icon_list.gif) 2px 0.3em no-repeat;
	padding-left:13px;
}

/*--- リンクリスト縦並び ---*/
.linkListStandard a{
	background:url(/common/images/icon_list.gif) 2px 0.3em no-repeat;
	padding-left:13px;
}

/*--- リンクリスト横並び ---*/
.linkListHorizontal li/*,
.linkListHorizontalDown li*/{
	float:left;
	margin-right:10px;
	white-space:nowrap;
}
.linkListHorizontal a{
	display:block;
	background:url(/common/images/icon_list.gif) 2px 0.5em no-repeat;
	padding-left:13px;
}
.linkListHorizontal:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

}
.linkListHorizontal{
	display:inline-block;
}

/*--- ページ内リンク ---*/
.linkDown a{
	background:url(/common/images/icon_list_down.gif) 0 0.3em no-repeat;
	padding-left:9px;
}

/*--- ページトップへ戻るリンク ---*/
.linkUp{
	text-align:right;
	margin-top:5px;
}
.linkUp a{
	background:url(/med/kansai/common/images/icon_arrow01.gif) 0 0.3em no-repeat;
	padding-left:9px;
}

/*--- 別窓 ---*/
.linkWindow{
	background:url(/common/images/window.gif) no-repeat left top !important;
	padding-left:12px !important;
}


/*-------------------------------------別サイト遷移用画面*/
#othersite #contentsarea .announce{
	margin:100px 0 30px 0;
	padding-right:16px;
	text-align:center;
}
#othersite #contentsarea ul{
	margin-left:194px;
	padding-right:16px;
	margin-bottom:100px;
}
#othersite #contentsarea li{
	float:left;
	width:150px;
	margin-right:20px;
}
#othersite #contentsarea input{
	width:150px;
}

/*-------------------------------------その他*/
/*--- float解除用 ---*/
.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */




fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

.link-list-horizontal li,.link-list-horizontal-down li{
	float:left;
	margin-right:10px;
	white-space:nowrap;
}
.link-list-horizontal a{
	display:block;
	background:url(/common/images/icon_list.gif) 0 4px no-repeat;
	padding-left:9px;
}

/* For news */
ul#emergency-news {
	background:url(/common/images/news1.gif) no-repeat left 2px;
	padding:0 0 4px 62px;
	margin:0;
}

/* header + footer only page */

.Ccontainer{
margin:0 auto;
text-align:center}
#contentsarea .Ccontainer #main-content {
	float: left;
	width: 720px;
	margin-top: 0px;
	margin-left: 10px;
}
#contentsarea .Ccontainer #main-content .head {
	float: left;
	width: 720px;
}
#contentsarea .Ccontainer #main-content li {
	list-style: disc inside;
	margin-left: 3.3em;
	text-indent: -1.3em;
}#contentsarea .Ccontainer #main-content #title-block {
	vertical-align: middle;
	padding-top: 2px;
}