@charset "UTF-8";

/*==============================================================================
■制作者：SUZUKI
■内容：汎用CSSの設定
■備考：
■目次--------------------------------------------------------------------------

	1=位置設定
	2=マージン、パディング設定
	3=フォーム設定
	4=テキスト装飾
	5=汎用サイドメニュー設定
	6=汎用案内メニュー設定
	7=汎用テーブル設定
	8=汎用角丸アウトラインの設定
	9=汎用見出し
	10=フォントの設定
	

==============================================================================*/

/*------------------------------------------------------------------------------ 1=位置設定*/
.def_vlign_t {
	vertical-align: top;
}
.def_vlign_m {
	vertical-align: middle;
}
.def_vlign_b {
	vertical-align: bottom;
}
.def_align_r {
	text-align: right;
}
.def_align_l {
	text-align: left;
}
.def_align_c {
	text-align: center;
}

.def_clear_both {
	clear: both;
}

/*見出し*/
.def_heading_more {
	position: relative;
}

.def_span_more {
	position: absolute;
	top: 2px;
	right: 0;
}
.def_side_menu_list
	li
		img {
			vertical-align: bottom;
		}

/*------------------------------------------------------------------------------ 2=マージン、パディング設定*/
.def_margin_b_1 {
	margin-bottom: 1px;
}
.def_margin_b_2 {
	margin-bottom: 2px;
}
.def_margin_b_3 {
	margin-bottom: 3px;
}
.def_margin_b_5 {
	margin-bottom: 5px;
}
.def_margin_b_10 {
	margin-bottom: 10px;
}
.def_margin_b_15 {
	margin-bottom: 15px;
}
.def_margin_b_20 {
	margin-bottom: 20px;
}
.def_margin_b_30 {
	margin-bottom: 30px;
}

.def_margin_r_5 {
	margin-right: 5px;
}
.def_margin_r_10 {
	margin-right: 10px;
}
.def_margin_r_15 {
	margin-right: 15px;
}
.def_margin_r_20 {
	margin-right: 20px;
}
.def_margin_l_5 {
	margin-left: 5px;
}
.def_padding_all_5 {
	padding: 5px;
}
.def_padding_all_10 {
	padding: 10px;
}
.def_padding_all_15 {
	padding: 15px;
}
.def_padding_rl_5 {
	padding-left:5px;
	padding-right: 5px;
}
.def_padding_rl_10 {
	padding-left:10px;
	padding-right: 10px;
}
.def_padding_tb_5 {
	padding: 5px 0;
}
.def_padding_tb_10 {
	padding: 10px 0;
}
.def_padding_t_10 {
	padding-top: 10px;
}
.def_padding_t_15 {
	padding-top: 15px;
}
.def_padding_t_20 {
	padding-top: 20px;
}
.def_padding_b_10 {
	padding-bottom: 10px;
}
.def_padding_r_10 {
	padding-right: 10px;
}
/*------------------------------------------------------------------------------ 3=フォーム設定*/
table.def_form_tbl
	td
		input,
table.def_form_tbl
	td
		select{
			vertical-align: middle;
		}
.def_input_txt_18_150 {
	width: 150px;
	height: 18px;
}
.def_input_txt_79p {
	width: 79%;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;	
}
.def_input_txt_60p {
	width: 60%;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_input_txt_34p {
	width: 34%;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_input_txt_20p {
	width: 20%;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_input_txt_10em {
	width: 10em;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_input_txt_5em {
	width: 5em;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_input_txt_3em {
	width: 3em;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_input_txt_2em {
	width: 2em;
	height: 18px;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_textarea_5_100p {
	width: 99%;
	height: 5em;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_textarea_10_100p {
	width: 99%;
	height: 10em;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_textarea_20_100p {
	width: 99%;
	height: 20em;
	background-color: #E3E3E3;
	border-width: 1px;		
}
.def_outline_head {
	padding-top: 6px;
	background: #3087D6 url(../images/kadomaru_blue_head.gif) 0 0 no-repeat;
	text-align: center;
}
.def_outline_foot {
	padding-bottom: 6px;
	background: #3087D6 url(../images/kadomaru_blue_foot.gif) left bottom no-repeat;
}

/*------------------------------------------------------------------------------ 4=テキスト装飾*/
.def_arrow_01_l {
	padding: 3px 0 3px 18px;
	background: transparent url(../images/arrow_01_l.gif) 0 3px no-repeat;
}
.def_arrow_01_r {
	padding: 3px 0 3px 18px;
	background: transparent url(../images/arrow_01_r.gif) 0 3px no-repeat;
}
.def_arrow_01_t {
	padding: 3px 0 3px 18px;
	background: transparent url(../images/arrow_01_t.gif) 0 3px no-repeat;
}
.def_arrow_01_d {
	padding: 3px 0 3px 18px;
	background: transparent url(../images/arrow_01_d.gif) 0 3px no-repeat;
}
.def_arrow_02_r {
	padding: 3px 0 3px 18px;
	background: transparent url(../images/arrow_02_r.gif) 0 3px no-repeat;
}
.def_mark_blue {
	padding: 3px 0 3px 20px;
	background: transparent url(../images/mark_blue.gif) 0 3px no-repeat;
}

.def_list_mark_01 {
	padding: 3px 0 3px 13px;
	background: transparent url(../images/list_mark_01.gif) 0 8px no-repeat;
}
.def_asterisk_01 {
	padding: 3px 0 3px 15px;
	background: transparent url(../images/asterisk_01.gif) 0 6px no-repeat;
}
.def_line_01 {
	padding-bottom: 5px;
	background: transparent url(../images/line_01.gif) left bottom repeat-x;
}
.def_line_02 {
	padding-bottom: 5px;
	background: transparent url(../images/line_02.gif) left bottom repeat-x;
}
.def_line_under_1 {
	padding-bottom: 7px;
	background: transparent url(../images/line_under_1.gif) left bottom no-repeat;
}
.def_line_under_2 {
	padding-bottom: 7px;
	border-bottom: 1px #D7E8F7 solid;
}
.def_line_under_3 {
	padding-bottom: 8px;
	background: transparent url(../images/line_under_3.gif) left bottom no-repeat;
}

/*詳しくはボタン：左*/
.def_detail_nvi {
	text-align: right;
}
.def_color_key {
	color: #3087D6;
}
.def_color_red {
	color: #FF3300;
}
.def_color_blue {
	color: #0066FF;
}
.def_color_gray {
	color: #666;
}
.def_outline_01 {
	border: 1px #BBB solid;
	padding: 10px;
}
/*汎用見出し背景色*/
.def_head_blue {
	padding: 4px 8px;
	background-color: #D7E8F7;
}
.def_bgcolor_yellow {
	background-color: #FFFFDD;
}

/*通常のULリスト*/
.def_normal_ul {
	list-style-type: disc;
	padding-left: 1.5em;
}
/*画像の線*/
img.img_line {
	border: 3px #3087D6 solid;
}
.def_indent_1 {
	padding-left: 1em;
}
/*------------------------------------------------------------------------------ 5=汎用サイドメニュー設定*/
.def_side_menu {
	padding: 0 10px 10px;
	background: #3087D6 url(../images/side_menu_bottom.gif) left bottom no-repeat;
}
.def_side_menu
	li{
		margin-bottom: 2px;
	}
.def_side_menu
	li
		img {
			vertical-align: bottom;
		}

/*------------------------------------------------------------------------------ 6=汎用案内メニュー設定*/
table.def_guide_menu_tbl {
	width: 100%;
	table-layout: fixed;
	margin-bottom: 20px;
}
table.def_guide_menu_tbl
	td.left_td{
		vertical-align: top;	
		width: 330px;
		padding-bottom: 10px;
		background: transparent url(../images/def_guide_menu_foot.gif) left bottom no-repeat;
	}
table.def_guide_menu_tbl
	td.center_td{
		width: 20px;
	}	
table.def_guide_menu_tbl
	td.right_td{
		vertical-align: top;
		width: 330px;
		padding-bottom: 10px;
		background: transparent url(../images/def_guide_menu_foot.gif) left bottom no-repeat;		
	}
table.def_guide_menu_tbl
	td
		div.fare_ticket_txt {
			padding: 10px 10px;
		}
table.def_guide_menu_tbl
	td
		div.fare_ticket_txt
			img.fare_ticket_img {
			float: left;
		}
table.def_guide_menu_tbl
	td
		div.fare_ticket_txt
			p{
			padding-left: 108px;
		}
table.def_guide_menu_tbl
	td
		div.def_guide_txt{
			height: 2em;
			padding: 10px;
		}		
img.imgover {
	vertical-align: bottom;
}
/*------------------------------------------------------------------------------ 7=汎用テーブル設定*/
table.def_normal_tbl {
	width: 100%;
	border-left: 1px #3087D6 solid;
	border-top: 1px #3087D6 solid;	
}
table.def_normal_tbl
	th,
table.def_normal_tbl
	td {
	border-right: 1px #3087D6 solid;
	background: transparent url(../images/line_02.gif) left bottom repeat-x;
	padding: 10px 15px;	
}
table.def_normal_tbl
	th.tbl_b,
table.def_normal_tbl
	td.tbl_b {
	border-bottom: 1px #3087D6 solid;
	background-image: none;
	padding: 10px 15px;	
}
table.def_normal_tbl
	th {
	white-space: nowrap;
	border-right: none;
	background-color: #D7E8F7;
	width: 23%;
}

table.def_gray_tbl {
	width: 100%;
	border-top: 1px #CCC solid;
	border-left: 1px #CCC solid;	
}

table.def_gray_tbl
		td,
table.def_gray_tbl
		th {
			padding: 6px 15px;
			border-bottom: 1px #CCC solid;
			border-right: 1px #CCC solid;
		}

table.def_gray_tbl
		th {
			width: 23%;
			white-space: nowrap;
			background-color: #EEE;
			border-right: none;
		}

/*オレンジテーブル*/
table.def_org_tbl {
	width: 100%;
	border: 1px #776E5A solid;
}
table.def_org_tbl
	th{
	padding: 10px 15px;
	width: 23%;
	background: transparent url(../images/line_04.gif) left bottom repeat-x;	
}
table.def_org_tbl
	td {
	border-right: 1px #776E5A solid;
	padding: 10px 15px;
	background: transparent url(../images/line_04.gif) left bottom repeat-x;		
}
table.def_org_tbl
	td.td_c {
	text-align: center;
}
table.def_org_tbl
	th.tbl_b,
table.def_org_tbl
	td.tbl_b {
	background-image: none;
	padding: 10px 15px;	
}
table.def_org_tbl
	th {
	white-space: nowrap;
	border-right: none;
	background-color: #FBDDA1;
}

/*フォーム用テーブル*/
table.def_form_tbl {
	width: 100%;
}
table.def_form_tbl
	th,
table.def_form_tbl
	td {
	background: transparent url(../images/line_03.gif) left bottom repeat-x;
	padding: 17px 7px;	
}
table.def_form_tbl
	th.tbl_b,
table.def_form_tbl
	td.tbl_b {
	background-image: none;
}
table.def_form_tbl
	th {
	white-space: nowrap;
	border-right: none;
	width: 28%;
	font-weight: bold;
}
/*フォーム用テーブル 車両基地インライン*/
table.def_form_tbl
	td
		table.kichi_in_tbl {
			width: 220px;
		}
table.def_form_tbl
	td
		table.kichi_in_tbl
			th,
table.def_form_tbl
	td
		table.kichi_in_tbl
			td {
				padding: 3px;
				background: none;
		}
table.def_form_tbl
	td
		table.kichi_in_tbl
			tr.dorder_tr
				th,
table.def_form_tbl
	td
		table.kichi_in_tbl
			tr.dorder_tr
				td {
					border-bottom: 1px #97C3EA solid;
			}		
table.def_form_tbl
	td
		table.kichi_in_tbl
			th {
			width: 100px;
		}
table.def_form_tbl
	td
		table.kichi_in_tbl
			td {
			width: 120px;
			text-align: right;
		}
/*フォーム用テーブル お問合せインライン*/
table.def_form_tbl
	td
		table.contact_in_tbl {
			width: 100%;
		}
table.def_form_tbl
	td
		table.contact_in_tbl
			th,
table.def_form_tbl
	td
		table.contact_in_tbl
			td {
				padding: 5px 0;
				background: none;
		}
table.def_form_tbl
	th.td_yellow,
table.def_form_tbl
	td.td_yellow {
		background-color: #FFF8E0;
}
table.def_form_tbl
	th.td_nobg,
table.def_form_tbl
	td.td_nobg {
		background-image: none;
		padding: 5px 10px 3px;
}
/*フォーム完了画面*/
.def_done_msg {
	padding: 20px 0px;
}
.def_done_msg
	h2 {
		font-size: 153.9%;
		text-align: center;
	}		

/*Fixedテーブル*/
table.def_tbl_fixed {
	width: 100%;
	table-layout: fixed;
}
/*------------------------------------------------------------------------------ 8=汎用角丸アウトラインの設定*/
.def_content_div {
	padding-top: 10px;
	background: transparent url(../images/content_outline_top.gif) left top no-repeat;	
}
.def_content_body {
	background: transparent url(../images/content_outline_body.gif) left top repeat-y;
	padding: 5px 15px;
}
.def_content_bottom {
	background: transparent url(../images/content_outline_bottom.gif) left bottom no-repeat;
	padding-bottom: 10px;	
}
.def_blue_bg_head {
	padding-top: 11px;
	background: #3087D6 url(../images/bg_blue_head.gif) left top no-repeat;	
}
.def_blue_bg_foot {
	padding-bottom: 11px;
	background: transparent url(../images/bg_blue_foot.gif) left bottom no-repeat;	
}
.def_white_bg {
	background-color: #FFF;
	margin: 0 10px;
	padding: 10px;
}
/*------------------------------------------------------------------------------ 9=汎用見出しの設定*/
.def_heading {
	font-size: 123.1%;
	padding: 14px 36px 14px;
	background: transparent url(../images/def_heading.gif) 0 50% no-repeat;
}
.def_heading_blue {
	font-size: 123.1%;
	padding: 14px 36px 14px;
	background: transparent url(../images/def_heading_blue.gif) 0 50% no-repeat;
	color: #FFF;
}

/*------------------------------------------------------------------------------ 10=フォントの設定*/
.def_font_2s	{ font-size: 55%; }
.def_font_s		{ font-size: 77%; }
.def_font_l		{ font-size: 108%; }
.def_font_xl	{ font-size: 123.1%; }
.def_font_2xl	{ font-size: 138.5%; }
.def_font_3xl	{ font-size: 153.9%; }
.def_font_4xl	{ font-size: 182%; }

.def_font_bold	{ font-weight: bold; }