@charset "UTF-8";
/*
 * Itile.css v1.1.0
 *
 * Copyright (c) 2011 Intage inc.
 *
 */

/* 現在位置ページカウント */
table.itile_pageno_tbl{
	width:99%;
}

/* 現在位置ページカウントセル */
td.itile_pageno{
	color:#555555;
	font-weight:bold;
	font-size:131%;
	font-family:Georgia, "Times New Roman", "Century", sans-serif;
	white-space:nowrap;
	vertical-align:middle;
}

/* タイトル（表側） */
table.itile_hyousoku_tbl{
	width:100%;
	margin-bottom:5px;
}

/* タイトル（表側）セル */
td.itile_hyousoku{
	font-size:1.3em;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	height:70px;
	padding:6px 9px;
	border-style:solid;
	border-width:1px;
	color:#222222;
	border-color:#e0e7ff;
	background-color:#f8fafd;
	text-align:center;
	vertical-align:middle;
}

/* タイトル（表側）小見出しセル */
td.itile_komidashi_q{
	text-align:center;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:1.3em;
}

/* タイル全体テーブル（小見出しグループ）*/
table.itile_tbl{
	width:100%;
}

/* 表頭小見出し */
table.itile_komidashi_tbl{
	width:100%;
	margin-top:10px;
}

/* 表頭小見出しセル */
td.itile_komidashi{
	background-color:#edf0f8;
	padding:5px;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.3em;
}

/* カテゴリーのセル全体（タイル部分） */
td.itile_cate{
	padding:3px 3px;
	border-style:solid;
	border-width:2px;
	cursor:default;
	height:100%;
}

/* カテゴリ部分のテーブル幅*/
td.itile_cate table{
	width:100%;
}

/* カテゴリーのセル*/
td.itile_cate td{
	white-space:nowrap;
	color:#222222;
	font-size:1.05em;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}

/* カテゴリーのセル（文字部分） */
td.itile_txt{
	width:100%;
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
	white-space:normal !important;
}

/* カテゴリーのセル全体 通常時 */
td.itile_cate_default{
	border-top-color:#f1f1f1;
	border-right-color:#cccccc;
	border-bottom-color:#cccccc;
	border-left-color:#f1f1f1;
	background-color:#f1f1f1;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0, #fbfbfb), 
	color-stop(1, #f1f1f1));
}

/* カテゴリーのセル全体 選択時 */
td.itile_cate_select{
	border-top-color:#cccccc;
	border-right-color:#fff9b1;
	border-bottom-color:#fff9b1;
	border-left-color:#cccccc;
	background-color:#fff9b1;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0, #fffcdf), 
	color-stop(1, #fff9b1));
}

/* カテゴリーのセル全体 通常時のマウスオーバー */
td.itile_cate_default_mouseover{
	border-top-color:#ffcca0;
	border-left-color:#ffcca0;
	background-color:#ffcca0;
	border-radius: 5px;
	border-color:#ffb08a;
	background-image: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0, #ffeecf), 
	color-stop(1, #ffcca0));
}

/* カテゴリーのセル全体 選択時のマウスオーバー */
td.itile_cate_select_mouseover{
	border-right-color:#ffcca0;
	border-bottom-color:#ffcca0;
	background-color:#ffcca0;
	border-radius: 5px;
	border-color:#ffb08a;
	background-image: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0, #ffeecf), 
	color-stop(1, #ffcca0));
}



/* カテゴリー内のラジオ・チェックボタン領域 */
.itile_radio_check_div{
	position : relative;
	overflow : hidden;
	top : 0px;
	left : 0px;
	width : 16px;
	height : 16px;
}

/* カテゴリー内のラジオ・チェックボタン画像 */
.itile_radio_check_img{
	position:absolute;
	top : 0px;
	left : 0px;
}

/* カテゴリー内のラジオ・チェックボタン画像　通常時 */
td.itile_cate_default .itile_radio_check_img{
	left : 0px;
}

/* カテゴリー内のラジオ・チェックボタン画像　選択時 */
td.itile_cate_select .itile_radio_check_img{
	left : -20px;
}



/* 戻るボタン*/
.itile_pbtn{
	width:120px;
	padding:10px;
	font-size:1.05em;
	margin:0px 5px 20px 5px;
	text-align: center;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}

/* 次を表示ボタン*/
.itile_nbtn{
	width:120px;
	padding:10px;
	font-size:1.05em;
	margin:0px 5px 20px 5px;
	text-align: center;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}

/* 戻るボタン、次を表示ボタン領域（IEの左寄せ指定） */
td.itile_button{
	text-align:left;
}

/* 戻るボタン、次を表示ボタン領域（IE以外の左寄せ指定） */
table.itile_button_tbl{
	width:100%;
	margin-top:10px;
	margin-left : 0 ;
	margin-right : auto ;
}

/* 付属テキストは幅がブラウザによって異なってしまうのでメイリオを使わない */
input[type="text"],input[type="tel"]{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}

/* SD法　ループの左右比較用 */
.leftloop{
	float:left;
	text-align:left;
	width:45%;
}
.rightloop{
	float:right;
	text-align:right;
	width:45%;
}

/* SD法　ループの左右比較用（修正版） */
.sd_left_loop{
	text-align:left;
}
.sd_right_loop{
	text-align:right;
}



/* base.css のスタイル修正 */
td.itile_cate table{
	margin-bottom:0px;
}

/* itg.css より */
td.itile_cate{
	line-height: 1.2;
	letter-spacing: 0.03px;
}

