@charset "utf-8";

/*
	【目次】
	--------------------------------
	基本レイアウト

	ヘッダーの中身
	グローバル・ナビゲーションの中身
	ローカル・ナビゲーションの中身
	フッター（リンク）の中身
	フッター（コピーライト）の中身

	汎用パーツ
	汎用パーツ（リスト）
	汎用パーツ（水平リスト）
	汎用パーツ（枠付きボックス1）
	汎用パーツ（枠付きボックス2）
	汎用パーツ（テーブル）
	汎用パーツ（3コラム）
	--------------------------------
*/

/* *********************************************************** 基本レイアウト */

#tmp_wrapper_header {		/* ヘッダー全体 */
	border-bottom: 1px solid #BBBBBB;
	height: 72px;
	background: transparent url(../img/header_bg.gif) repeat-x left top;
}

#tmp_wrapper_g_nav {		/* グローバル・ナビゲーション全体 */
	border-bottom: 1px solid #BBBBBB;
	height: 51px;
	background: transparent url(../img/g_nav/g_nav_bg.gif) repeat-x left top;
}

#tmp_wrapper_main_visual {	/* メインビジュアル全体 */
}

#tmp_wrapper_main {			/* メイン全体 */
}

#tmp_wrapper_footer_link {	/* フッター（リンク）全体 */
	clear: both;
}

#tmp_wrapper_footer_copy {	/* フッター（コピーライト）全体 */
	clear: both;
	height: 63px;
	background: transparent url(../img/footer_bg.gif) repeat-x left top;
}

#tmp_header,		/* ヘッダー */
#tmp_g_nav,			/* グローバル・ナビゲーション */
#tmp_main,			/* メイン */
#tmp_footer_link,	/* フッター（リンク） */
#tmp_footer_copy {	/* フッター（コピーライト） */
	margin: 0 auto;	/* 中央寄せ（削除禁止） */
	width: 760px;	/* ページの横幅 */
	text-align: left;
}

#tmp_main_visual {	/* メインビジュアル */
	margin: 0 auto;	/* 中央寄せ（削除禁止） */
	width: 100%;	/* 横幅 */
	padding: 3px 0 0 0;
	text-align: center;
}

/* *********************************************************** ヘッダーの中身 */

/*■ ロゴ ■*/

#header_logo {
	float: left;
	margin: 17px 0 0 0;
	padding: 0 0 0 19px;
}

/*■ ナビゲーション ■*/

#header_nav {
	float: left;
	margin: 34px 0 0 0;
	width: 320px;	/* ヘッダーのナビゲーションの横幅 */
	text-align: right;
	font-size: 90%;
}

/*■ 文字サイズ変更機能 ■*/

#header_fnc {
	float: left;
	margin: 25px 0 0 0;
	width: 67px;	/* ヘッダーの文字サイズ変更機能の横幅 */
}

#header_fnc ul {
	list-style: none;
}

#header_fnc ul li {
	float: left;
}

#header_fnc ul li a {
	cursor: pointer;
}

#header_fnc ul li#fsmall a,
#header_fnc ul li#fmedium a,
#header_fnc ul li#flarge a {
	display: block;
}

#header_fnc ul li a span.ftxt {
	display: none;
}

/*■ 検索フォーム ■*/

#header_sch {
	float: left;
	width: 217px;	/* ヘッダーの検索フォームの横幅 */
	margin: 27px 0 0 0;
	text-align: right;
}

/*■ リンク ■*/

#tmp_header a       { text-decoration: none;      color: #474747; }
#tmp_header a:hover { text-decoration: underline; color: #166E9B; }

/* ***************************************** グローバル・ナビゲーションの中身 */

#tmp_g_nav { /* グローバル・ナビゲーション */
}

#tmp_g_nav ul {
	list-style: none;
}

#tmp_g_nav ul li {
	float: left;
	border-left: 1px solid #BBBBBB;
	height: 51px; /* グローバル・ナビゲーションの高さ */
}

#tmp_g_nav ul li.last {
	border-right: 1px solid #BBBBBB;
}

@media print {
	#tmp_g_nav ul li.last {
		margin-right: -1px;
	}
}

/* ******************************************* ローカル・ナビゲーションの中身 */

/*■ バナー領域 ■*/

.tmp_bnr {
	margin: 0 0 5px 0;
}

.tmp_bnr ul,
.tmp_bnr2 ul {
	margin: 0 0 0 0;
	list-style: none;
	list-style-image: none;
	text-align: center;
	font-size: 0.1%; /* 改行幅制御 */
}

.tmp_bnr ul li {
	margin: 0 0 3px 0;
}

.tmp_bnr2 ul li {
	margin: 0 0 5px 0;
}

/*■ 困ったときは ■*/

.koma_box {
	margin: 0 0 13px 0;
}

.koma_cnt {
	margin: 3px 0 0 0;
	border: 1px solid #CCCCCC;
	padding: 11px 3px 4px 0;

	line-height: 1.3;
}

.koma_cnt ul {
	margin: 0 0 0 10px;
	list-style: none;
}

.koma_cnt ul li {
	margin: 0 0 8px 0;
	background: transparent url(../img/li_img2.gif) no-repeat left 2px;
	padding: 0 0 0 19px;
	zoom: 1;
}

/*■ カテゴリーボックス ■*/

.cat_box {
	margin: 0 0 13px 0;
}

.cat_box .cat_ttl {
	width: 200px; /* 必要 */
	height: 40px;
	background: transparent url(../img/cat_ttl_bg.gif) no-repeat left top;
}

.cat_box .cat_ttl p {
	padding: 13px 8px 0 31px;
	font-size: 110%;
	font-weight: bold;
}

.cat_box .cat_cnt {
	padding: 8px 8px 8px 8px;
}

.cat_box .cat_cnt .cat_cnt_list1 {
	padding: 4px 0 0 0;
}

.cat_box .cat_cnt .cat_cnt_list1 ul {
	margin: 0 0 0 20px;
	list-style-image: url(../img/li_img_infolevel_s.gif);
}

.cat_box .cat_cnt .cat_cnt_border {
	margin: 0 0 7px 0;
	border-top: 1px dotted #A5A5A5;
}

.cat_box .cat_cnt .cat_cnt_list2 {
	padding: 4px 0 0 0;
}

.cat_box .cat_cnt .cat_cnt_list2 ul {
	margin: 0 0 0 20px;
	list-style-image: url(../img/li_img_contents_s.gif);
}

.cat_box .cat_cnt ul li {
	margin: 0 0 10px 0;
}

.cat_box .cat_cnt ul li.cr {
	font-weight: bold;
}

/*■ 所在地・お問い合わせ先ボックス ■*/

.address_box {
	width: 200px;
	height: 146px;
	background: transparent url(../img/address_box_bg.gif) no-repeat left top;
}

.address_box .address_ttl {
	height: 32px;
}

.address_box .address_ttl p {
	padding: 10px 0 0 33px;
}

.address_box .address_cnt {
	padding: 13px 21px 10px 21px;
	line-height: 1.3;
}

/*■ リンク ■*/

#tmp_r_nav a:link             { text-decoration: none;      color: #474747; }
#tmp_r_nav a:hover            { text-decoration: underline; color: #166E9B; }
#tmp_r_nav a:visited          { text-decoration: none; }
#tmp_r_nav .cat_ttl a:visited { text-decoration: none;      color: #474747; }

/* ************************************************* フッター（リンク）の中身 */

#tmp_footer_link {
	padding: 0 0 7px 0;
	text-align: center;
	font-size: 90%;
}

#tmp_footer_link ul {
}

/*■ リンク ■*/

#tmp_footer_link a       { text-decoration: none;      color: #474747; }
#tmp_footer_link a:hover { text-decoration: underline; color: #166E9B; }

/* ******************************************* フッター（コピーライト）の中身 */

#tmp_footer_copy {
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 90%;
}

#tmp_footer_copy p {
}

/* *************************************************************** 汎用パーツ */

.nav_hidden  { display: none; }

.padding_top_1em    { padding-top: 1em !important; }
.padding_bottom_1em { padding-bottom: 1em !important; }

.float_left  { float: left; padding-right: 16px; padding-bottom: 5px; }
.float_right { float: right; padding-left: 16px; padding-bottom: 5px; }

.clear       { clear: both; }

.page_top    { clear: both; float: right; margin: 1em 0 !important; background: url(../img/pagetop.gif) no-repeat left 1px; padding: 0 0 0 17px; }

.txt_left    { text-align: left; }
.txt_center  { text-align: center; }
.txt_right   { text-align: right; }

.txt_notice  { display: block; text-indent: -1em; margin-left: 1em; }

.txt_large2  { font-size: 130%; }
.txt_large1  { font-size: 115%; }
.txt_small1  { font-size:  85%; }
.txt_small2  { font-size:  75%; }

.txt_bold    { font-weight: bold; }
.txt_normal  { font-weight: normal; }

.txt_gray    { color: #444444; }
.txt_white   { color: #FFFFFF; }

.txt_red     { color: #EE0000; }
.txt_pink    { color: #FF3366; }
.txt_brown   { color: #993300; }
.txt_green   { color: #007700; }
.txt_navy    { color: #000066; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ***************************************************** 汎用パーツ（リスト） */

#tmp_contents ul {
	margin: 4px 0 0 46px;
	list-style-image: url(../img/li_img1.gif);
}

#tmp_contents ol {
	margin: 4px 0 0 46px;
}

#tmp_contents ul li,
#tmp_contents ol li {
	margin: 0 0 4px 0;
}

/*************************************************** 汎用パーツ（水平リスト） */

/*■ 水平リスト1 ■*/

ul.horizontal_list1 {
	height: 1%;
}

#tmp_contents ul.horizontal_list1 {
	margin-left: -8px !important;
}

ul.horizontal_list1 li {
	display: inline;
	border-right: 1px solid #7F7F7F;
	padding: 0 5px 0 8px;
}

ul.horizontal_list1 li.last {
	border-right: none;
}

/*■ 水平リスト2 ■*/

ul.horizontal_list2 {
	margin-left: -1px !important;
	height: 1%;
	list-style: none;
	list-style-image: none !important;
}

ul.horizontal_list2 li {
	float: left;
	background: transparent url(../img/li_img3.gif) no-repeat left top;
	padding: 0 8px 0 15px;
}

/* ******************************************** 汎用パーツ（枠付きボックス1） */

div.outline {
	margin: 4px 0 0.5em;
	padding: 12px 12px 12px;
	border: 2px solid #E0E0E0;
	color: inherit;
}
/* IE6では不具合
* html div.outline {
	width: 100%;
}
*/
div.outline p {
	margin-left: 0 !important;
}

/* ******************************************** 汎用パーツ（枠付きボックス2） */

div.box_info {
	margin: 4px 0 10px 0;
	border: 1px solid #828282;
}

div.box_info .box_info_ttl {
	padding: 0 4px !important;
	color: #000000;
	background-color: #DDDDDD;
	font-weight: bold ;
	border-bottom: 1px solid #666666;
}
div.box_info .box_info_ttl p {
	padding: 5px 0 5px 5px !important;
	margin: 0 !important;
}
div.box_info .box_info_ttl p#contact {
	background: transparent url(../img/contact.gif) no-repeat left 3px;
	padding: 5px 0 5px 25px !important;
}
div.box_info .box_info_cnt {
	background-color: #F8F8F8;
	padding: 8px 8px 3px 10px;
}

/* *************************************************** 汎用パーツ（テーブル） */

/*■ data_table ■*/

#tmp_contents table.data_table {
	border: 1px solid #BABABA;
	border-collapse: collapse;
}

#tmp_contents table.data_table th {
	border-right: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	background-color: #B1D576;
	padding: 5px 8px 4px 8px;
	text-align: left;
}

#tmp_contents table.data_table td {
	border-right: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	padding: 5px 8px 4px 8px;
}

#tmp_contents table.data_table td.bg_lg {
	background-color: #DDFFCC;
}

/*■ data_table (nest) ■*/

#tmp_contents table.data_table table {
	border: none;
}

#tmp_contents table.data_table table th,
#tmp_contents table.data_table table td {
	border: none;
	padding: 1px 2px 1px 2px;
}

/*■ data_table2 ■*/

#tmp_contents table.data_table2 {
	border: 1px solid #BABABA !important;
	border-collapse: collapse !important;
}

#tmp_contents table.data_table2 th {
	border-right: 1px solid #BABABA !important;
	border-bottom: 1px solid #BABABA !important;
	padding: 1px 5px 1px 5px !important;
}

#tmp_contents table.data_table2 td {
	border-right: 1px solid #BABABA !important;
	border-bottom: 1px solid #BABABA !important;
	padding: 1px 5px 1px 5px !important;
}

/*■ map_table ■*/

#tmp_contents table.map_table {
	width: 515px;
}

#tmp_contents table.map_table th {
	width: 25%;
}

#tmp_contents table.map_table td {
	width: 75%;
}

/* **************************************************** 汎用パーツ（3コラム） */

.col3 {
	width: 100%;
	height: 1%;
}

.col3:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.col3 div.col3L,
.col3 div.col3M {
	float: left;
	width: 32%;
	margin-right: 2%;
	display: table;
}

.col3 div.col3R {
	float: left;
	width: 32%;
	display: table;
}