@charset "UTF-8";


/* ========BASIC======== */

	
	
/*-----ページトップへ---------------------------------*/

#side {
    position: fixed;
	padding:3px;
	padding-top:20px;
   top: 0px;
    left: 15px;
	
}

/* ========TEMPLATE LAYOUT======== */



#container{
  position:relative;
  width:960px;
  margin:auto;

	}
#top{
	position:relative;
	}
#title{ text-align:center;
       padding-top:20px;}	
#main{
	position:relative;
	}
	
#footer{
	padding-top:100px;
	height:60px;
	margin:0;
	text-align:center
	}

#pageTop {
   clear:both;
}



	
/* =======TOP======== */

/* ========MENU======== */

/* ========MAIN======== */
#main{
	margin-top:0px;
}

#main a {
   color:#0172AB;
}

#main a:hover {
   color:#0172AB;
   border:0;
   text-decoration:underline;
}
#main p{
	padding-left:20px;
	font-size:14px;
	}


#main h3 {
   margin-bottom:2px;
   padding-left:12px;
   font-size:18px;
   font-weight:bold;
  
}


#main h4 {
   margin:5px 0 2px 0;
   padding:2px;
   font-size:15px;
   background:#d0dfe9;
}

#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   font-size:13px;
   color:#0088D0;
   border-bottom:2px solid #0088D0;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
   color:#0088D0;
}

#main p {
   margin:0 0 1em 0;
}

#main div.section {
   margin-bottom:30px;
}




/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
   text-align:right;
   font-size:14px;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.f_left{
	float:left;
	text-align:center;
	padding:10px;
	padding-left:70px;}
.copyright {
   font-style:normal;
   font-size:11px;
   color:#999;
   line-height:3.0;
}

.copyright a{
	color:#33F;}
	

/* ========各ページ======== */


.tell_n{
	font-size:30px;
	color:#093;
	}

#sliderpro_index{
	border: 10px solid #fff;
}

/*============================
flexbox
============================*/

.flex_w {
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.flex_wc {
	display: -webkit-flex;
	display: flex;

}

.flex1 {
	-webkit-flex: 1;
	flex: 1;
}

.flex2 {
	-webkit-flex: 2;
	flex: 2;
}

.flex3 {
	-webkit-flex: 3;
	flex: 3;
}

.flex4 {
	-webkit-flex: 4;
	flex: 4;
}

.flex5 {
	-webkit-flex: 5;
	flex: 5;
}