body {
	margin: 0px;
	text-align:left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	
}

img { 
    max-width: 100%; 
    height:auto;
	border: none;
}

a:hover img {
 opacity: 0.5;
}
 
a img {
 transition: opacity 0.5s ease-in;
}

/*********************
メインメニュー
***********************/

div#head_line {
	margin: 0;
 background-image:url(../images/menu/main_menu.jpg);
	color:#FFF;
	font-size:small;
}

div#wrapper {
	width: 1000px;
margin: 0 auto;

}



div#wrapper_bg {  
 margin: 0; 
 clear: both;
 background-repeat:repeat;
 background-image:url(../images/menu/main_menu.jpg);
 height: 60px;

}
div#wrapper_menu {
	width: 1000px;
	height: 60px;
	margin: 0 auto;
}

div#wrapper_menu ul{  
	list-style: none;
	width:1000px;
		height: 60px;
		padding: 0px;
		margin: 0px;

}


div#wrapper_menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}




/*********************
ヘッダー(スライダー)
***********************/

div#wrapper_swip_bg {
	 margin: 0; 
	 	height: 300px;
 background-repeat:repeat;
 background-image:url(../images/002.jpg);
}

    .swiper-container {
        width: 100%;
        background: #000;
    }

	
.rela {
    position: relative;
        width: 100%;
}

.abso {
	position: absolute;
	color: #000;
	background: rgba(230,230,230,0.5);
	bottom: 100px;
	left: 120px;
	width: 30%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
}

.abso p {
    font-size: 150%;
	margin: 0px;
}

.abso div {
    font-size: 100%;
}


/*********************
コンテンツ
***********************/



.txt_box {
	font-size:small;
	text-align: justify;
	text-justify: inter-ideograph;
	width: 960px;
	border: 1px solid #999;
	padding: 20px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.box {
	float: left;
	display: inline-block;
	margin: 5px;
	padding:5px;
}

.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}


.txt_coment {
	width: 940px;
	margin: 0 auto;
	padding:5px;
	line-height: 2;
	font-size:small;
	text-align: justify;
  text-justify: inter-ideograph;
	
	}
	
.txt_bold {
	font-weight:bold;
	color:#333;
	font-size:medium;
	line-height: 2;
}

.txt_bold2 {
	font-weight:bold;
	color:#099;
}

.migigawa {
	float: right;
	padding-left:20px;
}

#pagetop{
            position:fixed;
            right: 0px;
            bottom: 60px;
            cursor:pointer;
        }
		
.cooperative_01{
width: 100%;
border-collapse: collapse;
}

.cooperative_01 td{
padding: 6px;
width: 20%;
text-align: left;
vertical-align: top;
background-color: #fff;
border: 1px solid #b9b9b9;
}
	
/*********************
フッター
***********************/




div#wrapper_foot {
	padding: 50px;
 clear: both;
 background-color:#f2f2f2;
 	font-size:small;
	height: 80px;
}

.foot_txt {
	width: 1000px;
	margin: 0 auto;
	 }

.copy {
	padding-top: 20px;
	width: 960px;
	text-align:right;
	margin: 0 auto;
	line-height:120%;
}