@charset "utf-8";

/*
	Last Update:2010/06/15
	Auther: arahori
*/

/*===================================================================
	中央寄せ
===================================================================*/
body  { text-align:center; }
.center { position:relative; width:970px; margin:0 auto; text-align:left; }

#ckeditor_body { text-align:left; }

/*===================================================================
	#base
===================================================================*/
#base { }


/*===================================================================
	#head
===================================================================*/
#head { padding:24px 0; }

/* .site_logo , .site_comment */
.site_logo { float:left; text-indent:-9999px; }
.site_logo a { display:block; width:508px; height:99px; background:url(../image/head/site_logo.jpg) no-repeat left top; }
.site_comment { float:left; margin:30px 0 0 30px; } 

	/*-------------------------------------------------------------------
		#head_sub
	-------------------------------------------------------------------*/
	#head_sub { padding:5px 0 7px; background:#EEE; }
	#head_sub .center { text-align:right; }
	#head_sub a { padding:0 7px; border:1px solid #CCC; background:#FFF; border-radius:4px; color:#222; text-decoration:none; }
	#head_sub li { display:inline; margin-right:5px; padding-right:10px; border-right:1px dotted #CCC; }
	#head_sub li:last-child { margin-right:0; padding-right:0; border-right:none; }
	#head_sub li i { margin-right:3px; }
	#head_sub #backGround .bg_blue { background:#00008B; border-color:#00008B; color:#FFFF00; }
	#head_sub #backGround .bg_yellow { background:#FFFF00; border-color:#FFFF00; color:#222; }
	#head_sub #backGround .bg_black { background:#000; border-color:#000; color:#FFFF00; }

	#head_sub a,
	#head_sub #fontSize li,
	#head_sub #backGround li { padding:0 7px; border:1px solid #CCC; background:#FFF; border-radius:4px; color:#222; text-decoration:none; cursor:pointer; }

	#head_sub #fontSize li,
	#head_sub #backGround li { margin-right:0; }

	#fontSize,
	#backGround { display:inline; }

	/*-------------------------------------------------------------------
		#head_search
	-------------------------------------------------------------------*/
	#head_search { float:right; padding-top:16px; }
	#head_search table td:first-child { padding-right:10px; }
	#head_search table td:first-child input { width:250px; height:23px; background:#FFF; border:1px solid #CCC; }
	#head_search ul { text-align:right; }
	#head_search ul li { display:inline; margin-left:10px; }
	
	/*-------------------------------------------------------------------
		#alert_message
	-------------------------------------------------------------------*/
	#head_aleart { margin:-24px 0 24px; }
	
	#alert_message { margin-top:15px; border-radius:5px; overflow:hidden; font-size:1.17em; }
	#alert_message table { width:970px; border-radius:5px; overflow:hidden;}
	#alert_message th { width:120px; padding:0 5px; background:#E12A2A; color:#FFF; text-align:center; font-weight:bold; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; vertical-align:middle; }
	#alert_message th i { vertical-align:middle; }
	#alert_message td div { border:1px solid #E12A2A; border-radius:0 5px 5px 0; background:#fff;}
	#alert_message td div li { padding:5px 10px; border-bottom:1px solid #E12A2A;}
	#alert_message td div li:last-child { border-bottom:none;}
	/*-------------------------------------------------------------------
		#main_navi
	-------------------------------------------------------------------*/
	#main_navi { position:relative; z-index:100; width:100%; height:100px; }
	#main_navi_contents { width:100%; background:url(../image/navi/main/back.png) repeat left top; }
	#main_navi ul { width:970px; /*display:table;*/ }
	#main_navi li { /*display:table-cell;*/ vertical-align:middle; width:20%; }
	#main_navi li a { display:block; background:#E1F4FB; text-align:center; border-left:1px solid rgba(255,255,255,0.5); border-right:1px solid #B1D6E8; line-height:100px; position:relative; }
	#main_navi li a img { vertical-align:middle; }
	#main_navi li:first-child a { border-left:none; }
	#main_navi li:last-child a { border-right:none; }
	#main_navi .kosodate { position:absolute; top:-33px; right:-102px; }
	
	/* 上部固定 */
	.fixed { position:fixed; top:0; }
	
	
	/*-------------------------------------------------------------------
		#pankuzu_navi
	-------------------------------------------------------------------*/
	#pankuzu_navi { margin-bottom:15px; }
	#pankuzu_navi ul { list-style:none; }
	#pankuzu_navi ul li { display:inline; }
	#pankuzu_navi ul li a,
	#pankuzu_navi ul li span { margin-right:5px; padding-right:10px; background:url(../image/navi/pankuzu/arrow.gif) no-repeat right center; }

	
	/*-------------------------------------------------------------------
		.megamenu
	-------------------------------------------------------------------*/
/*	ul.megamenu { position: relative;}*/
	
	ul.megamenu li.mm-item {
		 float:left;  /*float:none !important;*/ position:relative;
	}
	
	ul.megamenu li { margin: 0px; padding: 0px; }
	
	ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
	  z-index: 10;
	}
	*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
	  border-color: pink;
	  filter: chroma(color=pink);
	}
	
	ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
	  color: #444;
	  background: #FFF;
	}
	
	ul.megamenu div.mm-item-content {
	  background: rgba(255,255,255,0.7);
	  background: #FFFFFF\9; /* IE8 and below */
	  padding: 0px;
	  position: absolute; left:0 !important;
	  z-index: 9;
	}
	
	.mm-content-base {
	  background: rgba(255,255,255,0.72);
	  background: #FFFFFF\9; /* IE8 and below */
	  position: relative;
	  z-index: 11;
	  padding: 10px;
	}
	
	
	.mm-js-shadow {
	  background: rgba(237,237,237,0.72);
	  background: #FFFFFF\9; /* IE8 and below */
	  position: absolute;
	  z-index: 10;
	}
	/*for modern browser / base.css 
	ul.megamenu::after{
		content:"";
		display: block;
		height:0px;
		clear:both;
		line-height:0; 
		visibility:hidden;
	}*/
	
	.megamenu_sub { width:610px; top:100px!important; }
	#main_navi .megamenu_sub ul { width:600px; }
	#main_navi .megamenu_sub li { display:block; float:left; width:250px; font-size:1.15em; margin-top:5px; margin-bottom:5px; }
	#main_navi .megamenu_sub li a { display:inline; background:rgba(0, 0, 0, 0) url(../image/layout/icon_arrow.png) 8px 13px no-repeat;
padding:10px 22px 7px 22px; line-height:1; text-align:left; border:none; }

	#main_navi .megamenu_sub li .sub_1 { }
	#main_navi .megamenu_sub li .sub_2 { }
	#main_navi .megamenu_sub li .sub_3 { }

/*===================================================================
	背景色差し替え
===================================================================*/

.megamenu
	/*-------------------------------------------------------------------
		.back_white
	-------------------------------------------------------------------*/
	.back_white { }

	/*-------------------------------------------------------------------
		.back_black
	-------------------------------------------------------------------*/
	.back_black { }

	.back_black .megamenu_sub *,
	.back_black #head,
	.back_black #primary,
	.back_black #primary *,
	.back_black #primary2,
	.back_black #primary2 *,
	.back_black #foot,
	.back_black #foot *,
	.back_black #secondary * { background-color:#111 !important; color:#FFFF00 !important; text-shadow:none !important; }
	
	.back_black#top #primary,
	.back_black#top #primary2,
	.back_black#top #top_menu,
	.back_black#top #top_menu .fl_left,
	.back_black#top #top_menu .fl_left h4,
	.back_black#top #secondary_menu ul { background-color:#F0F7F9 !important; }

	.back_black #head a,
	.back_black #primary a,
	.back_black #primary2 a,
	.back_black #foot a,
	.back_black #secondary *,
	.back_black#bottom .wrap a { color:#fff !important; background-color:transparent; }

	/*-------------------------------------------------------------------
		.back_yellow
	-------------------------------------------------------------------*/
	.back_yellow { }
	
	.back_yellow .megamenu_sub *,	
	.back_yellow #head,
	.back_yellow #primary,
	.back_yellow #primary *,
	.back_yellow #primary2,
	.back_yellow #primary2 *,
	.back_yellow #foot,
	.back_yellow #foot *,
	.back_yellow #secondary * { background-color:#FFF601 !important; color:#000000 !important; text-shadow:none !important; }
	
	.back_yellow#top #primary,
	.back_yellow#top #primary2,
	.back_yellow#top #top_menu,
	.back_yellow#top #top_menu .fl_left,
	.back_yellow#top #top_menu .fl_left h4,
	.back_yellow#top #secondary_menu ul { background-color:#F0F7F9 !important; }

	.back_yellow #head a,
	.back_yellow #primary a,
	.back_yellow #primary2 a,
	.back_yellow #foot a,
	.back_yellow #secondary *,
	.back_yellow#bottom .wrap a { color:#0000FF !important; background-color:transparent; }

	/*-------------------------------------------------------------------
		.back_blue
	-------------------------------------------------------------------*/
	.back_blue { }
	
	.back_blue .megamenu_sub *,	
	.back_blue #head,
	.back_blue #primary,
	.back_blue #primary *,
	.back_blue #primary2,
	.back_blue #primary2 *,
	.back_blue #foot,
	.back_blue #foot *,
	.back_blue #secondary * { background-color:#00008B !important; color:#FFFF00 !important; text-shadow:none !important; }
	
	.back_blue#top #primary,
	.back_blue#top #primary2,
	.back_blue#top #top_menu,
	.back_blue#top #top_menu .fl_left,
	.back_blue#top #top_menu .fl_left h4,
	.back_blue#top #secondary_menu ul { background-color:#F0F7F9 !important; }

	.back_blue #head a,
	.back_blue #primary a,
	.back_blue #primary2 a,
	.back_blue #foot a,
	.back_blue #secondary *,
	.back_blue#bottom .wrap a { color:#fff !important; background-color:transparent; }

/*===================================================================
	#page_title
===================================================================*/
#page_title { margin-bottom:20px; padding:10px; font-size:1.8em; font-weight:bold; background:#25567F; border-radius:3px; text-align:center; color:#FFF; }
#page_title h2 { font-weight:bold; background:#25567F; }

#page_title.h_emergency { background:#DF2020; margin-bottom:20px; padding:10px; font-size:1.8em; font-weight:bold; border-radius:3px; text-align:center; color:#FFF; }


/*===================================================================
	#main_visual
===================================================================*/
#main_visual { /*margin-top:-100px;*/ background:#F0F7F9; position:relative; z-index:1; }
#main_visual #slider a { display:block; margin:0 auto; height:550px; width:100%;  }
#main_visual iframe { width:560px; height:315px; }

/*===================================================================
	#body
===================================================================*/
#body { padding:30px 0; background:#F0F7F9; }

/* floatクリア / base.css */
#body{}

	/*-------------------------------------------------------------------
		#primary
	-------------------------------------------------------------------*/
	#primary { float:right; width:715px; }
	
	/*-------------------------------------------------------------------
		#secondary
	-------------------------------------------------------------------*/
	#secondary { float:left; width:215px; }
	#bottom #secondary .category { border:2px solid #0A69A0; border-radius:5px; background:#FFF; margin:0 0 5px; padding:8px; font-weight:bold; }
	#bottom #secondary .category a{ display:block; text-decoration:none; color:#0A69A0; background-color:#FFF; }
	#bottom #secondary .category a:before{ font-weight:bold; color:#fff; background:#FFF; }
	#bottom #secondary .child { background-color:#F7F7EB; border-radius:3px; margin-top:3px; padding:5px;}
	#bottom #secondary .child a{ display:block; padding-left:15px; color:#000; font-weight:normal;padding-left:12px; background:#F7F7EB url(../image/layout/icon_arrow.png) no-repeat 3px 4px; }


/*===================================================================
	#foot
===================================================================*/
#foot { padding:20px 0  28px; background:#EFF7F9; }
#foot .fl_right { padding-top:10px; }

/* .foot_logo */
.foot_logo { float:left; }

/* page-top */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 77%;
}
#page-top a {
	width: 75px;
	height:75px;
	display: block;
}

	/*-------------------------------------------------------------------
		#sponsor_banner
	-------------------------------------------------------------------*/
	#sponsor_banner { padding:22px 0 20px; background:#FFF; }
	#sponsor_banner ul li { display:inline; margin-right:15px; }
	#sponsor_banner a img { margin-bottom:10px; }
	
		#sponsor_banner .center { display:table; width:auto; padding:0 25px; }
		#sponsor_banner ul { display:table-cell; vertical-align:middle; }


	/*-------------------------------------------------------------------
		#foot_info
	-------------------------------------------------------------------*/
	#foot_info { float:left; padding:10px 0 0 30px; text-shadow:1px 1px 0 #FFF; }
	#foot_info address { display:inline; }
	#foot_info dt { padding-left:12px; background:url(../image/layout/icon_arrow.png) no-repeat left 4px; }
	#foot_info dd { padding-left:12px; }
	
	/*-------------------------------------------------------------------
		#copyright
	-------------------------------------------------------------------*/
	#copyright { padding:10px 0; background:#C5E0E8; color:#222; }
	#copyright ul li { display:inline; margin-right:15px; }
	#copyright a { color:#222; background-color:transparent; }
	
	/*-------------------------------------------------------------------
		#adminpage_link
	-------------------------------------------------------------------*/	
	#adminpage_link { position:fixed; bottom:0; right:0; padding:15px; font-size:2em; background-color:rgba(92,92,92,0.80); box-shadow: -4px 0px 6px rgba(0, 0, 0, 0.5); }
	#adminpage_link a { color:#fff; text-shadow:0 0 1px rgbr(0,0,0,0.5); background-color:transparent; }
