@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
/******************************************************************************************
ヘッダー
******************************************************************************************/
#header_wrap {
	background-color: #232323;
	width: 100%;
	height: 50px;
	position: fixed;
	overflow: hidden;
	z-index: 99;
}

header {
	height: 24px;
	padding: 13px 0;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
}
#logo { float: left; margin:0;}
/******************************************************************************************
グローバルナビ
******************************************************************************************/
#g_navi {
	height: 24px;
	float:right; 
	overflow: hidden;
	margin-right: 213px;
}
#g_navi ul li { float:left; }
#g_navi ul li a { display: block; text-indent: -9999px; height:24px; }
#g_menu_01 a { margin:0 31px 0 0; background-image:url(../img/g_navi/g_navi_01_off.png); width:36px; }
#g_menu_02 a { margin:0 31px 0 0; background-image:url(../img/g_navi/g_navi_02_off.png); width:76px; }
#g_menu_03 a { margin:0 29px 0 0;  background-image:url(../img/g_navi/g_navi_03_off.png); width:28px; }
#g_menu_04 a { margin:0 31px 0 0;  background-image:url(../img/g_navi/g_navi_04_off.png); width:64px; }

#g_menu_01 a:hover { background-image:url(../img/g_navi/g_navi_01_on.png); }
#g_menu_02 a:hover { background-image:url(../img/g_navi/g_navi_02_on.png); }
#g_menu_03 a:hover { background-image:url(../img/g_navi/g_navi_03_on.png); }
#g_menu_04 a:hover { background-image:url(../img/g_navi/g_navi_04_on.png); }
/******************************************************************************************
セクション
******************************************************************************************/
.section_wrap {
	width: 1000px;
	margin:0 auto;
}
.section_box { padding: 100px 0 100px ; }

/******************************************************************************************
フッター
******************************************************************************************/
#footer_wrap {
	background-color: #232323;
	width: 100%;
	height: 30px;
	position: fixed;
	bottom: 0px;
	overflow: hidden;
	z-index: 99;
}

footer {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
footer #copyright { margin: 8px 0 0 330px; float:left; font-size: 10px; color: #ffffff; }
#page_top { float:right; margin :0 0 0 0; }
/******************************************************************************************
検索ボックス
******************************************************************************************/
#search_wrap {
	position:absolute;
	top:13px;
	right:33px;
}
.screen-reader-text { display: none; }
#s {
    border: none;
    margin: 0;
    height: 22px;
    width: 180px;
}
#searchsubmit {
    background: url(../img/button/search_btn_off.jpg) no-repeat center;
	cursor:pointer;
	display: block;
	width: 38px;
	height: 32px;
	text-indent: -9999px;
	border: none;
	position:absolute;
	top:-4px;
	right:-38px;
	outline:none;
}
#searchsubmit:hover {
    background: url(../img/button/search_btn_on.jpg) no-repeat center;
	transition: .2S;
}
/******************************************************************************************
各ブログページ用の広告注意書き
******************************************************************************************/
.pr_notice {
	color: #777777;
	border: 2px solid #3598db;
	margin: -4% 0 1%;
	padding: 2% 4%;
	background-color: #ffffff;
}