@charset "UTF-8";
/***************************************************
   HTML All Class Element Styles
***************************************************/
html , body {height:100%;}
body {  font-family:Meiryo; font-size: 13px; line-height: 20px; color: #555555;  }
a { color: #036eb8; text-decoration: underline; }
a:hover { color: #238ed8; text-decoration: none; }



.cb { clear: both; font-size: 0; }
#blog_pin { background:url(img/blog_pin_back.jpg); }
body > #wrap {height:auto;}
#wrap { width:100%; margin:0 auto; text-align:left;
		height:100%;/* for IE6 */
	min-height:100%;
	}

/***************************************************
  Header Element Styles
***************************************************/

.head01 { 
		width:100%;
		height:87px;
		margin:0 auto;
		text-align:center;
		}
.menu_top { height:4px;
		width:100%;
		margin:0;
		background-color:#fc495b;}
.navi { width:981px;
		margin:0 auto;	}
		
.menu { 
 float:left;
 margin:0;
 padding:0;}
		

	
			

/***************************************************
  slider Element Styles
***************************************************/
.bg_img {
    margin: 0 auto ;
    width: 980px;
    
}

.sl01 ul{ width:980px;
text-align:center;
		height:400px;
		margin: 0 auto ;
		
		}


#slider { width:980px;
		margin:0 auto;}


#slider li {
    height: 400px;
    width: 980px;
	
}
.bx-wrapper {
    margin-bottom: 50px;
    width: inherit;

	
	
}

.bg_img .bx-wrapper .bx-custom-pager {
    bottom: -50px;
}
.bg_img .bx-wrapper .bx-custom-pager a {
    border: 0 none;
}
.bg_img .bx-wrapper .bx-custom-pager .bx-pager-item {
    margin-right: 10px;
}

/***************************************************
  Contents Element Styles
***************************************************/
.con { width:100%;
		margin:0 auto 30px;
		
		}
		
.kage { width:100%;
		height:11px;
		background-image:url(img/kage.png);
		background-repeat:repeat-x;}		

#info01 { width:100%;
		height:100%;
		text-align:center;
		background-image: url(img/info_bg.jpg);
		background-repeat:repeat;
		height:100%;
		margin-bottom:30px;
		}
#info_in { width:980px;
		margin:0 auto ;
		padding-bottom:30px;}		
		
#info01_l { width:800px;
margin:0 auto;
background-color:#fff;
padding:10px;
			}
			
	

#info02 { width:100%;
		text-align:center;
		
		}
		
#info02_in { width:980px;
		margin:0 auto;}		

#info02_l { width:800px;
			margin:0 auto;
			background-color:#fff;
			text-align:left;}
			
#info02_r { width:322px;
			float:left;}			
		
		
.title_pic { width:980px;
			height:150px;
			margin-bottom:50px;}		
		
.info_box { width:800px;
		height:250px;
		overflow:auto;
		text-align:left;
		font-size:12px;
		line-height:170%;
		text-align:left;}
		
#bana_l { width:350px;
text-align:left;
			float:left;
		}	
		
.con2 li { float:left;}		
				
				

.title1 { line-height:29px;
		font-size:15px;
		color:#FFF;
		font-weight:bold;
		padding-left:10px;
		background: url(img/title_bg.jpg) no-repeat;
		 width: 650px; height: 29px;
		  margin-bottom:20px;}	
		
.gaiyou td { padding:14px 0 14px;
			border-bottom:1px dotted #c0c0c0;}	
			
.nenkan td { border-bottom:1px dotted #c0c0c0;
			font-size:14px;
			color:#000;
			padding:20px 0;
			line-height:175%;}
			
.nenkan td .nen_l { font-size:30px;
				 font-weight:bold;
				 color:#555555;}	
				 
.nenkan td .nen_r { font-size:20px;
				  color:#555555;}					 						
/***************************************************
  Footer Element Styles
***************************************************/
#footer {width:100%;
	height:240px;
	background-color:#fdeeee;				}

#back-top {width:980px;
text-align:right;
margin:0 auto;

}
#back-top a {
    width: 65px;
   
}
#back-top span {
    width: 65px;
    height: 32px;
   
    
   
}




/***************************************************
  Qand.html
***************************************************/

.midasi1{
		 text-align: left; 
		 font-size: 14px; 
		 border-bottom:#ec6d65 solid 1px;
		 border-left:#ec6d65 solid 3px;
		  margin:0 0 10px 0;
		   padding-left:10px;
		    line-height:170%; 
			font-weight:bold;
}

.midasi2{
		 text-align: left; 
		 font-size: 14px; 
		 border-bottom:#ec6d65 solid 1px;
		 
		  margin:0 0 10px 10px;
		   padding-left:10px;
		    line-height:170%; 
			font-weight:bold;
}

.midasi3{
		 text-align: left; 
		 font-size: 14px; 
		color:#ec6d65;
		 
		  margin:0 0 10px 10px;
		   padding-left:10px;
		    line-height:170%; 
			font-weight:bold;
}



.bun{
		text-align:left;
		 font-size:13px;
		  margin:0 0 20px 0;
		  line-height:170%;}
.bun_last{
		text-align:left;
		 font-size:13px;
		  margin:0 0 50px 0;
		  line-height:170%;}		  
		  
.bun2{
		text-align:left;
		 font-size:13px;
		  margin:0 0 20px 30px;
		  line-height:170%;}		  
		  
.bun3{ 
		text-align:left;
		 font-size:13px;
		  margin:0 10px 10px 20px;
		  line-height:170%;}
		  
.bun4{
		text-align:left;
		 font-size:13px;
		  margin:0;
		  line-height:170%;}		  		  		  
		  
.kugiri { margin:0 10px 10px;
		height:1px;
		border-bottom:1px dotted #999999;}		  
		
.sankahi td { padding:2px 4px;}	

.jimu01 { width:290px; 
		float:left;
		padding-top:40px;
		font-size:11px;}	

.jimu02 { width:363px;
		float:right;
		padding-top:40px;
		font-size:11px;}
		
.link_naka { width:170px;
		margin-left:30px;
		padding-top:40px;
		font-size:11px;
		line-height:15px;}			
		
.act_title { font-size:18px;
			color:#009fe8;
			font-weight:bold;}
			
/* =======================================
	wideslider
======================================= */			
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #000 url(img/prev.png) no-repeat right center;
				}
.slider_next {background: #000 url(img/next.png) no-repeat left center;}

.pagination {
	bottom: 1000px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}