@charset "utf-8";

/* ========================================================================== */
/* 01) 基本設定 全体 */
/* ========================================================================== */
*{
    margin:0;
    padding:0;
}
html{
    margin:0;
    padding:0;
}

body {
  margin: 0 auto;
  padding: 0;

}

/* IE6用印刷設定 */
@media print {
body { _zoom: 67%;}
}


/* -- 各ブラウザ向け フォント指定 -- */

/* IE6用 */
* html body {
font: 12px/16px "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
vertical-align: baseline;
text-align: center;
}

/* IE7用 */
*:first-child+html body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/* IE6・IE7以外用 */
html>/**/body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/* Firefox等 モダンブラウザ用 */
html:not(:target) body {font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}

pre{ font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
br.br_clear{ clear:both!important;}


/* 基本リンク色　各設定 */
A:link {COLOR: #004477; text-decoration: underline;}
A:visited {COLOR: #004477; text-decoration: underline;}
A:hover {text-decoration: none; COLOR: #cc3300;}
A:active {text-decoration: none; COLOR: #cc3300;}



/* ----- 基本設定 全体 (変更不要)　---------------------------------------- */

UL,LI,p{PADDING: 0px;	MARGIN:0px;}
IMG {border-width: 0px;}

H1{
	font-weight: bold;
	line-height:125%;
	FONT-SIZE: 140%;
}

H2{
	font-weight: bold;
	line-height:125%;
	FONT-SIZE: 130%;
}

H3  {
	font-weight: bold;
	line-height:125%;	FONT-SIZE: 120%;
}

H4 {	line-height:125%;	FONT-SIZE: 110%;}
H5 {line-height:125%;	FONT-SIZE: 100%;}
H6 {line-height:125%;	FONT-SIZE: 90%;}

input,select{vertical-align:middle;}
select{font-size:110%; line-height:130%; padding:1px;}



/* ----- 入力関係 ------------------------------------------------- */
input, select,textarea{ font-size: 1.15em; line-height: 1.48em; padding:2px;}
input{padding:2px 3px 3px 3px;line-height: 1.15em;}
select{	padding:1px 2px;}
label{ font-size: 1.15em; line-height: 1.48em;}





/* ========================================================================== */
/* 02) 基本枠 */
/* ========================================================================== */


/*----------------------------------------------------------------------
　　リサイズ時の動きの速度・位置など
----------------------------------------------------------------------*/
.motionContainer.masonry,
.motionContainer.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.motionContainer.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.motionContainer.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/* disable transitions on container */
.motionContainer.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}


/*----------------------------------------------------------------------
　　リサイズ エリア基本設定
----------------------------------------------------------------------*/
.modules {
  margin: 0 auto 3em;
  padding: 5px;

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

.modules li{
  margin: 5px;
  float: left;
	list-style:none;
}



.modules li a{
  width:290px;
  margin: 5px;
  float: left;
	list-style:none;
  padding:21px 10px 10px 40px;
	min-height:30px;

	border:1px #0099FF solid;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-size:110%;
	line-height:130%;
  background-image: url("../img/shigikai_li_bg.gif");
  background-repeat: no-repeat;
	background-color:#EEEEEE;
}
.modules li A:link,.modules li A:visited{ COLOR:#333!important; text-decoration: none;  background-position:0px 0px;}

.modules li A:hover,.modules li A:active{ COLOR:#FFF!important; text-decoration:underline; COLOR: #cc3300; background-color:#17A5E7;
  background-position:-600px 0px;}



.modules li p { padding: 10px; font-size: 77%;}
.modules li p.thumb { text-align: center; padding: 10px 10px 2px;}

.modules li p.caption {  padding: 0 10px 10px;}





/* ========================================================================== */
/* 02-01) 基本枠 */
/* ========================================================================== */


#contents_top{  max-width:950px;
	padding:0px 0px 0px 0px;
	margin: auto;

	clear:both;
}

.container{ max-width:950px; margin: 0 auto;}
.modules{ max-width:950px; margin: 0 auto;}
#contents_naka { max-width:950px; margin: 0 auto;

}



/* ========================================================================== */
/* 03) 本文部分 */
/* ========================================================================== */


.main {width:100%;  float: left; margin:0px auto 0px auto;}

/* --記事エリア-- */
.main_area{ padding:0px 12px 26px 20px;}


/* ========================================================================== */
/* 03) 右メニュー */
/* ========================================================================== */
.side {  width:260px;  float: right;
  background-image: url("../img/side_top.gif");
  background-position:top left;
  background-repeat: repeat-x;
	background-color:#EFF9FF;
	margin-top:12px;

}




/* ========================================================================== */
/* 04) ヘッダー */
/* ========================================================================== */

/* ----- ヘッダー基本設定 ------------------------------------------------- */

#header{
	min-height:112px; _height:145px;
	border-top:3px #235EA8 solid;

	}
#header_area{ max-width:890px; margin:0px auto 0px auto;text-align:left;}
.move_item li{ padding:0px; margin:0px;}

/* ----- ロゴ  ----- */
#header h1{ width:239px; max-width:239px; height:85px; float:left;}
#header h1 img{ width:100%; max-width:239px; height: auto;}





.search_frame{ float:right;
text-align: center; padding:8px 4px 6px 8px; margin-top:2px; margin-right:5px;
border:1px #ABBDD1 solid;
background-color:#E4EDFC;
width:420px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
#header input#header_input{ font-size: 16px; line-height:18px;  padding:0px 2px 2px 2px; width:250px;}







/* ----- 右エリア ------------------------------------------------- */
.header_right{ float:right; width:500px; }


/* ----- 右エリア上部 ユーザーインターフェース部 ------------------------------------------------- */
.h_user_interface{
float:right; text-align:right!important;
margin:6px 0px 0px 8px;

}


/* -- フォントサイズ ----- */
#fontsize,#fontcolor{ width:245px; height:32px;
	background-image:url(../img/user_interface_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	float:left;
	margin:0px 0px 0px 0px; padding:6px 0px 0px 12px;
}

#fontsize img,#fontcolor img{ vertical-align:middle;}






/* -- ヘッダーメニュー ----- */

#header_menu_navi02 { font-size:12px; line-height:16px; float:left; text-align:left; width:150px;
	margin:12px 0px 2px 0px; _margin:12px 0px 0px 0px; padding:0px 0px 6px 0px;
}
#header_menu_navi02 ul{ text-align:right!important;
	list-style:none!important;
	margin:0px 0px 0px 0px; 
	padding:0px;
}
#header_menu_navi02 li{border:0px; float: left; margin:0px 8px 0px 0px; padding:0px 0px 0px 9px;
 border:0px solid;
	background-image:url(../img/header_menu_navi_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#header_menu_navi02 A:link  {text-decoration:none;}
#header_menu_navi02 A:visited {text-decoration:none;}
#header_menu_navi02 A:active  {text-decoration:underline;}
#header_menu_navi02 A:hover {text-decoration:underline;}










/* ----- ヘッダーサイト内検   ------------------------------------------ */
.search { font-size:10px; line-height:16px;
	margin:0px 0px 0px 0px; _margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
	float:left; text-align:right;
 letter-spacing:1px;
 width:485px;

 text-align:right;


}

















/* ========================================================================== */
/* 05) フッター */
/* ========================================================================== */

/* ----- フッター基本設定 ------------------------------------------------- */
.footer {
	padding:0px; margin:0px;
	border-top:2px #24475B solid;
	background-color:#ECE8CD;
}


.footer_copyright {
	padding:4px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align: center;
	font-size:90%;
	line-height:160%;
	color:#fff;
	background-color:#333333;
	height:80px;
}


.footer_main{margin:auto; width:950px;}
.footer_comment{ font-size:80%; line-height:140%; border-bottom:#999 1px dotted; padding:0px 6px 6px 6px;
margin:6px 6px 12px 6px;}

.footer_logo{ font-size:90%; line-height:140%; padding:0px; margin:6px 6px 0px 6px;}
.footer_address{ font-size:80%; line-height:140%; padding:0px 6px 6px 3px;
margin:3px 6px 12px 6px; letter-spacing:1px;}

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

.footer_icon_top{ float: right; width:120px; text-align:left;}
.footer_copyright_naka{ max-width:950px; margin:0px auto 0px auto; text-align: center;}



/* ========================================================================== */
/* 05) その他 */
/* ========================================================================== */


/* ----- もどるリンク 各種設定 -------------------------------------------- */
/* width:750px */
.back01{  clear:both;
	margin: 40px 0px 0px 0px;
	text-align: right; 
}
/* width:950px */
.back02{  clear:both;
	margin: 40px 0px 0px 0px;
	text-align: right; 
}

.back{ float:right;
	padding: 3px 6px 3px 6px;
	overflow: hidden;
	border-top: 2px solid #99CCFF;
	border-bottom: 1px solid #99CCFF;
	font-size: 13px;
	text-align: right; 
	text-align:center;
}

.back img{ margin:3px 3px 3px 4px; vertical-align:middle;
}


/* ========================================================================== */
/* 08-2) 各ページ共通基本設定 エラーメッセージ等 */
/* ========================================================================== */

/*-------------------------*/
/* TABLE ERROR表示用 */
/*-------------------------*/
#error {
	text-align:left;
	margin:6px 20px 16px 0px;
	padding:0px;
	border:6px solid #FFD0D3;
	color:#333;
}

#error th{border-bottom:1px #FFC8C8 dotted;}
#error td{border-bottom:1px #FFC8C8 dotted;}
.error01{
	text-align:left;
	margin:0px;
	padding:10px 16px 10px 26px;
	border-collapse: collapse;
	border:1px solid #FF7D7D;
}
.error02{ padding-bottom:3px;
border-bottom:2px #FF0000 solid; margin-bottom:4px;
}

#error hr {
   border-style: solid;
   border-width:0px; height:1px;
   border-color:#ff4500;
   width:100%;
}
#error strong{ color:red;}
#error img{vertical-align:middle; margin-right:3px;}

/*-------------------------*/
/* TABLE warning表示用 */
/*-------------------------*/
#warning {
	text-align:left;
	margin:0px 20px 16px 20px;
	padding:10px 30px 10px 10px;
	border-collapse: collapse;
	border:2px dashed #0066FF;
}
#warning hr {
   border-style:solid;
   border-width:2px;
   border-color:#0066FF;
   width:100%;
}
#warning strong{
   color:blue;
}

.centering{ float:left;
border:1px #BABA9C solid;
background-color:#E9E9DF;
width:260px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:5px;
}
.centering_naka{ padding:6px 0px 6px 6px; margin:0px; background-color:#FFF;
-moz-border-radius:6px; min-height:210px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px #DCDCCB solid;
}
.centering_comment{ margin:0px 0px 6px 20px; width:230px; font-size: 1em; line-height: 1.5em;}
.centering_comment img{ margin:0px 0px 0px 0px; margin-left:-6px;}

.sigikai_top_logo{ float:right; margin:26px 0px 0px 0px;}

.shigikai_slide{ margin:auto;}











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


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

#top_menu li{	padding:4px; margin:0px 12px 5px 12px; list-style:none;}


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

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


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

#top_menu li.s_submenu_text{background-image: url(../img/side_menu_bg01.gif);}
#top_menu 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;
}

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

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





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






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

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


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

}
#top_menu .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;
}
#top_menu .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 #top_menu .side_navi_naka li a,body.bgcolor_blue #top_menu .side_navi_naka li a{	background-image: url(../img/menu_li_bg01.gif); background-repeat:no-repeat;}
body.bgcolor_white #top_menu .side_navi_naka li a,body #top_menu .side_navi_naka li a{	background-image: url(../img/menu_li_bg01.gif); background-repeat:no-repeat;}

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







.top_icon ul{ text-align:center; width:760px; min-height:80px; padding:20px 0px 20px 0px; margin:0px auto 20px auto;}
.top_icon li{ width:220px; float:left; margin:0px 6px 5px 6px; }



/* ========================================================================== */
/* 05) 各種画面幅設定 */
/* ========================================================================== */

.modules{ width:950px; }

/* --緑-- */
@media only screen and (max-width:1200px) and (min-width:1141px){
	.main {  width:860px;  float: left;}
	.side {  width:260px;  float: right;}

	/* 確認用 */
	/* #header{ border-color:#066} */

	.contents,.footer_main,#contents_top{ width:950px;}

}

/* --青-- */
@media only screen and (max-width:1140px) and (min-width:951px){
	#contents_naka { width:950px;}
	.main {  width:;  float: left;}
	.side {  width:260px;  float: right;}




}





/* --紫-- */
@media only screen and (max-width:950px) and (min-width:751px){
	#contents_naka,.main_area{ width:750px;}
	.main {  width:480px;  float: left;}
	.side {  width:260px;  float: right;}


	/* 確認用 */
	/* #header{ background-color:#609}*/



	.footer_main,#contents_top{width:100%; margin:auto;}

	.search { width:150px; float:right;}


}


/* --赤-- */
@media only screen and (max-width:756px){
	.main {  width:100%!important; float: none;}
	.side {  width:100%!important; floatt: none;}
	/* 確認用 */
	/* #header{ background-color: #aa0000} */

	
	.footer_main,#contents_top{ width:100%; max-width:750px;}


	.h_user_interface{ margin:0px; padding-top:3px;
	 left:0px; text-align:center;
	}


.search_frame{ clear:both; z-index:100!important; top:80px; left:5px; position:absolute; width:95%; text-align:left; margin-right:3px; min-width:430px;}
#top_banner {
    margin: 0 auto 16px;
    width:97%; padding: 0;
}

.centering{  float: none;}
}