@charset "UTF-8";
/* layout */



/* all
------------------- */




/* wrapper
------------------- */
#wrapper{
	}


/* header
------------------- */
#header{
	width:960px;
	margin:0 auto;
	position:relative;
	top:0px;
	z-index:40;
	height:100px;
	}
	#header h1{
		color:#595959;
		font-size:90%;
		position:absolute;
		top:50px;
		left:0;
		}
	#header #logo{
		position:absolute;
		top:5px;
		left:0;
		}
	#header ul#header_menu01{
		height:1em;
		line-height:1em;
		border-left:1px solid #595959;
		padding-left:10px;
		position:absolute;
		right:0;
		top:15px;
		}
		#header ul#header_menu01 li{
			float:left;
			margin-right:10px;
			padding-right:10px;
			border-right:1px solid #595959;
			height:1em;
			line-height:1em;
		}
	#header ul#header_menu02{
		font-weight:bold;
		height:1em;
		line-height:1em;
		position:absolute;
		left:0;
		bottom:0;
		border-bottom:1px dotted #4797D6;
		padding-bottom:5px;
		}
		#header ul#header_menu02 li{
			float:left;
			margin-right:15px;
			background:url(../images/header_icon_arrow.png) no-repeat left center;
			padding-left:17px;
			height:1em;
			line-height:1em;
			}
			#header ul#header_menu02 li.last{
				margin-right:0!important;
				}
	#header ul#header_menu03{
		position:absolute;
		right:0;
		bottom:-10px;
		height:60px;
		background-color:#00a3e5;
		padding:12px;
		border:solid 1px #e9e9e9;
		}
		#header ul#header_menu03 li{
			margin-left:10px;
		color:#FFFFFF;
		font-weight:bold;
			}
		#header ul#header_menu03 li a{
		color:#FFFFFF;
			}
		

/* main_img
------------------- */
#main_img{
	width:100%;
	margin:0 auto;
	position:relative;
	margin:-100px auto 0 auto;
	/*border:1px solid #EEE;*/
	height:540px;
	overflow:hidden;
	text-align:center;
}

#main_img #slide{
	position:absolute;
	width:2000px;
	left:50%;
	margin-left:-1000px;
	}
	#slide ul li{
		width:2000px;
		height:540px;
		}
	#slide ul li img {
    /*position: absolute;
    top: 0;*/
}
	#main_img #btn_toform{
	position:absolute;
	top:150px;
	width:100%;
	text-align: center;
	font-family: "HiraKakuProN-W6",sans-serif;
	font-weight:bold;
	z-index:30;
	color:#1F90D4;
	font-size: 32px;
	}

/* gnavi
------------------- */
#gnavi{
	background:#00A3E5 url(../images/gnavi_bg.png) repeat-x bottom;
	color:#fff;
	padding:10px 0;
	}
	#gnavi a{
		color:#fff;
		}

#gnavi ul{
	width:955px;
	margin:0 auto;
	background:url(../images/gnavi_bg_list.png) repeat-y left;
	height:3em;
	}

#gnavi ul li{
	background:url(../images/gnavi_bg_list.png) repeat-y right;
	float:left;
	width:191px;
	text-align:center;
	height:3em;
	line-height:1.25em;
	display: table;
	}  
	#gnavi ul li a{
	display: table-cell;
	vertical-align: middle;
	height:3em;
		}
	#gnavi ul li a:hover{
		/*background:#0D7DD6;*/
		text-decoration:none;
		}
	#gnavi .overlay {
		background:url(../images/gnavi_bg.png) repeat-x center!important;
		}  


/* content
------------------- */
#content{
	width:960px;
	margin:25px auto;
	}
	
	#content #side_left{
		width:190px;
		margin-right:22px;
		float:left;
		}
		#content #side_left ul{
			margin-bottom:15px;
			}
			#content #side_left ul li{
				margin-bottom:2px;
				}
			
		
	#content #main{
		width:525px;
		float:left;
		margin-right:23px;
		overflow:hidden;
		}
	#content #side_right{
		width:190px;
		float:left;
		}
		
		
		
	#content #side_right #topics{
		margin-bottom:15px;
		line-height:1.25em;
		}
	#content #side_right #topics_inner{
		background:#1F90D4;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding:10px 5px 5px 5px;
		margin-bottom:5px;
		}
	#content #side_right #topics_inner h2{
		margin-bottom:5px;
		text-align:center;
		}
		
	#content #side_right #topics_inner dl dt{
			width:10em;
			}
	#content #side_right #topics_inner dl dd{
		border-bottom:1px solid #d1d1d1;
			padding-bottom:5px;
			margin-bottom:5px;
			}
		
		
			#content #side_right #topics_inner dl{
			background:#F0F3F6 url(../images/sider_pastpost_border.png) repeat-x bottom;
			padding:10px 7px;
			font-size:95%;
			}
			#content #side_right #topics_inner dl a{
				display:block;
				background:url(../images/sider_icon_arrow.png) no-repeat left 0.25em;
				padding-left:15px;
				}
	#content #side_right #topics .toall{
		font-size:90%;
		text-align:right;
		color:#1F90D4;
		margin-bottom:20px
		}
		#content #side_right #topics .toall a{
			color:#1F90D4;
		margin-bottom:20px
			}



/* footer
------------------- */
#footer{
	background:#B6D6EF;
	font-size:95%;
	clear:both;
	}
	#footer_inner{
		width:960px;
		margin:0 auto;
		padding:15px 0;
		position:relative;
	}
	#footer_inner ul{
		padding-left:10px;
		border-left:1px solid #595959;
		margin-bottom:10px;
		}
	#footer_inner ul li{
		float:left;
		margin-right:10px;
		padding-right:10px;
		height:1em;
		line-height:1em;
		border-right:1px solid #595959;
		}
	#footer_inner #cr{
		color:#251E1C;
		margin-top:30px;
		/*font-size:95%;
		width:830px;*/
		}
	#footer_inner #comm{
		position:absolute;
		right:0;
		top:10px;
		}


/* footer_fixed
------------------- */
html,
body,#wrapper {
  height: 100%!important;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -120px;
}
 
/* Set the fixed height of the footer here */
#push,
#footer {
  height: 120px;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 760px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 151014追加
------------------- */
.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

#content #side_right ul{
	margin-bottom:10px;
		}
		
#content #side_left p{
			margin-bottom:15px;
			}

/* 180424追加
------------------- */
table#privacy, table#privacy th, table#privacy td {margin:10px 0; border:solid 1px #666; padding:5px;}
table#privacy th {font-weight:bold; background-color:#ccc;}

.pdl15 {padding-left:2em;}
p.indent {padding-left:1.8em; text-indent:-1.8em; margin-bottom:0!important;}
p.indent_small {padding-left:2.5em; text-indent:-1.1em; margin-bottom:0!important;}
p.indent_small_2 {padding-left:1.1em; text-indent:-1.1em; margin-bottom:0!important;}