@charset "utf-8";


/* ========================================================================== */
/* 03-01) サブメイン メニュー関係 各種背景設定CSS */
/* ========================================================================== */

#side{
word-wrap: break-word;
word-break: break-all;
}

#side ul{
	padding: 0px;
	margin: 0px;
}
#side li{
	list-style:none;
	padding: 0px;
	margin: 0px;
}





/* ----- サイドメニュー内 画像アイコン関係 (変更不要)　-------------------- */
.submenu_icon  {
	margin:0px;	border-bottom:0px solid;
	padding:0px;
}


#side .submenu_icon {
	margin:0px 0px 8px 16px;
	padding:0px;}


.menu_banner_icon01{ margin:0px 0px 3px 3px; padding:0px 0px 0px 15px;
	background-image:url(../img/arrow02.gif);
	background-repeat:repeat-y;
 width:180px;}


.side_menu_icon01{ margin:3px 0px 3px 12px; width:100%; max-width:237px; height:auto; float:left;}
.side_menu_icon02{ margin:3px 0px 16px 12px; width:100%; max-width:237px; height:auto;}


/* ========================================================================== */
/* 03-02-02) メインメニュー関係 各種背景設定CSS */
/* ========================================================================== */


#side a.navi{ margin:0px;
	display:block; 
	padding:10px 12px 8px 20px;
	 font-size: 1.15em; line-height: 1.48em;
}

#side li{	padding:4px; margin:0px 12px 5px 12px;}


/* ----- サイドメニュー内 各種背景色 ------------------------------ */

#side li A:link{text-decoration:none;}
#side li A:visited{text-decoration:none;}
#side li A:active{ text-decoration: underline;}
#side li A:hover{text-decoration: underline;}


/* ----- 標準色 ------------------------------------------------------------- */

#side li.s_submenu_text{background-image: url(../img/side_menu_bg01.gif);}
#side li.s_submenu_text a{
background-image: url(../img/side_menu_a_bg01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#4DA7D8;
}

#side li.s_submenu_text A:link,#side li.s_submenu_text A:visited{color: #fff;}
#side li.s_submenu_text A:active{color: #aa0000; background-color:#CEE6FF;}
#side li.s_submenu_text A:hover{color:#039!important; background-color:#CEE6FF;}
body.bgcolor_black #side li.s_submenu_text A:link,body.bgcolor_black #side li.s_submenu_text A:visited{color:#FF0;}
body.bgcolor_blue #side li.s_submenu_text A:link,body.bgcolor_blue #side li.s_submenu_text A:visited{color:#fff;}

#side li.s_submenu_text .side_navi_naka li a{	border-bottom:1px #88CCE6 dotted;}


/* ----- 青 ------------------------------------------------------------- */
#side li.s_blue{background-image: url(../img/side_menu_bg_blue.gif);}
#side li.s_blue a{
background-image: url(../img/side_menu_a_blue_bg01.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#side li.s_blue A:link,#side li.s_blue A:visited{color: #333;}
#side li.s_blue A:active{color: #aa0000; background-color:#CEE6FF;}
#side li.s_blue A:hover{color:#039!important; background-color:#CEE6FF;}
body.bgcolor_black #side li.s_blue A:link,body.bgcolor_black #side li.s_blue A:visited{color:#FF0;}
body.bgcolor_blue #side li.s_blue A:link,body.bgcolor_blue #side li.s_blue A:visited{color:#fff;}

/* ----- 赤 ------------------------------------------------------------- */
#side li.s_red{background-image: url(../img/side_menu_bg_rad.gif);}
#side li.s_red a{
background-image: url(../img/side_menu_a_rad_bg01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#F08390;
}
#side li.s_red A:link,#side li.s_red A:visited{color: #fff;}
#side li.s_red A:active{color: #aa0000; background-color:#fff;}
#side li.s_red A:hover{color:#aa0000!important; background-color:#FFF0F1;}
body.bgcolor_black #side li.s_red A:link,body.bgcolor_black #side li.s_red A:visited{color:#FF0;}
body.bgcolor_blue #side li.s_red A:link,body.bgcolor_blue #side li.s_red A:visited{color:#fff;}

#side li.s_red .side_navi_naka li a{	border-bottom:1px #FCCDCD dotted;}



/* ----- 緑 ------------------------------------------------------------- */

#side li.s_green{background-image: url(../img/side_menu_bg_green.gif);}
#side li.s_green a{
background-image: url(../img/side_menu_a_green_bg01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#8ABA5A;
}
#side li.s_green A:link,#side li.s_green A:visited{color: #fff;}
#side li.s_green A:active{color: #aa0000; background-color:#fff;}
#side li.s_green A:hover{color:#060!important; background-color:#D6E9BA;}
body.bgcolor_black #side li.s_green A:link,body.bgcolor_black #side li.s_green A:visited{color:#FF0;}
body.bgcolor_blue #side li.s_green A:link,body.bgcolor_blue #side li.s_green A:visited{color:#fff;}




/* ----- イエロー ------------------------------------------------------------- */
#side li.s_yel{background-image: url(../img/side_menu_bg_yel.gif);}
#side li.s_yel a{
background-image: url(../img/side_menu_a_yel_bg01.gif);
background-repeat:no-repeat;
background-position:top left;
background-color:#FEFDCD;
}
#side li.s_yel A:link,#side li.s_yel A:visited{color: #333;}
#side li.s_yel A:active{color: #aa0000; background-color:#CEE6FF;}
#side li.s_yel A:hover{color:#fff!important; background-color:#FF9E2E;}
body.bgcolor_black #side li.s_yel A:link,body.bgcolor_black #side li.s_yel A:visited{color:#FF0;}
body.bgcolor_blue #side li.s_yel A:link,body.bgcolor_blue #side li.s_yel A:visited{color:#fff;}

#side li.s_yel .side_navi_naka li a{	border-bottom:1px #FDCA42 dotted;}




/* ----- 紫 ------------------------------------------------------------- */
#side li.s_purple{background-image: url(../img/side_menu_bg_purple.gif);}
#side li.s_purple a{
background-image: url(../img/side_menu_a_purple_bg01.gif);
background-repeat:no-repeat;
background-position:top left;
background-color:#CA89CF;
}
#side li.s_purple A:link,#side li.s_purple A:visited{color: #fff;}
#side li.s_purple A:active{color: #aa0000; background-color:#CEE6FF;}
#side li.s_purple A:hover{color:#636!important; background-color:#F1E1F2;}
body.bgcolor_black #side li.s_purple A:link,body.bgcolor_black #side li.s_purple A:visited{color:#FF0;}
body.bgcolor_blue #side li.s_purple A:link,body.bgcolor_blue #side li.s_purple A:visited{color:#fff;}

#side li.s_purple .side_navi_naka li a{	border-bottom:1px #DEB5E1 dotted;}



/* ----- 安全・安心 ------------------------------------------------------------- */
#side li.submenu_anzen{background-image: url(../img/side_menu_bg_rad.gif);}
#side li.submenu_anzen a{
background-image: url(../img/side_menu_a_rad_bg01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#F08390;
}
#side li.submenu_anzen A:link,#side li.submenu_anzen A:visited{color: #fff; }
#side li.submenu_anzen A:active{color: #aa0000; background-color:#fff;}
#side li.submenu_anzen A:hover{color:#aa0000!important; background-color:#F08390;}
body.bgcolor_black #side li.submenu_anzen A:link,body.bgcolor_black #side li.submenu_anzen A:visited{color:#FF0;}
body.bgcolor_blue #side li.submenu_anzen A:link,body.bgcolor_blue #side li.submenu_anzen A:visited{color:#fff;}

#side li.submenu_anzen .side_navi_naka li a{	border-bottom:1px #FCCDCD dotted;}


#side li.submenu_anzen A{ padding:0px; display:block;}
#side li.submenu_anzen A:hover{ background-color:#F08390;}
#side li.submenu_anzen A:hover{ background-color:#F08390;}
#side li.submenu_anzen ul.side_navi_naka A:hover{ background-color:#FFF0F1;}




/* --- サイドメニュー各種背景色 ----------------------------- */

body.bgcolor_blue #side li a{background-color:blue!important;}
body.bgcolor_blue #side li A:hover{color:#FF0!important; }
body.bgcolor_black #side li a{background-color:black!important;}
body.bgcolor_black #side li A:hover{color:#FF0!important; }


/* ----- サイドメニュー内 2階層目 ----------------------------------------- */
#side UL.side_navi_naka{
	margin: 0px 0px 0px 0px;
	padding:2px 0px 8px 0px;

}
#side .side_navi_naka li {
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin: 0px 6px 0px 5px;

	background-image: url(../img/menu_li_bg01.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#side .side_navi_naka li a{ display:block;
font-size: 1.05em; line-height: 1.38em;
	font-weight:normal;
	padding:8px 8px 4px 18px;
	margin: 0px 0px 0px 0px;
	background:none;
}




body.bgcolor_black #side .side_navi_naka li a,body.bgcolor_blue #side .side_navi_naka li a{	background-image: url(../img/menu_li_bg01.gif); background-repeat:no-repeat;}
body.bgcolor_white #side .side_navi_naka li a,body #side .side_navi_naka li a{	background-image: url(../img/menu_li_bg01.gif); background-repeat:no-repeat;}

body.bgcolor_black #side .side_navi_naka li a,body.bgcolor_blue #side .side_navi_naka li a{	background-image: url(../img/menu_li_bg01.gif); background-repeat:no-repeat;}
body.bgcolor_white #side .side_navi_naka li a,body #side .side_navi_naka li a{	background-image: url(../img/menu_li_bg01.gif); background-repeat:no-repeat;}

#side .side_navi_naka li A:link {	 text-decoration:none; color:#333;}
#side .side_navi_naka li A:visited{	text-decoration:none; color:#333;}
#side .side_navi_naka li A:active  {text-decoration:underline;}
#side .side_navi_naka li A:hover{	text-decoration:underline;}



body.bgcolor_black #contents #side #side_frame .side_menu01 li A.fontcolor_black:link,
body.bgcolor_black #contents #side #side_frame .side_menu01 li A.fontcolor_black:visited,
body.bgcolor_black #contents #side #side_frame .side_menu01 .fontcolor_black li A:link{color:#fff!important;}
body.bgcolor_black #contents #side #side_frame .side_menu01 .fontcolor_black li A:visited{ color:#fff!important;}


body.bgcolor_blue #side #side_frame .fontcolor_black li A:link {color:#fff!important;}
body.bgcolor_blue #side #side_frame .fontcolor_black li A:visited{ color:#fff!important;}

body.bgcolor_blue #side #side_frame .fontcolor_blue li A:link {	 color:#ff0!important;}
body.bgcolor_blue #side #side_frame .fontcolor_blue li A:visited{	 color:#ff0!important;}

body.bgcolor_blue #contents #side #side_frame .side_menu01 li A.fontcolor_white:link,
body.bgcolor_blue #contents #side #side_frame .side_menu01 li A.fontcolor_white:visited,
body.bgcolor_blue #contents #side #side_frame .side_menu01 .fontcolor_white li A:link{color:#ff0!important;}
body.bgcolor_blue #contents #side #side_frame .side_menu01 .fontcolor_white li A:visited{ color:#ff0!important;}


/* ========================================================================== */
/* 08-01) サブメイン 各ページ共通 基本設定 CSS */
/* ========================================================================== */

/* ----- 各ページ共通 タイトル設定 .title --------------------------------- */

/* メインタイトル */
h1.title{ color:#fff; margin:0px 0px 20px 0px; padding:9px 12px 6px 30px; font-size:140%;
background-image: url(../img/h1_bg.gif);
background-repeat:no-repeat;
min-height:32px;
color:#004E9B;
border:1px #99CCFF solid;
background-color:#fff;
font-weight: bold;
word-wrap: break-word;
word-break: break-all;
}

.bgcolor_black h1.title{background-image: url(../img/h1_bg_black.gif); color:#FFF; border:1px #666 solid;}
.bgcolor_blue h1.title{background-image: url(../img/h1_bg_blue.gif); color:#FFF; border:1px #fff solid;}
.bgcolor_white h1.title{background-image: url(../img/h1_bg.gif);}



/* サブタイトル(詳細入力：見出し) */
h2.title{ background-color:#ECF5FF; color:#004E9B;
border:1px #99CCFF dotted;
margin:12px 0px 6px 12px; padding:6px 26px 4px 26px; font-size:120%; line-height:130%;
background-image: url(../img/bg_h2.gif);
background-position:top left;
background-repeat:no-repeat;
min-height:20px;
font-weight:normal;}

.bgcolor_black h2.title{background-image: url(../img/bg_h2_black.gif); color:#FFF; background-color:#333333; border:1px #666 solid;}
.bgcolor_blue h2.title{background-image: url(../img/bg_h2_blue.gif); color:#FFF; background-color:#0080FF; border:1px #fff solid;}
.bgcolor_white h2.title{background-image: url(../img/bg_h2.gif);}


/* ----- 中ページ基本設定 .honbun ----------------------------------------- */
.honbun { font-size: 1.05em; line-height: 1.48em;
margin:0px 0px 0px 16px; padding:12px 6px 12px 0px;

word-wrap: break-word;
word-break: break-all;
}



/* ----- パンくずリスト --------------------------------------------------- */
#pan {
 margin:0px 0px 28px 0px; font-size:90%;
 line-height:135%;}

#pan a{padding:0px 4px 0px 0px;}



.honbun p{ padding:0px; margin:0px;}

.honbun ol{ padding:0px; margin:0px 0px 0px 24px;}
.honbun ul{ padding:0px; margin:0px 0px 0px 24px; font-size:100%; line-height:120%;}
.honbun li{ padding:0px; margin:6px 0px 4px 0px; font-size:100%; line-height:120%;}

.honbun pre{ padding:0px; margin:0px; font-size:95%; line-height:130%; padding:4px 16px 12px 0px;}


/* 中ページ画像設定 */
.honbun_img{ margin: 4px 10px 6px 30px; max-width:100%; height:auto;}

/* 画像揃え 関係 */
.f_left{float: left;}
.f_right{padding-left:20px; float:right; margin: 2px 0px 2px 6px;}
.i_left{float: left;}

/* 添付ファイル設定 */
.sky{ margin:16px 0px 0px 24px;}

.honbun th{ font-size:90%; padding:4px;}
.honbun td{ font-size:90%; padding:4px;}

















/* ========================================================================== */
/* 08-01) 旧サイトからの引継ぎ 各ページ共通 基本設定 CSS */
/* ========================================================================== */

/* --------------------------- */
/* テーブルタブの装飾 20080423 */
/* --------------------------- */

/* TABLE １ピクセルの枠線 */
.honbun TABLE.line { max-width:620px;
	border-collapse: collapse ;
	border: 1px #0A6896 solid;

}
/* TABLE １ピクセルの枠線 */
.honbun TABLE.line TH { 
	VERTICAL-ALIGN: top;
	border: 1px #0A6896 solid;
	padding: 3px 6px 3px 6px;
	background-color:#f0f8ff;
	height: 17px
}



body.bgcolor_black .honbun TABLE.line TH,body.bgcolor_blue .honbun TABLE.line TH{ background:none!important;}


/* TABLE １ピクセルの枠線 */
.honbun TABLE.line TD { 
	VERTICAL-ALIGN: top;
	border: 1px #0A6896 solid;
	padding: 3px 6px 3px 6px;
	min-height:17px;
}

.honbun TABLE,.honbun TABLE TD,.honbun TABLE TH{
	border-color:#0A6896;
}
body.bgcolor_black .honbun TABLE,
body.bgcolor_black .honbun TABLE TH,
body.bgcolor_black .honbun TABLE TD,
body.bgcolor_blue .honbun TABLE,
body.bgcolor_blue .honbun TABLE TH,
body.bgcolor_blue .honbun TABLE TD{ border-color:#FFF;}

body.bgcolor_black .honbun TABLE.line,
body.bgcolor_black .honbun TABLE.line TH,
body.bgcolor_black .honbun TABLE.line TD,
body.bgcolor_blue .honbun TABLE.line,
body.bgcolor_blue .honbun TABLE.line TH,
body.bgcolor_blue .honbun TABLE.line TD{	border: 1px #fff solid;}

.honbun TABLE.line TD.folder { PADDING-RIGHT: 6px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../img/folder.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat }
.honbun TABLE.line TD.file { PADDING-RIGHT: 6px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../img/file.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat }
.honbun TABLE.line TD.dl { PADDING-RIGHT: 6px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../img/dl.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat }
.honbun TABLE.line TD.cal { PADDING-RIGHT: 6px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../img/cal.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat }

FORM { MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px }
.tt1p1 { PADDING-LEFT: 1em; MARGIN: 0em; TEXT-INDENT: -1em; FONT-FAMILY: "ＭＳ ゴシック","Osaka-等幅",monospace }
.tt0p2 { PADDING-LEFT: 1em; MARGIN: 0em }
.tt1p2 { PADDING-LEFT: 2em; MARGIN: 0em; TEXT-INDENT: -1em; FONT-FAMILY: "ＭＳ ゴシック","Osaka-等幅",monospace }
.modoru { BORDER-TOP: #006666 1px solid; FONT-SIZE: 100%; BORDER-BOTTOM: #006666 1px solid }



.folder_line{ width:95%; max-width:820px; font-size:1px; line-height:26px; height:1px; display:none;}





/* ========================================================================== */
/* 00) 各画面幅 共通設定 */
/* ========================================================================== */

.honbun_img img{ max-width:620px!important; height:auto;}
/* --緑-- */
@media screen and (max-width: 1200px) {
.honbun_img img{ max-width:620px!important; height:auto;}
}
/* --青-- */
@media print, screen and (max-width:1140px) and (min-width:951px){
.honbun_img img{ max-width:600px!important; height:auto;}
}

/* --紫-- */
@media screen and (max-width: 950px) {
.honbun_img { margin: 4px 10px 6px 12px;}
.honbun_img img{ max-width:440px!important; height:auto;}
.honbun TABLE{ max-width:430px;}
}

/* --赤-- */
@media screen and (max-width:756px) {

.honbun TABLE{ max-width:98%;}
.honbun_img { margin: 4px 10px 6px 12px;}
.honbun_img img{ w max-width:600px!important; height:auto; float:none;}

}




/* --オレンジ-- */

@media screen and (max-width: 573px) {
	#header_area,.footer_main,#top_banner{ width:100%; max-width:570px;}
	
		/* #contents_naka { width:570px;} */
	.main {  width:100%!important; float: none;}
	.side {  width:100%!important; floatt: none;}
	
	/* 確認用 */
	/*#header{ background-color:#F90; height: auto;  min-height:110px;} */

	#header{width:100%!important; background:none;}
	#header h1{ height: auto;}
	#header h1 img {height: auto; width:250px;}

	/* ヘッダーメニュー */
#header_menu_navi li a { width:auto;}
#header_menu_navi02{ position:absolute; top:6px; right:3px; width:120px; color:#000;}

.h_navi01{ display:inherit;}
.h_menu01,.h_menu01:hover,.h_menu01_current,
.h_menu02,.h_menu02:hover,.h_menu02_current,
.h_menu03,.h_menu03:hover,.h_menu03_current,
.h_menu04,.h_menu04:hover,.h_menu04_current{background-position:0px 0px; height:auto!important; min-height:26px;}


	/* 文字サイズ、文字色等 */
.h_user_interface{ float:none;}
.h_user_interface_frame{
	width:100%; max-width:460px;
 background-color: #06C;
	top:0px;
	margin:auto!important;
}
#fontsize, #fontcolor{
    background-image: none; background-color:#E3EEFB;
    height:18px;
    margin:0px 0px 4px 0px;
    padding:3px 6px 6px 6px;
    text-align: left;
		float:left;
		border:1px #BBCADB solid;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

#fontsize{ width: 200px; margin-right:6px;}
#fontsize img{width:auto; height:20px;}
#fontsize img.fontsize_title{width:50px!important; height:auto;}
#fontcolor img.font_line{ display:none;}
img.fontsize_default{ margin-left:3px; margin-right:3px;}
#fontcolor{ width: 220px;}
#fontcolor img{ vertical-align:middle;}



	/* ヘッダーメインメニュー */

#header_menu_navi {
    margin: auto; p
    text-align: center;
    width: 100%;
}
.h_navi01 span { display:inherit;}
.header_right{ float:none;}

#header_menu_navi ul{ width:95%; border-top:1px #BBCADB dotted; margin-left:3px;}

#header_menu_navi li A{
	font-size:large; line-height:130%; text-align:left; display:block; width:95%;
	border-bottom:1px #BBCADB dotted;}
#header_menu_navi li A:link {padding:8px 0px 0px 36px;}
.h_navi01{background-image:url(../img/header_menu_navi02.png);}



#header_menu_navi { top:150px; position: static;}

	#side,.back01{ clear:both;}
	.modules{ width:368px; }
	.search { width:100%!important; color:#333;}


.footer .footer_logo img {
    max-width:371px;
    width: 100%;
}

.search_frame { width:96%!important;   float:left; margin-left:6px; padding:3px 0px;}
#header input#header_input { width:80%!important; }

#contents{ background-image:url(../img/contents_bg_s.jpg); position:static; clear:both!important; padding-top:12px;}
#header { min-height:100px;}

#header_menu_navi,.side{visibility: hidden; display: none; height:1px!important;}

#pan { font-size:xx-small;
    margin: 0 0 5px 0px;
}


}











@media screen and (max-width:378px) {
	#header_area,.footer_main,#top_banner{ width:100%; }
	#contents_naka {width:100%; max-width:360px;} 
.h_user_interface{ float: left;
  margin:0px 0px 0px 8px; padding:0px 0px 0px 0px}
#header_menu_navi02 {
    position: static;
    left:12px;
    top:0px;
    width:97%;
 margin:0px 0px 2px 8px;
}

#pan{ margin-bottom:8px;}
h1.title{  font-size:120%; margin-bottom:6px;}
h2.title{margin: 12px 0 6px 6px;}

.header_right {float: none; position:static;}

#fontsize, #fontcolor { width:92%;}

#contents {width:100%;}
.modules {width:95%; padding:0px; margin:0px;}
.modules li{width:90%; padding:5px; margin:3px;}

.search_frame { width:94%!important; padding:3px 0px; left:12px;}
.search_frame img{ vertical-align:middle;}
#header input#header_input { width:60%!important; }

#header_menu_navi li A{ width:90%;}

.footer{ position:inherit!important; clear:both; margin-top:16px;}
.footer .footer_logo img{ width:100%; max-width:200px;}


.honbun{ margin-left:3px;}

#header_menu_navi,.side{visibility: hidden; display: none; height:1px!important;}
.f_right {float: none;}
.f_left {float: none;}
}